barsa-sap-ui 1.0.258 → 1.0.259

package/fesm2020/barsa-sap-ui.mjs

@@ -4886,10 +4886,10 @@ class UiTableViewComponent extends ReportViewBaseComponent {
     }
 }
 UiTableViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiTableViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiTableViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiTableViewComponent, selector: "bsu-ui-table-view", inputs: { columnWidth: "columnWidth", minWidth: "minWidth", minHeight: "minHeight", rowResizer: "rowResizer", enableResizing: "enableResizing" }, host: { properties: { "style.height.px": "this.height", "style.max-height": "this.maxHeight" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<table\n    fd-table\n    [popIn]=\"popin\"\n    [class.fixed]=\"!contextView?.Grid_HideHeader && (!popin || secondaryColumns.length === 0)\"\n    [noBorderX]=\"viewSetting?.NoVerticalBorders === true || (popin && secondaryColumns.length > 0)\"\n    [noBorderY]=\"viewSetting?.NoHoriztonalBorders === true || (popin && secondaryColumns.length > 0)\"\n    tableResizer\n    [fitWidth]=\"fitWidth\"\n    (columnResized)=\"onColumnResized($event)\"\n    [containerWidth]=\"containerWidth\"\n    [minWidth]=\"30\"\n    [minHeight]=\"22\"\n    [rowResizer]=\"rowResizer\"\n    [enableResizing]=\"enableResizing\"\n>\n    <ng-container\n        *ngIf=\"columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList as mergeFieldsToColumns\"\n    >\n        <ng-container *ngTemplateOutlet=\"headerTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"bodyTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n    </ng-container>\n</table>\n<ng-template #headerTemplate let-columns>\n    <bsu-barsa-table-header\n        [tableWidth]=\"elWidth\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [resizedByUser]=\"resizedByUser\"\n        [allChecked]=\"allChecked\"\n        [disableResponsive]=\"disableResponsive\"\n        [isCheckList]=\"isCheckList\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [fitWidth]=\"fitWidth\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [viewSetting]=\"viewSetting\"\n        [hideHeader]=\"contextView.Grid_HideHeader\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n    ></bsu-barsa-table-header>\n</ng-template>\n<ng-template #bodyTemplate let-columns>\n    <tbody\n        fd-table-body\n        [noBorderX]=\"popin && secondaryColumns.length > 0\"\n        [noBorderY]=\"popin && secondaryColumns.length > 0\"\n    >\n        <ng-container *ngIf=\"moDataList && moDataList.length > 0; else noData\">\n            <ng-container\n                *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index; trackBy: _trackByRow\"\n            >\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        rowTemplate;\n                        context: { $implicit: mo, index: index, columns: columns, moDataListCount: moDataList.length }\n                    \"\n                ></ng-container>\n            </ng-container>\n        </ng-container>\n    </tbody>\n</ng-template>\n<ng-template #footerTemplate let-columns>\n    <tfoot fd-table-footer *ngIf=\"hasSummary\">\n        <tr fd-table-row class=\"row-summary\">\n            <td fd-table-cell *ngIf=\"isCheckList\" columnResizer>\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            <td fd-table-cell *ngIf=\"!isCheckList\" class=\"single-select\">\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            <td *ngFor=\"let column of columns; let i = index\">\n                <ng-container *ngIf=\"column.HasSummary\">\n                    <strong style=\"direction: ltr; display: block\">\n                        {{ moDataList | totalSummary: column.Name | number }}</strong\n                    >\n                </ng-container>\n            </td>\n            <ng-container *ngIf=\"contextMenuItems && contextMenuItems.length > 0\">\n                <td fd-table-cell style=\"width: 100px\"></td>\n            </ng-container>\n            <td fd-table-cell *ngIf=\"canView\"></td>\n        </tr>\n    </tfoot>\n</ng-template>\n<ng-template #rowTemplate let-mo let-index=\"index\" let-columns=\"columns\" let-moDataListCount=\"moDataListCount\">\n    <bsu-barsa-table-row\n        [mo]=\"mo\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [detailsColumns]=\"detailsColumns\"\n        [cartableTemplate]=\"cartableTemplates[mo.RelatedMo?.$TypeDefId]\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\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\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        (expandClick)=\"onExpandClick($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (rowClick)=\"onRowClick($event)\"\n        (ulvCommand)=\"onUlvCommand($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</ng-template>\n<!--renderColumn-->\n<ng-template #noData>\n    <tr *ngIf=\"!inlineEditMode || !newInlineEditMo\">\n        <td colspan=\"100%\" style=\"padding: 10px\">{{ 'NoData' | bbbTranslate }}</td>\n    </tr>\n</ng-template>\n", styles: [":host{display:block;width:100%;overflow-x:auto;max-width:100vw}table{margin-bottom:5px}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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.TableResizerDirective, selector: "[tableResizer]", inputs: ["fitWidth", "minWidth", "minHeight", "containerWidth", "rowResizer", "enableResizing"], outputs: ["columnResized"] }, { kind: "directive", type: i2.ColumnResizerDirective, selector: "[columnResizer]", inputs: ["disableResizer"] }, { kind: "component", type: i8$1.TableComponent, selector: "table[fd-table]", inputs: ["noBorderX", "noBorderY", "popIn", "responsive", "keys", "allCellsFocusable"], exportAs: ["fd-table"] }, { kind: "directive", type: i8$1.TableFooterDirective, selector: "[fdTableFooter], [fd-table-footer]" }, { kind: "directive", type: i8$1.TableBodyDirective, selector: "[fdTableBody], [fd-table-body]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i8$1.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i8$1.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "tabindex", "hoverable", "fitContent", "noPadding", "noData", "key", "cellFocusedEventAnnouncer"] }, { kind: "component", type: BarsaTableHeaderComponent, selector: "bsu-barsa-table-header", inputs: ["allChecked", "isCheckList", "columns", "fitWidth", "contextMenuItems", "canView", "hideOpenIcon", "disableOverflowContextMenu", "inlineEditMode", "hideHeader", "showDetailsInRow", "viewSetting", "tableWidth", "resizedByUser", "disableResponsive"], outputs: ["allCheckbox", "sortAscending", "sortDescending", "filter"] }, { kind: "component", type: BarsaTableRowComponent, selector: "bsu-barsa-table-row", inputs: ["showDetailsInRow", "detailsComponent", "detailsColumns", "detailsText", "columnComponents"] }, { kind: "pipe", type: i1.DecimalPipe, name: "number" }, { kind: "pipe", type: i2.MultipleGroupByPipe, name: "multipleGroupBy" }, { 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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiTableViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiTableViewComponent, selector: "bsu-ui-table-view", inputs: { columnWidth: "columnWidth", minWidth: "minWidth", minHeight: "minHeight", rowResizer: "rowResizer", enableResizing: "enableResizing" }, host: { properties: { "style.height.px": "this.height", "style.max-height": "this.maxHeight" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<table\n    fd-table\n    [popIn]=\"popin\"\n    [class.fixed]=\"!contextView?.Grid_HideHeader && (!popin || secondaryColumns.length === 0)\"\n    [noBorderX]=\"viewSetting?.NoVerticalBorders === true || (popin && secondaryColumns.length > 0)\"\n    [noBorderY]=\"viewSetting?.NoHoriztonalBorders === true || (popin && secondaryColumns.length > 0)\"\n    tableResizer\n    [fitWidth]=\"fitWidth\"\n    (columnResized)=\"onColumnResized($event)\"\n    [containerWidth]=\"containerWidth\"\n    [minWidth]=\"30\"\n    [minHeight]=\"22\"\n    [rowResizer]=\"rowResizer\"\n    [enableResizing]=\"enableResizing\"\n>\n    <ng-container\n        *ngIf=\"columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList as mergeFieldsToColumns\"\n    >\n        <ng-container *ngTemplateOutlet=\"headerTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"bodyTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n    </ng-container>\n</table>\n<ng-template #headerTemplate let-columns>\n    <bsu-barsa-table-header\n        [tableWidth]=\"elWidth\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [resizedByUser]=\"resizedByUser\"\n        [allChecked]=\"allChecked\"\n        [disableResponsive]=\"disableResponsive\"\n        [isCheckList]=\"isCheckList\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [fitWidth]=\"fitWidth\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [viewSetting]=\"viewSetting\"\n        [hideHeader]=\"contextView.Grid_HideHeader\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n    ></bsu-barsa-table-header>\n</ng-template>\n<ng-template #bodyTemplate let-columns>\n    <tbody\n        fd-table-body\n        [noBorderX]=\"popin && secondaryColumns.length > 0\"\n        [noBorderY]=\"popin && secondaryColumns.length > 0\"\n    >\n        <ng-container *ngIf=\"moDataList && moDataList.length > 0; else noData\">\n            <ng-container\n                *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index; trackBy: _trackByRow\"\n            >\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        rowTemplate;\n                        context: { $implicit: mo, index: index, columns: columns, moDataListCount: moDataList.length }\n                    \"\n                ></ng-container>\n            </ng-container>\n        </ng-container>\n    </tbody>\n</ng-template>\n<ng-template #footerTemplate let-columns>\n    <tfoot fd-table-footer *ngIf=\"hasSummary\">\n        <tr fd-table-row class=\"row-summary\">\n            <td fd-table-cell *ngIf=\"isCheckList\" columnResizer>\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            <td fd-table-cell *ngIf=\"!isCheckList\" class=\"single-select\">\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            <td *ngFor=\"let column of columns; let i = index\">\n                <ng-container *ngIf=\"column.HasSummary\">\n                    <strong style=\"direction: ltr; display: block\">\n                        {{ moDataList | totalSummary: column.Name | number }}</strong\n                    >\n                </ng-container>\n            </td>\n            <ng-container *ngIf=\"contextMenuItems && contextMenuItems.length > 0\">\n                <td fd-table-cell style=\"width: 100px\"></td>\n            </ng-container>\n            <td fd-table-cell *ngIf=\"canView\"></td>\n        </tr>\n    </tfoot>\n</ng-template>\n<ng-template #rowTemplate let-mo let-index=\"index\" let-columns=\"columns\" let-moDataListCount=\"moDataListCount\">\n    <bsu-barsa-table-row\n        [mo]=\"mo\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [detailsColumns]=\"detailsColumns\"\n        [cartableTemplate]=\"cartableTemplates[mo.RelatedMo?.$TypeDefId]\"\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        [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\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        (expandClick)=\"onExpandClick($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (rowClick)=\"onRowClick($event)\"\n        (ulvCommand)=\"onUlvCommand($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</ng-template>\n<!--renderColumn-->\n<ng-template #noData>\n    <tr *ngIf=\"!inlineEditMode || !newInlineEditMo\">\n        <td colspan=\"100%\" style=\"padding: 10px\">{{ 'NoData' | bbbTranslate }}</td>\n    </tr>\n</ng-template>\n", styles: [":host{display:block;width:100%;overflow-x:auto;max-width:100vw}table{margin-bottom:5px}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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.TableResizerDirective, selector: "[tableResizer]", inputs: ["fitWidth", "minWidth", "minHeight", "containerWidth", "rowResizer", "enableResizing"], outputs: ["columnResized"] }, { kind: "directive", type: i2.ColumnResizerDirective, selector: "[columnResizer]", inputs: ["disableResizer"] }, { kind: "component", type: i8$1.TableComponent, selector: "table[fd-table]", inputs: ["noBorderX", "noBorderY", "popIn", "responsive", "keys", "allCellsFocusable"], exportAs: ["fd-table"] }, { kind: "directive", type: i8$1.TableFooterDirective, selector: "[fdTableFooter], [fd-table-footer]" }, { kind: "directive", type: i8$1.TableBodyDirective, selector: "[fdTableBody], [fd-table-body]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i8$1.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i8$1.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "tabindex", "hoverable", "fitContent", "noPadding", "noData", "key", "cellFocusedEventAnnouncer"] }, { kind: "component", type: BarsaTableHeaderComponent, selector: "bsu-barsa-table-header", inputs: ["allChecked", "isCheckList", "columns", "fitWidth", "contextMenuItems", "canView", "hideOpenIcon", "disableOverflowContextMenu", "inlineEditMode", "hideHeader", "showDetailsInRow", "viewSetting", "tableWidth", "resizedByUser", "disableResponsive"], outputs: ["allCheckbox", "sortAscending", "sortDescending", "filter"] }, { kind: "component", type: BarsaTableRowComponent, selector: "bsu-barsa-table-row", inputs: ["showDetailsInRow", "detailsComponent", "detailsColumns", "detailsText", "columnComponents"] }, { kind: "pipe", type: i1.DecimalPipe, name: "number" }, { kind: "pipe", type: i2.MultipleGroupByPipe, name: "multipleGroupBy" }, { 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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiTableViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-table-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<table\n    fd-table\n    [popIn]=\"popin\"\n    [class.fixed]=\"!contextView?.Grid_HideHeader && (!popin || secondaryColumns.length === 0)\"\n    [noBorderX]=\"viewSetting?.NoVerticalBorders === true || (popin && secondaryColumns.length > 0)\"\n    [noBorderY]=\"viewSetting?.NoHoriztonalBorders === true || (popin && secondaryColumns.length > 0)\"\n    tableResizer\n    [fitWidth]=\"fitWidth\"\n    (columnResized)=\"onColumnResized($event)\"\n    [containerWidth]=\"containerWidth\"\n    [minWidth]=\"30\"\n    [minHeight]=\"22\"\n    [rowResizer]=\"rowResizer\"\n    [enableResizing]=\"enableResizing\"\n>\n    <ng-container\n        *ngIf=\"columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList as mergeFieldsToColumns\"\n    >\n        <ng-container *ngTemplateOutlet=\"headerTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"bodyTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n    </ng-container>\n</table>\n<ng-template #headerTemplate let-columns>\n    <bsu-barsa-table-header\n        [tableWidth]=\"elWidth\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [resizedByUser]=\"resizedByUser\"\n        [allChecked]=\"allChecked\"\n        [disableResponsive]=\"disableResponsive\"\n        [isCheckList]=\"isCheckList\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [fitWidth]=\"fitWidth\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [viewSetting]=\"viewSetting\"\n        [hideHeader]=\"contextView.Grid_HideHeader\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n    ></bsu-barsa-table-header>\n</ng-template>\n<ng-template #bodyTemplate let-columns>\n    <tbody\n        fd-table-body\n        [noBorderX]=\"popin && secondaryColumns.length > 0\"\n        [noBorderY]=\"popin && secondaryColumns.length > 0\"\n    >\n        <ng-container *ngIf=\"moDataList && moDataList.length > 0; else noData\">\n            <ng-container\n                *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index; trackBy: _trackByRow\"\n            >\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        rowTemplate;\n                        context: { $implicit: mo, index: index, columns: columns, moDataListCount: moDataList.length }\n                    \"\n                ></ng-container>\n            </ng-container>\n        </ng-container>\n    </tbody>\n</ng-template>\n<ng-template #footerTemplate let-columns>\n    <tfoot fd-table-footer *ngIf=\"hasSummary\">\n        <tr fd-table-row class=\"row-summary\">\n            <td fd-table-cell *ngIf=\"isCheckList\" columnResizer>\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            <td fd-table-cell *ngIf=\"!isCheckList\" class=\"single-select\">\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            <td *ngFor=\"let column of columns; let i = index\">\n                <ng-container *ngIf=\"column.HasSummary\">\n                    <strong style=\"direction: ltr; display: block\">\n                        {{ moDataList | totalSummary: column.Name | number }}</strong\n                    >\n                </ng-container>\n            </td>\n            <ng-container *ngIf=\"contextMenuItems && contextMenuItems.length > 0\">\n                <td fd-table-cell style=\"width: 100px\"></td>\n            </ng-container>\n            <td fd-table-cell *ngIf=\"canView\"></td>\n        </tr>\n    </tfoot>\n</ng-template>\n<ng-template #rowTemplate let-mo let-index=\"index\" let-columns=\"columns\" let-moDataListCount=\"moDataListCount\">\n    <bsu-barsa-table-row\n        [mo]=\"mo\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [detailsColumns]=\"detailsColumns\"\n        [cartableTemplate]=\"cartableTemplates[mo.RelatedMo?.$TypeDefId]\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\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\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        (expandClick)=\"onExpandClick($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (rowClick)=\"onRowClick($event)\"\n        (ulvCommand)=\"onUlvCommand($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</ng-template>\n<!--renderColumn-->\n<ng-template #noData>\n    <tr *ngIf=\"!inlineEditMode || !newInlineEditMo\">\n        <td colspan=\"100%\" style=\"padding: 10px\">{{ 'NoData' | bbbTranslate }}</td>\n    </tr>\n</ng-template>\n", styles: [":host{display:block;width:100%;overflow-x:auto;max-width:100vw}table{margin-bottom:5px}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    [popIn]=\"popin\"\n    [class.fixed]=\"!contextView?.Grid_HideHeader && (!popin || secondaryColumns.length === 0)\"\n    [noBorderX]=\"viewSetting?.NoVerticalBorders === true || (popin && secondaryColumns.length > 0)\"\n    [noBorderY]=\"viewSetting?.NoHoriztonalBorders === true || (popin && secondaryColumns.length > 0)\"\n    tableResizer\n    [fitWidth]=\"fitWidth\"\n    (columnResized)=\"onColumnResized($event)\"\n    [containerWidth]=\"containerWidth\"\n    [minWidth]=\"30\"\n    [minHeight]=\"22\"\n    [rowResizer]=\"rowResizer\"\n    [enableResizing]=\"enableResizing\"\n>\n    <ng-container\n        *ngIf=\"columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList as mergeFieldsToColumns\"\n    >\n        <ng-container *ngTemplateOutlet=\"headerTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"bodyTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n    </ng-container>\n</table>\n<ng-template #headerTemplate let-columns>\n    <bsu-barsa-table-header\n        [tableWidth]=\"elWidth\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [resizedByUser]=\"resizedByUser\"\n        [allChecked]=\"allChecked\"\n        [disableResponsive]=\"disableResponsive\"\n        [isCheckList]=\"isCheckList\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [fitWidth]=\"fitWidth\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [viewSetting]=\"viewSetting\"\n        [hideHeader]=\"contextView.Grid_HideHeader\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n    ></bsu-barsa-table-header>\n</ng-template>\n<ng-template #bodyTemplate let-columns>\n    <tbody\n        fd-table-body\n        [noBorderX]=\"popin && secondaryColumns.length > 0\"\n        [noBorderY]=\"popin && secondaryColumns.length > 0\"\n    >\n        <ng-container *ngIf=\"moDataList && moDataList.length > 0; else noData\">\n            <ng-container\n                *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index; trackBy: _trackByRow\"\n            >\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        rowTemplate;\n                        context: { $implicit: mo, index: index, columns: columns, moDataListCount: moDataList.length }\n                    \"\n                ></ng-container>\n            </ng-container>\n        </ng-container>\n    </tbody>\n</ng-template>\n<ng-template #footerTemplate let-columns>\n    <tfoot fd-table-footer *ngIf=\"hasSummary\">\n        <tr fd-table-row class=\"row-summary\">\n            <td fd-table-cell *ngIf=\"isCheckList\" columnResizer>\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            <td fd-table-cell *ngIf=\"!isCheckList\" class=\"single-select\">\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            <td *ngFor=\"let column of columns; let i = index\">\n                <ng-container *ngIf=\"column.HasSummary\">\n                    <strong style=\"direction: ltr; display: block\">\n                        {{ moDataList | totalSummary: column.Name | number }}</strong\n                    >\n                </ng-container>\n            </td>\n            <ng-container *ngIf=\"contextMenuItems && contextMenuItems.length > 0\">\n                <td fd-table-cell style=\"width: 100px\"></td>\n            </ng-container>\n            <td fd-table-cell *ngIf=\"canView\"></td>\n        </tr>\n    </tfoot>\n</ng-template>\n<ng-template #rowTemplate let-mo let-index=\"index\" let-columns=\"columns\" let-moDataListCount=\"moDataListCount\">\n    <bsu-barsa-table-row\n        [mo]=\"mo\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [detailsColumns]=\"detailsColumns\"\n        [cartableTemplate]=\"cartableTemplates[mo.RelatedMo?.$TypeDefId]\"\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        [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\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        (expandClick)=\"onExpandClick($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (rowClick)=\"onRowClick($event)\"\n        (ulvCommand)=\"onUlvCommand($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</ng-template>\n<!--renderColumn-->\n<ng-template #noData>\n    <tr *ngIf=\"!inlineEditMode || !newInlineEditMo\">\n        <td colspan=\"100%\" style=\"padding: 10px\">{{ 'NoData' | bbbTranslate }}</td>\n    </tr>\n</ng-template>\n", styles: [":host{display:block;width:100%;overflow-x:auto;max-width:100vw}table{margin-bottom:5px}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: { columnWidth: [{
                 type: Input
             }], minWidth: [{
@@ -8697,10 +8697,10 @@ class UiFormPanelComponent extends FormBaseComponent {
     }
 }
 UiFormPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiFormPanelComponent, deps: [{ token: i2.BreadcrumbService }, { token: i1$1.ContentDensityService }, { token: i2.PortalService }, { token: i3$7.ActivatedRoute }, { token: i3$7.Router }, { token: i2.FormPanelService, self: true }], target: i0.ɵɵFactoryTarget.Component });
-UiFormPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiFormPanelComponent, selector: "bsu-ui-form-panel", host: { properties: { "attr.typeDefName": "this._typeDefName" } }, providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"isSearchPanel || (isSimple$ | async) || isSubForm || isModal || isFormReport; else dynamicPage\">\r\n    <bsu-mask *ngIf=\"mask$ | async\"> </bsu-mask>\r\n    <div>\r\n        <bsu-ly-layout-container-of-root\r\n            [config]=\"layout94$ | async\"\r\n            [isPanel]=\"false\"\r\n            [isRoot]=\"true\"\r\n        ></bsu-ly-layout-container-of-root>\r\n        <div class=\"workflow-buttons\" *ngIf=\"toolbarItems$ | async as toolbarItems\">\r\n            <div style=\"flex-grow: 1\"></div>\r\n            <bsu-layout-actions\r\n                style=\"display: flex; column-gap: 1rem\"\r\n                [simple]=\"true\"\r\n                [buttons]=\"[]\"\r\n                [workflowButtons]=\"toolbarItems\"\r\n                (toolClick)=\"onToolbarClick($event)\"\r\n            >\r\n            </bsu-layout-actions>\r\n        </div>\r\n    </div>\r\n    <!-- <div fd-bar barDesign=\"floating-footer\">\r\n    <div\r\n      *ngIf=\"context.WorkflowPanelUi\"\r\n      fd-bar-right\r\n      [footerActions]=\"context.WorkflowPanelUi\"\r\n    ></div>\r\n    <div\r\n      *ngIf=\"\r\n        !context.WorkflowPanelUi &&\r\n        showToolbar &&\r\n        \r\n        toolbar.items.length > 0\r\n      \"\r\n      fd-bar-right\r\n      [footerActions]=\"toolbar\"\r\n    ></div>\r\n  </div> -->\r\n</ng-container>\r\n<ng-template #dynamicPage>\r\n    <bsu-fundamental-dynamic-form\r\n        [style.position]=\"(mask$ | async) ? 'relative' : null\"\r\n        [canSend]=\"(canSend$ | async) === true\"\r\n        [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\r\n        [breadCrumbs]=\"breadCrumbs$ | async\"\r\n        [description]=\"(headerDescription$ | async)!!\"\r\n        [hideClose]=\"(hideClose$ | async)!!\"\r\n        [hideTitle]=\"(hideTitle$ | async)!!\"\r\n        [hidePin]=\"(hidePin$ | async)!!\"\r\n        [title]=\"(title$ | async)!!\"\r\n        [subtitle]=\"(headerSubtitle$ | async)!!\"\r\n        [toolbarItems]=\"toolbarItems$ | async | tlbButtons: 'inFooter':false\"\r\n        [layoutActions]=\"toolbarItems$ | async | tlbButtons: 'inFooter':true\"\r\n        [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\r\n        [facetList]=\"(headerLayout$ | async)?.FacetList2\"\r\n        [parameters]=\"parameters\"\r\n        [workflowPanelUi]=\"workflowPanelUi$ | async\"\r\n        [isMobile]=\"isMobile\"\r\n        [layout94]=\"layout94$ | async\"\r\n        [rtl]=\"(rtl$ | async)!!\"\r\n        [mask]=\"(mask$ | async)!!\"\r\n        [mo]=\"(mo$ | async)!!\"\r\n        [dirValue]=\"(dirValue$ | async)!!\"\r\n        [deviceSize]=\"(deviceSize$ | async)!!\"\r\n        [contentDensity]=\"(contentDensity$ | async)!!\"\r\n        [modernTabs]=\"(modernTabs$ | async)!!\"\r\n        [avatar]=\"(avatar$ | async)!!\"\r\n        [fieldDict]=\"(fieldDict$ | async)!!\"\r\n        (close)=\"onClose()\"\r\n        (toolbarClick)=\"onToolbarClick($event)\"\r\n        [contentIsPage]=\"parameters?.ContentIsPage\"\r\n        (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\r\n    ></bsu-fundamental-dynamic-form>\r\n</ng-template>\r\n", styles: [":host{display:block;width:100%;min-height:100%}.workflow-buttons{display:flex;margin-top:5px;padding:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LyLayoutContainerOfRootComponent, selector: "bsu-ly-layout-container-of-root" }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "marginTop"] }, { kind: "component", type: FundamentalDynamicFormComponent, selector: "bsu-fundamental-dynamic-form", inputs: ["breadCrumbs", "toolbarVisible", "toolbarItems", "layoutActions", "layout94", "parameters", "workflowPanelUi", "context", "title", "subtitle", "description", "facetList", "fieldDict", "removeHeaderBorder", "removeContentPadding", "isMobile", "mo", "avatar", "rtl", "hideTitle", "hideClose", "hidePin", "mask", "canSend", "contentIsPage", "contentDensity", "deviceSize", "dirValue", "modernTabs"], outputs: ["toolbarClick", "workflowChoiceClick", "close"] }, { kind: "component", type: LayoutActionsComponent, selector: "bsu-layout-actions", inputs: ["workflowButtons", "workflowButtonsComboMode", "canSend", "simple"], outputs: ["workflowChoiceSelect"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TlbButtonsPipe, name: "tlbButtons" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiFormPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiFormPanelComponent, selector: "bsu-ui-form-panel", host: { properties: { "attr.typeDefName": "this._typeDefName" } }, providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"isSearchPanel || (isSimple$ | async) || isSubForm || isModal || isFormReport; else dynamicPage\">\n    <bsu-mask *ngIf=\"mask$ | async\"> </bsu-mask>\n    <div>\n        <bsu-ly-layout-container-of-root\n            [config]=\"layout94$ | async\"\n            [isPanel]=\"false\"\n            [isRoot]=\"true\"\n        ></bsu-ly-layout-container-of-root>\n        <div class=\"workflow-buttons\" *ngIf=\"workflowButtons$ | async as workflowButtons\">\n            <div style=\"flex-grow: 1\"></div>\n            <bsu-layout-actions\n                style=\"display: flex; column-gap: 1rem\"\n                [simple]=\"true\"\n                [buttons]=\"[]\"\n                [workflowButtons]=\"workflowButtons\"\n                (toolClick)=\"onToolbarClick($event)\"\n            >\n            </bsu-layout-actions>\n        </div>\n    </div>\n    <!-- <div fd-bar barDesign=\"floating-footer\">\n    <div\n      *ngIf=\"context.WorkflowPanelUi\"\n      fd-bar-right\n      [footerActions]=\"context.WorkflowPanelUi\"\n    ></div>\n    <div\n      *ngIf=\"\n        !context.WorkflowPanelUi &&\n        showToolbar &&\n        \n        toolbar.items.length > 0\n      \"\n      fd-bar-right\n      [footerActions]=\"toolbar\"\n    ></div>\n  </div> -->\n</ng-container>\n<ng-template #dynamicPage>\n    <bsu-fundamental-dynamic-form\n        [style.position]=\"(mask$ | async) ? 'relative' : null\"\n        [canSend]=\"(canSend$ | async) === true\"\n        [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\n        [breadCrumbs]=\"breadCrumbs$ | async\"\n        [description]=\"(headerDescription$ | async)!!\"\n        [hideClose]=\"(hideClose$ | async)!!\"\n        [hideTitle]=\"(hideTitle$ | async)!!\"\n        [hidePin]=\"(hidePin$ | async)!!\"\n        [title]=\"(title$ | async)!!\"\n        [subtitle]=\"(headerSubtitle$ | async)!!\"\n        [toolbarItems]=\"toolbarItems$ | async | tlbButtons: 'inFooter':false\"\n        [layoutActions]=\"toolbarItems$ | async | tlbButtons: 'inFooter':true\"\n        [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\n        [facetList]=\"(headerLayout$ | async)?.FacetList2\"\n        [parameters]=\"parameters\"\n        [workflowPanelUi]=\"workflowPanelUi$ | async\"\n        [isMobile]=\"isMobile\"\n        [layout94]=\"layout94$ | async\"\n        [rtl]=\"(rtl$ | async)!!\"\n        [mask]=\"(mask$ | async)!!\"\n        [mo]=\"(mo$ | async)!!\"\n        [dirValue]=\"(dirValue$ | async)!!\"\n        [deviceSize]=\"(deviceSize$ | async)!!\"\n        [contentDensity]=\"(contentDensity$ | async)!!\"\n        [modernTabs]=\"(modernTabs$ | async)!!\"\n        [avatar]=\"(avatar$ | async)!!\"\n        [fieldDict]=\"(fieldDict$ | async)!!\"\n        (close)=\"onClose()\"\n        (toolbarClick)=\"onToolbarClick($event)\"\n        [contentIsPage]=\"parameters?.ContentIsPage\"\n        (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n    ></bsu-fundamental-dynamic-form>\n</ng-template>\n", styles: [":host{display:block;width:100%;min-height:100%}.workflow-buttons{display:flex;margin-top:5px;padding:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LyLayoutContainerOfRootComponent, selector: "bsu-ly-layout-container-of-root" }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "marginTop"] }, { kind: "component", type: FundamentalDynamicFormComponent, selector: "bsu-fundamental-dynamic-form", inputs: ["breadCrumbs", "toolbarVisible", "toolbarItems", "layoutActions", "layout94", "parameters", "workflowPanelUi", "context", "title", "subtitle", "description", "facetList", "fieldDict", "removeHeaderBorder", "removeContentPadding", "isMobile", "mo", "avatar", "rtl", "hideTitle", "hideClose", "hidePin", "mask", "canSend", "contentIsPage", "contentDensity", "deviceSize", "dirValue", "modernTabs"], outputs: ["toolbarClick", "workflowChoiceClick", "close"] }, { kind: "component", type: LayoutActionsComponent, selector: "bsu-layout-actions", inputs: ["workflowButtons", "workflowButtonsComboMode", "canSend", "simple"], outputs: ["workflowChoiceSelect"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TlbButtonsPipe, name: "tlbButtons" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiFormPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-form-panel', changeDetection: ChangeDetectionStrategy.OnPush, providers: [FormPanelService], template: "<ng-container *ngIf=\"isSearchPanel || (isSimple$ | async) || isSubForm || isModal || isFormReport; else dynamicPage\">\r\n    <bsu-mask *ngIf=\"mask$ | async\"> </bsu-mask>\r\n    <div>\r\n        <bsu-ly-layout-container-of-root\r\n            [config]=\"layout94$ | async\"\r\n            [isPanel]=\"false\"\r\n            [isRoot]=\"true\"\r\n        ></bsu-ly-layout-container-of-root>\r\n        <div class=\"workflow-buttons\" *ngIf=\"toolbarItems$ | async as toolbarItems\">\r\n            <div style=\"flex-grow: 1\"></div>\r\n            <bsu-layout-actions\r\n                style=\"display: flex; column-gap: 1rem\"\r\n                [simple]=\"true\"\r\n                [buttons]=\"[]\"\r\n                [workflowButtons]=\"toolbarItems\"\r\n                (toolClick)=\"onToolbarClick($event)\"\r\n            >\r\n            </bsu-layout-actions>\r\n        </div>\r\n    </div>\r\n    <!-- <div fd-bar barDesign=\"floating-footer\">\r\n    <div\r\n      *ngIf=\"context.WorkflowPanelUi\"\r\n      fd-bar-right\r\n      [footerActions]=\"context.WorkflowPanelUi\"\r\n    ></div>\r\n    <div\r\n      *ngIf=\"\r\n        !context.WorkflowPanelUi &&\r\n        showToolbar &&\r\n        \r\n        toolbar.items.length > 0\r\n      \"\r\n      fd-bar-right\r\n      [footerActions]=\"toolbar\"\r\n    ></div>\r\n  </div> -->\r\n</ng-container>\r\n<ng-template #dynamicPage>\r\n    <bsu-fundamental-dynamic-form\r\n        [style.position]=\"(mask$ | async) ? 'relative' : null\"\r\n        [canSend]=\"(canSend$ | async) === true\"\r\n        [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\r\n        [breadCrumbs]=\"breadCrumbs$ | async\"\r\n        [description]=\"(headerDescription$ | async)!!\"\r\n        [hideClose]=\"(hideClose$ | async)!!\"\r\n        [hideTitle]=\"(hideTitle$ | async)!!\"\r\n        [hidePin]=\"(hidePin$ | async)!!\"\r\n        [title]=\"(title$ | async)!!\"\r\n        [subtitle]=\"(headerSubtitle$ | async)!!\"\r\n        [toolbarItems]=\"toolbarItems$ | async | tlbButtons: 'inFooter':false\"\r\n        [layoutActions]=\"toolbarItems$ | async | tlbButtons: 'inFooter':true\"\r\n        [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\r\n        [facetList]=\"(headerLayout$ | async)?.FacetList2\"\r\n        [parameters]=\"parameters\"\r\n        [workflowPanelUi]=\"workflowPanelUi$ | async\"\r\n        [isMobile]=\"isMobile\"\r\n        [layout94]=\"layout94$ | async\"\r\n        [rtl]=\"(rtl$ | async)!!\"\r\n        [mask]=\"(mask$ | async)!!\"\r\n        [mo]=\"(mo$ | async)!!\"\r\n        [dirValue]=\"(dirValue$ | async)!!\"\r\n        [deviceSize]=\"(deviceSize$ | async)!!\"\r\n        [contentDensity]=\"(contentDensity$ | async)!!\"\r\n        [modernTabs]=\"(modernTabs$ | async)!!\"\r\n        [avatar]=\"(avatar$ | async)!!\"\r\n        [fieldDict]=\"(fieldDict$ | async)!!\"\r\n        (close)=\"onClose()\"\r\n        (toolbarClick)=\"onToolbarClick($event)\"\r\n        [contentIsPage]=\"parameters?.ContentIsPage\"\r\n        (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\r\n    ></bsu-fundamental-dynamic-form>\r\n</ng-template>\r\n", styles: [":host{display:block;width:100%;min-height:100%}.workflow-buttons{display:flex;margin-top:5px;padding:5px}\n"] }]
+            args: [{ selector: 'bsu-ui-form-panel', changeDetection: ChangeDetectionStrategy.OnPush, providers: [FormPanelService], template: "<ng-container *ngIf=\"isSearchPanel || (isSimple$ | async) || isSubForm || isModal || isFormReport; else dynamicPage\">\n    <bsu-mask *ngIf=\"mask$ | async\"> </bsu-mask>\n    <div>\n        <bsu-ly-layout-container-of-root\n            [config]=\"layout94$ | async\"\n            [isPanel]=\"false\"\n            [isRoot]=\"true\"\n        ></bsu-ly-layout-container-of-root>\n        <div class=\"workflow-buttons\" *ngIf=\"workflowButtons$ | async as workflowButtons\">\n            <div style=\"flex-grow: 1\"></div>\n            <bsu-layout-actions\n                style=\"display: flex; column-gap: 1rem\"\n                [simple]=\"true\"\n                [buttons]=\"[]\"\n                [workflowButtons]=\"workflowButtons\"\n                (toolClick)=\"onToolbarClick($event)\"\n            >\n            </bsu-layout-actions>\n        </div>\n    </div>\n    <!-- <div fd-bar barDesign=\"floating-footer\">\n    <div\n      *ngIf=\"context.WorkflowPanelUi\"\n      fd-bar-right\n      [footerActions]=\"context.WorkflowPanelUi\"\n    ></div>\n    <div\n      *ngIf=\"\n        !context.WorkflowPanelUi &&\n        showToolbar &&\n        \n        toolbar.items.length > 0\n      \"\n      fd-bar-right\n      [footerActions]=\"toolbar\"\n    ></div>\n  </div> -->\n</ng-container>\n<ng-template #dynamicPage>\n    <bsu-fundamental-dynamic-form\n        [style.position]=\"(mask$ | async) ? 'relative' : null\"\n        [canSend]=\"(canSend$ | async) === true\"\n        [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\n        [breadCrumbs]=\"breadCrumbs$ | async\"\n        [description]=\"(headerDescription$ | async)!!\"\n        [hideClose]=\"(hideClose$ | async)!!\"\n        [hideTitle]=\"(hideTitle$ | async)!!\"\n        [hidePin]=\"(hidePin$ | async)!!\"\n        [title]=\"(title$ | async)!!\"\n        [subtitle]=\"(headerSubtitle$ | async)!!\"\n        [toolbarItems]=\"toolbarItems$ | async | tlbButtons: 'inFooter':false\"\n        [layoutActions]=\"toolbarItems$ | async | tlbButtons: 'inFooter':true\"\n        [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\n        [facetList]=\"(headerLayout$ | async)?.FacetList2\"\n        [parameters]=\"parameters\"\n        [workflowPanelUi]=\"workflowPanelUi$ | async\"\n        [isMobile]=\"isMobile\"\n        [layout94]=\"layout94$ | async\"\n        [rtl]=\"(rtl$ | async)!!\"\n        [mask]=\"(mask$ | async)!!\"\n        [mo]=\"(mo$ | async)!!\"\n        [dirValue]=\"(dirValue$ | async)!!\"\n        [deviceSize]=\"(deviceSize$ | async)!!\"\n        [contentDensity]=\"(contentDensity$ | async)!!\"\n        [modernTabs]=\"(modernTabs$ | async)!!\"\n        [avatar]=\"(avatar$ | async)!!\"\n        [fieldDict]=\"(fieldDict$ | async)!!\"\n        (close)=\"onClose()\"\n        (toolbarClick)=\"onToolbarClick($event)\"\n        [contentIsPage]=\"parameters?.ContentIsPage\"\n        (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n    ></bsu-fundamental-dynamic-form>\n</ng-template>\n", styles: [":host{display:block;width:100%;min-height:100%}.workflow-buttons{display:flex;margin-top:5px;padding:5px}\n"] }]
         }], ctorParameters: function () { return [{ type: i2.BreadcrumbService }, { type: i1$1.ContentDensityService }, { type: i2.PortalService }, { type: i3$7.ActivatedRoute }, { type: i3$7.Router }, { type: i2.FormPanelService, decorators: [{
                     type: Self
                 }] }]; }, propDecorators: { _typeDefName: [{