barsa-sap-ui 2.0.108 → 2.0.110

package/fesm2022/barsa-sap-ui.mjs

@@ -5761,9 +5761,6 @@ class BarsaTableRowComponent extends BaseViewItemPropsComponent {
     ngOnInit() {
         super.ngOnInit();
         this.el = this._el;
-        if (typeof this.detailsCollapsed === 'undefined' || !this.detailsCollapsed) {
-            this.detailsCollapsed = true;
-        }
         if (this.previewColumn) {
             this._renderer2.addClass(this._el.nativeElement, 'has-preview-column');
         }
@@ -5797,11 +5794,11 @@ class BarsaTableRowComponent extends BaseViewItemPropsComponent {
         this._cdr.detectChanges();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaTableRowComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaTableRowComponent, selector: "bsu-barsa-table-row", inputs: { showDetailsInRow: "showDetailsInRow", detailsComponent: "detailsComponent", detailsColumns: "detailsColumns", detailsText: "detailsText", 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) {\n<tr\n    [class.row-error]=\"hasError\"\n    [class.showdetails-on]=\"!detailsCollapsed\"\n    #trEl\n    fd-table-row\n    [activable]=\"false\"\n    [hoverable]=\"true\"\n    [main]=\"true\"\n    [focusable]=\"true\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [attr.aria-selected]=\"isChecked\"\n    [class.has-preview-column]=\"!!previewColumn\"\n    [class.brule-message]=\"bruleActionMessage || workflowState?.error\"\n    [class.workflow-pending]=\"workflowState?.state === 'Pending'\"\n    [style.background-color]=\"isOdd && !isChecked ? 'var(--sapList_Hover_Background)' : null\"\n>\n    @if (mo.$Group || mo.$Group === '') {\n    <td\n        [style.padding-right]=\"rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n        [style.padding-left]=\"!rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n        fd-table-cell\n        style=\"font-weight: bold; font-size: 1rem\"\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n        class=\"row-group\"\n        [class.mobile-mode]=\"secondaryColumns?.length\"\n        [attr.level]=\"level\"\n        [class.root-group]=\"level === 0\"\n    >\n        <button\n            fd-button\n            [fdType]=\"'transparent'\"\n            [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n            class=\"cell-expand\"\n            (click)=\"onExpandClick()\"\n        ></button>\n        {{ mo.$Group === 'undefined' ? '' : mo.$Group }}\n    </td>\n    } @else {\n\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    @if (isCheckList) {\n    <td fd-table-cell [style.width]=\"checkboxComponent ? '60px' : null\">\n        @if (workflowState?.state === 'Pending') {\n        <div style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\">\n            <bsu-mask [top]=\"'20px'\" [size]=\"'s'\"></bsu-mask>\n        </div>\n        } @if (checkboxComponent?.Selector) {\n        <bnrc-dynamic-item-component\n            [component]=\"checkboxComponent\"\n            [mo]=\"mo\"\n            [isChecked]=\"isChecked\"\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\n            [setting]=\"setting\"\n            [parameters]=\"checkboxComponent.Parameters\"\n            [editMode]=\"inlineEditMode\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [value]=\"isChecked\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [allColumns]=\"allColumns\"\n            [typeDefId]=\"typeDefId\"\n            (events)=\"onRowCheck()\"\n        ></bnrc-dynamic-item-component>\n        } @else {\n        <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\n        }\n    </td>\n    } @if (!isCheckList && !showRowNumber) {\n    <td\n        fd-table-cell\n        class=\"single-select\"\n        (click)=\"!isCheckList && onRowCheck()\"\n        style=\"padding: 0; text-align: center\"\n    >\n        @if (inlineEditMode && allowInlineEdit && (hasError || saving || saved)) { @if (hasError) {\n        <fd-icon class=\"save-error\" glyph=\"error\"></fd-icon>\n        } @if (saving) {\n        <fd-busy-indicator [loading]=\"true\" [size]=\"'s'\" title=\"record saving\"></fd-busy-indicator>\n        } @if (saved) {\n        <fd-icon class=\"save-success\" glyph=\"accept\"></fd-icon>\n        } } @else { @if (mo.$State === 'New' && !isChecked) {\n        <fd-icon glyph=\"favorite\"></fd-icon>\n        } @if (inlineEditMode && allowInlineEdit && isChecked) {\n        <fd-icon glyph=\"edit\"></fd-icon>\n        } }\n    </td>\n    }\n    <ng-container *ngTemplateOutlet=\"rowNumberTemplate\"></ng-container>\n    @for (column of columns; track column.Name; let columnIndex = $index) {\n    <td\n        class=\"rep-column\"\n        [attr.dbName]=\"column.Name\"\n        #tdEl\n        fd-table-cell\n        [applyConditionalFormats]=\"conditionalFormats\"\n        [hostEl]=\"tdEl\"\n        [styleIndex]=\"styleIndex\"\n        [dbName]=\"column.Name\"\n        [focusable]=\"false\"\n        (click)=\"onColumnClick()\"\n        (dblclick)=\"onRowClick()\"\n        [hoverable]=\"inlineEditMode && allowInlineEdit\"\n        [class.control-readonly]=\"column.IsReadonly\"\n    >\n        <ng-container\n            *ngTemplateOutlet=\"\n                columnTemplate;\n                context: {\n                    $implicit: column,\n                    mo: mo,\n                    index: columnIndex,\n                    inlineEditMode: inlineEditMode,\n                    layout94: layout$ | async\n                }\n            \"\n        ></ng-container>\n    </td>\n    } @if (contextMenuItems.length && (!inlineEditMode || !allowInlineEdit)) {\n    <td class=\"col-context-menu\" fd-table-cell>\n        <bsu-ulv-context-menu\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n            [conditionalFormats]=\"conditionalFormats\"\n            [styleIndex]=\"styleIndex\"\n            [mo]=\"mo\"\n            [index]=\"index\"\n            (commandClick)=\"onUlvCommand()\"\n            [deviceName]=\"deviceName\"\n            [menuItems]=\"contextMenuItems\"\n            [allColumns]=\"allColumns\"\n        ></bsu-ulv-context-menu>\n    </td>\n    } @if (showDetailsInRow && (!inlineEditMode || !allowInlineEdit)) {\n    <td class=\"col-details\" fd-table-cell [fitContent]=\"true\">\n        @if (detailsComponent?.Selector || detailsColumns?.length || cartableParams?.moId) {\n        <div class=\"tw-flex tw-justify-end tw-w-full\">\n            <button\n                fd-button\n                [label]=\"(detailsCollapsed ? detailsText : 'Hide') | bbbTranslate\"\n                [fdType]=\"'transparent'\"\n                (click)=\"onRowDetails()\"\n            ></button>\n        </div>\n        }\n    </td>\n    } @if (actionList?.length && !inlineEditMode) {\n    <td class=\"col-view\" [class.rtl]=\"rtl\" fd-table-cell [fitContent]=\"true\">\n        <bsu-barsa-row-inline-actionlist\n            [actionList]=\"actionList\"\n            (btnClick)=\"actionListClick.emit($event)\"\n        ></bsu-barsa-row-inline-actionlist>\n    </td>\n    } }\n</tr>\n} @if (secondaryColumns?.length && !mo.$Group && (!mo.$Parent || parentExpanded) && visibility !== false) {\n<tr\n    #trEl\n    fd-table-row\n    [secondary]=\"true\"\n    class=\"secondary-row\"\n    [class.no-edit-mode]=\"!inlineEditMode\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    @if (!isCheckList) {\n    <td fd-table-cell class=\"single-select\" (click)=\"onRowCheck()\"></td>\n    }\n    <td fd-table-cell colspan=\"100%\" (click)=\"onRowCheck()\" class=\"secondary p-wrapper\">\n        <div style=\"display: flex; flex-direction: column\">\n            @for (column of secondaryColumns; track _trackByColumn(columnIndex, column); let columnIndex = $index) {\n            <p\n                #pEl\n                fd-table-text\n                [applyConditionalFormats]=\"conditionalFormats\"\n                [hostEl]=\"pEl\"\n                [styleIndex]=\"styleIndex\"\n                [dbName]=\"column.Name\"\n                style=\"font-family: 'BARSAFONT Medium'\"\n            >\n                <label fd-form-label>{{ column.Caption }} :</label>\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: column,\n                            mo: mo,\n                            index: columnIndex,\n                            inlineEditMode: inlineEditMode,\n                            layout94: layout$ | async\n                        }\n                    \"\n                ></ng-container>\n            </p>\n            }\n        </div>\n    </td>\n</tr>\n} @if (cartableParams?.moId) {\n<tr [class.detailCollapsed]=\"detailsCollapsed\" fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems.length ? 1 : 0) +\n            (canView ? 1 : 0) +\n            (showDetailsInRow ? 1 : 0)\n        \"\n    >\n        <ng-container>\n            <bnrc-form\n                #cartableFormRef\n                class=\"cartable-template\"\n                [inlineEditInReport]=\"true\"\n                [params]=\"cartableParams\"\n                (beforeTransition)=\"onCartableBeforeTansition()\"\n                (afterTransition)=\"onCartableAfterTansition($event)\"\n                (bruleAction)=\"onCartableBruleAction($event)\"\n                (click)=\"OnCartableFormClick($event)\"\n                (formClose)=\"onCartableFormClosed()\"\n            ></bnrc-form>\n        </ng-container>\n    </td>\n</tr>\n} @if (!detailsCollapsed && (detailsComponent?.Selector|| detailsColumns?.length)) {\n<tr fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <ng-container *ngTemplateOutlet=\"detailsColumnsTemplate\"></ng-container>\n        @if (detailsComponent && detailsComponent.Selector) {\n        <bnrc-dynamic-item-component\n            [component]=\"detailsComponent\"\n            [mo]=\"mo\"\n            [isChecked]=\"isChecked\"\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\n            [setting]=\"detailsComponentSetting\"\n            [parameters]=\"detailsComponent.Settings\"\n            [editMode]=\"inlineEditMode\"\n            [formSetting]=\"formSetting\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [allColumns]=\"allColumns\"\n            [typeDefId]=\"typeDefId\"\n        ></bnrc-dynamic-item-component>\n        }\n    </td>\n</tr>\n} @if(previewColumn){\n<tr\n    #trEl\n    fd-table-row\n    [secondary]=\"true\"\n    class=\"preview-column\"\n    [class.no-edit-mode]=\"!inlineEditMode\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n        (click)=\"onRowCheck()\"\n    >\n        <div style=\"display: flex; flex-direction: column\">\n            <p\n                #pEl\n                fd-table-text\n                [applyConditionalFormats]=\"conditionalFormats\"\n                [hostEl]=\"pEl\"\n                [styleIndex]=\"styleIndex\"\n                [dbName]=\"previewColumn.Name\"\n                style=\"color: var(--sapAccentColor6)\"\n            >\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: previewColumn,\n                            mo: mo,\n                            index: columns.length,\n                            inlineEditMode: inlineEditMode,\n                            layout94: layout$ | async\n                        }\n                    \"\n                ></ng-container>\n            </p>\n        </div>\n    </td>\n</tr>\n} @if(isLastChildGroup && groupSummary){\n<tr #trEl fd-table-row class=\"group-summary-row\" [class.no-edit-mode]=\"true\" [attr.aria-selected]=\"false\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    @if (!isCheckList) {\n    <td fd-table-cell class=\"single-select\"></td>\n    } @for (column of columns; track _trackByColumn(columnIndex, column); let columnIndex = $index) {\n    <td fd-table-cell>\n        <label #summaryRef>{{ reCalculateColumnSummary(summaryRef, column) }}</label>\n    </td>\n    }\n</tr>\n} @if (bruleActionMessage && inlineEditMode) {\n<tr fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        @if (bruleActionMessage.MessageType === 2) {\n        <fd-message-strip [type]=\"bruleActionMessage.MessageType === 2 ? 'error' : 'information'\" [dismissible]=\"false\">\n            {{ bruleActionMessage.MessageExpression }}\n        </fd-message-strip>\n        }\n    </td>\n</tr>\n} @if (workflowState?.state === 'Finish' && workflowState?.error) {\n<tr fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <fd-message-strip type=\"error\" [dismissible]=\"true\" (onDismiss)=\"onResetWorkflowState()\">\n            {{ workflowState.error?.Text || workflowState.error?.MessageExpression }}\n        </fd-message-strip>\n    </td>\n</tr>\n}\n<ng-template #detailsColumnsTemplate>\n    <ng-container\n        *ngTemplateOutlet=\"\n            detailsFormItems;\n            context: {\n                $implicit: detailsColumns,\n                mo: mo,\n                inlineEditMode: inlineEditMode,\n                layout94: layout$\n            }\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #detailsFormItems let-detailsColumns let-mo=\"mo\" let-inlineEditMode=\"inlineEditMode\" let-layout$=\"layout$\">\n    <div class=\"form-items\">\n        @for (column of detailsColumns; track column; let columnIndex = $index) {\n        <div fd-form-item>\n            <label fd-form-label for=\"input-2\">{{ column.Caption }}</label>\n            <ng-container\n                *ngTemplateOutlet=\"\n                    columnTemplate;\n                    context: {\n                        $implicit: column,\n                        mo: mo,\n                        index: columnIndex,\n                        inlineEditMode: inlineEditMode,\n                        layout94: layout$ | async\n                    }\n                \"\n            ></ng-container>\n        </div>\n        }\n    </div>\n</ng-template>\n<ng-template\n    #columnTemplate\n    let-column\n    let-mo=\"mo\"\n    let-index=\"index\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-layout94=\"layout94\"\n>\n    <bsu-barsa-table-column\n        [mo]=\"mo\"\n        [allColumns]=\"allColumns\"\n        [column]=\"column\"\n        [isdirty]=\"dirtyColumns && dirtyColumns[column.Name]\"\n        [value]=\"column | columnValue: mo\"\n        [icon]=\"column | columnIcon: mo\"\n        [customComponent]=\"column.$CustomComponent\"\n        [column]=\"column\"\n        [disableEllapsis]=\"secondaryColumns?.length\"\n        [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [isChecked]=\"isChecked\"\n        [index]=\"index\"\n        [formSetting]=\"formSetting\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [layout94]=\"layout94\"\n        (save)=\"onEditFormPanelSave(null)\"\n        (cancel)=\"onEditFormPanelCancel(null)\"\n        (tab)=\"onTabKeyDown($event, index)\"\n        (changeToEditMode)=\"onColumnChangeToEditMode($event, index)\"\n    >\n    </bsu-barsa-table-column>\n</ng-template>\n<ng-template #statusIndicator>\n    @if (rowIndicator) {\n    <bsu-barsa-column-indicator [hideBorderBottom]=\"!detailsCollapsed\" [backColor]=\"rowIndicatorColor\">\n    </bsu-barsa-column-indicator>\n    }\n</ng-template>\n<ng-template #rowNumberTemplate>\n    @if (showRowNumber) {\n    <td fd-table-cell bsu-barsa-column-rownumber [rowNumber]=\"rowNumber\" (click)=\"!isCheckList && onRowCheck()\"></td>\n    }\n</ng-template>\n<tr fd-table-row style=\"pointer-events: none\"></tr>\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{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", "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: i4$2.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "component", type: i3$1.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", "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", "inlineHelpLabel", "id"] }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i9.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "width", "minWidth", "marginBottom", "indicationColor"], outputs: ["onDismiss"] }, { kind: "directive", type: i3$2.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i3$2.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "key"] }, { kind: "directive", type: i3$2.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", "appendTo"], outputs: ["commandClick"] }, { kind: "component", type: BarsaTableColumnComponent, selector: "bsu-barsa-table-column", inputs: ["disableEllapsis"] }, { 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: "17.3.5", type: BarsaTableRowComponent, selector: "bsu-barsa-table-row", inputs: { showDetailsInRow: "showDetailsInRow", detailsComponent: "detailsComponent", detailsColumns: "detailsColumns", detailsText: "detailsText", 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) {\n<tr\n    [class.row-error]=\"hasError\"\n    [class.showdetails-on]=\"!detailsCollapsed\"\n    [class.hasCartable]=\"!!cartableParams\"\n    #trEl\n    fd-table-row\n    [activable]=\"false\"\n    [hoverable]=\"true\"\n    [main]=\"true\"\n    [focusable]=\"true\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [attr.aria-selected]=\"isChecked\"\n    [class.has-preview-column]=\"!!previewColumn\"\n    [class.brule-message]=\"bruleActionMessage || workflowState?.error\"\n    [class.workflow-pending]=\"workflowState?.state === 'Pending'\"\n    [style.background-color]=\"isOdd && !isChecked ? 'var(--sapList_Hover_Background)' : null\"\n>\n    @if (mo.$Group || mo.$Group === '') {\n    <td\n        [style.padding-right]=\"rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n        [style.padding-left]=\"!rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n        fd-table-cell\n        style=\"font-weight: bold; font-size: 1rem\"\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n        class=\"row-group\"\n        [class.mobile-mode]=\"secondaryColumns?.length\"\n        [attr.level]=\"level\"\n        [class.root-group]=\"level === 0\"\n    >\n        <button\n            fd-button\n            [fdType]=\"'transparent'\"\n            [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n            class=\"cell-expand\"\n            (click)=\"onExpandClick()\"\n        ></button>\n        {{ mo.$Group === 'undefined' ? '' : mo.$Group }}\n    </td>\n    } @else {\n\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    @if (isCheckList) {\n    <td fd-table-cell [style.width]=\"checkboxComponent ? '60px' : null\">\n        @if (workflowState?.state === 'Pending') {\n        <div style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\">\n            <bsu-mask [top]=\"'20px'\" [size]=\"'s'\"></bsu-mask>\n        </div>\n        } @if (checkboxComponent?.Selector) {\n        <bnrc-dynamic-item-component\n            [component]=\"checkboxComponent\"\n            [mo]=\"mo\"\n            [isChecked]=\"isChecked\"\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\n            [setting]=\"setting\"\n            [parameters]=\"checkboxComponent.Parameters\"\n            [editMode]=\"inlineEditMode\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [value]=\"isChecked\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [allColumns]=\"allColumns\"\n            [typeDefId]=\"typeDefId\"\n            (events)=\"onRowCheck()\"\n        ></bnrc-dynamic-item-component>\n        } @else {\n        <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\n        }\n    </td>\n    } @if (!isCheckList && !showRowNumber) {\n    <td\n        fd-table-cell\n        class=\"single-select\"\n        (click)=\"!isCheckList && onRowCheck()\"\n        style=\"padding: 0; text-align: center\"\n    >\n        @if (inlineEditMode && allowInlineEdit && (hasError || saving || saved)) { @if (hasError) {\n        <fd-icon class=\"save-error\" glyph=\"error\"></fd-icon>\n        } @if (saving) {\n        <fd-busy-indicator [loading]=\"true\" [size]=\"'s'\" title=\"record saving\"></fd-busy-indicator>\n        } @if (saved) {\n        <fd-icon class=\"save-success\" glyph=\"accept\"></fd-icon>\n        } } @else { @if (mo.$State === 'New' && !isChecked) {\n        <fd-icon glyph=\"favorite\"></fd-icon>\n        } @if (inlineEditMode && allowInlineEdit && isChecked) {\n        <fd-icon glyph=\"edit\"></fd-icon>\n        } }\n    </td>\n    }\n    <ng-container *ngTemplateOutlet=\"rowNumberTemplate\"></ng-container>\n    @for (column of columns; track column.Name; let columnIndex = $index) {\n    <td\n        class=\"rep-column\"\n        [attr.dbName]=\"column.Name\"\n        #tdEl\n        fd-table-cell\n        [applyConditionalFormats]=\"conditionalFormats\"\n        [hostEl]=\"tdEl\"\n        [styleIndex]=\"styleIndex\"\n        [dbName]=\"column.Name\"\n        [focusable]=\"false\"\n        (click)=\"onColumnClick()\"\n        (dblclick)=\"onRowClick()\"\n        [hoverable]=\"inlineEditMode && allowInlineEdit\"\n        [class.control-readonly]=\"column.IsReadonly\"\n    >\n        <ng-container\n            *ngTemplateOutlet=\"\n                columnTemplate;\n                context: {\n                    $implicit: column,\n                    mo: mo,\n                    index: columnIndex,\n                    inlineEditMode: inlineEditMode,\n                    layout94: layout$ | async\n                }\n            \"\n        ></ng-container>\n    </td>\n    } @if (contextMenuItems.length && (!inlineEditMode || !allowInlineEdit)) {\n    <td class=\"col-context-menu\" fd-table-cell>\n        <bsu-ulv-context-menu\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n            [conditionalFormats]=\"conditionalFormats\"\n            [styleIndex]=\"styleIndex\"\n            [mo]=\"mo\"\n            [index]=\"index\"\n            (commandClick)=\"onUlvCommand()\"\n            [deviceName]=\"deviceName\"\n            [menuItems]=\"contextMenuItems\"\n            [allColumns]=\"allColumns\"\n        ></bsu-ulv-context-menu>\n    </td>\n    } @if (showDetailsInRow && (!inlineEditMode || !allowInlineEdit)) {\n    <td class=\"col-details\" fd-table-cell [fitContent]=\"true\">\n        @if ((detailsComponent?.Selector || detailsColumns?.length || cartableParams?.moId ) && !hideDetailsText) {\n        <div class=\"tw-flex tw-justify-end tw-w-full\">\n            <button\n                fd-button\n                [label]=\"(detailsCollapsed ? detailsText : 'Hide') | bbbTranslate\"\n                [fdType]=\"'transparent'\"\n                (click)=\"onRowDetails()\"\n            ></button>\n        </div>\n        }\n    </td>\n    } @if (actionList?.length && !inlineEditMode) {\n    <td class=\"col-view\" [class.rtl]=\"rtl\" fd-table-cell [fitContent]=\"true\">\n        <bsu-barsa-row-inline-actionlist\n            [actionList]=\"actionList\"\n            (btnClick)=\"actionListClick.emit($event)\"\n        ></bsu-barsa-row-inline-actionlist>\n    </td>\n    } }\n</tr>\n} @if (secondaryColumns?.length && !mo.$Group && (!mo.$Parent || parentExpanded) && visibility !== false) {\n<tr\n    #trEl\n    fd-table-row\n    [secondary]=\"true\"\n    class=\"secondary-row\"\n    [class.no-edit-mode]=\"!inlineEditMode\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    @if (!isCheckList) {\n    <td fd-table-cell class=\"single-select\" (click)=\"onRowCheck()\"></td>\n    }\n    <td fd-table-cell colspan=\"100%\" (click)=\"onRowCheck()\" class=\"secondary p-wrapper\">\n        <div style=\"display: flex; flex-direction: column\">\n            @for (column of secondaryColumns; track _trackByColumn(columnIndex, column); let columnIndex = $index) {\n            <p\n                #pEl\n                fd-table-text\n                [applyConditionalFormats]=\"conditionalFormats\"\n                [hostEl]=\"pEl\"\n                [styleIndex]=\"styleIndex\"\n                [dbName]=\"column.Name\"\n                style=\"font-family: 'BARSAFONT Medium'\"\n            >\n                <label fd-form-label>{{ column.Caption }} :</label>\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: column,\n                            mo: mo,\n                            index: columnIndex,\n                            inlineEditMode: inlineEditMode,\n                            layout94: layout$ | async\n                        }\n                    \"\n                ></ng-container>\n            </p>\n            }\n        </div>\n    </td>\n</tr>\n} @if (cartableParams?.moId) {\n<tr\n    [class.detailCollapsed]=\"detailsCollapsed\"\n    fd-table-row\n    class=\"showdetails cartable\"\n    [attr.aria-selected]=\"isChecked\"\n    [class.has-preview-column]=\"!!previewColumn\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? 1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <ng-container>\n            <bnrc-form\n                #cartableFormRef\n                class=\"cartable-template\"\n                [inlineEditInReport]=\"true\"\n                [params]=\"cartableParams\"\n                (beforeTransition)=\"onCartableBeforeTansition()\"\n                (afterTransition)=\"onCartableAfterTansition($event)\"\n                (bruleAction)=\"onCartableBruleAction($event)\"\n                (click)=\"OnCartableFormClick($event)\"\n                (formClose)=\"onCartableFormClosed()\"\n            ></bnrc-form>\n        </ng-container>\n    </td>\n</tr>\n} @if (!detailsCollapsed && (detailsComponent?.Selector|| detailsColumns?.length)) {\n<tr fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\" [class.has-preview-column]=\"!!previewColumn\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <ng-container *ngTemplateOutlet=\"detailsColumnsTemplate\"></ng-container>\n        @if (detailsComponent && detailsComponent.Selector) {\n        <bnrc-dynamic-item-component\n            [component]=\"detailsComponent\"\n            [mo]=\"mo\"\n            [isChecked]=\"isChecked\"\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\n            [setting]=\"detailsComponentSetting\"\n            [parameters]=\"detailsComponent.Settings\"\n            [editMode]=\"inlineEditMode\"\n            [formSetting]=\"formSetting\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [allColumns]=\"allColumns\"\n            [typeDefId]=\"typeDefId\"\n        ></bnrc-dynamic-item-component>\n        }\n    </td>\n</tr>\n} @if(previewColumn){\n<tr\n    #trEl\n    fd-table-row\n    [secondary]=\"true\"\n    class=\"preview-column\"\n    [class.no-edit-mode]=\"!inlineEditMode\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n        (click)=\"onRowCheck()\"\n    >\n        <div style=\"display: flex; flex-direction: column\">\n            <p\n                #pEl\n                fd-table-text\n                [applyConditionalFormats]=\"conditionalFormats\"\n                [hostEl]=\"pEl\"\n                [styleIndex]=\"styleIndex\"\n                [dbName]=\"previewColumn.Name\"\n                style=\"color: var(--sapAccentColor6)\"\n            >\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: previewColumn,\n                            mo: mo,\n                            index: columns.length,\n                            inlineEditMode: inlineEditMode,\n                            layout94: layout$ | async\n                        }\n                    \"\n                ></ng-container>\n            </p>\n        </div>\n    </td>\n</tr>\n} @if(isLastChildGroup && groupSummary){\n<tr #trEl fd-table-row class=\"group-summary-row\" [class.no-edit-mode]=\"true\" [attr.aria-selected]=\"false\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    @if (!isCheckList) {\n    <td fd-table-cell class=\"single-select\"></td>\n    } @for (column of columns; track _trackByColumn(columnIndex, column); let columnIndex = $index) {\n    <td fd-table-cell>\n        <label #summaryRef>{{ reCalculateColumnSummary(summaryRef, column) }}</label>\n    </td>\n    }\n</tr>\n} @if (bruleActionMessage && inlineEditMode) {\n<tr fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        @if (bruleActionMessage.MessageType === 2) {\n        <fd-message-strip [type]=\"bruleActionMessage.MessageType === 2 ? 'error' : 'information'\" [dismissible]=\"false\">\n            {{ bruleActionMessage.MessageExpression }}\n        </fd-message-strip>\n        }\n    </td>\n</tr>\n} @if (workflowState?.state === 'Finish' && workflowState?.error) {\n<tr fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <fd-message-strip type=\"error\" [dismissible]=\"true\" (onDismiss)=\"onResetWorkflowState()\">\n            {{ workflowState.error?.Text || workflowState.error?.MessageExpression }}\n        </fd-message-strip>\n    </td>\n</tr>\n}\n<ng-template #detailsColumnsTemplate>\n    <ng-container\n        *ngTemplateOutlet=\"\n            detailsFormItems;\n            context: {\n                $implicit: detailsColumns,\n                mo: mo,\n                inlineEditMode: inlineEditMode,\n                layout94: layout$\n            }\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #detailsFormItems let-detailsColumns let-mo=\"mo\" let-inlineEditMode=\"inlineEditMode\" let-layout$=\"layout$\">\n    <div class=\"form-items\">\n        @for (column of detailsColumns; track column; let columnIndex = $index) {\n        <div fd-form-item>\n            <label fd-form-label for=\"input-2\">{{ column.Caption }}</label>\n            <ng-container\n                *ngTemplateOutlet=\"\n                    columnTemplate;\n                    context: {\n                        $implicit: column,\n                        mo: mo,\n                        index: columnIndex,\n                        inlineEditMode: inlineEditMode,\n                        layout94: layout$ | async\n                    }\n                \"\n            ></ng-container>\n        </div>\n        }\n    </div>\n</ng-template>\n<ng-template\n    #columnTemplate\n    let-column\n    let-mo=\"mo\"\n    let-index=\"index\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-layout94=\"layout94\"\n>\n    <bsu-barsa-table-column\n        [mo]=\"mo\"\n        [allColumns]=\"allColumns\"\n        [column]=\"column\"\n        [isdirty]=\"dirtyColumns && dirtyColumns[column.Name]\"\n        [value]=\"column | columnValue: mo\"\n        [icon]=\"column | columnIcon: mo\"\n        [customComponent]=\"column.$CustomComponent\"\n        [column]=\"column\"\n        [disableEllapsis]=\"secondaryColumns?.length\"\n        [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [isChecked]=\"isChecked\"\n        [index]=\"index\"\n        [formSetting]=\"formSetting\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [layout94]=\"layout94\"\n        (save)=\"onEditFormPanelSave(null)\"\n        (cancel)=\"onEditFormPanelCancel(null)\"\n        (tab)=\"onTabKeyDown($event, index)\"\n        (changeToEditMode)=\"onColumnChangeToEditMode($event, index)\"\n    >\n    </bsu-barsa-table-column>\n</ng-template>\n<ng-template #statusIndicator>\n    @if (rowIndicator) {\n    <bsu-barsa-column-indicator [hideBorderBottom]=\"!detailsCollapsed\" [backColor]=\"rowIndicatorColor\">\n    </bsu-barsa-column-indicator>\n    }\n</ng-template>\n<ng-template #rowNumberTemplate>\n    @if (showRowNumber) {\n    <td fd-table-cell bsu-barsa-column-rownumber [rowNumber]=\"rowNumber\" (click)=\"!isCheckList && onRowCheck()\"></td>\n    }\n</ng-template>\n<tr fd-table-row style=\"pointer-events: none\"></tr>\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{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", "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: i4$2.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "component", type: i3$1.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", "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", "inlineHelpLabel", "id"] }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i9.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "width", "minWidth", "marginBottom", "indicationColor"], outputs: ["onDismiss"] }, { kind: "directive", type: i3$2.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i3$2.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "key"] }, { kind: "directive", type: i3$2.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", "appendTo"], outputs: ["commandClick"] }, { kind: "component", type: BarsaTableColumnComponent, selector: "bsu-barsa-table-column", inputs: ["disableEllapsis"] }, { 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: "17.3.5", ngImport: i0, type: BarsaTableRowComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-barsa-table-row', providers: [FormPanelService], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if ((!mo.$Parent || parentExpanded) && visibility !== false) {\n<tr\n    [class.row-error]=\"hasError\"\n    [class.showdetails-on]=\"!detailsCollapsed\"\n    #trEl\n    fd-table-row\n    [activable]=\"false\"\n    [hoverable]=\"true\"\n    [main]=\"true\"\n    [focusable]=\"true\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [attr.aria-selected]=\"isChecked\"\n    [class.has-preview-column]=\"!!previewColumn\"\n    [class.brule-message]=\"bruleActionMessage || workflowState?.error\"\n    [class.workflow-pending]=\"workflowState?.state === 'Pending'\"\n    [style.background-color]=\"isOdd && !isChecked ? 'var(--sapList_Hover_Background)' : null\"\n>\n    @if (mo.$Group || mo.$Group === '') {\n    <td\n        [style.padding-right]=\"rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n        [style.padding-left]=\"!rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n        fd-table-cell\n        style=\"font-weight: bold; font-size: 1rem\"\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n        class=\"row-group\"\n        [class.mobile-mode]=\"secondaryColumns?.length\"\n        [attr.level]=\"level\"\n        [class.root-group]=\"level === 0\"\n    >\n        <button\n            fd-button\n            [fdType]=\"'transparent'\"\n            [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n            class=\"cell-expand\"\n            (click)=\"onExpandClick()\"\n        ></button>\n        {{ mo.$Group === 'undefined' ? '' : mo.$Group }}\n    </td>\n    } @else {\n\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    @if (isCheckList) {\n    <td fd-table-cell [style.width]=\"checkboxComponent ? '60px' : null\">\n        @if (workflowState?.state === 'Pending') {\n        <div style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\">\n            <bsu-mask [top]=\"'20px'\" [size]=\"'s'\"></bsu-mask>\n        </div>\n        } @if (checkboxComponent?.Selector) {\n        <bnrc-dynamic-item-component\n            [component]=\"checkboxComponent\"\n            [mo]=\"mo\"\n            [isChecked]=\"isChecked\"\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\n            [setting]=\"setting\"\n            [parameters]=\"checkboxComponent.Parameters\"\n            [editMode]=\"inlineEditMode\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [value]=\"isChecked\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [allColumns]=\"allColumns\"\n            [typeDefId]=\"typeDefId\"\n            (events)=\"onRowCheck()\"\n        ></bnrc-dynamic-item-component>\n        } @else {\n        <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\n        }\n    </td>\n    } @if (!isCheckList && !showRowNumber) {\n    <td\n        fd-table-cell\n        class=\"single-select\"\n        (click)=\"!isCheckList && onRowCheck()\"\n        style=\"padding: 0; text-align: center\"\n    >\n        @if (inlineEditMode && allowInlineEdit && (hasError || saving || saved)) { @if (hasError) {\n        <fd-icon class=\"save-error\" glyph=\"error\"></fd-icon>\n        } @if (saving) {\n        <fd-busy-indicator [loading]=\"true\" [size]=\"'s'\" title=\"record saving\"></fd-busy-indicator>\n        } @if (saved) {\n        <fd-icon class=\"save-success\" glyph=\"accept\"></fd-icon>\n        } } @else { @if (mo.$State === 'New' && !isChecked) {\n        <fd-icon glyph=\"favorite\"></fd-icon>\n        } @if (inlineEditMode && allowInlineEdit && isChecked) {\n        <fd-icon glyph=\"edit\"></fd-icon>\n        } }\n    </td>\n    }\n    <ng-container *ngTemplateOutlet=\"rowNumberTemplate\"></ng-container>\n    @for (column of columns; track column.Name; let columnIndex = $index) {\n    <td\n        class=\"rep-column\"\n        [attr.dbName]=\"column.Name\"\n        #tdEl\n        fd-table-cell\n        [applyConditionalFormats]=\"conditionalFormats\"\n        [hostEl]=\"tdEl\"\n        [styleIndex]=\"styleIndex\"\n        [dbName]=\"column.Name\"\n        [focusable]=\"false\"\n        (click)=\"onColumnClick()\"\n        (dblclick)=\"onRowClick()\"\n        [hoverable]=\"inlineEditMode && allowInlineEdit\"\n        [class.control-readonly]=\"column.IsReadonly\"\n    >\n        <ng-container\n            *ngTemplateOutlet=\"\n                columnTemplate;\n                context: {\n                    $implicit: column,\n                    mo: mo,\n                    index: columnIndex,\n                    inlineEditMode: inlineEditMode,\n                    layout94: layout$ | async\n                }\n            \"\n        ></ng-container>\n    </td>\n    } @if (contextMenuItems.length && (!inlineEditMode || !allowInlineEdit)) {\n    <td class=\"col-context-menu\" fd-table-cell>\n        <bsu-ulv-context-menu\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n            [conditionalFormats]=\"conditionalFormats\"\n            [styleIndex]=\"styleIndex\"\n            [mo]=\"mo\"\n            [index]=\"index\"\n            (commandClick)=\"onUlvCommand()\"\n            [deviceName]=\"deviceName\"\n            [menuItems]=\"contextMenuItems\"\n            [allColumns]=\"allColumns\"\n        ></bsu-ulv-context-menu>\n    </td>\n    } @if (showDetailsInRow && (!inlineEditMode || !allowInlineEdit)) {\n    <td class=\"col-details\" fd-table-cell [fitContent]=\"true\">\n        @if (detailsComponent?.Selector || detailsColumns?.length || cartableParams?.moId) {\n        <div class=\"tw-flex tw-justify-end tw-w-full\">\n            <button\n                fd-button\n                [label]=\"(detailsCollapsed ? detailsText : 'Hide') | bbbTranslate\"\n                [fdType]=\"'transparent'\"\n                (click)=\"onRowDetails()\"\n            ></button>\n        </div>\n        }\n    </td>\n    } @if (actionList?.length && !inlineEditMode) {\n    <td class=\"col-view\" [class.rtl]=\"rtl\" fd-table-cell [fitContent]=\"true\">\n        <bsu-barsa-row-inline-actionlist\n            [actionList]=\"actionList\"\n            (btnClick)=\"actionListClick.emit($event)\"\n        ></bsu-barsa-row-inline-actionlist>\n    </td>\n    } }\n</tr>\n} @if (secondaryColumns?.length && !mo.$Group && (!mo.$Parent || parentExpanded) && visibility !== false) {\n<tr\n    #trEl\n    fd-table-row\n    [secondary]=\"true\"\n    class=\"secondary-row\"\n    [class.no-edit-mode]=\"!inlineEditMode\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    @if (!isCheckList) {\n    <td fd-table-cell class=\"single-select\" (click)=\"onRowCheck()\"></td>\n    }\n    <td fd-table-cell colspan=\"100%\" (click)=\"onRowCheck()\" class=\"secondary p-wrapper\">\n        <div style=\"display: flex; flex-direction: column\">\n            @for (column of secondaryColumns; track _trackByColumn(columnIndex, column); let columnIndex = $index) {\n            <p\n                #pEl\n                fd-table-text\n                [applyConditionalFormats]=\"conditionalFormats\"\n                [hostEl]=\"pEl\"\n                [styleIndex]=\"styleIndex\"\n                [dbName]=\"column.Name\"\n                style=\"font-family: 'BARSAFONT Medium'\"\n            >\n                <label fd-form-label>{{ column.Caption }} :</label>\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: column,\n                            mo: mo,\n                            index: columnIndex,\n                            inlineEditMode: inlineEditMode,\n                            layout94: layout$ | async\n                        }\n                    \"\n                ></ng-container>\n            </p>\n            }\n        </div>\n    </td>\n</tr>\n} @if (cartableParams?.moId) {\n<tr [class.detailCollapsed]=\"detailsCollapsed\" fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems.length ? 1 : 0) +\n            (canView ? 1 : 0) +\n            (showDetailsInRow ? 1 : 0)\n        \"\n    >\n        <ng-container>\n            <bnrc-form\n                #cartableFormRef\n                class=\"cartable-template\"\n                [inlineEditInReport]=\"true\"\n                [params]=\"cartableParams\"\n                (beforeTransition)=\"onCartableBeforeTansition()\"\n                (afterTransition)=\"onCartableAfterTansition($event)\"\n                (bruleAction)=\"onCartableBruleAction($event)\"\n                (click)=\"OnCartableFormClick($event)\"\n                (formClose)=\"onCartableFormClosed()\"\n            ></bnrc-form>\n        </ng-container>\n    </td>\n</tr>\n} @if (!detailsCollapsed && (detailsComponent?.Selector|| detailsColumns?.length)) {\n<tr fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <ng-container *ngTemplateOutlet=\"detailsColumnsTemplate\"></ng-container>\n        @if (detailsComponent && detailsComponent.Selector) {\n        <bnrc-dynamic-item-component\n            [component]=\"detailsComponent\"\n            [mo]=\"mo\"\n            [isChecked]=\"isChecked\"\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\n            [setting]=\"detailsComponentSetting\"\n            [parameters]=\"detailsComponent.Settings\"\n            [editMode]=\"inlineEditMode\"\n            [formSetting]=\"formSetting\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [allColumns]=\"allColumns\"\n            [typeDefId]=\"typeDefId\"\n        ></bnrc-dynamic-item-component>\n        }\n    </td>\n</tr>\n} @if(previewColumn){\n<tr\n    #trEl\n    fd-table-row\n    [secondary]=\"true\"\n    class=\"preview-column\"\n    [class.no-edit-mode]=\"!inlineEditMode\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n        (click)=\"onRowCheck()\"\n    >\n        <div style=\"display: flex; flex-direction: column\">\n            <p\n                #pEl\n                fd-table-text\n                [applyConditionalFormats]=\"conditionalFormats\"\n                [hostEl]=\"pEl\"\n                [styleIndex]=\"styleIndex\"\n                [dbName]=\"previewColumn.Name\"\n                style=\"color: var(--sapAccentColor6)\"\n            >\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: previewColumn,\n                            mo: mo,\n                            index: columns.length,\n                            inlineEditMode: inlineEditMode,\n                            layout94: layout$ | async\n                        }\n                    \"\n                ></ng-container>\n            </p>\n        </div>\n    </td>\n</tr>\n} @if(isLastChildGroup && groupSummary){\n<tr #trEl fd-table-row class=\"group-summary-row\" [class.no-edit-mode]=\"true\" [attr.aria-selected]=\"false\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    @if (!isCheckList) {\n    <td fd-table-cell class=\"single-select\"></td>\n    } @for (column of columns; track _trackByColumn(columnIndex, column); let columnIndex = $index) {\n    <td fd-table-cell>\n        <label #summaryRef>{{ reCalculateColumnSummary(summaryRef, column) }}</label>\n    </td>\n    }\n</tr>\n} @if (bruleActionMessage && inlineEditMode) {\n<tr fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        @if (bruleActionMessage.MessageType === 2) {\n        <fd-message-strip [type]=\"bruleActionMessage.MessageType === 2 ? 'error' : 'information'\" [dismissible]=\"false\">\n            {{ bruleActionMessage.MessageExpression }}\n        </fd-message-strip>\n        }\n    </td>\n</tr>\n} @if (workflowState?.state === 'Finish' && workflowState?.error) {\n<tr fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <fd-message-strip type=\"error\" [dismissible]=\"true\" (onDismiss)=\"onResetWorkflowState()\">\n            {{ workflowState.error?.Text || workflowState.error?.MessageExpression }}\n        </fd-message-strip>\n    </td>\n</tr>\n}\n<ng-template #detailsColumnsTemplate>\n    <ng-container\n        *ngTemplateOutlet=\"\n            detailsFormItems;\n            context: {\n                $implicit: detailsColumns,\n                mo: mo,\n                inlineEditMode: inlineEditMode,\n                layout94: layout$\n            }\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #detailsFormItems let-detailsColumns let-mo=\"mo\" let-inlineEditMode=\"inlineEditMode\" let-layout$=\"layout$\">\n    <div class=\"form-items\">\n        @for (column of detailsColumns; track column; let columnIndex = $index) {\n        <div fd-form-item>\n            <label fd-form-label for=\"input-2\">{{ column.Caption }}</label>\n            <ng-container\n                *ngTemplateOutlet=\"\n                    columnTemplate;\n                    context: {\n                        $implicit: column,\n                        mo: mo,\n                        index: columnIndex,\n                        inlineEditMode: inlineEditMode,\n                        layout94: layout$ | async\n                    }\n                \"\n            ></ng-container>\n        </div>\n        }\n    </div>\n</ng-template>\n<ng-template\n    #columnTemplate\n    let-column\n    let-mo=\"mo\"\n    let-index=\"index\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-layout94=\"layout94\"\n>\n    <bsu-barsa-table-column\n        [mo]=\"mo\"\n        [allColumns]=\"allColumns\"\n        [column]=\"column\"\n        [isdirty]=\"dirtyColumns && dirtyColumns[column.Name]\"\n        [value]=\"column | columnValue: mo\"\n        [icon]=\"column | columnIcon: mo\"\n        [customComponent]=\"column.$CustomComponent\"\n        [column]=\"column\"\n        [disableEllapsis]=\"secondaryColumns?.length\"\n        [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [isChecked]=\"isChecked\"\n        [index]=\"index\"\n        [formSetting]=\"formSetting\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [layout94]=\"layout94\"\n        (save)=\"onEditFormPanelSave(null)\"\n        (cancel)=\"onEditFormPanelCancel(null)\"\n        (tab)=\"onTabKeyDown($event, index)\"\n        (changeToEditMode)=\"onColumnChangeToEditMode($event, index)\"\n    >\n    </bsu-barsa-table-column>\n</ng-template>\n<ng-template #statusIndicator>\n    @if (rowIndicator) {\n    <bsu-barsa-column-indicator [hideBorderBottom]=\"!detailsCollapsed\" [backColor]=\"rowIndicatorColor\">\n    </bsu-barsa-column-indicator>\n    }\n</ng-template>\n<ng-template #rowNumberTemplate>\n    @if (showRowNumber) {\n    <td fd-table-cell bsu-barsa-column-rownumber [rowNumber]=\"rowNumber\" (click)=\"!isCheckList && onRowCheck()\"></td>\n    }\n</ng-template>\n<tr fd-table-row style=\"pointer-events: none\"></tr>\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{border-bottom:none}\n"] }]
+            args: [{ selector: 'bsu-barsa-table-row', providers: [FormPanelService], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if ((!mo.$Parent || parentExpanded) && visibility !== false) {\n<tr\n    [class.row-error]=\"hasError\"\n    [class.showdetails-on]=\"!detailsCollapsed\"\n    [class.hasCartable]=\"!!cartableParams\"\n    #trEl\n    fd-table-row\n    [activable]=\"false\"\n    [hoverable]=\"true\"\n    [main]=\"true\"\n    [focusable]=\"true\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [attr.aria-selected]=\"isChecked\"\n    [class.has-preview-column]=\"!!previewColumn\"\n    [class.brule-message]=\"bruleActionMessage || workflowState?.error\"\n    [class.workflow-pending]=\"workflowState?.state === 'Pending'\"\n    [style.background-color]=\"isOdd && !isChecked ? 'var(--sapList_Hover_Background)' : null\"\n>\n    @if (mo.$Group || mo.$Group === '') {\n    <td\n        [style.padding-right]=\"rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n        [style.padding-left]=\"!rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n        fd-table-cell\n        style=\"font-weight: bold; font-size: 1rem\"\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n        class=\"row-group\"\n        [class.mobile-mode]=\"secondaryColumns?.length\"\n        [attr.level]=\"level\"\n        [class.root-group]=\"level === 0\"\n    >\n        <button\n            fd-button\n            [fdType]=\"'transparent'\"\n            [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n            class=\"cell-expand\"\n            (click)=\"onExpandClick()\"\n        ></button>\n        {{ mo.$Group === 'undefined' ? '' : mo.$Group }}\n    </td>\n    } @else {\n\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    @if (isCheckList) {\n    <td fd-table-cell [style.width]=\"checkboxComponent ? '60px' : null\">\n        @if (workflowState?.state === 'Pending') {\n        <div style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\">\n            <bsu-mask [top]=\"'20px'\" [size]=\"'s'\"></bsu-mask>\n        </div>\n        } @if (checkboxComponent?.Selector) {\n        <bnrc-dynamic-item-component\n            [component]=\"checkboxComponent\"\n            [mo]=\"mo\"\n            [isChecked]=\"isChecked\"\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\n            [setting]=\"setting\"\n            [parameters]=\"checkboxComponent.Parameters\"\n            [editMode]=\"inlineEditMode\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [value]=\"isChecked\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [allColumns]=\"allColumns\"\n            [typeDefId]=\"typeDefId\"\n            (events)=\"onRowCheck()\"\n        ></bnrc-dynamic-item-component>\n        } @else {\n        <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\n        }\n    </td>\n    } @if (!isCheckList && !showRowNumber) {\n    <td\n        fd-table-cell\n        class=\"single-select\"\n        (click)=\"!isCheckList && onRowCheck()\"\n        style=\"padding: 0; text-align: center\"\n    >\n        @if (inlineEditMode && allowInlineEdit && (hasError || saving || saved)) { @if (hasError) {\n        <fd-icon class=\"save-error\" glyph=\"error\"></fd-icon>\n        } @if (saving) {\n        <fd-busy-indicator [loading]=\"true\" [size]=\"'s'\" title=\"record saving\"></fd-busy-indicator>\n        } @if (saved) {\n        <fd-icon class=\"save-success\" glyph=\"accept\"></fd-icon>\n        } } @else { @if (mo.$State === 'New' && !isChecked) {\n        <fd-icon glyph=\"favorite\"></fd-icon>\n        } @if (inlineEditMode && allowInlineEdit && isChecked) {\n        <fd-icon glyph=\"edit\"></fd-icon>\n        } }\n    </td>\n    }\n    <ng-container *ngTemplateOutlet=\"rowNumberTemplate\"></ng-container>\n    @for (column of columns; track column.Name; let columnIndex = $index) {\n    <td\n        class=\"rep-column\"\n        [attr.dbName]=\"column.Name\"\n        #tdEl\n        fd-table-cell\n        [applyConditionalFormats]=\"conditionalFormats\"\n        [hostEl]=\"tdEl\"\n        [styleIndex]=\"styleIndex\"\n        [dbName]=\"column.Name\"\n        [focusable]=\"false\"\n        (click)=\"onColumnClick()\"\n        (dblclick)=\"onRowClick()\"\n        [hoverable]=\"inlineEditMode && allowInlineEdit\"\n        [class.control-readonly]=\"column.IsReadonly\"\n    >\n        <ng-container\n            *ngTemplateOutlet=\"\n                columnTemplate;\n                context: {\n                    $implicit: column,\n                    mo: mo,\n                    index: columnIndex,\n                    inlineEditMode: inlineEditMode,\n                    layout94: layout$ | async\n                }\n            \"\n        ></ng-container>\n    </td>\n    } @if (contextMenuItems.length && (!inlineEditMode || !allowInlineEdit)) {\n    <td class=\"col-context-menu\" fd-table-cell>\n        <bsu-ulv-context-menu\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n            [conditionalFormats]=\"conditionalFormats\"\n            [styleIndex]=\"styleIndex\"\n            [mo]=\"mo\"\n            [index]=\"index\"\n            (commandClick)=\"onUlvCommand()\"\n            [deviceName]=\"deviceName\"\n            [menuItems]=\"contextMenuItems\"\n            [allColumns]=\"allColumns\"\n        ></bsu-ulv-context-menu>\n    </td>\n    } @if (showDetailsInRow && (!inlineEditMode || !allowInlineEdit)) {\n    <td class=\"col-details\" fd-table-cell [fitContent]=\"true\">\n        @if ((detailsComponent?.Selector || detailsColumns?.length || cartableParams?.moId ) && !hideDetailsText) {\n        <div class=\"tw-flex tw-justify-end tw-w-full\">\n            <button\n                fd-button\n                [label]=\"(detailsCollapsed ? detailsText : 'Hide') | bbbTranslate\"\n                [fdType]=\"'transparent'\"\n                (click)=\"onRowDetails()\"\n            ></button>\n        </div>\n        }\n    </td>\n    } @if (actionList?.length && !inlineEditMode) {\n    <td class=\"col-view\" [class.rtl]=\"rtl\" fd-table-cell [fitContent]=\"true\">\n        <bsu-barsa-row-inline-actionlist\n            [actionList]=\"actionList\"\n            (btnClick)=\"actionListClick.emit($event)\"\n        ></bsu-barsa-row-inline-actionlist>\n    </td>\n    } }\n</tr>\n} @if (secondaryColumns?.length && !mo.$Group && (!mo.$Parent || parentExpanded) && visibility !== false) {\n<tr\n    #trEl\n    fd-table-row\n    [secondary]=\"true\"\n    class=\"secondary-row\"\n    [class.no-edit-mode]=\"!inlineEditMode\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    @if (!isCheckList) {\n    <td fd-table-cell class=\"single-select\" (click)=\"onRowCheck()\"></td>\n    }\n    <td fd-table-cell colspan=\"100%\" (click)=\"onRowCheck()\" class=\"secondary p-wrapper\">\n        <div style=\"display: flex; flex-direction: column\">\n            @for (column of secondaryColumns; track _trackByColumn(columnIndex, column); let columnIndex = $index) {\n            <p\n                #pEl\n                fd-table-text\n                [applyConditionalFormats]=\"conditionalFormats\"\n                [hostEl]=\"pEl\"\n                [styleIndex]=\"styleIndex\"\n                [dbName]=\"column.Name\"\n                style=\"font-family: 'BARSAFONT Medium'\"\n            >\n                <label fd-form-label>{{ column.Caption }} :</label>\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: column,\n                            mo: mo,\n                            index: columnIndex,\n                            inlineEditMode: inlineEditMode,\n                            layout94: layout$ | async\n                        }\n                    \"\n                ></ng-container>\n            </p>\n            }\n        </div>\n    </td>\n</tr>\n} @if (cartableParams?.moId) {\n<tr\n    [class.detailCollapsed]=\"detailsCollapsed\"\n    fd-table-row\n    class=\"showdetails cartable\"\n    [attr.aria-selected]=\"isChecked\"\n    [class.has-preview-column]=\"!!previewColumn\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? 1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <ng-container>\n            <bnrc-form\n                #cartableFormRef\n                class=\"cartable-template\"\n                [inlineEditInReport]=\"true\"\n                [params]=\"cartableParams\"\n                (beforeTransition)=\"onCartableBeforeTansition()\"\n                (afterTransition)=\"onCartableAfterTansition($event)\"\n                (bruleAction)=\"onCartableBruleAction($event)\"\n                (click)=\"OnCartableFormClick($event)\"\n                (formClose)=\"onCartableFormClosed()\"\n            ></bnrc-form>\n        </ng-container>\n    </td>\n</tr>\n} @if (!detailsCollapsed && (detailsComponent?.Selector|| detailsColumns?.length)) {\n<tr fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\" [class.has-preview-column]=\"!!previewColumn\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <ng-container *ngTemplateOutlet=\"detailsColumnsTemplate\"></ng-container>\n        @if (detailsComponent && detailsComponent.Selector) {\n        <bnrc-dynamic-item-component\n            [component]=\"detailsComponent\"\n            [mo]=\"mo\"\n            [isChecked]=\"isChecked\"\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\n            [setting]=\"detailsComponentSetting\"\n            [parameters]=\"detailsComponent.Settings\"\n            [editMode]=\"inlineEditMode\"\n            [formSetting]=\"formSetting\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [allColumns]=\"allColumns\"\n            [typeDefId]=\"typeDefId\"\n        ></bnrc-dynamic-item-component>\n        }\n    </td>\n</tr>\n} @if(previewColumn){\n<tr\n    #trEl\n    fd-table-row\n    [secondary]=\"true\"\n    class=\"preview-column\"\n    [class.no-edit-mode]=\"!inlineEditMode\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n        (click)=\"onRowCheck()\"\n    >\n        <div style=\"display: flex; flex-direction: column\">\n            <p\n                #pEl\n                fd-table-text\n                [applyConditionalFormats]=\"conditionalFormats\"\n                [hostEl]=\"pEl\"\n                [styleIndex]=\"styleIndex\"\n                [dbName]=\"previewColumn.Name\"\n                style=\"color: var(--sapAccentColor6)\"\n            >\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: previewColumn,\n                            mo: mo,\n                            index: columns.length,\n                            inlineEditMode: inlineEditMode,\n                            layout94: layout$ | async\n                        }\n                    \"\n                ></ng-container>\n            </p>\n        </div>\n    </td>\n</tr>\n} @if(isLastChildGroup && groupSummary){\n<tr #trEl fd-table-row class=\"group-summary-row\" [class.no-edit-mode]=\"true\" [attr.aria-selected]=\"false\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    @if (!isCheckList) {\n    <td fd-table-cell class=\"single-select\"></td>\n    } @for (column of columns; track _trackByColumn(columnIndex, column); let columnIndex = $index) {\n    <td fd-table-cell>\n        <label #summaryRef>{{ reCalculateColumnSummary(summaryRef, column) }}</label>\n    </td>\n    }\n</tr>\n} @if (bruleActionMessage && inlineEditMode) {\n<tr fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        @if (bruleActionMessage.MessageType === 2) {\n        <fd-message-strip [type]=\"bruleActionMessage.MessageType === 2 ? 'error' : 'information'\" [dismissible]=\"false\">\n            {{ bruleActionMessage.MessageExpression }}\n        </fd-message-strip>\n        }\n    </td>\n</tr>\n} @if (workflowState?.state === 'Finish' && workflowState?.error) {\n<tr fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <fd-message-strip type=\"error\" [dismissible]=\"true\" (onDismiss)=\"onResetWorkflowState()\">\n            {{ workflowState.error?.Text || workflowState.error?.MessageExpression }}\n        </fd-message-strip>\n    </td>\n</tr>\n}\n<ng-template #detailsColumnsTemplate>\n    <ng-container\n        *ngTemplateOutlet=\"\n            detailsFormItems;\n            context: {\n                $implicit: detailsColumns,\n                mo: mo,\n                inlineEditMode: inlineEditMode,\n                layout94: layout$\n            }\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #detailsFormItems let-detailsColumns let-mo=\"mo\" let-inlineEditMode=\"inlineEditMode\" let-layout$=\"layout$\">\n    <div class=\"form-items\">\n        @for (column of detailsColumns; track column; let columnIndex = $index) {\n        <div fd-form-item>\n            <label fd-form-label for=\"input-2\">{{ column.Caption }}</label>\n            <ng-container\n                *ngTemplateOutlet=\"\n                    columnTemplate;\n                    context: {\n                        $implicit: column,\n                        mo: mo,\n                        index: columnIndex,\n                        inlineEditMode: inlineEditMode,\n                        layout94: layout$ | async\n                    }\n                \"\n            ></ng-container>\n        </div>\n        }\n    </div>\n</ng-template>\n<ng-template\n    #columnTemplate\n    let-column\n    let-mo=\"mo\"\n    let-index=\"index\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-layout94=\"layout94\"\n>\n    <bsu-barsa-table-column\n        [mo]=\"mo\"\n        [allColumns]=\"allColumns\"\n        [column]=\"column\"\n        [isdirty]=\"dirtyColumns && dirtyColumns[column.Name]\"\n        [value]=\"column | columnValue: mo\"\n        [icon]=\"column | columnIcon: mo\"\n        [customComponent]=\"column.$CustomComponent\"\n        [column]=\"column\"\n        [disableEllapsis]=\"secondaryColumns?.length\"\n        [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [isChecked]=\"isChecked\"\n        [index]=\"index\"\n        [formSetting]=\"formSetting\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [layout94]=\"layout94\"\n        (save)=\"onEditFormPanelSave(null)\"\n        (cancel)=\"onEditFormPanelCancel(null)\"\n        (tab)=\"onTabKeyDown($event, index)\"\n        (changeToEditMode)=\"onColumnChangeToEditMode($event, index)\"\n    >\n    </bsu-barsa-table-column>\n</ng-template>\n<ng-template #statusIndicator>\n    @if (rowIndicator) {\n    <bsu-barsa-column-indicator [hideBorderBottom]=\"!detailsCollapsed\" [backColor]=\"rowIndicatorColor\">\n    </bsu-barsa-column-indicator>\n    }\n</ng-template>\n<ng-template #rowNumberTemplate>\n    @if (showRowNumber) {\n    <td fd-table-cell bsu-barsa-column-rownumber [rowNumber]=\"rowNumber\" (click)=\"!isCheckList && onRowCheck()\"></td>\n    }\n</ng-template>\n<tr fd-table-row style=\"pointer-events: none\"></tr>\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{border-bottom:none}\n"] }]
         }], propDecorators: { showDetailsInRow: [{
                 type: Input
             }], detailsComponent: [{
@@ -6079,11 +6076,11 @@ class UiTableViewComponent extends ReportViewBaseComponent {
         this._renderer2.setStyle(this._el.nativeElement, 'width', this._width);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiTableViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiTableViewComponent, selector: "bsu-ui-table-view", inputs: { columnWidth: "columnWidth", minWidth: "minWidth", minHeight: "minHeight", disableResize: "disableResize", disableHeaderContextMenu: "disableHeaderContextMenu", rowResizer: "rowResizer", enableResizing: "enableResizing", disableFixedTableLayout: "disableFixedTableLayout" }, host: { properties: { "style.height.px": "this.height", "style.max-height": "this.maxHeight" } }, viewQueries: [{ propertyName: "_tableRef", first: true, predicate: ["tableTpl"], descendants: true, read: ElementRef, static: true }, { propertyName: "_tableHeaderComponent", first: true, predicate: BarsaTableHeaderComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<table\n    fd-table\n    #tableTpl\n    #headerBottomObserver\n    intersectionObserver\n    [intersectionThreshold]=\"0.1\"\n    (visibilityChange)=\"onTableVisibilityChange($event, headerBottomObserver)\"\n    [popIn]=\"popin\"\n    [class.table-fixed]=\"\n        !contextView?.Grid_HideHeader && (!popin || secondaryColumns.length === 0) && !disableFixedTableLayout\n    \"\n    [noBorderX]=\"viewSetting?.NoHoriztonalBorders === true\"\n    [noBorderY]=\"viewSetting?.NoVerticalBorders === true || (popin && secondaryColumns.length > 0)\"\n>\n    @if (columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList; as mergeFieldsToColumns) {\n    <ng-container\n        *ngTemplateOutlet=\"\n            headerTemplate;\n            context: { $implicit: mergeFieldsToColumns, moDataListCount: moDataList?.length }\n        \"\n    ></ng-container>\n    @if (moDataList?.length) {\n    <ng-container\n        *ngTemplateOutlet=\"\n            bodyTemplate;\n            context: { $implicit: mergeFieldsToColumns, previewColumn: allColumns | findPreviewColumn }\n        \"\n    ></ng-container>\n    <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n    } }\n</table>\n<!--renderColumn-->\n\n@if (!moDataList?.length) {\n<bsu-no-data\n    [class.no-topborder]=\"!hideToolbar\"\n    [class.noborder]=\"contextView.Grid_HideHeader && hideToolbar\"\n    [simple]=\"true\"\n>\n</bsu-no-data>\n}\n\n<ng-template #headerTemplate let-columns let-moDataListCount>\n    <bsu-barsa-table-header\n        [sticky]=\"stickyEnable()\"\n        [hasSecondaryColumns]=\"secondaryColumns.length > 0\"\n        [class.has-toolbar]=\"!hideToolbar\"\n        [style.pointer-events]=\"moDataListCount ? 'auto' : 'none'\"\n        [tableWidth]=\"elWidth\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [resizedByUser]=\"resizedByUser\"\n        [tableHeaderMode]=\"tableHeaderMode\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [allChecked]=\"allChecked\"\n        [rtl]=\"rtl\"\n        [actionList]=\"actionList\"\n        [disableResponsive]=\"disableResponsive\"\n        [isCheckList]=\"isCheckList\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns:rowIndicator | filter: { IsPreview: false }\"\n        [fitWidth]=\"fitWidth\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [contextMenuWidth]=\"contextMenuWidth\"\n        [showViewButton]=\"showViewButton\"\n        [deviceSize]=\"deviceSize\"\n        [viewSetting]=\"viewSetting\"\n        [hideHeader]=\"contextView.Grid_HideHeader\"\n        [rowIndicator]=\"rowIndicator\"\n        [disableResize]=\"disableResize\"\n        [disableHeaderContextMenu]=\"disableHeaderContextMenu\"\n        (headerRender)=\"onSetTableHeaderDom($event)\"\n        (columnResize)=\"onColumnResized($event)\"\n        (columnResizing)=\"onColumnResizing($event)\"\n        (fitToContent)=\"onFitToContent($event)\"\n        (fitToContainer)=\"onFitToContainer()\"\n        (freeColumnSize)=\"onFreeColumnSizing()\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n        (resetGridSettings)=\"resetGridSettings.emit()\"\n    ></bsu-barsa-table-header>\n    <!-- <div\n        #headerBottomObserver\n        intersectionObserver\n        [intersectionThreshold]=\"0.1\"\n        (visibilityChange)=\"onHeaderVisibilityChange($event, headerBottomObserver)\"\n    ></div> -->\n</ng-template>\n<ng-template #bodyTemplate let-columns let-previewColumn=\"previewColumn\">\n    <tbody\n        #body\n        fd-table-body\n        [class.noborder]=\"viewSetting?.NoBodyBorders === true\"\n        [noBorderX]=\"viewSetting?.NoHoriztonalBorders === true || previewColumn\"\n        [noBorderY]=\"(popin && secondaryColumns.length > 0) || previewColumn\"\n    >\n        <ng-container>\n            @for (mo of moDataList | multipleGroupBy: groupby; track _trackByRow(index, mo); let index = $index) {\n            <ng-container\n                *ngTemplateOutlet=\"\n                    hasRowOlgo ? rowOlgoTemplate : rowTemplate;\n                    context: {\n                        $implicit: mo,\n                        index: index,\n                        rowNumber: mo.Id | rowNumber: pagingSetting:moDataList,\n                        rowIndicatorColor: !columns.length ? '' : (columns[0].Caption | rval: mo:columns),\n                        columns: columns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                        secondaryColumns:\n                            secondaryColumns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                        moDataList: moDataList,\n                        moDataListCount: moDataList.length,\n                        cartableTemplate: cartableTemplates[mo.RelatedMo?.$TypeDefId + '@' + mo.CartableSettings?.Id],\n                        previewColumn: previewColumn,\n                        detailsCollapsed: viewSetting?.DetailsSetting?.DetailsCollapsed\n                    }\n                \"\n            ></ng-container>\n            }\n        </ng-container>\n    </tbody>\n</ng-template>\n<ng-template #footerTemplate let-columns>\n    @if (hasSummary) {\n    <tfoot fd-table-footer>\n        <tr fd-table-row class=\"row-summary\">\n            @if (isCheckList) {\n            <td fd-table-cell columnResizer>\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            } @if (!isCheckList) {\n            <td fd-table-cell class=\"single-select\">\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            } @for (column of columns; track column; let i = $index) {\n            <td>\n                @if (column.HasSummary) {\n                <strong style=\"direction: ltr; display: block\">\n                    {{ moDataList | totalSummary: column.Name | number }}</strong\n                >\n                }\n            </td>\n            } @if (contextMenuItems && contextMenuItems.length > 0) {\n            <td fd-table-cell style=\"width: 100px\"></td>\n            } @if (!hideOpenIcon && canView && (!inlineEditMode || !allowInlineEdit)) {\n            <td fd-table-cell></td>\n            }\n        </tr>\n    </tfoot>\n    }\n</ng-template>\n<ng-template\n    #rowOlgoTemplate\n    let-mo\n    let-index=\"index\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n    let-rowNumber=\"rowNumber\"\n    let-previewColumn=\"previewColumn\"\n    let-detailsCollapsed=\"detailsCollapsed\"\n>\n    <bnrc-dynamic-item-component\n        [component]=\"viewSetting.RowOlgo\"\n        [mo]=\"mo\"\n        [detailsCollapsed]=\"detailsCollapsed\"\n        [isLastChildGroup]=\"mo.$IsLastChildGroup\"\n        [groupSummary]=\"groupSummary\"\n        [showViewButton]=\"showViewButton\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [moDataList]=\"moDataList\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [detailsColumns]=\"detailsColumns\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [rowNumber]=\"rowNumber\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [dirtyColumns]=\"mo.$DirtyColumns\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [coloringRow]=\"viewSetting?.ColoringRow\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns:rowIndicator\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns:rowIndicator\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [rowIndicator]=\"rowIndicator\"\n        [rowIndicatorColor]=\"rowIndicatorColor\"\n        (events)=\"onOlgoEvents($event)\"\n    >\n    </bnrc-dynamic-item-component>\n</ng-template>\n<ng-template\n    #rowTemplate\n    let-mo\n    let-index=\"index\"\n    let-rowNumber=\"rowNumber\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n    let-previewColumn=\"previewColumn\"\n    let-detailsCollapsed=\"detailsCollapsed\"\n>\n    <bsu-barsa-table-row\n        [mo]=\"mo\"\n        [dirtyColumns]=\"mo.$DirtyColumns\"\n        [isLastChildGroup]=\"mo.$IsLastChildGroup\"\n        [moDataList]=\"moDataList\"\n        [detailsCollapsed]=\"detailsCollapsed\"\n        [groupSummary]=\"groupSummary\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [rowNumber]=\"rowNumber\"\n        [coloringRow]=\"viewSetting?.ColoringRow\"\n        [showViewButton]=\"showViewButton\"\n        [detailsColumns]=\"detailsColumns\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [checkboxComponent]=\"viewSetting?.CheckboxComponent\"\n        [secondaryColumns]=\"\n            secondaryColumns | filterColumnsByDetails: detailsColumns:false | filter: { IsPreview: false }\n        \"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns:rowIndicator | filter: { IsPreview: false }\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [simpleInlineEdit]=\"simpleInlineEdit\"\n        [noSaveInlineEditInServer]=\"simpleInlineEdit\"\n        [actionList]=\"actionList\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [rowIndicator]=\"rowIndicator\"\n        [rowIndicatorColor]=\"rowIndicatorColor\"\n        [previewColumn]=\"previewColumn\"\n        (columnSummary)=\"columnSummary.emit($event)\"\n        (resetWorkflowState)=\"resetWorkflowState.emit(mo)\"\n        (escapeKey)=\"onEscapeKey($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n        (deselectAll)=\"onDeselectAll()\"\n        (rowClick)=\"onRowClick($event)\"\n        (ulvCommand)=\"onUlvCommand($event)\"\n        (actionListClick)=\"onActionListClick(mo, index, $event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\n    >\n    </bsu-barsa-table-row>\n    <!-- <div\n        #rowBottom\n        intersectionObserver\n        [intersectionThreshold]=\"0.1\"\n        (visibilityChange)=\"onRowVisibilityChange($event, index, rowBottom)\"\n    ></div> -->\n</ng-template>\n<div #tableBottomObserve></div>\n", styles: [":host{display:block;width:100%;position:relative;padding-bottom:.2rem;overflow-x:auto;max-width:100vw}.table-fixed{table-layout:fixed}.table-fixed td{overflow:hidden}tr td{font-weight:inherit}::ng-deep span.fd-toolbar__spacer{display:none}.row-summary{position:relative}.row-summary .col-total-text{position:absolute;top:25%}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "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.IntersectionObserverDirective, selector: "[intersectionObserver]", inputs: ["intersectionDebounce", "intersectionRootMargin", "intersectionRoot", "intersectionThreshold"], outputs: ["visibilityChange"] }, { kind: "directive", type: i2.ColumnResizerDirective, selector: "[columnResizer]", inputs: ["disableResizer"] }, { kind: "component", type: i3$2.TableComponent, selector: "table[fd-table]", inputs: ["noBorderX", "noBorderY", "noOuterBorder", "topBorder", "popIn", "responsive", "keys", "allCellsFocusable"], exportAs: ["fd-table"] }, { kind: "directive", type: i3$2.TableFooterDirective, selector: "[fdTableFooter], [fd-table-footer]" }, { kind: "directive", type: i3$2.TableBodyDirective, selector: "[fdTableBody], [fd-table-body]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i3$2.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i3$2.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "key"] }, { kind: "component", type: NoDataComponent, selector: "bsu-no-data", inputs: ["simple"] }, { kind: "component", type: BarsaTableHeaderComponent, selector: "bsu-barsa-table-header", inputs: ["allChecked", "isCheckList", "columns", "fitWidth", "contextMenuItems", "contextMenuWidth", "showViewButton", "hasSelected", "hideOpenIcon", "disableOverflowContextMenu", "inlineEditMode", "hideHeader", "showDetailsInRow", "viewSetting", "tableWidth", "resizedByUser", "disableResponsive", "actionList", "rowIndicator", "rtl", "sticky", "showRowNumber", "hasSecondaryColumns", "disableResize", "disableHeaderContextMenu", "deviceSize", "tableHeaderMode"], outputs: ["allCheckbox", "columnResize", "columnResizing", "fitToContent", "fitToContainer", "freeColumnSize", "sortAscending", "sortDescending", "filter", "resetGridSettings", "headerRender"] }, { kind: "component", type: BarsaTableRowComponent, selector: "bsu-barsa-table-row", inputs: ["showDetailsInRow", "detailsComponent", "detailsColumns", "detailsText", "previewColumn", "columnComponents", "dirtyColumns", "detailsCollapsed"], outputs: ["columnSummary"] }, { kind: "pipe", type: i1$2.DecimalPipe, name: "number" }, { kind: "pipe", type: i2.FilterPipe, name: "filter" }, { kind: "pipe", type: i2.MultipleGroupByPipe, name: "multipleGroupBy" }, { kind: "pipe", type: i2.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.TotalSummaryPipe, name: "totalSummary" }, { kind: "pipe", type: i2.MergeFieldsToColumnsPipe, name: "mergeFieldsToColumns" }, { kind: "pipe", type: i2.FilterColumnsByDetailsPipe, name: "filterColumnsByDetails" }, { kind: "pipe", type: i2.ColumnCustomComponentPipe, name: "columnCustomComponent" }, { kind: "pipe", type: i2.RowNumberPipe, name: "rowNumber" }, { kind: "pipe", type: i2.FindPreviewColumnPipe, name: "findPreviewColumn" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiTableViewComponent, selector: "bsu-ui-table-view", inputs: { columnWidth: "columnWidth", minWidth: "minWidth", minHeight: "minHeight", disableResize: "disableResize", disableHeaderContextMenu: "disableHeaderContextMenu", rowResizer: "rowResizer", enableResizing: "enableResizing", disableFixedTableLayout: "disableFixedTableLayout" }, host: { properties: { "style.height.px": "this.height", "style.max-height": "this.maxHeight" } }, viewQueries: [{ propertyName: "_tableRef", first: true, predicate: ["tableTpl"], descendants: true, read: ElementRef, static: true }, { propertyName: "_tableHeaderComponent", first: true, predicate: BarsaTableHeaderComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<table\n    fd-table\n    #tableTpl\n    #headerBottomObserver\n    intersectionObserver\n    [intersectionThreshold]=\"0.1\"\n    (visibilityChange)=\"onTableVisibilityChange($event, headerBottomObserver)\"\n    [popIn]=\"popin\"\n    [class.table-fixed]=\"\n        !contextView?.Grid_HideHeader && (!popin || secondaryColumns.length === 0) && !disableFixedTableLayout\n    \"\n    [noBorderX]=\"viewSetting?.NoHoriztonalBorders === true\"\n    [noBorderY]=\"viewSetting?.NoVerticalBorders === true || (popin && secondaryColumns.length > 0)\"\n>\n    @if (columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList; as mergeFieldsToColumns) {\n    <ng-container\n        *ngTemplateOutlet=\"\n            headerTemplate;\n            context: { $implicit: mergeFieldsToColumns, moDataListCount: moDataList?.length }\n        \"\n    ></ng-container>\n    @if (moDataList?.length) {\n    <ng-container\n        *ngTemplateOutlet=\"\n            bodyTemplate;\n            context: { $implicit: mergeFieldsToColumns, previewColumn: allColumns | findPreviewColumn }\n        \"\n    ></ng-container>\n    <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n    } }\n</table>\n<!--renderColumn-->\n\n@if (!moDataList?.length) {\n<bsu-no-data\n    [class.no-topborder]=\"!hideToolbar\"\n    [class.noborder]=\"contextView.Grid_HideHeader && hideToolbar\"\n    [simple]=\"true\"\n>\n</bsu-no-data>\n}\n\n<ng-template #headerTemplate let-columns let-moDataListCount>\n    <bsu-barsa-table-header\n        [sticky]=\"stickyEnable()\"\n        [hasSecondaryColumns]=\"secondaryColumns.length > 0\"\n        [class.has-toolbar]=\"!hideToolbar\"\n        [style.pointer-events]=\"moDataListCount ? 'auto' : 'none'\"\n        [tableWidth]=\"elWidth\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [resizedByUser]=\"resizedByUser\"\n        [tableHeaderMode]=\"tableHeaderMode\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [allChecked]=\"allChecked\"\n        [rtl]=\"rtl\"\n        [actionList]=\"actionList\"\n        [disableResponsive]=\"disableResponsive\"\n        [isCheckList]=\"isCheckList\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns:rowIndicator | filter: { IsPreview: false }\"\n        [fitWidth]=\"fitWidth\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [contextMenuWidth]=\"contextMenuWidth\"\n        [showViewButton]=\"showViewButton\"\n        [deviceSize]=\"deviceSize\"\n        [viewSetting]=\"viewSetting\"\n        [hideHeader]=\"contextView.Grid_HideHeader\"\n        [rowIndicator]=\"rowIndicator\"\n        [disableResize]=\"disableResize\"\n        [disableHeaderContextMenu]=\"disableHeaderContextMenu\"\n        (headerRender)=\"onSetTableHeaderDom($event)\"\n        (columnResize)=\"onColumnResized($event)\"\n        (columnResizing)=\"onColumnResizing($event)\"\n        (fitToContent)=\"onFitToContent($event)\"\n        (fitToContainer)=\"onFitToContainer()\"\n        (freeColumnSize)=\"onFreeColumnSizing()\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n        (resetGridSettings)=\"resetGridSettings.emit()\"\n    ></bsu-barsa-table-header>\n    <!-- <div\n        #headerBottomObserver\n        intersectionObserver\n        [intersectionThreshold]=\"0.1\"\n        (visibilityChange)=\"onHeaderVisibilityChange($event, headerBottomObserver)\"\n    ></div> -->\n</ng-template>\n<ng-template #bodyTemplate let-columns let-previewColumn=\"previewColumn\">\n    <tbody\n        #body\n        fd-table-body\n        [class.noborder]=\"viewSetting?.NoBodyBorders === true\"\n        [noBorderX]=\"viewSetting?.NoHoriztonalBorders === true || previewColumn\"\n        [noBorderY]=\"(popin && secondaryColumns.length > 0) || previewColumn\"\n    >\n        <ng-container>\n            @for (mo of moDataList | multipleGroupBy: groupby; track _trackByRow(index, mo); let index = $index) {\n            <ng-container\n                *ngTemplateOutlet=\"\n                    hasRowOlgo ? rowOlgoTemplate : rowTemplate;\n                    context: {\n                        $implicit: mo,\n                        index: index,\n                        rowNumber: mo.Id | rowNumber: pagingSetting:moDataList,\n                        rowIndicatorColor: !columns.length ? '' : (columns[0].Caption | rval: mo:columns),\n                        columns: columns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                        secondaryColumns:\n                            secondaryColumns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                        moDataList: moDataList,\n                        moDataListCount: moDataList.length,\n                        cartableTemplate: cartableTemplates[mo.RelatedMo?.$TypeDefId + '@' + mo.CartableSettings?.Id],\n                        previewColumn: previewColumn,\n                        detailsCollapsed: viewSetting?.DetailsSetting?.DetailsCollapsed === true,\n                        hideDetailsText: viewSetting?.DetailsSetting?.HideDetailsText === true\n                    }\n                \"\n            ></ng-container>\n            }\n        </ng-container>\n    </tbody>\n</ng-template>\n<ng-template #footerTemplate let-columns>\n    @if (hasSummary) {\n    <tfoot fd-table-footer>\n        <tr fd-table-row class=\"row-summary\">\n            @if (isCheckList) {\n            <td fd-table-cell columnResizer>\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            } @if (!isCheckList) {\n            <td fd-table-cell class=\"single-select\">\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            } @for (column of columns; track column; let i = $index) {\n            <td>\n                @if (column.HasSummary) {\n                <strong style=\"direction: ltr; display: block\">\n                    {{ moDataList | totalSummary: column.Name | number }}</strong\n                >\n                }\n            </td>\n            } @if (contextMenuItems && contextMenuItems.length > 0) {\n            <td fd-table-cell style=\"width: 100px\"></td>\n            } @if (!hideOpenIcon && canView && (!inlineEditMode || !allowInlineEdit)) {\n            <td fd-table-cell></td>\n            }\n        </tr>\n    </tfoot>\n    }\n</ng-template>\n<ng-template\n    #rowOlgoTemplate\n    let-mo\n    let-index=\"index\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n    let-rowNumber=\"rowNumber\"\n    let-previewColumn=\"previewColumn\"\n    let-detailsCollapsed=\"detailsCollapsed\"\n    let-hideDetailsText=\"hideDetailsText\"\n>\n    <bnrc-dynamic-item-component\n        [component]=\"viewSetting.RowOlgo\"\n        [mo]=\"mo\"\n        [detailsCollapsed]=\"detailsCollapsed\"\n        [hideDetailsText]=\"hideDetailsText\"\n        [isLastChildGroup]=\"mo.$IsLastChildGroup\"\n        [groupSummary]=\"groupSummary\"\n        [showViewButton]=\"showViewButton\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [moDataList]=\"moDataList\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [detailsColumns]=\"detailsColumns\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [rowNumber]=\"rowNumber\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [dirtyColumns]=\"mo.$DirtyColumns\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [coloringRow]=\"viewSetting?.ColoringRow\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns:rowIndicator\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns:rowIndicator\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [rowIndicator]=\"rowIndicator\"\n        [rowIndicatorColor]=\"rowIndicatorColor\"\n        (events)=\"onOlgoEvents($event)\"\n    >\n    </bnrc-dynamic-item-component>\n</ng-template>\n<ng-template\n    #rowTemplate\n    let-mo\n    let-index=\"index\"\n    let-rowNumber=\"rowNumber\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n    let-previewColumn=\"previewColumn\"\n    let-detailsCollapsed=\"detailsCollapsed\"\n    let-hideDetailsText=\"hideDetailsText\"\n>\n    <bsu-barsa-table-row\n        [mo]=\"mo\"\n        [dirtyColumns]=\"mo.$DirtyColumns\"\n        [isLastChildGroup]=\"mo.$IsLastChildGroup\"\n        [moDataList]=\"moDataList\"\n        [hideDetailsText]=\"hideDetailsText\"\n        [detailsCollapsed]=\"detailsCollapsed\"\n        [groupSummary]=\"groupSummary\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [rowNumber]=\"rowNumber\"\n        [coloringRow]=\"viewSetting?.ColoringRow\"\n        [showViewButton]=\"showViewButton\"\n        [detailsColumns]=\"detailsColumns\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [checkboxComponent]=\"viewSetting?.CheckboxComponent\"\n        [secondaryColumns]=\"\n            secondaryColumns | filterColumnsByDetails: detailsColumns:false | filter: { IsPreview: false }\n        \"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns:rowIndicator | filter: { IsPreview: false }\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [simpleInlineEdit]=\"simpleInlineEdit\"\n        [noSaveInlineEditInServer]=\"simpleInlineEdit\"\n        [actionList]=\"actionList\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [rowIndicator]=\"rowIndicator\"\n        [rowIndicatorColor]=\"rowIndicatorColor\"\n        [previewColumn]=\"previewColumn\"\n        (columnSummary)=\"columnSummary.emit($event)\"\n        (resetWorkflowState)=\"resetWorkflowState.emit(mo)\"\n        (escapeKey)=\"onEscapeKey($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n        (deselectAll)=\"onDeselectAll()\"\n        (rowClick)=\"onRowClick($event)\"\n        (ulvCommand)=\"onUlvCommand($event)\"\n        (actionListClick)=\"onActionListClick(mo, index, $event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\n    >\n    </bsu-barsa-table-row>\n    <!-- <div\n        #rowBottom\n        intersectionObserver\n        [intersectionThreshold]=\"0.1\"\n        (visibilityChange)=\"onRowVisibilityChange($event, index, rowBottom)\"\n    ></div> -->\n</ng-template>\n<div #tableBottomObserve></div>\n", styles: [":host{display:block;width:100%;position:relative;padding-bottom:.2rem;overflow-x:auto;max-width:100vw}.table-fixed{table-layout:fixed}.table-fixed td{overflow:hidden}tr td{font-weight:inherit}::ng-deep span.fd-toolbar__spacer{display:none}.row-summary{position:relative}.row-summary .col-total-text{position:absolute;top:25%}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "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.IntersectionObserverDirective, selector: "[intersectionObserver]", inputs: ["intersectionDebounce", "intersectionRootMargin", "intersectionRoot", "intersectionThreshold"], outputs: ["visibilityChange"] }, { kind: "directive", type: i2.ColumnResizerDirective, selector: "[columnResizer]", inputs: ["disableResizer"] }, { kind: "component", type: i3$2.TableComponent, selector: "table[fd-table]", inputs: ["noBorderX", "noBorderY", "noOuterBorder", "topBorder", "popIn", "responsive", "keys", "allCellsFocusable"], exportAs: ["fd-table"] }, { kind: "directive", type: i3$2.TableFooterDirective, selector: "[fdTableFooter], [fd-table-footer]" }, { kind: "directive", type: i3$2.TableBodyDirective, selector: "[fdTableBody], [fd-table-body]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i3$2.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i3$2.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "key"] }, { kind: "component", type: NoDataComponent, selector: "bsu-no-data", inputs: ["simple"] }, { kind: "component", type: BarsaTableHeaderComponent, selector: "bsu-barsa-table-header", inputs: ["allChecked", "isCheckList", "columns", "fitWidth", "contextMenuItems", "contextMenuWidth", "showViewButton", "hasSelected", "hideOpenIcon", "disableOverflowContextMenu", "inlineEditMode", "hideHeader", "showDetailsInRow", "viewSetting", "tableWidth", "resizedByUser", "disableResponsive", "actionList", "rowIndicator", "rtl", "sticky", "showRowNumber", "hasSecondaryColumns", "disableResize", "disableHeaderContextMenu", "deviceSize", "tableHeaderMode"], outputs: ["allCheckbox", "columnResize", "columnResizing", "fitToContent", "fitToContainer", "freeColumnSize", "sortAscending", "sortDescending", "filter", "resetGridSettings", "headerRender"] }, { kind: "component", type: BarsaTableRowComponent, selector: "bsu-barsa-table-row", inputs: ["showDetailsInRow", "detailsComponent", "detailsColumns", "detailsText", "previewColumn", "columnComponents", "dirtyColumns", "detailsCollapsed"], outputs: ["columnSummary"] }, { kind: "pipe", type: i1$2.DecimalPipe, name: "number" }, { kind: "pipe", type: i2.FilterPipe, name: "filter" }, { kind: "pipe", type: i2.MultipleGroupByPipe, name: "multipleGroupBy" }, { kind: "pipe", type: i2.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.TotalSummaryPipe, name: "totalSummary" }, { kind: "pipe", type: i2.MergeFieldsToColumnsPipe, name: "mergeFieldsToColumns" }, { kind: "pipe", type: i2.FilterColumnsByDetailsPipe, name: "filterColumnsByDetails" }, { kind: "pipe", type: i2.ColumnCustomComponentPipe, name: "columnCustomComponent" }, { kind: "pipe", type: i2.RowNumberPipe, name: "rowNumber" }, { kind: "pipe", type: i2.FindPreviewColumnPipe, name: "findPreviewColumn" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiTableViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-table-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<table\n    fd-table\n    #tableTpl\n    #headerBottomObserver\n    intersectionObserver\n    [intersectionThreshold]=\"0.1\"\n    (visibilityChange)=\"onTableVisibilityChange($event, headerBottomObserver)\"\n    [popIn]=\"popin\"\n    [class.table-fixed]=\"\n        !contextView?.Grid_HideHeader && (!popin || secondaryColumns.length === 0) && !disableFixedTableLayout\n    \"\n    [noBorderX]=\"viewSetting?.NoHoriztonalBorders === true\"\n    [noBorderY]=\"viewSetting?.NoVerticalBorders === true || (popin && secondaryColumns.length > 0)\"\n>\n    @if (columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList; as mergeFieldsToColumns) {\n    <ng-container\n        *ngTemplateOutlet=\"\n            headerTemplate;\n            context: { $implicit: mergeFieldsToColumns, moDataListCount: moDataList?.length }\n        \"\n    ></ng-container>\n    @if (moDataList?.length) {\n    <ng-container\n        *ngTemplateOutlet=\"\n            bodyTemplate;\n            context: { $implicit: mergeFieldsToColumns, previewColumn: allColumns | findPreviewColumn }\n        \"\n    ></ng-container>\n    <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n    } }\n</table>\n<!--renderColumn-->\n\n@if (!moDataList?.length) {\n<bsu-no-data\n    [class.no-topborder]=\"!hideToolbar\"\n    [class.noborder]=\"contextView.Grid_HideHeader && hideToolbar\"\n    [simple]=\"true\"\n>\n</bsu-no-data>\n}\n\n<ng-template #headerTemplate let-columns let-moDataListCount>\n    <bsu-barsa-table-header\n        [sticky]=\"stickyEnable()\"\n        [hasSecondaryColumns]=\"secondaryColumns.length > 0\"\n        [class.has-toolbar]=\"!hideToolbar\"\n        [style.pointer-events]=\"moDataListCount ? 'auto' : 'none'\"\n        [tableWidth]=\"elWidth\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [resizedByUser]=\"resizedByUser\"\n        [tableHeaderMode]=\"tableHeaderMode\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [allChecked]=\"allChecked\"\n        [rtl]=\"rtl\"\n        [actionList]=\"actionList\"\n        [disableResponsive]=\"disableResponsive\"\n        [isCheckList]=\"isCheckList\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns:rowIndicator | filter: { IsPreview: false }\"\n        [fitWidth]=\"fitWidth\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [contextMenuWidth]=\"contextMenuWidth\"\n        [showViewButton]=\"showViewButton\"\n        [deviceSize]=\"deviceSize\"\n        [viewSetting]=\"viewSetting\"\n        [hideHeader]=\"contextView.Grid_HideHeader\"\n        [rowIndicator]=\"rowIndicator\"\n        [disableResize]=\"disableResize\"\n        [disableHeaderContextMenu]=\"disableHeaderContextMenu\"\n        (headerRender)=\"onSetTableHeaderDom($event)\"\n        (columnResize)=\"onColumnResized($event)\"\n        (columnResizing)=\"onColumnResizing($event)\"\n        (fitToContent)=\"onFitToContent($event)\"\n        (fitToContainer)=\"onFitToContainer()\"\n        (freeColumnSize)=\"onFreeColumnSizing()\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n        (resetGridSettings)=\"resetGridSettings.emit()\"\n    ></bsu-barsa-table-header>\n    <!-- <div\n        #headerBottomObserver\n        intersectionObserver\n        [intersectionThreshold]=\"0.1\"\n        (visibilityChange)=\"onHeaderVisibilityChange($event, headerBottomObserver)\"\n    ></div> -->\n</ng-template>\n<ng-template #bodyTemplate let-columns let-previewColumn=\"previewColumn\">\n    <tbody\n        #body\n        fd-table-body\n        [class.noborder]=\"viewSetting?.NoBodyBorders === true\"\n        [noBorderX]=\"viewSetting?.NoHoriztonalBorders === true || previewColumn\"\n        [noBorderY]=\"(popin && secondaryColumns.length > 0) || previewColumn\"\n    >\n        <ng-container>\n            @for (mo of moDataList | multipleGroupBy: groupby; track _trackByRow(index, mo); let index = $index) {\n            <ng-container\n                *ngTemplateOutlet=\"\n                    hasRowOlgo ? rowOlgoTemplate : rowTemplate;\n                    context: {\n                        $implicit: mo,\n                        index: index,\n                        rowNumber: mo.Id | rowNumber: pagingSetting:moDataList,\n                        rowIndicatorColor: !columns.length ? '' : (columns[0].Caption | rval: mo:columns),\n                        columns: columns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                        secondaryColumns:\n                            secondaryColumns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                        moDataList: moDataList,\n                        moDataListCount: moDataList.length,\n                        cartableTemplate: cartableTemplates[mo.RelatedMo?.$TypeDefId + '@' + mo.CartableSettings?.Id],\n                        previewColumn: previewColumn,\n                        detailsCollapsed: viewSetting?.DetailsSetting?.DetailsCollapsed\n                    }\n                \"\n            ></ng-container>\n            }\n        </ng-container>\n    </tbody>\n</ng-template>\n<ng-template #footerTemplate let-columns>\n    @if (hasSummary) {\n    <tfoot fd-table-footer>\n        <tr fd-table-row class=\"row-summary\">\n            @if (isCheckList) {\n            <td fd-table-cell columnResizer>\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            } @if (!isCheckList) {\n            <td fd-table-cell class=\"single-select\">\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            } @for (column of columns; track column; let i = $index) {\n            <td>\n                @if (column.HasSummary) {\n                <strong style=\"direction: ltr; display: block\">\n                    {{ moDataList | totalSummary: column.Name | number }}</strong\n                >\n                }\n            </td>\n            } @if (contextMenuItems && contextMenuItems.length > 0) {\n            <td fd-table-cell style=\"width: 100px\"></td>\n            } @if (!hideOpenIcon && canView && (!inlineEditMode || !allowInlineEdit)) {\n            <td fd-table-cell></td>\n            }\n        </tr>\n    </tfoot>\n    }\n</ng-template>\n<ng-template\n    #rowOlgoTemplate\n    let-mo\n    let-index=\"index\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n    let-rowNumber=\"rowNumber\"\n    let-previewColumn=\"previewColumn\"\n    let-detailsCollapsed=\"detailsCollapsed\"\n>\n    <bnrc-dynamic-item-component\n        [component]=\"viewSetting.RowOlgo\"\n        [mo]=\"mo\"\n        [detailsCollapsed]=\"detailsCollapsed\"\n        [isLastChildGroup]=\"mo.$IsLastChildGroup\"\n        [groupSummary]=\"groupSummary\"\n        [showViewButton]=\"showViewButton\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [moDataList]=\"moDataList\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [detailsColumns]=\"detailsColumns\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [rowNumber]=\"rowNumber\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [dirtyColumns]=\"mo.$DirtyColumns\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [coloringRow]=\"viewSetting?.ColoringRow\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns:rowIndicator\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns:rowIndicator\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [rowIndicator]=\"rowIndicator\"\n        [rowIndicatorColor]=\"rowIndicatorColor\"\n        (events)=\"onOlgoEvents($event)\"\n    >\n    </bnrc-dynamic-item-component>\n</ng-template>\n<ng-template\n    #rowTemplate\n    let-mo\n    let-index=\"index\"\n    let-rowNumber=\"rowNumber\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n    let-previewColumn=\"previewColumn\"\n    let-detailsCollapsed=\"detailsCollapsed\"\n>\n    <bsu-barsa-table-row\n        [mo]=\"mo\"\n        [dirtyColumns]=\"mo.$DirtyColumns\"\n        [isLastChildGroup]=\"mo.$IsLastChildGroup\"\n        [moDataList]=\"moDataList\"\n        [detailsCollapsed]=\"detailsCollapsed\"\n        [groupSummary]=\"groupSummary\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [rowNumber]=\"rowNumber\"\n        [coloringRow]=\"viewSetting?.ColoringRow\"\n        [showViewButton]=\"showViewButton\"\n        [detailsColumns]=\"detailsColumns\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [checkboxComponent]=\"viewSetting?.CheckboxComponent\"\n        [secondaryColumns]=\"\n            secondaryColumns | filterColumnsByDetails: detailsColumns:false | filter: { IsPreview: false }\n        \"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns:rowIndicator | filter: { IsPreview: false }\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [simpleInlineEdit]=\"simpleInlineEdit\"\n        [noSaveInlineEditInServer]=\"simpleInlineEdit\"\n        [actionList]=\"actionList\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [rowIndicator]=\"rowIndicator\"\n        [rowIndicatorColor]=\"rowIndicatorColor\"\n        [previewColumn]=\"previewColumn\"\n        (columnSummary)=\"columnSummary.emit($event)\"\n        (resetWorkflowState)=\"resetWorkflowState.emit(mo)\"\n        (escapeKey)=\"onEscapeKey($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n        (deselectAll)=\"onDeselectAll()\"\n        (rowClick)=\"onRowClick($event)\"\n        (ulvCommand)=\"onUlvCommand($event)\"\n        (actionListClick)=\"onActionListClick(mo, index, $event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\n    >\n    </bsu-barsa-table-row>\n    <!-- <div\n        #rowBottom\n        intersectionObserver\n        [intersectionThreshold]=\"0.1\"\n        (visibilityChange)=\"onRowVisibilityChange($event, index, rowBottom)\"\n    ></div> -->\n</ng-template>\n<div #tableBottomObserve></div>\n", styles: [":host{display:block;width:100%;position:relative;padding-bottom:.2rem;overflow-x:auto;max-width:100vw}.table-fixed{table-layout:fixed}.table-fixed td{overflow:hidden}tr td{font-weight:inherit}::ng-deep span.fd-toolbar__spacer{display:none}.row-summary{position:relative}.row-summary .col-total-text{position:absolute;top:25%}\n"] }]
+            args: [{ selector: 'bsu-ui-table-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<table\n    fd-table\n    #tableTpl\n    #headerBottomObserver\n    intersectionObserver\n    [intersectionThreshold]=\"0.1\"\n    (visibilityChange)=\"onTableVisibilityChange($event, headerBottomObserver)\"\n    [popIn]=\"popin\"\n    [class.table-fixed]=\"\n        !contextView?.Grid_HideHeader && (!popin || secondaryColumns.length === 0) && !disableFixedTableLayout\n    \"\n    [noBorderX]=\"viewSetting?.NoHoriztonalBorders === true\"\n    [noBorderY]=\"viewSetting?.NoVerticalBorders === true || (popin && secondaryColumns.length > 0)\"\n>\n    @if (columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList; as mergeFieldsToColumns) {\n    <ng-container\n        *ngTemplateOutlet=\"\n            headerTemplate;\n            context: { $implicit: mergeFieldsToColumns, moDataListCount: moDataList?.length }\n        \"\n    ></ng-container>\n    @if (moDataList?.length) {\n    <ng-container\n        *ngTemplateOutlet=\"\n            bodyTemplate;\n            context: { $implicit: mergeFieldsToColumns, previewColumn: allColumns | findPreviewColumn }\n        \"\n    ></ng-container>\n    <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n    } }\n</table>\n<!--renderColumn-->\n\n@if (!moDataList?.length) {\n<bsu-no-data\n    [class.no-topborder]=\"!hideToolbar\"\n    [class.noborder]=\"contextView.Grid_HideHeader && hideToolbar\"\n    [simple]=\"true\"\n>\n</bsu-no-data>\n}\n\n<ng-template #headerTemplate let-columns let-moDataListCount>\n    <bsu-barsa-table-header\n        [sticky]=\"stickyEnable()\"\n        [hasSecondaryColumns]=\"secondaryColumns.length > 0\"\n        [class.has-toolbar]=\"!hideToolbar\"\n        [style.pointer-events]=\"moDataListCount ? 'auto' : 'none'\"\n        [tableWidth]=\"elWidth\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [resizedByUser]=\"resizedByUser\"\n        [tableHeaderMode]=\"tableHeaderMode\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [allChecked]=\"allChecked\"\n        [rtl]=\"rtl\"\n        [actionList]=\"actionList\"\n        [disableResponsive]=\"disableResponsive\"\n        [isCheckList]=\"isCheckList\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns:rowIndicator | filter: { IsPreview: false }\"\n        [fitWidth]=\"fitWidth\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [contextMenuWidth]=\"contextMenuWidth\"\n        [showViewButton]=\"showViewButton\"\n        [deviceSize]=\"deviceSize\"\n        [viewSetting]=\"viewSetting\"\n        [hideHeader]=\"contextView.Grid_HideHeader\"\n        [rowIndicator]=\"rowIndicator\"\n        [disableResize]=\"disableResize\"\n        [disableHeaderContextMenu]=\"disableHeaderContextMenu\"\n        (headerRender)=\"onSetTableHeaderDom($event)\"\n        (columnResize)=\"onColumnResized($event)\"\n        (columnResizing)=\"onColumnResizing($event)\"\n        (fitToContent)=\"onFitToContent($event)\"\n        (fitToContainer)=\"onFitToContainer()\"\n        (freeColumnSize)=\"onFreeColumnSizing()\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n        (resetGridSettings)=\"resetGridSettings.emit()\"\n    ></bsu-barsa-table-header>\n    <!-- <div\n        #headerBottomObserver\n        intersectionObserver\n        [intersectionThreshold]=\"0.1\"\n        (visibilityChange)=\"onHeaderVisibilityChange($event, headerBottomObserver)\"\n    ></div> -->\n</ng-template>\n<ng-template #bodyTemplate let-columns let-previewColumn=\"previewColumn\">\n    <tbody\n        #body\n        fd-table-body\n        [class.noborder]=\"viewSetting?.NoBodyBorders === true\"\n        [noBorderX]=\"viewSetting?.NoHoriztonalBorders === true || previewColumn\"\n        [noBorderY]=\"(popin && secondaryColumns.length > 0) || previewColumn\"\n    >\n        <ng-container>\n            @for (mo of moDataList | multipleGroupBy: groupby; track _trackByRow(index, mo); let index = $index) {\n            <ng-container\n                *ngTemplateOutlet=\"\n                    hasRowOlgo ? rowOlgoTemplate : rowTemplate;\n                    context: {\n                        $implicit: mo,\n                        index: index,\n                        rowNumber: mo.Id | rowNumber: pagingSetting:moDataList,\n                        rowIndicatorColor: !columns.length ? '' : (columns[0].Caption | rval: mo:columns),\n                        columns: columns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                        secondaryColumns:\n                            secondaryColumns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                        moDataList: moDataList,\n                        moDataListCount: moDataList.length,\n                        cartableTemplate: cartableTemplates[mo.RelatedMo?.$TypeDefId + '@' + mo.CartableSettings?.Id],\n                        previewColumn: previewColumn,\n                        detailsCollapsed: viewSetting?.DetailsSetting?.DetailsCollapsed === true,\n                        hideDetailsText: viewSetting?.DetailsSetting?.HideDetailsText === true\n                    }\n                \"\n            ></ng-container>\n            }\n        </ng-container>\n    </tbody>\n</ng-template>\n<ng-template #footerTemplate let-columns>\n    @if (hasSummary) {\n    <tfoot fd-table-footer>\n        <tr fd-table-row class=\"row-summary\">\n            @if (isCheckList) {\n            <td fd-table-cell columnResizer>\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            } @if (!isCheckList) {\n            <td fd-table-cell class=\"single-select\">\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            } @for (column of columns; track column; let i = $index) {\n            <td>\n                @if (column.HasSummary) {\n                <strong style=\"direction: ltr; display: block\">\n                    {{ moDataList | totalSummary: column.Name | number }}</strong\n                >\n                }\n            </td>\n            } @if (contextMenuItems && contextMenuItems.length > 0) {\n            <td fd-table-cell style=\"width: 100px\"></td>\n            } @if (!hideOpenIcon && canView && (!inlineEditMode || !allowInlineEdit)) {\n            <td fd-table-cell></td>\n            }\n        </tr>\n    </tfoot>\n    }\n</ng-template>\n<ng-template\n    #rowOlgoTemplate\n    let-mo\n    let-index=\"index\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n    let-rowNumber=\"rowNumber\"\n    let-previewColumn=\"previewColumn\"\n    let-detailsCollapsed=\"detailsCollapsed\"\n    let-hideDetailsText=\"hideDetailsText\"\n>\n    <bnrc-dynamic-item-component\n        [component]=\"viewSetting.RowOlgo\"\n        [mo]=\"mo\"\n        [detailsCollapsed]=\"detailsCollapsed\"\n        [hideDetailsText]=\"hideDetailsText\"\n        [isLastChildGroup]=\"mo.$IsLastChildGroup\"\n        [groupSummary]=\"groupSummary\"\n        [showViewButton]=\"showViewButton\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [moDataList]=\"moDataList\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [detailsColumns]=\"detailsColumns\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [rowNumber]=\"rowNumber\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [dirtyColumns]=\"mo.$DirtyColumns\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [coloringRow]=\"viewSetting?.ColoringRow\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns:rowIndicator\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns:rowIndicator\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [rowIndicator]=\"rowIndicator\"\n        [rowIndicatorColor]=\"rowIndicatorColor\"\n        (events)=\"onOlgoEvents($event)\"\n    >\n    </bnrc-dynamic-item-component>\n</ng-template>\n<ng-template\n    #rowTemplate\n    let-mo\n    let-index=\"index\"\n    let-rowNumber=\"rowNumber\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n    let-previewColumn=\"previewColumn\"\n    let-detailsCollapsed=\"detailsCollapsed\"\n    let-hideDetailsText=\"hideDetailsText\"\n>\n    <bsu-barsa-table-row\n        [mo]=\"mo\"\n        [dirtyColumns]=\"mo.$DirtyColumns\"\n        [isLastChildGroup]=\"mo.$IsLastChildGroup\"\n        [moDataList]=\"moDataList\"\n        [hideDetailsText]=\"hideDetailsText\"\n        [detailsCollapsed]=\"detailsCollapsed\"\n        [groupSummary]=\"groupSummary\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [rowNumber]=\"rowNumber\"\n        [coloringRow]=\"viewSetting?.ColoringRow\"\n        [showViewButton]=\"showViewButton\"\n        [detailsColumns]=\"detailsColumns\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [checkboxComponent]=\"viewSetting?.CheckboxComponent\"\n        [secondaryColumns]=\"\n            secondaryColumns | filterColumnsByDetails: detailsColumns:false | filter: { IsPreview: false }\n        \"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns:rowIndicator | filter: { IsPreview: false }\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [simpleInlineEdit]=\"simpleInlineEdit\"\n        [noSaveInlineEditInServer]=\"simpleInlineEdit\"\n        [actionList]=\"actionList\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [rowIndicator]=\"rowIndicator\"\n        [rowIndicatorColor]=\"rowIndicatorColor\"\n        [previewColumn]=\"previewColumn\"\n        (columnSummary)=\"columnSummary.emit($event)\"\n        (resetWorkflowState)=\"resetWorkflowState.emit(mo)\"\n        (escapeKey)=\"onEscapeKey($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n        (deselectAll)=\"onDeselectAll()\"\n        (rowClick)=\"onRowClick($event)\"\n        (ulvCommand)=\"onUlvCommand($event)\"\n        (actionListClick)=\"onActionListClick(mo, index, $event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\n    >\n    </bsu-barsa-table-row>\n    <!-- <div\n        #rowBottom\n        intersectionObserver\n        [intersectionThreshold]=\"0.1\"\n        (visibilityChange)=\"onRowVisibilityChange($event, index, rowBottom)\"\n    ></div> -->\n</ng-template>\n<div #tableBottomObserve></div>\n", styles: [":host{display:block;width:100%;position:relative;padding-bottom:.2rem;overflow-x:auto;max-width:100vw}.table-fixed{table-layout:fixed}.table-fixed td{overflow:hidden}tr td{font-weight:inherit}::ng-deep span.fd-toolbar__spacer{display:none}.row-summary{position:relative}.row-summary .col-total-text{position:absolute;top:25%}\n"] }]
         }], propDecorators: { _tableRef: [{
                 type: ViewChild,
                 args: ['tableTpl', { static: true, read: ElementRef }]
@@ -8810,6 +8807,7 @@ class FundamentalDynamicFormComponent extends BaseComponent {
         this.fullscreenRequest = new EventEmitter();
         this.hideTitle = true;
         this.toolbarShouldOverflow = false;
+        this.worfklowButtonsOnFooter = false;
     }
     ngOnInit() {
         super.ngOnInit();
@@ -8818,6 +8816,7 @@ class FundamentalDynamicFormComponent extends BaseComponent {
         this.workflowInfoText = this.workflowPanelUi?.Setting?.Workflow?.InfoText;
         // const workflowButtons = this.workflowPanelUi?.buttonList ?? [];
         this.workflowButtonsComboMode = this.isMobile;
+        this.worfklowButtonsOnFooter = this.parameters?.WorkflowButtonsOnFooter;
         // this.workflowButtons = workflowButtons;
         this.canFullscreen = this.parameters?.CanFullscreen === true;
         const toolbarButtonsCount = this.toolbarItems.filter((c) => typeof c !== 'string' && c.text !== '-').length;
@@ -8867,11 +8866,11 @@ class FundamentalDynamicFormComponent extends BaseComponent {
         this.layout2 = GetFormLayoutGrid(false, this.colXl, this.colLg, this.colMd);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: FundamentalDynamicFormComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: FundamentalDynamicFormComponent, selector: "bsu-fundamental-dynamic-form", inputs: { breadCrumbs: "breadCrumbs", toolbarVisible: "toolbarVisible", toolbarItems: "toolbarItems", layoutActions: "layoutActions", layout94: "layout94", parameters: "parameters", workflowPanelUi: "workflowPanelUi", context: "context", title: "title", subtitle: "subtitle", description: "description", facetList: "facetList", fieldDict: "fieldDict", removeHeaderBorder: "removeHeaderBorder", removeContentPadding: "removeContentPadding", isMobile: "isMobile", mo: "mo", avatar: "avatar", circleAvatar: "circleAvatar", rtl: "rtl", hideFooter: "hideFooter", hideTitle: "hideTitle", hideClose: "hideClose", hidePin: "hidePin", fullscreen: "fullscreen", mask: "mask", canSend: "canSend", contentIsPage: "contentIsPage", contentDensity: "contentDensity", deviceSize: "deviceSize", dirValue: "dirValue", landscape: "landscape", standalone: "standalone", modernTabs: "modernTabs", formVisibilityStatus: "formVisibilityStatus", layoutGridCol: "layoutGridCol", colLg: "colLg", colXl: "colXl", colMd: "colMd", footerDesign: "footerDesign", formContentMaxWidth: "formContentMaxWidth", workflowButtons: "workflowButtons" }, outputs: { toolbarClick: "toolbarClick", workflowChoiceClick: "workflowChoiceClick", close: "close", fullscreenRequest: "fullscreenRequest" }, viewQueries: [{ propertyName: "_dynamicPageComponent", first: true, predicate: DynamicPageComponent, descendants: true, static: true }, { propertyName: "_tabListComponent", first: true, predicate: TabListComponent, descendants: true }, { propertyName: "_toolbarComponent", first: true, predicate: ["formToolbar"], descendants: true }, { propertyName: "titleRef", first: true, predicate: ["titleRef"], descendants: true, read: ViewContainerRef }, { propertyName: "headerAvatarRef", first: true, predicate: ["headerAvatar"], descendants: true }, { propertyName: "closeFormTemplate", first: true, predicate: ["closeForm"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (mask) {\n<div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%\">\n    <bsu-mask size=\"m\"></bsu-mask>\n</div>\n}\n\n<fd-dynamic-page\n    [size]=\"isMobile ? 'small' : 'large'\"\n    [class.header-border]=\"!removeHeaderBorder\"\n    [attr.isMobile]=\"isMobile\"\n    [attr.contentIsPage]=\"contentIsPage\"\n    mobile\n    formClose\n    [isMobile]=\"isMobile\"\n>\n    <fd-dynamic-page-header\n        [class.simple-title]=\"!description\"\n        [title]=\"(hideTitle === true ? '' : title) | bbbTranslate\"\n        [subtitle]=\"subtitle | bbbTranslate\"\n        [class.p-b0]=\"removeContentPadding\"\n        [class.hide-title]=\"hideTitle === true && hideClose === true\"\n        #titleRef\n    >\n        <fd-dynamic-page-breadcrumb [class.hide]=\"isMobile\">\n            <fd-breadcrumb>\n                @if (breadCrumbs && !isMobile) { @for (breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length; track\n                breadCrumb.url; let i = $index; let last = $last) {\n                <fd-breadcrumb-item>\n                    <bsu-breadcrumb\n                        [index]=\"i\"\n                        [isLast]=\"last\"\n                        [breadCrumb]=\"breadCrumb\"\n                        [allBreadCrumb]=\"breadCrumbs\"\n                    ></bsu-breadcrumb>\n                </fd-breadcrumb-item>\n                } }\n            </fd-breadcrumb>\n        </fd-dynamic-page-breadcrumb>\n        <fd-dynamic-page-global-actions>\n            <!-- global actions -->\n\n            <fd-toolbar [shouldOverflow]=\"true\" Style=\"display:none\"> </fd-toolbar>\n            <!-- added this because in mobile landscape toolbar disapper -->\n            @if (toolbarVisible) {\n            <bsu-form-toolbar\n                [deviceSize]=\"deviceSize\"\n                [buttons]=\"toolbarItems | filterWorkflowInMobile\"\n                [dirValue]=\"dirValue\"\n                [isFirefox]=\"isFirefox\"\n                (toolbarClick)=\"toolbarClick.emit($event)\"\n                #formToolbar\n            ></bsu-form-toolbar>\n            }\n        </fd-dynamic-page-global-actions>\n        <fd-dynamic-page-layout-actions>\n            <!-- layout actions -->\n            <!-- <div [formActions]=\"this.toolbar\"></div> -->\n            @if (!hideClose) {\n            <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                @if (deviceSize !== 's') {\n                <fd-toolbar-separator></fd-toolbar-separator>\n                }\n                <ng-container *ngTemplateOutlet=\"fullscreenForm\"></ng-container>\n                <ng-container *ngTemplateOutlet=\"closeForm\"></ng-container>\n            </fd-toolbar>\n            }\n        </fd-dynamic-page-layout-actions>\n    </fd-dynamic-page-header>\n    @if (description || facetList.length > 0 || workflowInfoText || avatar) {\n    <fd-dynamic-page-subheader\n        [class.header-no-description]=\"!(description || workflowInfoText)\"\n        [class.no-pin]=\"hidePin\"\n        [collapsible]=\"!!workflowInfoText || (facetList && facetList.length > 0)\"\n        [pinnable]=\"true\"\n        [collapsed]=\"(!facetList || facetList.length === 0) && !workflowInfoText\"\n    >\n        @if (workflowInfoText) {\n        <fd-message-strip [type]=\"'warning'\" [dismissible]=\"false\">\n            {{ workflowInfoText | bbbTranslate }}\n        </fd-message-strip>\n        }\n        <fd-facet-group ariaLabel=\"Facet Group\">\n            @if (avatar) {\n            <fd-facet type=\"image\">\n                <fd-avatar\n                    title=\"avatar\"\n                    [glyph]=\"avatar\"\n                    [image]=\"!avatar?.FileId ? null : (avatar?.FileId | picFieldSrc: 'ID':null)\"\n                    [size]=\"deviceSize === 'xl' ? 'l' : deviceSize\"\n                    [transparent]=\"true\"\n                    [circle]=\"circleAvatar\"\n                ></fd-avatar>\n                <!-- <div\n                  class=\"fd-avatar fd-avatar--circle\"\n                  [class]=\"'fd-avatar--' + (deviceSize === 'xl' ? 'l' : deviceSize)\"\n                  >\n                  <i *ngIf=\"avatar\" class=\"fd-avatar__icon\" [class]=\"avatar | sapFontClass\" role=\"presentation\"> </i>\n                </div> -->\n            </fd-facet>\n            } @for (facet of facetList; track facet) {\n            <fd-facet\n                [type]=\"facet.type\"\n                [facetTitle]=\"facet.mo.Title | bbbTranslate\"\n                [subtitle]=\"facet.mo.SubTitle | facetValue | bbbTranslate\"\n            >\n                @for (item of facet.mo.ItemList?.MoDataList; track item) {\n                <fd-facet-content>\n                    <label fd-form-label [colon]=\"true\" for=\"form-value-10\">{{ item.Title }}</label>\n                    <fd-text [text]=\"item.Value | facetValue\" id=\"form-value-10\"></fd-text>\n                </fd-facet-content>\n                } @if ( !facet.mo.IsNumber && facet.type === 'key-value' && !facet.mo.Component?.Selector) {\n                <span\n                    fd-object-status\n                    [status]=\"facet.mo.Status | facetValue\"\n                    [label]=\"facet.mo.Component?.Selector ? '' : (facet.mo.Text | facetValue)\"\n                    [large]=\"facet.mo.IsLarge\"\n                    [title]=\"facet.mo.Text | facetValue\"\n                    [aria-label]=\"facet.mo.Text | facetValue\"\n                    [glyph]=\"facet.mo.Icon\"\n                >\n                </span>\n                } @else {\n                <bnrc-dynamic-component\n                    [class]=\"'fd-object-status--' + facet.mo.Status | facetValue\"\n                    [class.fd-object-status--large]=\"facet.mo.IsLarge\"\n                    [component]=\"facet.mo.Component\"\n                    [value]=\"facet.mo.Text\"\n                ></bnrc-dynamic-component>\n                } @if (facet.mo.IsNumber && facet.type === 'key-value') {\n                <fd-object-number\n                    [number]=\"facet.mo.Text | facetValue\"\n                    [large]=\"facet.mo.IsLarge\"\n                    [unit]=\"facet.mo.Unit | facetValue\"\n                    [status]=\"facet.mo.Status | facetValue\"\n                    [decimal]=\"facet.mo.DecimalValue | facetValue\"\n                ></fd-object-number>\n                } @if (facet.type === 'plain-text') {\n                <div [style.width.px]=\"facet.mo.Width\" style=\"white-space: normal\">\n                    <fd-text [text]=\"facet.mo.Text | facetValue\" hyphenation=\"auto\"></fd-text>\n                </div>\n                } @if (facet.type === 'rating-indicator') {\n                <fd-facet-content>\n                    <fd-rating-indicator\n                        style=\"pointer-events: none\"\n                        size=\"md\"\n                        [dynamicTextIndicator]=\"facet.mo.Footer\"\n                        [displayMode]=\"true\"\n                        [value]=\"facet.mo | facetValue: facet.type\"\n                    ></fd-rating-indicator>\n                </fd-facet-content>\n                } @if (facet.type === 'progress') {\n                <div [style.width]=\"'10rem'\">\n                    <!-- <span fd-form-label>{{ facet.mo.Subtitle | facetValue }}</span> -->\n                    <fd-progress-indicator\n                        style=\"width: 10r em\"\n                        [state]=\"facet.mo.State\"\n                        [valueText]=\"(facet.mo | facetValue: facet.type) + ' \u0627\u0632 10 \u0645\u0631\u062D\u0644\u0647'\"\n                        [valueNow]=\"facet.mo | facetValue: facet.type\"\n                        [valueMax]=\"10\"\n                        [unit]=\"'\u0645\u0631\u062D\u0644\u0647'\"\n                    ></fd-progress-indicator>\n                    <!-- <ui5-progress-indicator\n                    style=\"width: 10rem\"\n                    [valueState]=\"facet.mo.State\"\n                    [value]=\"getNumber(facet.mo.Value)\"\n                  ></ui5-progress-indicator> -->\n                </div>\n                } @if (facet.type === 'microcharts') {\n                <div>\n                    <label wrap>in progress ...</label>\n                </div>\n                }\n            </fd-facet>\n            }\n        </fd-facet-group>\n        @if (description) {\n        <span>{{ description }}</span>\n        }\n    </fd-dynamic-page-subheader>\n    } @if (!contentIsPage && modernTabs && modernTabs.length > 0 && !parameters?.LayoutComponent) {\n    <fd-tab-list\n        (selectedTabChange)=\"onTabChanged($event)\"\n        [collapseOverflow]=\"true\"\n        [stackContent]=\"false\"\n        maxContentHeight=\"auto\"\n        [expandOverflowText]=\"'More' | bbbTranslate\"\n        #tablist\n    >\n        @for (tab of modernTabs; track tab.Title; let i = $index) {\n        <fd-tab [title]=\"tab.Title!! | bbbTranslate\" [class.is-expanded]=\"selectedTab === tab.Title\">\n            <fd-dynamic-page-content [id]=\"tab.id\" [class.limit-content-width]=\"formContentMaxWidth > 0\">\n                <fd-layout-grid [style.max-width.px]=\"formContentMaxWidth\">\n                    <div fdLayoutGridRow>\n                        <div\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout1.colMd\"\n                            [colLg]=\"layout1.colLg\"\n                            [colXl]=\"layout1.colXl\"\n                        ></div>\n                        <div [fdLayoutGridCol]=\"12\" [colMd]=\"colMd\" [colLg]=\"colLg\" [colXl]=\"colXl\">\n                            <bsu-ly-tab-page [config]=\"tab\" [tablist]=\"tablist\"></bsu-ly-tab-page>\n                        </div>\n                        <div\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout2.colMd\"\n                            [colLg]=\"layout2.colLg\"\n                            [colXl]=\"layout2.colXl\"\n                        ></div>\n                    </div>\n                </fd-layout-grid>\n            </fd-dynamic-page-content>\n        </fd-tab>\n        }\n    </fd-tab-list>\n    } @else { @if (!contentIsPage) {\n    <fd-tab-list\n        [collapseOverflow]=\"true\"\n        [stackContent]=\"false\"\n        maxContentHeight=\"auto\"\n        #tablist\n        class=\"extra-hide-tabs show-boundary\"\n    >\n        <fd-tab title=\"\">\n            <fd-dynamic-page-content [class.limit-content-width]=\"formContentMaxWidth > 0\">\n                <fd-layout-grid style=\"min-height: 100%\" [style.max-width.px]=\"formContentMaxWidth\">\n                    <div fdLayoutGridRow>\n                        <div\n                            style=\"padding: 0\"\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout1.colMd\"\n                            [colLg]=\"layout1.colLg\"\n                            [colXl]=\"layout1.colXl\"\n                        ></div>\n                        <div\n                            style=\"min-height: 100%\"\n                            [fdLayoutGridCol]=\"12\"\n                            [colMd]=\"colMd\"\n                            [colLg]=\"colLg\"\n                            [colXl]=\"colXl\"\n                        >\n                            <ng-container\n                                *ngTemplateOutlet=\"\n                                    parameters?.LayoutComponent ? renderLayoutComponent : renderDefaultLayout;\n                                    context: {\n                                        $implicit: parameters?.LayoutComponent,\n                                        layout94: layout94\n                                    }\n                                \"\n                            ></ng-container>\n                        </div>\n                        <div\n                            style=\"padding: 0\"\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout2.colMd\"\n                            [colLg]=\"layout2.colLg\"\n                            [colXl]=\"layout2.colXl\"\n                        ></div>\n                    </div>\n                </fd-layout-grid>\n            </fd-dynamic-page-content>\n        </fd-tab>\n    </fd-tab-list>\n    } } @if(!hideFooter){\n    <fd-dynamic-page-footer>\n        <bsu-layout-actions\n            [canSend]=\"canSend\"\n            [buttons]=\"layoutActions\"\n            [isMobile]=\"isMobile\"\n            [landscape]=\"landscape\"\n            [standalone]=\"standalone\"\n            [footerDesign]=\"footerDesign\"\n            [workflowButtons]=\"workflowButtons\"\n            [workflowButtonsComboMode]=\"workflowButtonsComboMode\"\n            [deviceSize]=\"deviceSize\"\n            [rtl]=\"rtl\"\n            (toolClick)=\"toolbarClick.emit($event)\"\n            (workflowChoiceSelect)=\"onWfChoiceSelect($event)\"\n        >\n        </bsu-layout-actions>\n    </fd-dynamic-page-footer>\n    }\n</fd-dynamic-page>\n@if (contentIsPage) {\n<ng-container\n    *ngTemplateOutlet=\"\n        renderLayoutComponent;\n        context: {\n            $implicit: parameters?.LayoutComponent,\n            layout94: layout94\n        }\n    \"\n></ng-container>\n}\n<ng-template #renderDefaultLayout let-layout94=\"layout94\">\n    <bsu-ly-layout-container-of-root\n        [config]=\"layout94\"\n        [isPanel]=\"false\"\n        [isRoot]=\"true\"\n    ></bsu-ly-layout-container-of-root>\n</ng-template>\n<ng-template #renderLayoutComponent let-component let-layout94=\"layout94\">\n    <bnrc-dynamic-form-component\n        [component]=\"component\"\n        [removeContentPadding]=\"removeContentPadding\"\n        [breadCrumbs]=\"breadCrumbs\"\n        [description]=\"description\"\n        [title]=\"title\"\n        [subtitle]=\"subtitle\"\n        [toolbarItems]=\"toolbarItems\"\n        [layoutActions]=\"layoutActions\"\n        [footerDesign]=\"footerDesign\"\n        [facetList]=\"facetList\"\n        [settings]=\"component.Settings\"\n        [workflowButtons]=\"workflowButtons\"\n        [workflowPanelUi]=\"workflowPanelUi\"\n        [isMobile]=\"isMobile\"\n        [mo]=\"mo\"\n        [layout94]=\"layout94\"\n        [context]=\"context\"\n        [rtl]=\"rtl\"\n        [fieldDict]=\"fieldDict\"\n        [mask]=\"mask\"\n        [dirValue]=\"dirValue\"\n        [deviceSize]=\"deviceSize\"\n        [contentDensity]=\"contentDensity\"\n        [modernTabs]=\"modernTabs\"\n        [avatar]=\"avatar\"\n        (events)=\"onDynamicComponentEvents($event)\"\n    ></bnrc-dynamic-form-component>\n</ng-template>\n<ng-template #closeForm>\n    <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"close.emit()\" title=\"Close\">\n        <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\n    </button>\n</ng-template>\n<ng-template #fullscreenForm>\n    @if (canFullscreen) {\n    <button\n        fd-button\n        fdType=\"transparent\"\n        [attr.aria-label]=\"fullscreen ? 'exit fullscreen' : 'fullscreen'\"\n        (click)=\"fullscreenRequest.emit()\"\n        [title]=\"fullscreen ? 'exit fullscreen' : 'fullscreen'\"\n        [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\n    ></button>\n    }\n</ng-template>\n", styles: [":host{display:block;height:auto;width:100%}:host ::ng-deep fd-dynamic-page[contentIsPage=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep .fd-progress-indicator__container,:host ::ng-deep .fd-progress-indicator__progress-bar{height:1.5rem}:host ::ng-deep fd-facet .fd-object-status--large{font-size:1.1rem}fd-dynamic-page ::ng-deep>article>fd-tab-list>.fd-tabs__content fd-tab.is-expanded{min-height:100%;display:flex}fd-dynamic-page ::ng-deep>article>fd-tab-list>.fd-tabs__content fd-tab.is-expanded>fd-dynamic-page-content{min-height:100%;overflow:hidden}fd-dynamic-page ::ng-deep>article>fd-tab-list>.fd-tabs__content fd-tab.is-expanded bsu-ly-layout-container-of-root{min-height:100%}fd-dynamic-page fd-dynamic-page-content.limit-content-width{display:flex;justify-content:center}fd-facet{display:flex;flex-direction:column}.hide-title ::ng-deep .fd-dynamic-page__title-container{display:none!important}.no-pin ::ng-deep .fd-dynamic-page__collapsible-header-visibility-container{display:none!important}fd-toolbar.firefox ::ng-deep .fd-toolbar{flex-direction:row-reverse}fd-toolbar.firefox ::ng-deep .fd-toolbar>:first-child{margin-right:5px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.DynamicFormComponent, selector: "bnrc-dynamic-form-component", inputs: ["breadCrumbs", "toolbarVisible", "toolbarItems", "layoutActions", "workflowButtons", "layout94", "footerDesign", "settings", "workflowPanelUi", "title", "subtitle", "description", "facetList", "removeHeaderBorder", "removeContentPadding", "isMobile", "avatar", "rtl", "mask", "mo", "contentDensity", "deviceSize", "dirValue", "fieldDict", "modernTabs"] }, { kind: "component", type: i2.BaseDynamicComponent, selector: "bnrc-dynamic-component", inputs: ["component", "value"], outputs: ["events"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i3$5.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i5$3.BreadcrumbComponent, selector: "fd-breadcrumb", inputs: ["reverse", "tabIndex"], outputs: ["visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i5$3.BreadcrumbItemComponent, selector: "fd-breadcrumb-item" }, { kind: "component", type: i3$1.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i9$1.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["disableSnapOnScroll", "ariaLabel", "ariaRoledescription", "background", "autoResponsive", "size", "offset", "expandContent", "positionRelative"] }, { kind: "component", type: i9$1.DynamicPageHeaderComponent, selector: "fd-dynamic-page-header", inputs: ["title", "titleWrap", "subtitle", "subtitleWrap", "headingLevel", "titleId"] }, { kind: "component", type: i9$1.DynamicPageGlobalActionsComponent, selector: "fd-dynamic-page-global-actions" }, { kind: "component", type: i9$1.DynamicPageLayoutActionsComponent, selector: "fd-dynamic-page-layout-actions" }, { kind: "component", type: i9$1.DynamicPageSubheaderComponent, selector: "fd-dynamic-page-subheader", inputs: ["collapsible", "pinnable", "collapsed", "expandLabel", "collapseLabel", "id", "headerAriaLabel", "pinAriaLabel", "unpinAriaLabel"], outputs: ["collapsedChange"] }, { kind: "component", type: i9$1.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i9$1.DynamicPageFooterComponent, selector: "fd-dynamic-page-footer" }, { kind: "component", type: i9$1.DynamicPageBreadcrumbComponent, selector: "fd-dynamic-page-breadcrumb" }, { kind: "component", type: i7$6.FacetComponent, selector: "fd-facet", inputs: ["type", "facetTitle", "subtitle", "headingLevel", "id", "alignEnd"] }, { kind: "component", type: i7$6.FacetGroupComponent, selector: "fd-facet-group", inputs: ["ariaLabel"] }, { kind: "component", type: i7$6.FacetContentComponent, selector: "fd-facet-content" }, { kind: "component", type: i2$1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i4$3.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i4$3.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i4$3.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: i9.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "width", "minWidth", "marginBottom", "indicationColor"], outputs: ["onDismiss"] }, { kind: "component", type: i4$5.ObjectNumberComponent, selector: "fd-object-number", inputs: ["number", "decimal", "unit", "emphasized", "large", "status", "class", "ariaLabelledBy", "ariaLabel"] }, { kind: "component", type: i10.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "glyphFont", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large", "secondaryIndication", "textTemplate"] }, { kind: "component", type: i13$1.RatingIndicatorComponent, selector: "fd-rating-indicator", inputs: ["class", "name", "ariaLabel", "ariaLabelledBy", "disabled", "displayMode", "nonInteractive", "indicatorCapacity", "allowHalves", "value", "totalRatings", "ratingAverage", "ratings", "displayAllRatings", "ratedIcon", "unratedIcon", "size", "dynamicTextIndicator"], outputs: ["ratingChanged"] }, { kind: "component", type: i1$6.TabListComponent, selector: "fd-tab-list", inputs: ["size", "mode", "collapseOverflow", "maxVisibleTabs", "stackContent", "maxContentHeight", "collapsibleTabs", "defaultTab", "selectDefaultOnTabsChange", "focusFirstFocusableElement"], outputs: ["selectedTabChange", "selectedTabIndexChange", "visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i1$6.TabPanelComponent, selector: "fd-tab", inputs: ["id", "ariaLabel", "ariaLabelledBy", "title", "count", "glyph", "header", "disabled", "tabState"], outputs: ["opened", "closed"] }, { kind: "component", type: i2$a.TextComponent, selector: "fd-text", inputs: ["text", "maxLines", "whitespaces", "hyphenation", "expandable", "isCollapsed"], outputs: ["isCollapsedChange"] }, { kind: "component", type: i8.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "title", "active", "clearBorder", "forceOverflow", "tabindex", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i8.ToolbarSeparatorComponent, selector: "fd-toolbar-separator" }, { kind: "component", type: i12.ProgressIndicatorComponent, selector: "fd-progress-indicator", inputs: ["valueText", "unit", "valueMin", "valueMax", "valueNow", "state", "animate"] }, { kind: "component", type: LyLayoutContainerOfRootComponent, selector: "bsu-ly-layout-container-of-root" }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: LyTabPageComponent, selector: "bsu-ly-tab-page", inputs: ["renderItems", "tablist"] }, { kind: "component", type: LayoutActionsComponent, selector: "bsu-layout-actions", inputs: ["workflowButtons", "workflowButtonsComboMode", "canSend", "simple", "footerDesign"], outputs: ["workflowChoiceSelect"] }, { kind: "component", type: BreadcrumbComponent, selector: "bsu-breadcrumb", inputs: ["breadCrumb", "allBreadCrumb", "isLast", "index"] }, { kind: "component", type: FormToolbarComponent, selector: "bsu-form-toolbar", outputs: ["toolbarClick"] }, { kind: "pipe", type: i1$2.SlicePipe, name: "slice" }, { kind: "pipe", type: i2.HeaderFacetValuePipe, name: "facetValue" }, { kind: "pipe", type: i2.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.FilterWorkflowInMobilePipe, name: "filterWorkflowInMobile" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: FundamentalDynamicFormComponent, selector: "bsu-fundamental-dynamic-form", inputs: { breadCrumbs: "breadCrumbs", toolbarVisible: "toolbarVisible", toolbarItems: "toolbarItems", layoutActions: "layoutActions", layout94: "layout94", parameters: "parameters", workflowPanelUi: "workflowPanelUi", context: "context", title: "title", subtitle: "subtitle", description: "description", facetList: "facetList", fieldDict: "fieldDict", removeHeaderBorder: "removeHeaderBorder", removeContentPadding: "removeContentPadding", isMobile: "isMobile", mo: "mo", avatar: "avatar", circleAvatar: "circleAvatar", rtl: "rtl", hideFooter: "hideFooter", hideTitle: "hideTitle", hideClose: "hideClose", hidePin: "hidePin", fullscreen: "fullscreen", mask: "mask", canSend: "canSend", contentIsPage: "contentIsPage", contentDensity: "contentDensity", deviceSize: "deviceSize", dirValue: "dirValue", landscape: "landscape", standalone: "standalone", modernTabs: "modernTabs", formVisibilityStatus: "formVisibilityStatus", layoutGridCol: "layoutGridCol", colLg: "colLg", colXl: "colXl", colMd: "colMd", footerDesign: "footerDesign", formContentMaxWidth: "formContentMaxWidth", workflowButtons: "workflowButtons" }, outputs: { toolbarClick: "toolbarClick", workflowChoiceClick: "workflowChoiceClick", close: "close", fullscreenRequest: "fullscreenRequest" }, viewQueries: [{ propertyName: "_dynamicPageComponent", first: true, predicate: DynamicPageComponent, descendants: true, static: true }, { propertyName: "_tabListComponent", first: true, predicate: TabListComponent, descendants: true }, { propertyName: "_toolbarComponent", first: true, predicate: ["formToolbar"], descendants: true }, { propertyName: "titleRef", first: true, predicate: ["titleRef"], descendants: true, read: ViewContainerRef }, { propertyName: "headerAvatarRef", first: true, predicate: ["headerAvatar"], descendants: true }, { propertyName: "closeFormTemplate", first: true, predicate: ["closeForm"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (mask) {\n<div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%\">\n    <bsu-mask size=\"m\"></bsu-mask>\n</div>\n}\n\n<fd-dynamic-page\n    [size]=\"isMobile ? 'small' : 'large'\"\n    [class.header-border]=\"!removeHeaderBorder\"\n    [attr.isMobile]=\"isMobile\"\n    [attr.contentIsPage]=\"contentIsPage\"\n    mobile\n    formClose\n    [isMobile]=\"isMobile\"\n>\n    <fd-dynamic-page-header\n        [class.simple-title]=\"!description\"\n        [title]=\"(hideTitle === true ? '' : title) | bbbTranslate\"\n        [subtitle]=\"subtitle | bbbTranslate\"\n        [class.p-b0]=\"removeContentPadding\"\n        [class.hide-title]=\"hideTitle === true && hideClose === true\"\n        #titleRef\n    >\n        <fd-dynamic-page-breadcrumb [class.hide]=\"isMobile\">\n            <fd-breadcrumb>\n                @if (breadCrumbs && !isMobile) { @for (breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length; track\n                breadCrumb.url; let i = $index; let last = $last) {\n                <fd-breadcrumb-item>\n                    <bsu-breadcrumb\n                        [index]=\"i\"\n                        [isLast]=\"last\"\n                        [breadCrumb]=\"breadCrumb\"\n                        [allBreadCrumb]=\"breadCrumbs\"\n                    ></bsu-breadcrumb>\n                </fd-breadcrumb-item>\n                } }\n            </fd-breadcrumb>\n        </fd-dynamic-page-breadcrumb>\n        <fd-dynamic-page-global-actions>\n            <!-- global actions -->\n\n            <fd-toolbar [shouldOverflow]=\"true\" Style=\"display:none\"> </fd-toolbar>\n            <!-- added this because in mobile landscape toolbar disapper -->\n            @if (toolbarVisible) {\n            <bsu-form-toolbar\n                [deviceSize]=\"deviceSize\"\n                [buttons]=\"toolbarItems | filterWorkflowInMobile: worfklowButtonsOnFooter\"\n                [dirValue]=\"dirValue\"\n                [isFirefox]=\"isFirefox\"\n                (toolbarClick)=\"toolbarClick.emit($event)\"\n                #formToolbar\n            ></bsu-form-toolbar>\n            }\n        </fd-dynamic-page-global-actions>\n        <fd-dynamic-page-layout-actions>\n            <!-- layout actions -->\n            <!-- <div [formActions]=\"this.toolbar\"></div> -->\n            @if (!hideClose) {\n            <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                @if (deviceSize !== 's') {\n                <fd-toolbar-separator></fd-toolbar-separator>\n                }\n                <ng-container *ngTemplateOutlet=\"fullscreenForm\"></ng-container>\n                <ng-container *ngTemplateOutlet=\"closeForm\"></ng-container>\n            </fd-toolbar>\n            }\n        </fd-dynamic-page-layout-actions>\n    </fd-dynamic-page-header>\n    @if (description || facetList.length > 0 || workflowInfoText || avatar) {\n    <fd-dynamic-page-subheader\n        [class.header-no-description]=\"!(description || workflowInfoText)\"\n        [class.no-pin]=\"hidePin\"\n        [collapsible]=\"!!workflowInfoText || (facetList && facetList.length > 0)\"\n        [pinnable]=\"true\"\n        [collapsed]=\"(!facetList || facetList.length === 0) && !workflowInfoText\"\n    >\n        @if (workflowInfoText) {\n        <fd-message-strip [type]=\"'warning'\" [dismissible]=\"false\">\n            {{ workflowInfoText | bbbTranslate }}\n        </fd-message-strip>\n        }\n        <fd-facet-group ariaLabel=\"Facet Group\">\n            @if (avatar) {\n            <fd-facet type=\"image\">\n                <fd-avatar\n                    title=\"avatar\"\n                    [glyph]=\"avatar\"\n                    [image]=\"!avatar?.FileId ? null : (avatar?.FileId | picFieldSrc: 'ID':null)\"\n                    [size]=\"deviceSize === 'xl' ? 'l' : deviceSize\"\n                    [transparent]=\"true\"\n                    [circle]=\"circleAvatar\"\n                ></fd-avatar>\n                <!-- <div\n                  class=\"fd-avatar fd-avatar--circle\"\n                  [class]=\"'fd-avatar--' + (deviceSize === 'xl' ? 'l' : deviceSize)\"\n                  >\n                  <i *ngIf=\"avatar\" class=\"fd-avatar__icon\" [class]=\"avatar | sapFontClass\" role=\"presentation\"> </i>\n                </div> -->\n            </fd-facet>\n            } @for (facet of facetList; track facet) {\n            <fd-facet\n                [type]=\"facet.type\"\n                [facetTitle]=\"facet.mo.Title | bbbTranslate\"\n                [subtitle]=\"facet.mo.SubTitle | facetValue | bbbTranslate\"\n            >\n                @for (item of facet.mo.ItemList?.MoDataList; track item) {\n                <fd-facet-content>\n                    <label fd-form-label [colon]=\"true\" for=\"form-value-10\">{{ item.Title }}</label>\n                    <fd-text [text]=\"item.Value | facetValue\" id=\"form-value-10\"></fd-text>\n                </fd-facet-content>\n                } @if ( !facet.mo.IsNumber && facet.type === 'key-value' && !facet.mo.Component?.Selector) {\n                <span\n                    fd-object-status\n                    [status]=\"facet.mo.Status | facetValue\"\n                    [label]=\"facet.mo.Component?.Selector ? '' : (facet.mo.Text | facetValue)\"\n                    [large]=\"facet.mo.IsLarge\"\n                    [title]=\"facet.mo.Text | facetValue\"\n                    [aria-label]=\"facet.mo.Text | facetValue\"\n                    [glyph]=\"facet.mo.Icon\"\n                >\n                </span>\n                } @else {\n                <bnrc-dynamic-component\n                    [class]=\"'fd-object-status--' + facet.mo.Status | facetValue\"\n                    [class.fd-object-status--large]=\"facet.mo.IsLarge\"\n                    [component]=\"facet.mo.Component\"\n                    [value]=\"facet.mo.Text\"\n                ></bnrc-dynamic-component>\n                } @if (facet.mo.IsNumber && facet.type === 'key-value') {\n                <fd-object-number\n                    [number]=\"facet.mo.Text | facetValue\"\n                    [large]=\"facet.mo.IsLarge\"\n                    [unit]=\"facet.mo.Unit | facetValue\"\n                    [status]=\"facet.mo.Status | facetValue\"\n                    [decimal]=\"facet.mo.DecimalValue | facetValue\"\n                ></fd-object-number>\n                } @if (facet.type === 'plain-text') {\n                <div [style.width.px]=\"facet.mo.Width\" style=\"white-space: normal\">\n                    <fd-text [text]=\"facet.mo.Text | facetValue\" hyphenation=\"auto\"></fd-text>\n                </div>\n                } @if (facet.type === 'rating-indicator') {\n                <fd-facet-content>\n                    <fd-rating-indicator\n                        style=\"pointer-events: none\"\n                        size=\"md\"\n                        [dynamicTextIndicator]=\"facet.mo.Footer\"\n                        [displayMode]=\"true\"\n                        [value]=\"facet.mo | facetValue: facet.type\"\n                    ></fd-rating-indicator>\n                </fd-facet-content>\n                } @if (facet.type === 'progress') {\n                <div [style.width]=\"'10rem'\">\n                    <!-- <span fd-form-label>{{ facet.mo.Subtitle | facetValue }}</span> -->\n                    <fd-progress-indicator\n                        style=\"width: 10r em\"\n                        [state]=\"facet.mo.State\"\n                        [valueText]=\"(facet.mo | facetValue: facet.type) + ' \u0627\u0632 10 \u0645\u0631\u062D\u0644\u0647'\"\n                        [valueNow]=\"facet.mo | facetValue: facet.type\"\n                        [valueMax]=\"10\"\n                        [unit]=\"'\u0645\u0631\u062D\u0644\u0647'\"\n                    ></fd-progress-indicator>\n                    <!-- <ui5-progress-indicator\n                    style=\"width: 10rem\"\n                    [valueState]=\"facet.mo.State\"\n                    [value]=\"getNumber(facet.mo.Value)\"\n                  ></ui5-progress-indicator> -->\n                </div>\n                } @if (facet.type === 'microcharts') {\n                <div>\n                    <label wrap>in progress ...</label>\n                </div>\n                }\n            </fd-facet>\n            }\n        </fd-facet-group>\n        @if (description) {\n        <span>{{ description }}</span>\n        }\n    </fd-dynamic-page-subheader>\n    } @if (!contentIsPage && modernTabs && modernTabs.length > 0 && !parameters?.LayoutComponent) {\n    <fd-tab-list\n        (selectedTabChange)=\"onTabChanged($event)\"\n        [collapseOverflow]=\"true\"\n        [stackContent]=\"false\"\n        maxContentHeight=\"auto\"\n        [expandOverflowText]=\"'More' | bbbTranslate\"\n        #tablist\n    >\n        @for (tab of modernTabs; track tab.Title; let i = $index) {\n        <fd-tab [title]=\"tab.Title!! | bbbTranslate\" [class.is-expanded]=\"selectedTab === tab.Title\">\n            <fd-dynamic-page-content [id]=\"tab.id\" [class.limit-content-width]=\"formContentMaxWidth > 0\">\n                <fd-layout-grid [style.max-width.px]=\"formContentMaxWidth\">\n                    <div fdLayoutGridRow>\n                        <div\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout1.colMd\"\n                            [colLg]=\"layout1.colLg\"\n                            [colXl]=\"layout1.colXl\"\n                        ></div>\n                        <div [fdLayoutGridCol]=\"12\" [colMd]=\"colMd\" [colLg]=\"colLg\" [colXl]=\"colXl\">\n                            <bsu-ly-tab-page [config]=\"tab\" [tablist]=\"tablist\"></bsu-ly-tab-page>\n                        </div>\n                        <div\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout2.colMd\"\n                            [colLg]=\"layout2.colLg\"\n                            [colXl]=\"layout2.colXl\"\n                        ></div>\n                    </div>\n                </fd-layout-grid>\n            </fd-dynamic-page-content>\n        </fd-tab>\n        }\n    </fd-tab-list>\n    } @else { @if (!contentIsPage) {\n    <fd-tab-list\n        [collapseOverflow]=\"true\"\n        [stackContent]=\"false\"\n        maxContentHeight=\"auto\"\n        #tablist\n        class=\"extra-hide-tabs show-boundary\"\n    >\n        <fd-tab title=\"\">\n            <fd-dynamic-page-content [class.limit-content-width]=\"formContentMaxWidth > 0\">\n                <fd-layout-grid style=\"min-height: 100%\" [style.max-width.px]=\"formContentMaxWidth\">\n                    <div fdLayoutGridRow>\n                        <div\n                            style=\"padding: 0\"\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout1.colMd\"\n                            [colLg]=\"layout1.colLg\"\n                            [colXl]=\"layout1.colXl\"\n                        ></div>\n                        <div\n                            style=\"min-height: 100%\"\n                            [fdLayoutGridCol]=\"12\"\n                            [colMd]=\"colMd\"\n                            [colLg]=\"colLg\"\n                            [colXl]=\"colXl\"\n                        >\n                            <ng-container\n                                *ngTemplateOutlet=\"\n                                    parameters?.LayoutComponent ? renderLayoutComponent : renderDefaultLayout;\n                                    context: {\n                                        $implicit: parameters?.LayoutComponent,\n                                        layout94: layout94\n                                    }\n                                \"\n                            ></ng-container>\n                        </div>\n                        <div\n                            style=\"padding: 0\"\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout2.colMd\"\n                            [colLg]=\"layout2.colLg\"\n                            [colXl]=\"layout2.colXl\"\n                        ></div>\n                    </div>\n                </fd-layout-grid>\n            </fd-dynamic-page-content>\n        </fd-tab>\n    </fd-tab-list>\n    } } @if(!hideFooter){\n    <fd-dynamic-page-footer>\n        <bsu-layout-actions\n            [canSend]=\"canSend\"\n            [buttons]=\"layoutActions\"\n            [isMobile]=\"isMobile\"\n            [landscape]=\"landscape\"\n            [standalone]=\"standalone\"\n            [footerDesign]=\"footerDesign\"\n            [workflowButtons]=\"workflowButtons\"\n            [workflowButtonsComboMode]=\"workflowButtonsComboMode || worfklowButtonsOnFooter\"\n            [deviceSize]=\"deviceSize\"\n            [rtl]=\"rtl\"\n            (toolClick)=\"toolbarClick.emit($event)\"\n            (workflowChoiceSelect)=\"onWfChoiceSelect($event)\"\n        >\n        </bsu-layout-actions>\n    </fd-dynamic-page-footer>\n    }\n</fd-dynamic-page>\n@if (contentIsPage) {\n<ng-container\n    *ngTemplateOutlet=\"\n        renderLayoutComponent;\n        context: {\n            $implicit: parameters?.LayoutComponent,\n            layout94: layout94\n        }\n    \"\n></ng-container>\n}\n<ng-template #renderDefaultLayout let-layout94=\"layout94\">\n    <bsu-ly-layout-container-of-root\n        [config]=\"layout94\"\n        [isPanel]=\"false\"\n        [isRoot]=\"true\"\n    ></bsu-ly-layout-container-of-root>\n</ng-template>\n<ng-template #renderLayoutComponent let-component let-layout94=\"layout94\">\n    <bnrc-dynamic-form-component\n        [component]=\"component\"\n        [removeContentPadding]=\"removeContentPadding\"\n        [breadCrumbs]=\"breadCrumbs\"\n        [description]=\"description\"\n        [title]=\"title\"\n        [subtitle]=\"subtitle\"\n        [toolbarItems]=\"toolbarItems\"\n        [layoutActions]=\"layoutActions\"\n        [footerDesign]=\"footerDesign\"\n        [facetList]=\"facetList\"\n        [settings]=\"component.Settings\"\n        [workflowButtons]=\"workflowButtons\"\n        [workflowPanelUi]=\"workflowPanelUi\"\n        [isMobile]=\"isMobile\"\n        [mo]=\"mo\"\n        [layout94]=\"layout94\"\n        [context]=\"context\"\n        [rtl]=\"rtl\"\n        [fieldDict]=\"fieldDict\"\n        [mask]=\"mask\"\n        [dirValue]=\"dirValue\"\n        [deviceSize]=\"deviceSize\"\n        [contentDensity]=\"contentDensity\"\n        [modernTabs]=\"modernTabs\"\n        [avatar]=\"avatar\"\n        (events)=\"onDynamicComponentEvents($event)\"\n    ></bnrc-dynamic-form-component>\n</ng-template>\n<ng-template #closeForm>\n    <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"close.emit()\" title=\"Close\">\n        <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\n    </button>\n</ng-template>\n<ng-template #fullscreenForm>\n    @if (canFullscreen) {\n    <button\n        fd-button\n        fdType=\"transparent\"\n        [attr.aria-label]=\"fullscreen ? 'exit fullscreen' : 'fullscreen'\"\n        (click)=\"fullscreenRequest.emit()\"\n        [title]=\"fullscreen ? 'exit fullscreen' : 'fullscreen'\"\n        [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\n    ></button>\n    }\n</ng-template>\n", styles: [":host{display:block;height:auto;width:100%}:host ::ng-deep fd-dynamic-page[contentIsPage=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep .fd-progress-indicator__container,:host ::ng-deep .fd-progress-indicator__progress-bar{height:1.5rem}:host ::ng-deep fd-facet .fd-object-status--large{font-size:1.1rem}fd-dynamic-page ::ng-deep>article>fd-tab-list>.fd-tabs__content fd-tab.is-expanded{min-height:100%;display:flex}fd-dynamic-page ::ng-deep>article>fd-tab-list>.fd-tabs__content fd-tab.is-expanded>fd-dynamic-page-content{min-height:100%;overflow:hidden}fd-dynamic-page ::ng-deep>article>fd-tab-list>.fd-tabs__content fd-tab.is-expanded bsu-ly-layout-container-of-root{min-height:100%}fd-dynamic-page fd-dynamic-page-content.limit-content-width{display:flex;justify-content:center}fd-facet{display:flex;flex-direction:column}.hide-title ::ng-deep .fd-dynamic-page__title-container{display:none!important}.no-pin ::ng-deep .fd-dynamic-page__collapsible-header-visibility-container{display:none!important}fd-toolbar.firefox ::ng-deep .fd-toolbar{flex-direction:row-reverse}fd-toolbar.firefox ::ng-deep .fd-toolbar>:first-child{margin-right:5px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.DynamicFormComponent, selector: "bnrc-dynamic-form-component", inputs: ["breadCrumbs", "toolbarVisible", "toolbarItems", "layoutActions", "workflowButtons", "layout94", "footerDesign", "settings", "workflowPanelUi", "title", "subtitle", "description", "facetList", "removeHeaderBorder", "removeContentPadding", "isMobile", "avatar", "rtl", "mask", "mo", "contentDensity", "deviceSize", "dirValue", "fieldDict", "modernTabs"] }, { kind: "component", type: i2.BaseDynamicComponent, selector: "bnrc-dynamic-component", inputs: ["component", "value"], outputs: ["events"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i3$5.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i5$3.BreadcrumbComponent, selector: "fd-breadcrumb", inputs: ["reverse", "tabIndex"], outputs: ["visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i5$3.BreadcrumbItemComponent, selector: "fd-breadcrumb-item" }, { kind: "component", type: i3$1.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i9$1.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["disableSnapOnScroll", "ariaLabel", "ariaRoledescription", "background", "autoResponsive", "size", "offset", "expandContent", "positionRelative"] }, { kind: "component", type: i9$1.DynamicPageHeaderComponent, selector: "fd-dynamic-page-header", inputs: ["title", "titleWrap", "subtitle", "subtitleWrap", "headingLevel", "titleId"] }, { kind: "component", type: i9$1.DynamicPageGlobalActionsComponent, selector: "fd-dynamic-page-global-actions" }, { kind: "component", type: i9$1.DynamicPageLayoutActionsComponent, selector: "fd-dynamic-page-layout-actions" }, { kind: "component", type: i9$1.DynamicPageSubheaderComponent, selector: "fd-dynamic-page-subheader", inputs: ["collapsible", "pinnable", "collapsed", "expandLabel", "collapseLabel", "id", "headerAriaLabel", "pinAriaLabel", "unpinAriaLabel"], outputs: ["collapsedChange"] }, { kind: "component", type: i9$1.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i9$1.DynamicPageFooterComponent, selector: "fd-dynamic-page-footer" }, { kind: "component", type: i9$1.DynamicPageBreadcrumbComponent, selector: "fd-dynamic-page-breadcrumb" }, { kind: "component", type: i7$6.FacetComponent, selector: "fd-facet", inputs: ["type", "facetTitle", "subtitle", "headingLevel", "id", "alignEnd"] }, { kind: "component", type: i7$6.FacetGroupComponent, selector: "fd-facet-group", inputs: ["ariaLabel"] }, { kind: "component", type: i7$6.FacetContentComponent, selector: "fd-facet-content" }, { kind: "component", type: i2$1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i4$3.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i4$3.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i4$3.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: i9.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "width", "minWidth", "marginBottom", "indicationColor"], outputs: ["onDismiss"] }, { kind: "component", type: i4$5.ObjectNumberComponent, selector: "fd-object-number", inputs: ["number", "decimal", "unit", "emphasized", "large", "status", "class", "ariaLabelledBy", "ariaLabel"] }, { kind: "component", type: i10.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "glyphFont", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large", "secondaryIndication", "textTemplate"] }, { kind: "component", type: i13$1.RatingIndicatorComponent, selector: "fd-rating-indicator", inputs: ["class", "name", "ariaLabel", "ariaLabelledBy", "disabled", "displayMode", "nonInteractive", "indicatorCapacity", "allowHalves", "value", "totalRatings", "ratingAverage", "ratings", "displayAllRatings", "ratedIcon", "unratedIcon", "size", "dynamicTextIndicator"], outputs: ["ratingChanged"] }, { kind: "component", type: i1$6.TabListComponent, selector: "fd-tab-list", inputs: ["size", "mode", "collapseOverflow", "maxVisibleTabs", "stackContent", "maxContentHeight", "collapsibleTabs", "defaultTab", "selectDefaultOnTabsChange", "focusFirstFocusableElement"], outputs: ["selectedTabChange", "selectedTabIndexChange", "visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i1$6.TabPanelComponent, selector: "fd-tab", inputs: ["id", "ariaLabel", "ariaLabelledBy", "title", "count", "glyph", "header", "disabled", "tabState"], outputs: ["opened", "closed"] }, { kind: "component", type: i2$a.TextComponent, selector: "fd-text", inputs: ["text", "maxLines", "whitespaces", "hyphenation", "expandable", "isCollapsed"], outputs: ["isCollapsedChange"] }, { kind: "component", type: i8.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "title", "active", "clearBorder", "forceOverflow", "tabindex", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i8.ToolbarSeparatorComponent, selector: "fd-toolbar-separator" }, { kind: "component", type: i12.ProgressIndicatorComponent, selector: "fd-progress-indicator", inputs: ["valueText", "unit", "valueMin", "valueMax", "valueNow", "state", "animate"] }, { kind: "component", type: LyLayoutContainerOfRootComponent, selector: "bsu-ly-layout-container-of-root" }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: LyTabPageComponent, selector: "bsu-ly-tab-page", inputs: ["renderItems", "tablist"] }, { kind: "component", type: LayoutActionsComponent, selector: "bsu-layout-actions", inputs: ["workflowButtons", "workflowButtonsComboMode", "canSend", "simple", "footerDesign"], outputs: ["workflowChoiceSelect"] }, { kind: "component", type: BreadcrumbComponent, selector: "bsu-breadcrumb", inputs: ["breadCrumb", "allBreadCrumb", "isLast", "index"] }, { kind: "component", type: FormToolbarComponent, selector: "bsu-form-toolbar", outputs: ["toolbarClick"] }, { kind: "pipe", type: i1$2.SlicePipe, name: "slice" }, { kind: "pipe", type: i2.HeaderFacetValuePipe, name: "facetValue" }, { kind: "pipe", type: i2.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.FilterWorkflowInMobilePipe, name: "filterWorkflowInMobile" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: FundamentalDynamicFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-fundamental-dynamic-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (mask) {\n<div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%\">\n    <bsu-mask size=\"m\"></bsu-mask>\n</div>\n}\n\n<fd-dynamic-page\n    [size]=\"isMobile ? 'small' : 'large'\"\n    [class.header-border]=\"!removeHeaderBorder\"\n    [attr.isMobile]=\"isMobile\"\n    [attr.contentIsPage]=\"contentIsPage\"\n    mobile\n    formClose\n    [isMobile]=\"isMobile\"\n>\n    <fd-dynamic-page-header\n        [class.simple-title]=\"!description\"\n        [title]=\"(hideTitle === true ? '' : title) | bbbTranslate\"\n        [subtitle]=\"subtitle | bbbTranslate\"\n        [class.p-b0]=\"removeContentPadding\"\n        [class.hide-title]=\"hideTitle === true && hideClose === true\"\n        #titleRef\n    >\n        <fd-dynamic-page-breadcrumb [class.hide]=\"isMobile\">\n            <fd-breadcrumb>\n                @if (breadCrumbs && !isMobile) { @for (breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length; track\n                breadCrumb.url; let i = $index; let last = $last) {\n                <fd-breadcrumb-item>\n                    <bsu-breadcrumb\n                        [index]=\"i\"\n                        [isLast]=\"last\"\n                        [breadCrumb]=\"breadCrumb\"\n                        [allBreadCrumb]=\"breadCrumbs\"\n                    ></bsu-breadcrumb>\n                </fd-breadcrumb-item>\n                } }\n            </fd-breadcrumb>\n        </fd-dynamic-page-breadcrumb>\n        <fd-dynamic-page-global-actions>\n            <!-- global actions -->\n\n            <fd-toolbar [shouldOverflow]=\"true\" Style=\"display:none\"> </fd-toolbar>\n            <!-- added this because in mobile landscape toolbar disapper -->\n            @if (toolbarVisible) {\n            <bsu-form-toolbar\n                [deviceSize]=\"deviceSize\"\n                [buttons]=\"toolbarItems | filterWorkflowInMobile\"\n                [dirValue]=\"dirValue\"\n                [isFirefox]=\"isFirefox\"\n                (toolbarClick)=\"toolbarClick.emit($event)\"\n                #formToolbar\n            ></bsu-form-toolbar>\n            }\n        </fd-dynamic-page-global-actions>\n        <fd-dynamic-page-layout-actions>\n            <!-- layout actions -->\n            <!-- <div [formActions]=\"this.toolbar\"></div> -->\n            @if (!hideClose) {\n            <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                @if (deviceSize !== 's') {\n                <fd-toolbar-separator></fd-toolbar-separator>\n                }\n                <ng-container *ngTemplateOutlet=\"fullscreenForm\"></ng-container>\n                <ng-container *ngTemplateOutlet=\"closeForm\"></ng-container>\n            </fd-toolbar>\n            }\n        </fd-dynamic-page-layout-actions>\n    </fd-dynamic-page-header>\n    @if (description || facetList.length > 0 || workflowInfoText || avatar) {\n    <fd-dynamic-page-subheader\n        [class.header-no-description]=\"!(description || workflowInfoText)\"\n        [class.no-pin]=\"hidePin\"\n        [collapsible]=\"!!workflowInfoText || (facetList && facetList.length > 0)\"\n        [pinnable]=\"true\"\n        [collapsed]=\"(!facetList || facetList.length === 0) && !workflowInfoText\"\n    >\n        @if (workflowInfoText) {\n        <fd-message-strip [type]=\"'warning'\" [dismissible]=\"false\">\n            {{ workflowInfoText | bbbTranslate }}\n        </fd-message-strip>\n        }\n        <fd-facet-group ariaLabel=\"Facet Group\">\n            @if (avatar) {\n            <fd-facet type=\"image\">\n                <fd-avatar\n                    title=\"avatar\"\n                    [glyph]=\"avatar\"\n                    [image]=\"!avatar?.FileId ? null : (avatar?.FileId | picFieldSrc: 'ID':null)\"\n                    [size]=\"deviceSize === 'xl' ? 'l' : deviceSize\"\n                    [transparent]=\"true\"\n                    [circle]=\"circleAvatar\"\n                ></fd-avatar>\n                <!-- <div\n                  class=\"fd-avatar fd-avatar--circle\"\n                  [class]=\"'fd-avatar--' + (deviceSize === 'xl' ? 'l' : deviceSize)\"\n                  >\n                  <i *ngIf=\"avatar\" class=\"fd-avatar__icon\" [class]=\"avatar | sapFontClass\" role=\"presentation\"> </i>\n                </div> -->\n            </fd-facet>\n            } @for (facet of facetList; track facet) {\n            <fd-facet\n                [type]=\"facet.type\"\n                [facetTitle]=\"facet.mo.Title | bbbTranslate\"\n                [subtitle]=\"facet.mo.SubTitle | facetValue | bbbTranslate\"\n            >\n                @for (item of facet.mo.ItemList?.MoDataList; track item) {\n                <fd-facet-content>\n                    <label fd-form-label [colon]=\"true\" for=\"form-value-10\">{{ item.Title }}</label>\n                    <fd-text [text]=\"item.Value | facetValue\" id=\"form-value-10\"></fd-text>\n                </fd-facet-content>\n                } @if ( !facet.mo.IsNumber && facet.type === 'key-value' && !facet.mo.Component?.Selector) {\n                <span\n                    fd-object-status\n                    [status]=\"facet.mo.Status | facetValue\"\n                    [label]=\"facet.mo.Component?.Selector ? '' : (facet.mo.Text | facetValue)\"\n                    [large]=\"facet.mo.IsLarge\"\n                    [title]=\"facet.mo.Text | facetValue\"\n                    [aria-label]=\"facet.mo.Text | facetValue\"\n                    [glyph]=\"facet.mo.Icon\"\n                >\n                </span>\n                } @else {\n                <bnrc-dynamic-component\n                    [class]=\"'fd-object-status--' + facet.mo.Status | facetValue\"\n                    [class.fd-object-status--large]=\"facet.mo.IsLarge\"\n                    [component]=\"facet.mo.Component\"\n                    [value]=\"facet.mo.Text\"\n                ></bnrc-dynamic-component>\n                } @if (facet.mo.IsNumber && facet.type === 'key-value') {\n                <fd-object-number\n                    [number]=\"facet.mo.Text | facetValue\"\n                    [large]=\"facet.mo.IsLarge\"\n                    [unit]=\"facet.mo.Unit | facetValue\"\n                    [status]=\"facet.mo.Status | facetValue\"\n                    [decimal]=\"facet.mo.DecimalValue | facetValue\"\n                ></fd-object-number>\n                } @if (facet.type === 'plain-text') {\n                <div [style.width.px]=\"facet.mo.Width\" style=\"white-space: normal\">\n                    <fd-text [text]=\"facet.mo.Text | facetValue\" hyphenation=\"auto\"></fd-text>\n                </div>\n                } @if (facet.type === 'rating-indicator') {\n                <fd-facet-content>\n                    <fd-rating-indicator\n                        style=\"pointer-events: none\"\n                        size=\"md\"\n                        [dynamicTextIndicator]=\"facet.mo.Footer\"\n                        [displayMode]=\"true\"\n                        [value]=\"facet.mo | facetValue: facet.type\"\n                    ></fd-rating-indicator>\n                </fd-facet-content>\n                } @if (facet.type === 'progress') {\n                <div [style.width]=\"'10rem'\">\n                    <!-- <span fd-form-label>{{ facet.mo.Subtitle | facetValue }}</span> -->\n                    <fd-progress-indicator\n                        style=\"width: 10r em\"\n                        [state]=\"facet.mo.State\"\n                        [valueText]=\"(facet.mo | facetValue: facet.type) + ' \u0627\u0632 10 \u0645\u0631\u062D\u0644\u0647'\"\n                        [valueNow]=\"facet.mo | facetValue: facet.type\"\n                        [valueMax]=\"10\"\n                        [unit]=\"'\u0645\u0631\u062D\u0644\u0647'\"\n                    ></fd-progress-indicator>\n                    <!-- <ui5-progress-indicator\n                    style=\"width: 10rem\"\n                    [valueState]=\"facet.mo.State\"\n                    [value]=\"getNumber(facet.mo.Value)\"\n                  ></ui5-progress-indicator> -->\n                </div>\n                } @if (facet.type === 'microcharts') {\n                <div>\n                    <label wrap>in progress ...</label>\n                </div>\n                }\n            </fd-facet>\n            }\n        </fd-facet-group>\n        @if (description) {\n        <span>{{ description }}</span>\n        }\n    </fd-dynamic-page-subheader>\n    } @if (!contentIsPage && modernTabs && modernTabs.length > 0 && !parameters?.LayoutComponent) {\n    <fd-tab-list\n        (selectedTabChange)=\"onTabChanged($event)\"\n        [collapseOverflow]=\"true\"\n        [stackContent]=\"false\"\n        maxContentHeight=\"auto\"\n        [expandOverflowText]=\"'More' | bbbTranslate\"\n        #tablist\n    >\n        @for (tab of modernTabs; track tab.Title; let i = $index) {\n        <fd-tab [title]=\"tab.Title!! | bbbTranslate\" [class.is-expanded]=\"selectedTab === tab.Title\">\n            <fd-dynamic-page-content [id]=\"tab.id\" [class.limit-content-width]=\"formContentMaxWidth > 0\">\n                <fd-layout-grid [style.max-width.px]=\"formContentMaxWidth\">\n                    <div fdLayoutGridRow>\n                        <div\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout1.colMd\"\n                            [colLg]=\"layout1.colLg\"\n                            [colXl]=\"layout1.colXl\"\n                        ></div>\n                        <div [fdLayoutGridCol]=\"12\" [colMd]=\"colMd\" [colLg]=\"colLg\" [colXl]=\"colXl\">\n                            <bsu-ly-tab-page [config]=\"tab\" [tablist]=\"tablist\"></bsu-ly-tab-page>\n                        </div>\n                        <div\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout2.colMd\"\n                            [colLg]=\"layout2.colLg\"\n                            [colXl]=\"layout2.colXl\"\n                        ></div>\n                    </div>\n                </fd-layout-grid>\n            </fd-dynamic-page-content>\n        </fd-tab>\n        }\n    </fd-tab-list>\n    } @else { @if (!contentIsPage) {\n    <fd-tab-list\n        [collapseOverflow]=\"true\"\n        [stackContent]=\"false\"\n        maxContentHeight=\"auto\"\n        #tablist\n        class=\"extra-hide-tabs show-boundary\"\n    >\n        <fd-tab title=\"\">\n            <fd-dynamic-page-content [class.limit-content-width]=\"formContentMaxWidth > 0\">\n                <fd-layout-grid style=\"min-height: 100%\" [style.max-width.px]=\"formContentMaxWidth\">\n                    <div fdLayoutGridRow>\n                        <div\n                            style=\"padding: 0\"\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout1.colMd\"\n                            [colLg]=\"layout1.colLg\"\n                            [colXl]=\"layout1.colXl\"\n                        ></div>\n                        <div\n                            style=\"min-height: 100%\"\n                            [fdLayoutGridCol]=\"12\"\n                            [colMd]=\"colMd\"\n                            [colLg]=\"colLg\"\n                            [colXl]=\"colXl\"\n                        >\n                            <ng-container\n                                *ngTemplateOutlet=\"\n                                    parameters?.LayoutComponent ? renderLayoutComponent : renderDefaultLayout;\n                                    context: {\n                                        $implicit: parameters?.LayoutComponent,\n                                        layout94: layout94\n                                    }\n                                \"\n                            ></ng-container>\n                        </div>\n                        <div\n                            style=\"padding: 0\"\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout2.colMd\"\n                            [colLg]=\"layout2.colLg\"\n                            [colXl]=\"layout2.colXl\"\n                        ></div>\n                    </div>\n                </fd-layout-grid>\n            </fd-dynamic-page-content>\n        </fd-tab>\n    </fd-tab-list>\n    } } @if(!hideFooter){\n    <fd-dynamic-page-footer>\n        <bsu-layout-actions\n            [canSend]=\"canSend\"\n            [buttons]=\"layoutActions\"\n            [isMobile]=\"isMobile\"\n            [landscape]=\"landscape\"\n            [standalone]=\"standalone\"\n            [footerDesign]=\"footerDesign\"\n            [workflowButtons]=\"workflowButtons\"\n            [workflowButtonsComboMode]=\"workflowButtonsComboMode\"\n            [deviceSize]=\"deviceSize\"\n            [rtl]=\"rtl\"\n            (toolClick)=\"toolbarClick.emit($event)\"\n            (workflowChoiceSelect)=\"onWfChoiceSelect($event)\"\n        >\n        </bsu-layout-actions>\n    </fd-dynamic-page-footer>\n    }\n</fd-dynamic-page>\n@if (contentIsPage) {\n<ng-container\n    *ngTemplateOutlet=\"\n        renderLayoutComponent;\n        context: {\n            $implicit: parameters?.LayoutComponent,\n            layout94: layout94\n        }\n    \"\n></ng-container>\n}\n<ng-template #renderDefaultLayout let-layout94=\"layout94\">\n    <bsu-ly-layout-container-of-root\n        [config]=\"layout94\"\n        [isPanel]=\"false\"\n        [isRoot]=\"true\"\n    ></bsu-ly-layout-container-of-root>\n</ng-template>\n<ng-template #renderLayoutComponent let-component let-layout94=\"layout94\">\n    <bnrc-dynamic-form-component\n        [component]=\"component\"\n        [removeContentPadding]=\"removeContentPadding\"\n        [breadCrumbs]=\"breadCrumbs\"\n        [description]=\"description\"\n        [title]=\"title\"\n        [subtitle]=\"subtitle\"\n        [toolbarItems]=\"toolbarItems\"\n        [layoutActions]=\"layoutActions\"\n        [footerDesign]=\"footerDesign\"\n        [facetList]=\"facetList\"\n        [settings]=\"component.Settings\"\n        [workflowButtons]=\"workflowButtons\"\n        [workflowPanelUi]=\"workflowPanelUi\"\n        [isMobile]=\"isMobile\"\n        [mo]=\"mo\"\n        [layout94]=\"layout94\"\n        [context]=\"context\"\n        [rtl]=\"rtl\"\n        [fieldDict]=\"fieldDict\"\n        [mask]=\"mask\"\n        [dirValue]=\"dirValue\"\n        [deviceSize]=\"deviceSize\"\n        [contentDensity]=\"contentDensity\"\n        [modernTabs]=\"modernTabs\"\n        [avatar]=\"avatar\"\n        (events)=\"onDynamicComponentEvents($event)\"\n    ></bnrc-dynamic-form-component>\n</ng-template>\n<ng-template #closeForm>\n    <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"close.emit()\" title=\"Close\">\n        <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\n    </button>\n</ng-template>\n<ng-template #fullscreenForm>\n    @if (canFullscreen) {\n    <button\n        fd-button\n        fdType=\"transparent\"\n        [attr.aria-label]=\"fullscreen ? 'exit fullscreen' : 'fullscreen'\"\n        (click)=\"fullscreenRequest.emit()\"\n        [title]=\"fullscreen ? 'exit fullscreen' : 'fullscreen'\"\n        [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\n    ></button>\n    }\n</ng-template>\n", styles: [":host{display:block;height:auto;width:100%}:host ::ng-deep fd-dynamic-page[contentIsPage=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep .fd-progress-indicator__container,:host ::ng-deep .fd-progress-indicator__progress-bar{height:1.5rem}:host ::ng-deep fd-facet .fd-object-status--large{font-size:1.1rem}fd-dynamic-page ::ng-deep>article>fd-tab-list>.fd-tabs__content fd-tab.is-expanded{min-height:100%;display:flex}fd-dynamic-page ::ng-deep>article>fd-tab-list>.fd-tabs__content fd-tab.is-expanded>fd-dynamic-page-content{min-height:100%;overflow:hidden}fd-dynamic-page ::ng-deep>article>fd-tab-list>.fd-tabs__content fd-tab.is-expanded bsu-ly-layout-container-of-root{min-height:100%}fd-dynamic-page fd-dynamic-page-content.limit-content-width{display:flex;justify-content:center}fd-facet{display:flex;flex-direction:column}.hide-title ::ng-deep .fd-dynamic-page__title-container{display:none!important}.no-pin ::ng-deep .fd-dynamic-page__collapsible-header-visibility-container{display:none!important}fd-toolbar.firefox ::ng-deep .fd-toolbar{flex-direction:row-reverse}fd-toolbar.firefox ::ng-deep .fd-toolbar>:first-child{margin-right:5px}\n"] }]
+            args: [{ selector: 'bsu-fundamental-dynamic-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (mask) {\n<div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%\">\n    <bsu-mask size=\"m\"></bsu-mask>\n</div>\n}\n\n<fd-dynamic-page\n    [size]=\"isMobile ? 'small' : 'large'\"\n    [class.header-border]=\"!removeHeaderBorder\"\n    [attr.isMobile]=\"isMobile\"\n    [attr.contentIsPage]=\"contentIsPage\"\n    mobile\n    formClose\n    [isMobile]=\"isMobile\"\n>\n    <fd-dynamic-page-header\n        [class.simple-title]=\"!description\"\n        [title]=\"(hideTitle === true ? '' : title) | bbbTranslate\"\n        [subtitle]=\"subtitle | bbbTranslate\"\n        [class.p-b0]=\"removeContentPadding\"\n        [class.hide-title]=\"hideTitle === true && hideClose === true\"\n        #titleRef\n    >\n        <fd-dynamic-page-breadcrumb [class.hide]=\"isMobile\">\n            <fd-breadcrumb>\n                @if (breadCrumbs && !isMobile) { @for (breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length; track\n                breadCrumb.url; let i = $index; let last = $last) {\n                <fd-breadcrumb-item>\n                    <bsu-breadcrumb\n                        [index]=\"i\"\n                        [isLast]=\"last\"\n                        [breadCrumb]=\"breadCrumb\"\n                        [allBreadCrumb]=\"breadCrumbs\"\n                    ></bsu-breadcrumb>\n                </fd-breadcrumb-item>\n                } }\n            </fd-breadcrumb>\n        </fd-dynamic-page-breadcrumb>\n        <fd-dynamic-page-global-actions>\n            <!-- global actions -->\n\n            <fd-toolbar [shouldOverflow]=\"true\" Style=\"display:none\"> </fd-toolbar>\n            <!-- added this because in mobile landscape toolbar disapper -->\n            @if (toolbarVisible) {\n            <bsu-form-toolbar\n                [deviceSize]=\"deviceSize\"\n                [buttons]=\"toolbarItems | filterWorkflowInMobile: worfklowButtonsOnFooter\"\n                [dirValue]=\"dirValue\"\n                [isFirefox]=\"isFirefox\"\n                (toolbarClick)=\"toolbarClick.emit($event)\"\n                #formToolbar\n            ></bsu-form-toolbar>\n            }\n        </fd-dynamic-page-global-actions>\n        <fd-dynamic-page-layout-actions>\n            <!-- layout actions -->\n            <!-- <div [formActions]=\"this.toolbar\"></div> -->\n            @if (!hideClose) {\n            <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                @if (deviceSize !== 's') {\n                <fd-toolbar-separator></fd-toolbar-separator>\n                }\n                <ng-container *ngTemplateOutlet=\"fullscreenForm\"></ng-container>\n                <ng-container *ngTemplateOutlet=\"closeForm\"></ng-container>\n            </fd-toolbar>\n            }\n        </fd-dynamic-page-layout-actions>\n    </fd-dynamic-page-header>\n    @if (description || facetList.length > 0 || workflowInfoText || avatar) {\n    <fd-dynamic-page-subheader\n        [class.header-no-description]=\"!(description || workflowInfoText)\"\n        [class.no-pin]=\"hidePin\"\n        [collapsible]=\"!!workflowInfoText || (facetList && facetList.length > 0)\"\n        [pinnable]=\"true\"\n        [collapsed]=\"(!facetList || facetList.length === 0) && !workflowInfoText\"\n    >\n        @if (workflowInfoText) {\n        <fd-message-strip [type]=\"'warning'\" [dismissible]=\"false\">\n            {{ workflowInfoText | bbbTranslate }}\n        </fd-message-strip>\n        }\n        <fd-facet-group ariaLabel=\"Facet Group\">\n            @if (avatar) {\n            <fd-facet type=\"image\">\n                <fd-avatar\n                    title=\"avatar\"\n                    [glyph]=\"avatar\"\n                    [image]=\"!avatar?.FileId ? null : (avatar?.FileId | picFieldSrc: 'ID':null)\"\n                    [size]=\"deviceSize === 'xl' ? 'l' : deviceSize\"\n                    [transparent]=\"true\"\n                    [circle]=\"circleAvatar\"\n                ></fd-avatar>\n                <!-- <div\n                  class=\"fd-avatar fd-avatar--circle\"\n                  [class]=\"'fd-avatar--' + (deviceSize === 'xl' ? 'l' : deviceSize)\"\n                  >\n                  <i *ngIf=\"avatar\" class=\"fd-avatar__icon\" [class]=\"avatar | sapFontClass\" role=\"presentation\"> </i>\n                </div> -->\n            </fd-facet>\n            } @for (facet of facetList; track facet) {\n            <fd-facet\n                [type]=\"facet.type\"\n                [facetTitle]=\"facet.mo.Title | bbbTranslate\"\n                [subtitle]=\"facet.mo.SubTitle | facetValue | bbbTranslate\"\n            >\n                @for (item of facet.mo.ItemList?.MoDataList; track item) {\n                <fd-facet-content>\n                    <label fd-form-label [colon]=\"true\" for=\"form-value-10\">{{ item.Title }}</label>\n                    <fd-text [text]=\"item.Value | facetValue\" id=\"form-value-10\"></fd-text>\n                </fd-facet-content>\n                } @if ( !facet.mo.IsNumber && facet.type === 'key-value' && !facet.mo.Component?.Selector) {\n                <span\n                    fd-object-status\n                    [status]=\"facet.mo.Status | facetValue\"\n                    [label]=\"facet.mo.Component?.Selector ? '' : (facet.mo.Text | facetValue)\"\n                    [large]=\"facet.mo.IsLarge\"\n                    [title]=\"facet.mo.Text | facetValue\"\n                    [aria-label]=\"facet.mo.Text | facetValue\"\n                    [glyph]=\"facet.mo.Icon\"\n                >\n                </span>\n                } @else {\n                <bnrc-dynamic-component\n                    [class]=\"'fd-object-status--' + facet.mo.Status | facetValue\"\n                    [class.fd-object-status--large]=\"facet.mo.IsLarge\"\n                    [component]=\"facet.mo.Component\"\n                    [value]=\"facet.mo.Text\"\n                ></bnrc-dynamic-component>\n                } @if (facet.mo.IsNumber && facet.type === 'key-value') {\n                <fd-object-number\n                    [number]=\"facet.mo.Text | facetValue\"\n                    [large]=\"facet.mo.IsLarge\"\n                    [unit]=\"facet.mo.Unit | facetValue\"\n                    [status]=\"facet.mo.Status | facetValue\"\n                    [decimal]=\"facet.mo.DecimalValue | facetValue\"\n                ></fd-object-number>\n                } @if (facet.type === 'plain-text') {\n                <div [style.width.px]=\"facet.mo.Width\" style=\"white-space: normal\">\n                    <fd-text [text]=\"facet.mo.Text | facetValue\" hyphenation=\"auto\"></fd-text>\n                </div>\n                } @if (facet.type === 'rating-indicator') {\n                <fd-facet-content>\n                    <fd-rating-indicator\n                        style=\"pointer-events: none\"\n                        size=\"md\"\n                        [dynamicTextIndicator]=\"facet.mo.Footer\"\n                        [displayMode]=\"true\"\n                        [value]=\"facet.mo | facetValue: facet.type\"\n                    ></fd-rating-indicator>\n                </fd-facet-content>\n                } @if (facet.type === 'progress') {\n                <div [style.width]=\"'10rem'\">\n                    <!-- <span fd-form-label>{{ facet.mo.Subtitle | facetValue }}</span> -->\n                    <fd-progress-indicator\n                        style=\"width: 10r em\"\n                        [state]=\"facet.mo.State\"\n                        [valueText]=\"(facet.mo | facetValue: facet.type) + ' \u0627\u0632 10 \u0645\u0631\u062D\u0644\u0647'\"\n                        [valueNow]=\"facet.mo | facetValue: facet.type\"\n                        [valueMax]=\"10\"\n                        [unit]=\"'\u0645\u0631\u062D\u0644\u0647'\"\n                    ></fd-progress-indicator>\n                    <!-- <ui5-progress-indicator\n                    style=\"width: 10rem\"\n                    [valueState]=\"facet.mo.State\"\n                    [value]=\"getNumber(facet.mo.Value)\"\n                  ></ui5-progress-indicator> -->\n                </div>\n                } @if (facet.type === 'microcharts') {\n                <div>\n                    <label wrap>in progress ...</label>\n                </div>\n                }\n            </fd-facet>\n            }\n        </fd-facet-group>\n        @if (description) {\n        <span>{{ description }}</span>\n        }\n    </fd-dynamic-page-subheader>\n    } @if (!contentIsPage && modernTabs && modernTabs.length > 0 && !parameters?.LayoutComponent) {\n    <fd-tab-list\n        (selectedTabChange)=\"onTabChanged($event)\"\n        [collapseOverflow]=\"true\"\n        [stackContent]=\"false\"\n        maxContentHeight=\"auto\"\n        [expandOverflowText]=\"'More' | bbbTranslate\"\n        #tablist\n    >\n        @for (tab of modernTabs; track tab.Title; let i = $index) {\n        <fd-tab [title]=\"tab.Title!! | bbbTranslate\" [class.is-expanded]=\"selectedTab === tab.Title\">\n            <fd-dynamic-page-content [id]=\"tab.id\" [class.limit-content-width]=\"formContentMaxWidth > 0\">\n                <fd-layout-grid [style.max-width.px]=\"formContentMaxWidth\">\n                    <div fdLayoutGridRow>\n                        <div\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout1.colMd\"\n                            [colLg]=\"layout1.colLg\"\n                            [colXl]=\"layout1.colXl\"\n                        ></div>\n                        <div [fdLayoutGridCol]=\"12\" [colMd]=\"colMd\" [colLg]=\"colLg\" [colXl]=\"colXl\">\n                            <bsu-ly-tab-page [config]=\"tab\" [tablist]=\"tablist\"></bsu-ly-tab-page>\n                        </div>\n                        <div\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout2.colMd\"\n                            [colLg]=\"layout2.colLg\"\n                            [colXl]=\"layout2.colXl\"\n                        ></div>\n                    </div>\n                </fd-layout-grid>\n            </fd-dynamic-page-content>\n        </fd-tab>\n        }\n    </fd-tab-list>\n    } @else { @if (!contentIsPage) {\n    <fd-tab-list\n        [collapseOverflow]=\"true\"\n        [stackContent]=\"false\"\n        maxContentHeight=\"auto\"\n        #tablist\n        class=\"extra-hide-tabs show-boundary\"\n    >\n        <fd-tab title=\"\">\n            <fd-dynamic-page-content [class.limit-content-width]=\"formContentMaxWidth > 0\">\n                <fd-layout-grid style=\"min-height: 100%\" [style.max-width.px]=\"formContentMaxWidth\">\n                    <div fdLayoutGridRow>\n                        <div\n                            style=\"padding: 0\"\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout1.colMd\"\n                            [colLg]=\"layout1.colLg\"\n                            [colXl]=\"layout1.colXl\"\n                        ></div>\n                        <div\n                            style=\"min-height: 100%\"\n                            [fdLayoutGridCol]=\"12\"\n                            [colMd]=\"colMd\"\n                            [colLg]=\"colLg\"\n                            [colXl]=\"colXl\"\n                        >\n                            <ng-container\n                                *ngTemplateOutlet=\"\n                                    parameters?.LayoutComponent ? renderLayoutComponent : renderDefaultLayout;\n                                    context: {\n                                        $implicit: parameters?.LayoutComponent,\n                                        layout94: layout94\n                                    }\n                                \"\n                            ></ng-container>\n                        </div>\n                        <div\n                            style=\"padding: 0\"\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout2.colMd\"\n                            [colLg]=\"layout2.colLg\"\n                            [colXl]=\"layout2.colXl\"\n                        ></div>\n                    </div>\n                </fd-layout-grid>\n            </fd-dynamic-page-content>\n        </fd-tab>\n    </fd-tab-list>\n    } } @if(!hideFooter){\n    <fd-dynamic-page-footer>\n        <bsu-layout-actions\n            [canSend]=\"canSend\"\n            [buttons]=\"layoutActions\"\n            [isMobile]=\"isMobile\"\n            [landscape]=\"landscape\"\n            [standalone]=\"standalone\"\n            [footerDesign]=\"footerDesign\"\n            [workflowButtons]=\"workflowButtons\"\n            [workflowButtonsComboMode]=\"workflowButtonsComboMode || worfklowButtonsOnFooter\"\n            [deviceSize]=\"deviceSize\"\n            [rtl]=\"rtl\"\n            (toolClick)=\"toolbarClick.emit($event)\"\n            (workflowChoiceSelect)=\"onWfChoiceSelect($event)\"\n        >\n        </bsu-layout-actions>\n    </fd-dynamic-page-footer>\n    }\n</fd-dynamic-page>\n@if (contentIsPage) {\n<ng-container\n    *ngTemplateOutlet=\"\n        renderLayoutComponent;\n        context: {\n            $implicit: parameters?.LayoutComponent,\n            layout94: layout94\n        }\n    \"\n></ng-container>\n}\n<ng-template #renderDefaultLayout let-layout94=\"layout94\">\n    <bsu-ly-layout-container-of-root\n        [config]=\"layout94\"\n        [isPanel]=\"false\"\n        [isRoot]=\"true\"\n    ></bsu-ly-layout-container-of-root>\n</ng-template>\n<ng-template #renderLayoutComponent let-component let-layout94=\"layout94\">\n    <bnrc-dynamic-form-component\n        [component]=\"component\"\n        [removeContentPadding]=\"removeContentPadding\"\n        [breadCrumbs]=\"breadCrumbs\"\n        [description]=\"description\"\n        [title]=\"title\"\n        [subtitle]=\"subtitle\"\n        [toolbarItems]=\"toolbarItems\"\n        [layoutActions]=\"layoutActions\"\n        [footerDesign]=\"footerDesign\"\n        [facetList]=\"facetList\"\n        [settings]=\"component.Settings\"\n        [workflowButtons]=\"workflowButtons\"\n        [workflowPanelUi]=\"workflowPanelUi\"\n        [isMobile]=\"isMobile\"\n        [mo]=\"mo\"\n        [layout94]=\"layout94\"\n        [context]=\"context\"\n        [rtl]=\"rtl\"\n        [fieldDict]=\"fieldDict\"\n        [mask]=\"mask\"\n        [dirValue]=\"dirValue\"\n        [deviceSize]=\"deviceSize\"\n        [contentDensity]=\"contentDensity\"\n        [modernTabs]=\"modernTabs\"\n        [avatar]=\"avatar\"\n        (events)=\"onDynamicComponentEvents($event)\"\n    ></bnrc-dynamic-form-component>\n</ng-template>\n<ng-template #closeForm>\n    <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"close.emit()\" title=\"Close\">\n        <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\n    </button>\n</ng-template>\n<ng-template #fullscreenForm>\n    @if (canFullscreen) {\n    <button\n        fd-button\n        fdType=\"transparent\"\n        [attr.aria-label]=\"fullscreen ? 'exit fullscreen' : 'fullscreen'\"\n        (click)=\"fullscreenRequest.emit()\"\n        [title]=\"fullscreen ? 'exit fullscreen' : 'fullscreen'\"\n        [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\n    ></button>\n    }\n</ng-template>\n", styles: [":host{display:block;height:auto;width:100%}:host ::ng-deep fd-dynamic-page[contentIsPage=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep .fd-progress-indicator__container,:host ::ng-deep .fd-progress-indicator__progress-bar{height:1.5rem}:host ::ng-deep fd-facet .fd-object-status--large{font-size:1.1rem}fd-dynamic-page ::ng-deep>article>fd-tab-list>.fd-tabs__content fd-tab.is-expanded{min-height:100%;display:flex}fd-dynamic-page ::ng-deep>article>fd-tab-list>.fd-tabs__content fd-tab.is-expanded>fd-dynamic-page-content{min-height:100%;overflow:hidden}fd-dynamic-page ::ng-deep>article>fd-tab-list>.fd-tabs__content fd-tab.is-expanded bsu-ly-layout-container-of-root{min-height:100%}fd-dynamic-page fd-dynamic-page-content.limit-content-width{display:flex;justify-content:center}fd-facet{display:flex;flex-direction:column}.hide-title ::ng-deep .fd-dynamic-page__title-container{display:none!important}.no-pin ::ng-deep .fd-dynamic-page__collapsible-header-visibility-container{display:none!important}fd-toolbar.firefox ::ng-deep .fd-toolbar{flex-direction:row-reverse}fd-toolbar.firefox ::ng-deep .fd-toolbar>:first-child{margin-right:5px}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { _dynamicPageComponent: [{
                 type: ViewChild,
                 args: [DynamicPageComponent, { static: true }]
@@ -11084,6 +11083,10 @@ class FormDialogComponent extends BaseComponent {
         this.showSaveButton = true;
         this.showToolbar = true;
         this.isFirefox = isFirefox();
+        this.isMobile = getDeviceIsMobile();
+        this.isWorkflowForm = false;
+        this.workflowButtonsOnFooter = false;
+        this.selectedWorkflowButton = null;
         this._portalService.deviceSize$.subscribe((deviceSize) => {
             this.deviceSize = deviceSize;
         });
@@ -11097,6 +11100,7 @@ class FormDialogComponent extends BaseComponent {
         this.fullscreen = this.dialogParams.context.fullscreen;
         this.canFullscreen = parameters?.CanFullscreen;
         this.fullscreenDefault = parameters?.FullscreenDefault;
+        this.workflowButtonsOnFooter = parameters?.WorkflowButtonsOnFooter;
         if (this.fullscreenDefault) {
             this.fullscreen = true;
         }
@@ -11112,13 +11116,14 @@ class FormDialogComponent extends BaseComponent {
     ngOnInit() {
         super.ngOnInit();
         const formPanelCtrlr = this.formPanelCtrlr;
+        this.isWorkflowForm = formPanelCtrlr?.Setting?.Workflow;
         this.showSaveButton = BarsaApi.Common.Util.TryGetValue(formPanelCtrlr, 'Setting.View.FormSettings.ShowSaveButton');
         this.showToolbar = BarsaApi.Common.Util.TryGetValue(formPanelCtrlr, 'Setting.View.FormSettings.ShowToolbar');
         this.isNonePersistance = formPanelCtrlr?.Setting?.View?.IsNonePersistance;
         this.showFooter = this.isNonePersistance
             ? this.showSaveButton !== false && this.showToolbar !== false
             : this.showSaveButton;
-        if (typeof this.showFooter == typeof null || formPanelCtrlr?.Setting?.Workflow) {
+        if (typeof this.showFooter == typeof null) {
             this.showFooter = true;
         }
         this.openDialog();
@@ -11129,9 +11134,11 @@ class FormDialogComponent extends BaseComponent {
     onFormUiComponentReady(uiComponent) {
         this._formUiComponent = uiComponent;
         this.extendToolbarItems$ = uiComponent.extendToolbarItems$;
+        this.workflowButtons$ = uiComponent.workflowButtons$;
         this.rtl$ = uiComponent.rtl$;
         this.dirValue$ = uiComponent.dirValue$;
         this.deviceSize$ = uiComponent.deviceSize$;
+        this.formUi = uiComponent;
     }
     openDialog() {
         const smallDevice = this.deviceSize === 's' || this.deviceSize === 'm';
@@ -11211,11 +11218,11 @@ class FormDialogComponent extends BaseComponent {
         this.caption = typeDefName + ':' + moCaption;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: FormDialogComponent, deps: [{ token: i1.DialogService }, { token: i2.DialogParams }, { token: i2.PortalService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: FormDialogComponent, selector: "bsu-form-dialog", providers: [ContainerService], viewQueries: [{ propertyName: "dialogTemplateRef", first: true, predicate: ["dialog"], descendants: true, read: TemplateRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTplRef>\n        <fd-dialog-header>\n            <ng-template fdkTemplate=\"header\">\n                <div fd-bar-left>\n                    <h1 fd-title style=\"max-width: 15rem\">{{ title || dialogConfig.data.caption }}</h1>\n                </div>\n                <div fd-bar-center style=\"flex: 1\"></div>\n                <div fd-bar-right>\n                    <bsu-form-toolbar\n                        fd-bar-right\n                        style=\"width: auto\"\n                        [deviceSize]=\"deviceSize\"\n                        [buttons]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false\"\n                        [dirValue]=\"(dirValue$ | async)!!\"\n                        [isFirefox]=\"isFirefox\"\n                        (toolbarClick)=\"onToolbarClick($event)\"\n                        #formToolbar\n                    ></bsu-form-toolbar>\n                    @if (dialogConfig.data.canFullscreen) {\n                    <fd-button-bar\n                        ariaLabel=\"fullscreen\"\n                        [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\n                        fullscreenDialog\n                        [dialog]=\"dialog\"\n                        [fullscreen]=\"fullscreen\"\n                        (fullscreenChanged)=\"fullscreen = $event\"\n                        [dialogComponent]=\"dialogTplRef\"\n                    ></fd-button-bar>\n                    }\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onCancel()\"></fd-button-bar>\n                </div>\n            </ng-template>\n            <!-- <ng-template\n                fdkTemplate=\"subheader\"\n                *ngIf=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false as toolbarItems\"\n            >\n                <div fd-bar-middle>\n                    <fd-bar-element [fullWidth]=\"true\" class=\"!tw-justify-end\">\n                        <bsu-form-toolbar\n                            [deviceSize]=\"deviceSize\"\n                            [buttons]=\"toolbarItems\"\n                            [dirValue]=\"(dirValue$ | async)!!\"\n                            [isFirefox]=\"isFirefox\"\n                            (toolbarClick)=\"onToolbarClick($event)\"\n                            #formToolbar\n                        ></bsu-form-toolbar>\n                    </fd-bar-element>\n                </div>\n            </ng-template> -->\n        </fd-dialog-header>\n\n        <fd-dialog-body>\n            <bnrc-form\n                [formPanelCtrl]=\"formPanelCtrlr\"\n                [params]=\"params\"\n                (formClose)=\"onFormClose()\"\n                (uiComponent)=\"onFormUiComponentReady($event)\"\n            ></bnrc-form>\n        </fd-dialog-body>\n        <fd-dialog-footer [style.display]=\"!showFooter ? 'none' : null\">\n            @for (btn of (extendToolbarItems$ | async | tlbButtons: 'inFooter':true) ; track btn.Id) { @if (!(btn ===\n            '-' || btn.text === '-') && ((btn.isBuiltin && btn.inFooter) || btn.isWorkflow)) {\n            <ng-container\n                *ngTemplateOutlet=\"\n                    btn.Data?.CustomUi?.Selector ? dynamicBtnTemplate : btnTemplate;\n                    context: { $implicit: btn }\n                \"\n            ></ng-container>\n            <ng-template #btnTemplate let-btn>\n                <fd-dialog-footer-button>\n                    <fd-button-bar\n                        fd-dialog-decisive-button\n                        [fdType]=\"btn.isWorkflow ? 'attention' : btn.design\"\n                        [label]=\"btn.text | bbbTranslate\"\n                        [glyph]=\"btn.newIcon ? btn.newIcon : null\"\n                        (click)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                    ></fd-button-bar>\n                </fd-dialog-footer-button>\n            </ng-template>\n            <ng-template #dynamicBtnTemplate let-btn>\n                <fd-dialog-footer-button>\n                    <bnrc-dynamic-form-toolbaritem\n                        fd-toolbar-item\n                        [component]=\"btn.Data.CustomUi\"\n                        [context]=\"btn\"\n                        [isEnable]=\"btn.Command?._isEnable\"\n                        (btnClick)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                    ></bnrc-dynamic-form-toolbaritem>\n                </fd-dialog-footer-button>\n            </ng-template>\n            } } @if (!isNonePersistance && showSaveButton !== false) {\n            <fd-dialog-footer-button>\n                <fd-button-bar\n                    fd-initial-focus\n                    fd-dialog-decisive-button\n                    [label]=\"'Cancel' | bbbTranslate\"\n                    (click)=\"onCancel()\"\n                ></fd-button-bar>\n            </fd-dialog-footer-button>\n            }\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:block;height:auto}fd-dialog-body{display:flex;flex-direction:column;height:100%;align-items:stretch;justify-content:stretch}fd-dialog-body>bnrc-form{flex-grow:1;display:flex;flex-direction:row;height:100%;justify-content:stretch;align-items:stretch}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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.DynamicFormToolbaritemComponent, selector: "bnrc-dynamic-form-toolbaritem", inputs: ["mo", "index", "deviceName", "deviceSize", "context", "btn", "isEnable", "showText", "allColumns", "conditionalFormats"], outputs: ["btnClick"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "directive", type: i3.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i3.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i4$1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4$1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4$1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4$1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i5$1.TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i6$1.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i8.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "component", type: FormToolbarComponent, selector: "bsu-form-toolbar", outputs: ["toolbarClick"] }, { kind: "directive", type: FullscreenDialogDirective, selector: "[fullscreenDialog]", inputs: ["dialog", "dialogComponent", "fullscreen"], outputs: ["fullscreenChanged"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TlbButtonsPipe, name: "tlbButtons" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: FormDialogComponent, selector: "bsu-form-dialog", providers: [ContainerService], viewQueries: [{ propertyName: "dialogTemplateRef", first: true, predicate: ["dialog"], descendants: true, read: TemplateRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTplRef>\n        <fd-dialog-header>\n            <ng-template fdkTemplate=\"header\">\n                <div fd-bar-left>\n                    <h1 fd-title style=\"max-width: 15rem\">{{ title || dialogConfig.data.caption }}</h1>\n                </div>\n                <div fd-bar-center style=\"flex: 1\"></div>\n                <div fd-bar-right>\n                    <bsu-form-toolbar\n                        fd-bar-right\n                        style=\"width: auto\"\n                        [deviceSize]=\"deviceSize\"\n                        [buttons]=\"\n                            extendToolbarItems$\n                                | async\n                                | tlbButtons: 'inFooter':false\n                                | filterWorkflowInMobile: workflowButtonsOnFooter\n                        \"\n                        [dirValue]=\"(dirValue$ | async)!!\"\n                        [isFirefox]=\"isFirefox\"\n                        (toolbarClick)=\"onToolbarClick($event)\"\n                        #formToolbar\n                    ></bsu-form-toolbar>\n                    @if (dialogConfig.data.canFullscreen) {\n                    <fd-button-bar\n                        ariaLabel=\"fullscreen\"\n                        [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\n                        fullscreenDialog\n                        [dialog]=\"dialog\"\n                        [fullscreen]=\"fullscreen\"\n                        (fullscreenChanged)=\"fullscreen = $event\"\n                        [dialogComponent]=\"dialogTplRef\"\n                    ></fd-button-bar>\n                    }\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onCancel()\"></fd-button-bar>\n                </div>\n            </ng-template>\n            <!-- <ng-template\n                fdkTemplate=\"subheader\"\n                *ngIf=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false as toolbarItems\"\n            >\n                <div fd-bar-middle>\n                    <fd-bar-element [fullWidth]=\"true\" class=\"!tw-justify-end\">\n                        <bsu-form-toolbar\n                            [deviceSize]=\"deviceSize\"\n                            [buttons]=\"toolbarItems\"\n                            [dirValue]=\"(dirValue$ | async)!!\"\n                            [isFirefox]=\"isFirefox\"\n                            (toolbarClick)=\"onToolbarClick($event)\"\n                            #formToolbar\n                        ></bsu-form-toolbar>\n                    </fd-bar-element>\n                </div>\n            </ng-template> -->\n        </fd-dialog-header>\n\n        <fd-dialog-body>\n            <bnrc-form\n                [formPanelCtrl]=\"formPanelCtrlr\"\n                [params]=\"params\"\n                (formClose)=\"onFormClose()\"\n                (uiComponent)=\"onFormUiComponentReady($event)\"\n            ></bnrc-form>\n        </fd-dialog-body>\n        <fd-dialog-footer [style.display]=\"!showFooter && !isWorkflowForm && !workflowButtonsOnFooter ? 'none' : null\">\n            @if (isMobile || workflowButtonsOnFooter ) { @if(workflowButtons$ | async ;as workflowButtons){\n            <bsu-layout-actions\n                [canSend]=\"false\"\n                [buttons]=\"[]\"\n                [isMobile]=\"isMobile\"\n                [landscape]=\"(formUi?.landscape$ | async) === true\"\n                [standalone]=\"(formUi?.standalone$ | async) === true\"\n                [workflowButtons]=\"workflowButtons\"\n                [workflowButtonsComboMode]=\"true\"\n                [deviceSize]=\"deviceSize\"\n                [rtl]=\"(rtl$ | async) === true\"\n                (toolClick)=\"formUi?.onToolbarClick($event)\"\n                (workflowChoiceSelect)=\"formUi?.onWorkflowChoiceClick($event)\"\n            >\n            </bsu-layout-actions>\n            } } @for (btn of (extendToolbarItems$ | async | tlbButtons: 'inFooter':true) ; track btn.Id) { @if (!(btn\n            === '-' || btn.text === '-') && ((btn.isBuiltin && btn.inFooter) || btn.isWorkflow)) {\n            <ng-container\n                *ngTemplateOutlet=\"\n                    btn.Data?.CustomUi?.Selector ? dynamicBtnTemplate : btnTemplate;\n                    context: { $implicit: btn }\n                \"\n            ></ng-container>\n            <ng-template #btnTemplate let-btn>\n                <fd-dialog-footer-button>\n                    <fd-button-bar\n                        fd-dialog-decisive-button\n                        [fdType]=\"btn.isWorkflow ? 'attention' : btn.design\"\n                        [label]=\"btn.text | bbbTranslate\"\n                        [glyph]=\"btn.newIcon ? btn.newIcon : null\"\n                        (click)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                    ></fd-button-bar>\n                </fd-dialog-footer-button>\n            </ng-template>\n            <ng-template #dynamicBtnTemplate let-btn>\n                <fd-dialog-footer-button>\n                    <bnrc-dynamic-form-toolbaritem\n                        fd-toolbar-item\n                        [component]=\"btn.Data.CustomUi\"\n                        [context]=\"btn\"\n                        [isEnable]=\"btn.Command?._isEnable\"\n                        (btnClick)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                    ></bnrc-dynamic-form-toolbaritem>\n                </fd-dialog-footer-button>\n            </ng-template>\n            } } @if (!isNonePersistance && showSaveButton !== false) {\n            <fd-dialog-footer-button>\n                <fd-button-bar\n                    fd-initial-focus\n                    fd-dialog-decisive-button\n                    [label]=\"'Cancel' | bbbTranslate\"\n                    (click)=\"onCancel()\"\n                ></fd-button-bar>\n            </fd-dialog-footer-button>\n            }\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:block;height:auto}fd-dialog-body{display:flex;flex-direction:column;height:100%;align-items:stretch;justify-content:stretch}fd-dialog-body>bnrc-form{flex-grow:1;display:flex;flex-direction:row;height:100%;justify-content:stretch;align-items:stretch}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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.DynamicFormToolbaritemComponent, selector: "bnrc-dynamic-form-toolbaritem", inputs: ["mo", "index", "deviceName", "deviceSize", "context", "btn", "isEnable", "showText", "allColumns", "conditionalFormats"], outputs: ["btnClick"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "directive", type: i3.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i3.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i4$1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4$1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4$1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4$1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i5$1.TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i6$1.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i8.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "component", type: LayoutActionsComponent, selector: "bsu-layout-actions", inputs: ["workflowButtons", "workflowButtonsComboMode", "canSend", "simple", "footerDesign"], outputs: ["workflowChoiceSelect"] }, { kind: "component", type: FormToolbarComponent, selector: "bsu-form-toolbar", outputs: ["toolbarClick"] }, { kind: "directive", type: FullscreenDialogDirective, selector: "[fullscreenDialog]", inputs: ["dialog", "dialogComponent", "fullscreen"], outputs: ["fullscreenChanged"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TlbButtonsPipe, name: "tlbButtons" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.FilterWorkflowInMobilePipe, name: "filterWorkflowInMobile" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: FormDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-form-dialog', providers: [ContainerService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTplRef>\n        <fd-dialog-header>\n            <ng-template fdkTemplate=\"header\">\n                <div fd-bar-left>\n                    <h1 fd-title style=\"max-width: 15rem\">{{ title || dialogConfig.data.caption }}</h1>\n                </div>\n                <div fd-bar-center style=\"flex: 1\"></div>\n                <div fd-bar-right>\n                    <bsu-form-toolbar\n                        fd-bar-right\n                        style=\"width: auto\"\n                        [deviceSize]=\"deviceSize\"\n                        [buttons]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false\"\n                        [dirValue]=\"(dirValue$ | async)!!\"\n                        [isFirefox]=\"isFirefox\"\n                        (toolbarClick)=\"onToolbarClick($event)\"\n                        #formToolbar\n                    ></bsu-form-toolbar>\n                    @if (dialogConfig.data.canFullscreen) {\n                    <fd-button-bar\n                        ariaLabel=\"fullscreen\"\n                        [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\n                        fullscreenDialog\n                        [dialog]=\"dialog\"\n                        [fullscreen]=\"fullscreen\"\n                        (fullscreenChanged)=\"fullscreen = $event\"\n                        [dialogComponent]=\"dialogTplRef\"\n                    ></fd-button-bar>\n                    }\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onCancel()\"></fd-button-bar>\n                </div>\n            </ng-template>\n            <!-- <ng-template\n                fdkTemplate=\"subheader\"\n                *ngIf=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false as toolbarItems\"\n            >\n                <div fd-bar-middle>\n                    <fd-bar-element [fullWidth]=\"true\" class=\"!tw-justify-end\">\n                        <bsu-form-toolbar\n                            [deviceSize]=\"deviceSize\"\n                            [buttons]=\"toolbarItems\"\n                            [dirValue]=\"(dirValue$ | async)!!\"\n                            [isFirefox]=\"isFirefox\"\n                            (toolbarClick)=\"onToolbarClick($event)\"\n                            #formToolbar\n                        ></bsu-form-toolbar>\n                    </fd-bar-element>\n                </div>\n            </ng-template> -->\n        </fd-dialog-header>\n\n        <fd-dialog-body>\n            <bnrc-form\n                [formPanelCtrl]=\"formPanelCtrlr\"\n                [params]=\"params\"\n                (formClose)=\"onFormClose()\"\n                (uiComponent)=\"onFormUiComponentReady($event)\"\n            ></bnrc-form>\n        </fd-dialog-body>\n        <fd-dialog-footer [style.display]=\"!showFooter ? 'none' : null\">\n            @for (btn of (extendToolbarItems$ | async | tlbButtons: 'inFooter':true) ; track btn.Id) { @if (!(btn ===\n            '-' || btn.text === '-') && ((btn.isBuiltin && btn.inFooter) || btn.isWorkflow)) {\n            <ng-container\n                *ngTemplateOutlet=\"\n                    btn.Data?.CustomUi?.Selector ? dynamicBtnTemplate : btnTemplate;\n                    context: { $implicit: btn }\n                \"\n            ></ng-container>\n            <ng-template #btnTemplate let-btn>\n                <fd-dialog-footer-button>\n                    <fd-button-bar\n                        fd-dialog-decisive-button\n                        [fdType]=\"btn.isWorkflow ? 'attention' : btn.design\"\n                        [label]=\"btn.text | bbbTranslate\"\n                        [glyph]=\"btn.newIcon ? btn.newIcon : null\"\n                        (click)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                    ></fd-button-bar>\n                </fd-dialog-footer-button>\n            </ng-template>\n            <ng-template #dynamicBtnTemplate let-btn>\n                <fd-dialog-footer-button>\n                    <bnrc-dynamic-form-toolbaritem\n                        fd-toolbar-item\n                        [component]=\"btn.Data.CustomUi\"\n                        [context]=\"btn\"\n                        [isEnable]=\"btn.Command?._isEnable\"\n                        (btnClick)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                    ></bnrc-dynamic-form-toolbaritem>\n                </fd-dialog-footer-button>\n            </ng-template>\n            } } @if (!isNonePersistance && showSaveButton !== false) {\n            <fd-dialog-footer-button>\n                <fd-button-bar\n                    fd-initial-focus\n                    fd-dialog-decisive-button\n                    [label]=\"'Cancel' | bbbTranslate\"\n                    (click)=\"onCancel()\"\n                ></fd-button-bar>\n            </fd-dialog-footer-button>\n            }\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:block;height:auto}fd-dialog-body{display:flex;flex-direction:column;height:100%;align-items:stretch;justify-content:stretch}fd-dialog-body>bnrc-form{flex-grow:1;display:flex;flex-direction:row;height:100%;justify-content:stretch;align-items:stretch}\n"] }]
+            args: [{ selector: 'bsu-form-dialog', providers: [ContainerService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTplRef>\n        <fd-dialog-header>\n            <ng-template fdkTemplate=\"header\">\n                <div fd-bar-left>\n                    <h1 fd-title style=\"max-width: 15rem\">{{ title || dialogConfig.data.caption }}</h1>\n                </div>\n                <div fd-bar-center style=\"flex: 1\"></div>\n                <div fd-bar-right>\n                    <bsu-form-toolbar\n                        fd-bar-right\n                        style=\"width: auto\"\n                        [deviceSize]=\"deviceSize\"\n                        [buttons]=\"\n                            extendToolbarItems$\n                                | async\n                                | tlbButtons: 'inFooter':false\n                                | filterWorkflowInMobile: workflowButtonsOnFooter\n                        \"\n                        [dirValue]=\"(dirValue$ | async)!!\"\n                        [isFirefox]=\"isFirefox\"\n                        (toolbarClick)=\"onToolbarClick($event)\"\n                        #formToolbar\n                    ></bsu-form-toolbar>\n                    @if (dialogConfig.data.canFullscreen) {\n                    <fd-button-bar\n                        ariaLabel=\"fullscreen\"\n                        [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\n                        fullscreenDialog\n                        [dialog]=\"dialog\"\n                        [fullscreen]=\"fullscreen\"\n                        (fullscreenChanged)=\"fullscreen = $event\"\n                        [dialogComponent]=\"dialogTplRef\"\n                    ></fd-button-bar>\n                    }\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onCancel()\"></fd-button-bar>\n                </div>\n            </ng-template>\n            <!-- <ng-template\n                fdkTemplate=\"subheader\"\n                *ngIf=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false as toolbarItems\"\n            >\n                <div fd-bar-middle>\n                    <fd-bar-element [fullWidth]=\"true\" class=\"!tw-justify-end\">\n                        <bsu-form-toolbar\n                            [deviceSize]=\"deviceSize\"\n                            [buttons]=\"toolbarItems\"\n                            [dirValue]=\"(dirValue$ | async)!!\"\n                            [isFirefox]=\"isFirefox\"\n                            (toolbarClick)=\"onToolbarClick($event)\"\n                            #formToolbar\n                        ></bsu-form-toolbar>\n                    </fd-bar-element>\n                </div>\n            </ng-template> -->\n        </fd-dialog-header>\n\n        <fd-dialog-body>\n            <bnrc-form\n                [formPanelCtrl]=\"formPanelCtrlr\"\n                [params]=\"params\"\n                (formClose)=\"onFormClose()\"\n                (uiComponent)=\"onFormUiComponentReady($event)\"\n            ></bnrc-form>\n        </fd-dialog-body>\n        <fd-dialog-footer [style.display]=\"!showFooter && !isWorkflowForm && !workflowButtonsOnFooter ? 'none' : null\">\n            @if (isMobile || workflowButtonsOnFooter ) { @if(workflowButtons$ | async ;as workflowButtons){\n            <bsu-layout-actions\n                [canSend]=\"false\"\n                [buttons]=\"[]\"\n                [isMobile]=\"isMobile\"\n                [landscape]=\"(formUi?.landscape$ | async) === true\"\n                [standalone]=\"(formUi?.standalone$ | async) === true\"\n                [workflowButtons]=\"workflowButtons\"\n                [workflowButtonsComboMode]=\"true\"\n                [deviceSize]=\"deviceSize\"\n                [rtl]=\"(rtl$ | async) === true\"\n                (toolClick)=\"formUi?.onToolbarClick($event)\"\n                (workflowChoiceSelect)=\"formUi?.onWorkflowChoiceClick($event)\"\n            >\n            </bsu-layout-actions>\n            } } @for (btn of (extendToolbarItems$ | async | tlbButtons: 'inFooter':true) ; track btn.Id) { @if (!(btn\n            === '-' || btn.text === '-') && ((btn.isBuiltin && btn.inFooter) || btn.isWorkflow)) {\n            <ng-container\n                *ngTemplateOutlet=\"\n                    btn.Data?.CustomUi?.Selector ? dynamicBtnTemplate : btnTemplate;\n                    context: { $implicit: btn }\n                \"\n            ></ng-container>\n            <ng-template #btnTemplate let-btn>\n                <fd-dialog-footer-button>\n                    <fd-button-bar\n                        fd-dialog-decisive-button\n                        [fdType]=\"btn.isWorkflow ? 'attention' : btn.design\"\n                        [label]=\"btn.text | bbbTranslate\"\n                        [glyph]=\"btn.newIcon ? btn.newIcon : null\"\n                        (click)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                    ></fd-button-bar>\n                </fd-dialog-footer-button>\n            </ng-template>\n            <ng-template #dynamicBtnTemplate let-btn>\n                <fd-dialog-footer-button>\n                    <bnrc-dynamic-form-toolbaritem\n                        fd-toolbar-item\n                        [component]=\"btn.Data.CustomUi\"\n                        [context]=\"btn\"\n                        [isEnable]=\"btn.Command?._isEnable\"\n                        (btnClick)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                    ></bnrc-dynamic-form-toolbaritem>\n                </fd-dialog-footer-button>\n            </ng-template>\n            } } @if (!isNonePersistance && showSaveButton !== false) {\n            <fd-dialog-footer-button>\n                <fd-button-bar\n                    fd-initial-focus\n                    fd-dialog-decisive-button\n                    [label]=\"'Cancel' | bbbTranslate\"\n                    (click)=\"onCancel()\"\n                ></fd-button-bar>\n            </fd-dialog-footer-button>\n            }\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:block;height:auto}fd-dialog-body{display:flex;flex-direction:column;height:100%;align-items:stretch;justify-content:stretch}fd-dialog-body>bnrc-form{flex-grow:1;display:flex;flex-direction:row;height:100%;justify-content:stretch;align-items:stretch}\n"] }]
         }], ctorParameters: () => [{ type: i1.DialogService }, { type: i2.DialogParams }, { type: i2.PortalService }], propDecorators: { dialogTemplateRef: [{
                 type: ViewChild,
                 args: ['dialog', { read: TemplateRef, static: true }]