npm - barsa-sap-ui - Versions diffs - 2.2.87 → 2.2.89 - Mend

barsa-sap-ui 2.2.87 → 2.2.89

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/fesm2022/barsa-sap-ui.mjs +34 -14
package/fesm2022/barsa-sap-ui.mjs.map +1 -1
package/lib/barsa-bottom-menu/barsa-bottom-menu.component.d.ts +11 -0
package/lib/barsa-sap-ui.module.d.ts +37 -36
package/lib/ui-card-view-horizontal-group/ui-card-view-horizontal-group.component.d.ts +1 -0
package/package.json +1 -1
package/public-api.d.ts +1 -0

package/fesm2022/barsa-sap-ui.mjs CHANGED Viewed

@@ -5575,11 +5575,11 @@ class CardItemComponent extends BaseViewItemPropsComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: CardItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: CardItemComponent, isStandalone: false, selector: "bsu-card-item", inputs: { setting: "setting", extraFooterComponent: "extraFooterComponent" }, providers: [FormPanelService], viewQueries: [{ propertyName: "_quickViewTemplate", first: true, predicate: ["quickViewTemplate"], descendants: true, static: true }, { propertyName: "_contentTemplate", first: true, predicate: ["contentTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<fd-card\r\n    [cardType]=\"setting.CardType$Caption\"\r\n    [interactive]=\"true\"\r\n    class=\"docs-flex-item-margin\"\r\n    [class.openOnClick]=\"setting.openOnClick\"\r\n    [class.hide-header-border]=\"setting.HideHeaderBorder\"\r\n    [style.width]=\"cardWidth\"\r\n    [style.min-width]=\"minWidth\"\r\n    [style.max-width]=\"maxWidth\"\r\n    [class.card-media]=\"cardMedia\"\r\n>\r\n    @if(cardMedia){\r\n    <fd-card-media (click)=\"onRowCheck(true)\" (dblclick)=\"onRowClick()\">\r\n        @if(isCardTypeBanner){\r\n        <div\r\n            fd-card-media-content-container\r\n            [legendColor]=\"setting.CustomColor ? null : 13\"\r\n            [style.background]=\"setting.CustomColor ? setting.CustomColor : null\"\r\n        >\r\n            <div fd-card-media-heading [level]=\"2\">\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: setting.TitleField,\r\n                            layout94: layout$ | async,\r\n                            mo: mo,\r\n                            index: index\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </div>\r\n            <p fd-card-media-text>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: setting.SubtitleField,\r\n                            layout94: layout$ | async,\r\n                            mo: mo,\r\n                            index: index\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </p>\r\n            @if (contextMenuItems.length ) {\r\n\r\n            <bsu-ulv-context-menu\r\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                [conditionalFormats]=\"conditionalFormats\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [mo]=\"mo\"\r\n                [index]=\"index\"\r\n                (commandClick)=\"onUlvCommand()\"\r\n                [deviceName]=\"deviceName\"\r\n                [menuItems]=\"contextMenuItems\"\r\n                [allColumns]=\"allColumns\"\r\n            ></bsu-ulv-context-menu>\r\n            }\r\n        </div>\r\n        }\r\n        <div fd-card-media-image-container #container>\r\n            <img\r\n                fd-card-media-image\r\n                [src]=\"\r\n                    setting.MediaField\r\n                        ? (mo[setting.MediaField.Name]?.FileId | picFieldSrc: 'ID':setting.MediaField.FieldDefId)\r\n                        : ''\r\n                \"\r\n                alt=\"pic not loaded\"\r\n                [style.max-height.px]=\"isCardTypeBanner ? setting?.SliderHeight || 300 : null\"\r\n            />\r\n        </div>\r\n    </fd-card-media>\r\n    } @if(!isCardTypeBanner){\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            setting.HeaderComponent ? renderHeaderComponent : renderHeader;\r\n            context: {\r\n                $implicit: mo,\r\n                index: this.index\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    } @if (!noContent || contextMenuItems) {\r\n    <fd-card-content (click)=\"onRowCheck()\" (dblclick)=\"onRowClick()\" ellipsify>\r\n        <div #divEl [applyConditionalFormats]=\"conditionalFormats\" [styleIndex]=\"styleIndex\" [hostEl]=\"divEl\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    setting.ContentComponent ? contentTemplateComponent : contentTemplateRef;\r\n                    context: {\r\n                        $implicit: mo,\r\n                        index: this.index\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n        </div>\r\n    </fd-card-content>\r\n    } @if(detailsText || contextMenuEnabled && !isCardTypeBanner){\r\n    <fd-card-footer\r\n        (click)=\"!isChecked && onRowCheck(true)\"\r\n        (dblclick)=\"onRowClick()\"\r\n        [class.extra-footer]=\"extraFooterComponent?.Selector\"\r\n        [class.hasDetailsAndContextMenu]=\"detailsText && contextMenuEnabled && contextMenuInFooter\"\r\n    >\r\n        @if(extraFooterComponent?.Selector){\r\n        <bnrc-dynamic-item-component\r\n            style=\"display: block; flex: 1\"\r\n            [component]=\"extraFooterComponent\"\r\n            [mo]=\"mo\"\r\n            [styleIndex]=\"mo.$StyleIndex\"\r\n            [isChecked]=\"isChecked\"\r\n            [setting]=\"setting\"\r\n            [parameters]=\"extraFooterComponent.Settings\"\r\n            [editMode]=\"inlineEditMode\"\r\n            [rtl]=\"rtl\"\r\n            [deviceName]=\"deviceName\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [index]=\"index\"\r\n            [allColumns]=\"allColumns\"\r\n        ></bnrc-dynamic-item-component>\r\n        } @if(detailsText){<button *fdCardFooterActionItem fd-button fdType=\"transparent\" [fdPopoverTrigger]=\"popover\">\r\n            {{ detailsText }}\r\n        </button>\r\n        } @if(contextMenuInFooter){\r\n        <div\r\n            *fdCardFooterActionItem\r\n            ulvContextMenu\r\n            [allColumns]=\"allColumns\"\r\n            [footerMode]=\"false\"\r\n            [menuItems]=\"contextMenuItems\"\r\n            [contextMenuOverflowText]=\"contextMenuOverflowText\"\r\n            [styleIndex]=\"styleIndex\"\r\n            [conditionalFormats]=\"conditionalFormats\"\r\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n            [mo]=\"mo\"\r\n            (commandClick)=\"onUlvCommand()\"\r\n        ></div>\r\n        }\r\n        <fd-popover #popover>\r\n            @if (detailsColumns?.length) {\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    detailsColumnsTemplate;\r\n                    context: { mo: mo, inlineEditMode: inlineEditMode, layout94: layout$ | async }\r\n                \"\r\n            ></ng-container>\r\n            }\r\n        </fd-popover>\r\n    </fd-card-footer>\r\n    }\r\n</fd-card>\r\n<ng-template #detailsColumnsTemplate let-mo=\"mo\" let-inlineEditMode=\"inlineEditMode\" let-layout94=\"layout94\">\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            detailsFormItems;\r\n            context: {\r\n                $implicit: detailsColumns,\r\n                mo: this.mo,\r\n                inlineEditMode: this.inlineEditMode,\r\n                layout94: layout94\r\n            }\r\n        \"\r\n    ></ng-container>\r\n</ng-template>\r\n<ng-template\r\n    #detailsFormItems\r\n    let-detailsColumns\r\n    let-mo=\"mo\"\r\n    let-inlineEditMode=\"inlineEditMode\"\r\n    let-layout94=\"layout94\"\r\n>\r\n    <div class=\"form-items\" class=\"tw-p-2\">\r\n        @for (column of detailsColumns; track column; let columnIndex = $index) {\r\n        <div\r\n            fd-form-item\r\n            class=\"!tw-flex-row\"\r\n            [dynCommand]=\"column.$CustomComponent?.DynamicCommand\"\r\n            [mo]=\"mo\"\r\n            [enableCommand]=\"!!column.$CustomComponent?.DynamicCommand\"\r\n            bodyClick\r\n            [class.tw-cursor-pointer]=\"!!column.$CustomComponent?.DynamicCommand\"\r\n        >\r\n            @if(!column.$CustomComponent?.HideColumnCaption) {<label fd-form-label for=\"input-2\"\r\n                >{{ column.Caption }}<span>:</span></label\r\n            >}\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    columnTemplate;\r\n                    context: {\r\n                        $implicit: column,\r\n                        mo: mo,\r\n                        index: columnIndex,\r\n                        inlineEditMode: inlineEditMode,\r\n                        layout94: layout94\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n        </div>\r\n        }\r\n    </div>\r\n</ng-template>\r\n<ng-template\r\n    #columnTemplate\r\n    let-column\r\n    let-mo=\"mo\"\r\n    let-index=\"index\"\r\n    let-layout94=\"layout94\"\r\n    let-disableEllapsis=\"disableEllapsis\"\r\n    let-fdTextMode=\"fdTextMode\"\r\n>\r\n    @if (column) {\r\n    <bsu-barsa-table-column\r\n        [mo]=\"mo\"\r\n        [allColumns]=\"allColumns\"\r\n        [column]=\"column\"\r\n        [isdirty]=\"false\"\r\n        [value]=\"column | columnValue: mo\"\r\n        [icon]=\"column | columnIcon: mo\"\r\n        [customComponent]=\"column.$CustomComponent\"\r\n        [column]=\"column\"\r\n        [disableEllapsis]=\"disableEllapsis === false ? false : true\"\r\n        [fdTextMode]=\"fdTextMode\"\r\n        [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [isChecked]=\"isChecked\"\r\n        [index]=\"index\"\r\n        [formSetting]=\"formSetting\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [layout94]=\"layout94\"\r\n        (save)=\"onEditFormPanelSave(null)\"\r\n        (cancel)=\"onEditFormPanelCancel(null)\"\r\n        (tab)=\"onTabKeyDown($event, index)\"\r\n        (changeToEditMode)=\"onColumnChangeToEditMode($event, index)\"\r\n    >\r\n    </bsu-barsa-table-column>\r\n\r\n    }\r\n</ng-template>\r\n<ng-template #quickViewTemplate let-mo let-index=\"index\">\r\n    @if (!noContent) {\r\n    <fd-quick-view [id]=\"'id'\">\r\n        <fd-quick-view-group>\r\n            @for (column of setting.FieldListMapped; track column) {\r\n            <fd-quick-view-group-item [class.rowDirection]=\"column?.$CustomComponent?.IsRowDirection\">\r\n                @if (column) { @if(!column.$CustomComponent?.HideColumnCaption) {<fd-quick-view-group-item-label>\r\n                    {{ column.Caption | bbbTranslate }} </fd-quick-view-group-item-label\r\n                >}\r\n                <fd-quick-view-group-item-content>\r\n                    <div fd-quick-view-group-item-content-element class=\"group-item-content\">\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                columnTemplate;\r\n                                context: {\r\n                                    $implicit: column,\r\n                                    layout94: layout$ | async,\r\n                                    mo: mo,\r\n                                    index: index\r\n                                }\r\n                            \"\r\n                        ></ng-container>\r\n                    </div>\r\n                </fd-quick-view-group-item-content>\r\n                }\r\n            </fd-quick-view-group-item>\r\n            } @if (setting.DescriptionField) {\r\n            <fd-quick-view-group-item>\r\n                <fd-quick-view-group-item-content>\r\n                    @if (inlineEditMode && allowInlineEdit) {\r\n                    <fd-quick-view-group-item-label>\r\n                        {{ setting.DescriptionField?.Alias | bbbTranslate }}\r\n                    </fd-quick-view-group-item-label>\r\n                    }\r\n                    <div fd-quick-view-group-item-content-element class=\"group-item-content\">\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                columnTemplate;\r\n                                context: {\r\n                                    $implicit: setting.DescriptionField,\r\n                                    layout94: layout$ | async,\r\n                                    mo: mo,\r\n                                    index: index\r\n                                }\r\n                            \"\r\n                        ></ng-container>\r\n                    </div>\r\n                </fd-quick-view-group-item-content>\r\n                @if (setting.ActionFieldNameField) {\r\n                <fd-quick-view-group-item-content\r\n                    class=\"action\"\r\n                    (click)=\"onAction(setting.ActionFieldCommandField || '')\"\r\n                >\r\n                    <a fd-link>\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                columnTemplate;\r\n                                context: {\r\n                                    $implicit: setting.ActionFieldNameField,\r\n                                    layout94: layout$ | async,\r\n                                    mo: mo,\r\n                                    index: index\r\n                                }\r\n                            \"\r\n                        ></ng-container>\r\n                    </a>\r\n                </fd-quick-view-group-item-content>\r\n                }\r\n            </fd-quick-view-group-item>\r\n            }\r\n        </fd-quick-view-group>\r\n    </fd-quick-view>\r\n    }\r\n</ng-template>\r\n<ng-template #contentTemplate let-mo let-index=\"index\">\r\n    <fd-layout-grid>\r\n        <div fdLayoutGridRow style=\"align-items: center\">\r\n            <div [fdLayoutGridCol]=\"12\">\r\n                @for (column of setting.FieldListMapped; track column) {\r\n                <div style=\"display: flex\">\r\n                    <label fd-form-label [colon]=\"true\">{{ column.Caption | bbbTranslate }}</label>\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            columnTemplate;\r\n                            context: {\r\n                                $implicit: column,\r\n                                layout94: layout$ | async,\r\n                                mo: mo,\r\n                                index: index\r\n                            }\r\n                        \"\r\n                    ></ng-container>\r\n                </div>\r\n                }\r\n            </div>\r\n            @if (setting.DescriptionField) {\r\n            <div [fdLayoutGridCol]=\"12\">\r\n                @if (inlineEditMode && allowInlineEdit) {\r\n                <label>\r\n                    {{ setting.DescriptionField?.Alias | bbbTranslate }}\r\n                </label>\r\n                }\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: setting.DescriptionField,\r\n                            layout94: layout$ | async,\r\n                            mo: mo,\r\n                            index: index\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </div>\r\n            }\r\n        </div>\r\n    </fd-layout-grid>\r\n</ng-template>\r\n<ng-template #avatar let-avatar let-visible=\"visible\" let-circle=\"circle\" let-avatarField=\"avatarField\">\r\n    @if (visible) {\r\n    <fd-avatar\r\n        alterIcon=\"alt|content|backup|default-icon\"\r\n        [circle]=\"circle\"\r\n        [image]=\"avatarField ? (mo[avatarField.Name]?.FileId | picFieldSrc: 'ID':avatarField.FieldDefId) : ''\"\r\n        [size]=\"\r\n            deviceSize === 'xl' || deviceSize === 'l' ? setting.AvatarSizeDesktop$Caption : setting.AvatarSize$Caption\r\n        \"\r\n        [glyph]=\"avatar || (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\"\r\n    >\r\n    </fd-avatar>\r\n    }\r\n</ng-template>\r\n\r\n<ng-template #contentTemplateComponent let-mo let-index=\"index\">\r\n    <bnrc-dynamic-item-component\r\n        [component]=\"setting.ContentComponent\"\r\n        [mo]=\"mo\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [isChecked]=\"isChecked\"\r\n        [setting]=\"setting\"\r\n        [parameters]=\"setting.ContentComponent.Settings\"\r\n        [editMode]=\"inlineEditMode\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [index]=\"index\"\r\n        [allColumns]=\"allColumns\"\r\n    ></bnrc-dynamic-item-component>\r\n</ng-template>\r\n\r\n<ng-template #renderHeader let-mo let-index=\"index\">\r\n    @if(!hideOpenIcon && (openOnClick || (canView && deviceName !== 'desktop'))){\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            renderHeaderMobileCanView;\r\n            context: {\r\n                $implicit: mo,\r\n                index: index\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    }@else{\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            renderHeaderDesktop;\r\n            context: {\r\n                $implicit: mo,\r\n                index: index\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    }\r\n</ng-template>\r\n<ng-template #renderHeaderDesktop let-mo let-index=\"index\">\r\n    <fd-card-header class=\"HeaderDesktop\">\r\n        <div>\r\n            @if(isCheckList){\r\n            <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\r\n            }\r\n        </div>\r\n        <fd-card-main-header (click)=\"onRowCheck()\" (dblclick)=\"onRowClick()\">\r\n            @if (setting.AvatarField || setting.Avatar) {\r\n            <fd-avatar\r\n                alterIcon=\"alt|content|backup|default-icon\"\r\n                [circle]=\"setting.CircleAvatar\"\r\n                [image]=\"\r\n                    setting.AvatarField\r\n                        ? (mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId)\r\n                        : ''\r\n                \"\r\n                [size]=\"\r\n                    deviceSize === 'xl' || deviceSize === 'l'\r\n                        ? setting.AvatarSizeDesktop$Caption\r\n                        : setting.AvatarSize$Caption\r\n                \"\r\n                [glyph]=\"\r\n                    setting.Avatar ||\r\n                    (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\r\n                \"\r\n            ></fd-avatar>\r\n            }\r\n            <h2 fd-card-title>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: setting.TitleField,\r\n                            layout94: layout$ | async,\r\n                            mo: mo,\r\n                            index: index,\r\n                            disableEllapsis: false,\r\n                            fdTextMode: true\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </h2>\r\n            <h3 fd-card-subtitle>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: setting.SubtitleField,\r\n                            layout94: layout$ | async,\r\n                            mo: mo,\r\n                            index: index,\r\n                            disableEllapsis: false\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </h3>\r\n            @if (!contextMenuInFooter && (contextMenuItems && contextMenuItems.length > 0)) {\r\n            <div\r\n                ulvContextMenu\r\n                fd-card-header-action\r\n                [allColumns]=\"allColumns\"\r\n                [footerMode]=\"false\"\r\n                [menuItems]=\"contextMenuItems\"\r\n                [contextMenuOverflowText]=\"contextMenuOverflowText\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [conditionalFormats]=\"conditionalFormats\"\r\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                [mo]=\"mo\"\r\n                (commandClick)=\"onUlvCommand()\"\r\n            ></div>\r\n            }\r\n        </fd-card-main-header>\r\n    </fd-card-header>\r\n</ng-template>\r\n<ng-template #renderHeaderMobileCanView let-mo let-index=\"index\">\r\n    <fd-card-header class=\"HeaderMobileCanView\">\r\n        <div>\r\n            @if(isCheckList){\r\n            <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\r\n            }\r\n        </div>\r\n        <fd-card-main-header (click)=\"onRowCheck()\" (dblclick)=\"onRowClick()\">\r\n            @if ( setting.AvatarField || setting.Avatar) {\r\n            <fd-avatar\r\n                alterIcon=\"alt|content|backup|default-icon\"\r\n                [circle]=\"setting.CircleAvatar\"\r\n                [image]=\"\r\n                    setting.AvatarField\r\n                        ? (mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId)\r\n                        : ''\r\n                \"\r\n                [size]=\"\r\n                    deviceSize === 'xl' || deviceSize === 'l'\r\n                        ? setting.AvatarSizeDesktop$Caption\r\n                        : setting.AvatarSize$Caption\r\n                \"\r\n                [glyph]=\"\r\n                    setting.Avatar ||\r\n                    (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\r\n                \"\r\n            ></fd-avatar>\r\n            }\r\n            <h2 fd-card-title>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: setting.TitleField,\r\n                            layout94: layout$ | async,\r\n                            mo: mo,\r\n                            index: index,\r\n                            fdTextMode: true\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </h2>\r\n            <h3 fd-card-subtitle>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: setting.SubtitleField,\r\n                            layout94: layout$ | async,\r\n                            mo: mo,\r\n                            index: index\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </h3>\r\n\r\n            @if (!contextMenuInFooter && (contextMenuItems && contextMenuItems.length > 0)) {\r\n            <div\r\n                ulvContextMenu\r\n                fd-card-header-action\r\n                [allColumns]=\"allColumns\"\r\n                [footerMode]=\"false\"\r\n                [menuItems]=\"contextMenuItems\"\r\n                [contextMenuOverflowText]=\"contextMenuOverflowText\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [conditionalFormats]=\"conditionalFormats\"\r\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                [mo]=\"mo\"\r\n                (commandClick)=\"onUlvCommand()\"\r\n            ></div>\r\n            }@else {\r\n            <button\r\n                fd-button\r\n                fd-card-header-action\r\n                class=\"view-btn\"\r\n                (click)=\"onRowClick()\"\r\n                [glyph]=\"navigationArrow\"\r\n                fdType=\"transparent\"\r\n            ></button>\r\n            }\r\n        </fd-card-main-header>\r\n    </fd-card-header>\r\n</ng-template>\r\n<ng-template #renderHeaderComponent let-mo let-index=\"index\">\r\n    <bnrc-dynamic-item-component\r\n        (click)=\"setting.openOnClick && onRowClick()\"\r\n        [component]=\"setting.HeaderComponent\"\r\n        [mo]=\"mo\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [isChecked]=\"isChecked\"\r\n        [setting]=\"setting\"\r\n        [parameters]=\"setting.HeaderComponent.Settings\"\r\n        [editMode]=\"inlineEditMode\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [index]=\"index\"\r\n        [allColumns]=\"allColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [canView]=\"canView\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [isCheckList]=\"isCheckList\"\r\n        (events)=\"onDynamicComponentEvents($event)\"\r\n    ></bnrc-dynamic-item-component>\r\n</ng-template>\r\n", styles: ["fd-card.fd-card--banner>fd-card-media{border-radius:inherit}fd-card.fd-card--banner>fd-card-media .fd-card__media-image-container{z-index:4}fd-card div[ulvcontextmenu] ::ng-deep .fd-bar{background-color:transparent}fd-card fd-card-content ::ng-deep bsu-column-renderer div.renderGeneral{font-family:IranYekanDigits}fd-card fd-card-footer.extra-footer{flex-wrap:wrap}fd-card fd-card-footer.hasDetailsAndContextMenu ::ng-deep .fd-card__footer-actions{justify-content:space-between!important}fd-card fd-card-content{padding:0!important}fd-card fd-card-content>div>fd-quick-view ::ng-deep .fd-quick-view__content{padding-top:0}fd-card fd-card-content>div>fd-quick-view fd-quick-view-group-item.rowDirection ::ng-deep .fd-form-item{flex-direction:row}fd-card.hide-header-border ::ng-deep fd-card-header fd-card-main-header>.fd-card__header-main{border:none}fd-card fd-card-header{padding:.5rem}fd-card fd-card-header:hover{background:var(--fdCard_Background_Color)}fd-card fd-card-header .fd-card__title{display:flex;justify-content:space-between;align-items:center;width:100%}fd-card fd-card-header button,fd-card fd-card-header div[ulvcontextmenu]{z-index:6}fd-card fd-card-header:hover{background:inherit}fd-card.card-media:not(.banner) ::ng-deep .fd-card__header-main{padding:0;--fdCard_Title_Font_Size: .725rem;--sapFontSize: .625rem}fd-quick-view-subheader ::ng-deep div{background:inherit}.action{cursor:pointer;margin-top:6px;flex:1;display:flex;justify-content:end;flex-direction:column}.openOnClick{cursor:pointer}\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.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "hideOpenIcon", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "showRowNumber", "rowNumber", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "directive", type: i2.DynamicCommandDirective, selector: "[dynCommand]", inputs: ["dynCommand", "mo", "enableCommand"], outputs: ["commandClick"] }, { kind: "directive", type: i2.EllipsifyDirective, selector: "[ellipsify]", inputs: ["limitLine"] }, { kind: "directive", type: i2.BodyClickDirective, selector: "[bodyClick]", inputs: ["disableBodyClick"] }, { 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", "colorIndication", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i2$4.LinkComponent, selector: "[fdLink], [fd-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5$4.CardComponent, selector: "fd-card", inputs: ["badge", "badgeIcon", "badgeColor", "badgeColorSecondary", "badgeStatus", "badgeAriaLabel", "secondBadge", "secondBadgeIcon", "secondBadgeColor", "secondBadgeColorSecondary", "secondBadgeStatus", "secondBadgeAriaLabel", "isLoading", "cardType", "id", "ariaRoledescription", "ariaDescription", "ariaLabel", "role", "interactive", "selected", "ariaPosinset", "ariaSetsize"], outputs: ["ariaPosinsetChange", "ariaSetsizeChange"] }, { kind: "component", type: i5$4.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "component", type: i5$4.CardMainHeaderComponent, selector: "fd-card-main-header", inputs: ["interactive", "title"] }, { kind: "directive", type: i5$4.CardHeaderActionDirective, selector: "[fd-card-header-action]" }, { kind: "component", type: i5$4.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i5$4.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i5$4.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "component", type: i5$4.CardFooterComponent, selector: "fd-card-footer" }, { kind: "directive", type: i5$4.CardFooterActionItemDirective, selector: "[fdCardFooterActionItem]" }, { kind: "component", type: i5$4.CardMediaComponent, selector: "fd-card-media", inputs: ["ariaRoleDescription", "hasPadding", "shellColor", "legendColor"] }, { kind: "directive", type: i5$4.CardMediaImageDirective, selector: "[fd-card-media-image]" }, { kind: "directive", type: i5$4.CardMediaImageContainerDirective, selector: "[fd-card-media-image-container]" }, { kind: "directive", type: i5$4.CardMediaContentContainerDirective, selector: "[fd-card-media-content-container]", inputs: ["isOverlay", "shellColor", "legendColor"] }, { kind: "directive", type: i5$4.CardMediaHeadingDirective, selector: "[fd-card-media-heading]", inputs: ["id", "level"] }, { kind: "directive", type: i5$4.CardMediaTextDirective, selector: "[fd-card-media-text]" }, { kind: "component", type: i5.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "role", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "readonly", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i2$1.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i2$1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "allowWrap", "inlineHelpLabel", "id"] }, { kind: "component", type: i10.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i10.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i10.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "directive", type: i7$2.PopoverTriggerDirective, selector: "[fdPopoverTrigger], [fd-popover-trigger]", inputs: ["fdPopoverTrigger"] }, { kind: "component", type: i12.QuickViewComponent, selector: "fd-quick-view", inputs: ["id"] }, { kind: "component", type: i12.QuickViewGroupComponent, selector: "fd-quick-view-group" }, { kind: "component", type: i12.QuickViewGroupItemComponent, selector: "fd-quick-view-group-item", inputs: ["id"] }, { kind: "component", type: i12.QuickViewGroupItemLabelComponent, selector: "fd-quick-view-group-item-label" }, { kind: "component", type: i12.QuickViewGroupItemContentComponent, selector: "fd-quick-view-group-item-content" }, { kind: "directive", type: i12.QuickViewGroupItemContentElementDirective, selector: "[fd-quick-view-group-item-content-element]" }, { kind: "component", type: UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "rightClickEnable", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode", "contextMenuOverflowText", "appendTo"], outputs: ["commandClick"] }, { kind: "component", type: BarsaTableColumnComponent, selector: "bsu-barsa-table-column", inputs: ["disableEllapsis", "fdTextMode"] }, { kind: "directive", type: ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.PictureFieldSourcePipe, name: "picFieldSrc" }, { 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: "19.2.10", type: CardItemComponent, isStandalone: false, selector: "bsu-card-item", inputs: { setting: "setting", extraFooterComponent: "extraFooterComponent" }, providers: [FormPanelService], viewQueries: [{ propertyName: "_quickViewTemplate", first: true, predicate: ["quickViewTemplate"], descendants: true, static: true }, { propertyName: "_contentTemplate", first: true, predicate: ["contentTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<fd-card\r\n    [cardType]=\"setting.CardType$Caption\"\r\n    [interactive]=\"true\"\r\n    class=\"docs-flex-item-margin\"\r\n    [class.openOnClick]=\"setting.openOnClick\"\r\n    [class.hide-header-border]=\"setting.HideHeaderBorder\"\r\n    [style.width]=\"cardWidth\"\r\n    [style.min-width]=\"minWidth\"\r\n    [style.max-width]=\"maxWidth\"\r\n    [class.card-media]=\"cardMedia\"\r\n    (click)=\"cardMedia && isslider && onRowCheck()\"\r\n    (dblclick)=\"cardMedia && isslider && onRowClick()\"\r\n>\r\n    @if(cardMedia){\r\n    <fd-card-media>\r\n        @if(isCardTypeBanner){\r\n        <div\r\n            fd-card-media-content-container\r\n            [legendColor]=\"setting.CustomColor ? null : 13\"\r\n            [style.background]=\"setting.CustomColor ? setting.CustomColor : null\"\r\n        >\r\n            <div fd-card-media-heading [level]=\"2\">\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: setting.TitleField,\r\n                            layout94: layout$ | async,\r\n                            mo: mo,\r\n                            index: index\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </div>\r\n            <p fd-card-media-text>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: setting.SubtitleField,\r\n                            layout94: layout$ | async,\r\n                            mo: mo,\r\n                            index: index\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </p>\r\n            @if (contextMenuItems.length ) {\r\n\r\n            <bsu-ulv-context-menu\r\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                [conditionalFormats]=\"conditionalFormats\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [mo]=\"mo\"\r\n                [index]=\"index\"\r\n                (commandClick)=\"onUlvCommand()\"\r\n                [deviceName]=\"deviceName\"\r\n                [menuItems]=\"contextMenuItems\"\r\n                [allColumns]=\"allColumns\"\r\n            ></bsu-ulv-context-menu>\r\n            }\r\n        </div>\r\n        }\r\n        <div fd-card-media-image-container #container>\r\n            <img\r\n                fd-card-media-image\r\n                [src]=\"\r\n                    setting.MediaField\r\n                        ? (mo[setting.MediaField.Name]?.FileId | picFieldSrc: 'ID':setting.MediaField.FieldDefId)\r\n                        : ''\r\n                \"\r\n                alt=\"pic not loaded\"\r\n                [style.max-height.px]=\"isCardTypeBanner ? setting?.SliderHeight || 300 : null\"\r\n            />\r\n        </div>\r\n    </fd-card-media>\r\n    } @if(!isCardTypeBanner){\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            setting.HeaderComponent ? renderHeaderComponent : renderHeader;\r\n            context: {\r\n                $implicit: mo,\r\n                index: this.index\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    } @if (!noContent || contextMenuItems) {\r\n    <fd-card-content (click)=\"onRowCheck()\" (dblclick)=\"onRowClick()\" ellipsify>\r\n        <div #divEl [applyConditionalFormats]=\"conditionalFormats\" [styleIndex]=\"styleIndex\" [hostEl]=\"divEl\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    setting.ContentComponent ? contentTemplateComponent : contentTemplateRef;\r\n                    context: {\r\n                        $implicit: mo,\r\n                        index: this.index\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n        </div>\r\n    </fd-card-content>\r\n    } @if(detailsText || contextMenuEnabled && !isCardTypeBanner){\r\n    <fd-card-footer\r\n        (click)=\"!isChecked && onRowCheck(true)\"\r\n        (dblclick)=\"onRowClick()\"\r\n        [class.extra-footer]=\"extraFooterComponent?.Selector\"\r\n        [class.hasDetailsAndContextMenu]=\"detailsText && contextMenuEnabled && contextMenuInFooter\"\r\n    >\r\n        @if(extraFooterComponent?.Selector){\r\n        <bnrc-dynamic-item-component\r\n            style=\"display: block; flex: 1\"\r\n            [component]=\"extraFooterComponent\"\r\n            [mo]=\"mo\"\r\n            [styleIndex]=\"mo.$StyleIndex\"\r\n            [isChecked]=\"isChecked\"\r\n            [setting]=\"setting\"\r\n            [parameters]=\"extraFooterComponent.Settings\"\r\n            [editMode]=\"inlineEditMode\"\r\n            [rtl]=\"rtl\"\r\n            [deviceName]=\"deviceName\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [index]=\"index\"\r\n            [allColumns]=\"allColumns\"\r\n        ></bnrc-dynamic-item-component>\r\n        } @if(detailsText){<button *fdCardFooterActionItem fd-button fdType=\"transparent\" [fdPopoverTrigger]=\"popover\">\r\n            {{ detailsText }}\r\n        </button>\r\n        } @if(contextMenuInFooter){\r\n        <div\r\n            *fdCardFooterActionItem\r\n            ulvContextMenu\r\n            [allColumns]=\"allColumns\"\r\n            [footerMode]=\"false\"\r\n            [menuItems]=\"contextMenuItems\"\r\n            [contextMenuOverflowText]=\"contextMenuOverflowText\"\r\n            [styleIndex]=\"styleIndex\"\r\n            [conditionalFormats]=\"conditionalFormats\"\r\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n            [mo]=\"mo\"\r\n            (commandClick)=\"onUlvCommand()\"\r\n        ></div>\r\n        }\r\n        <fd-popover #popover>\r\n            @if (detailsColumns?.length) {\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    detailsColumnsTemplate;\r\n                    context: { mo: mo, inlineEditMode: inlineEditMode, layout94: layout$ | async }\r\n                \"\r\n            ></ng-container>\r\n            }\r\n        </fd-popover>\r\n    </fd-card-footer>\r\n    }\r\n</fd-card>\r\n<ng-template #detailsColumnsTemplate let-mo=\"mo\" let-inlineEditMode=\"inlineEditMode\" let-layout94=\"layout94\">\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            detailsFormItems;\r\n            context: {\r\n                $implicit: detailsColumns,\r\n                mo: this.mo,\r\n                inlineEditMode: this.inlineEditMode,\r\n                layout94: layout94\r\n            }\r\n        \"\r\n    ></ng-container>\r\n</ng-template>\r\n<ng-template\r\n    #detailsFormItems\r\n    let-detailsColumns\r\n    let-mo=\"mo\"\r\n    let-inlineEditMode=\"inlineEditMode\"\r\n    let-layout94=\"layout94\"\r\n>\r\n    <div class=\"form-items\" class=\"tw-p-2\">\r\n        @for (column of detailsColumns; track column; let columnIndex = $index) {\r\n        <div\r\n            fd-form-item\r\n            class=\"!tw-flex-row\"\r\n            [dynCommand]=\"column.$CustomComponent?.DynamicCommand\"\r\n            [mo]=\"mo\"\r\n            [enableCommand]=\"!!column.$CustomComponent?.DynamicCommand\"\r\n            bodyClick\r\n            [class.tw-cursor-pointer]=\"!!column.$CustomComponent?.DynamicCommand\"\r\n        >\r\n            @if(!column.$CustomComponent?.HideColumnCaption) {<label fd-form-label for=\"input-2\"\r\n                >{{ column.Caption }}<span>:</span></label\r\n            >}\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    columnTemplate;\r\n                    context: {\r\n                        $implicit: column,\r\n                        mo: mo,\r\n                        index: columnIndex,\r\n                        inlineEditMode: inlineEditMode,\r\n                        layout94: layout94\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n        </div>\r\n        }\r\n    </div>\r\n</ng-template>\r\n<ng-template\r\n    #columnTemplate\r\n    let-column\r\n    let-mo=\"mo\"\r\n    let-index=\"index\"\r\n    let-layout94=\"layout94\"\r\n    let-disableEllapsis=\"disableEllapsis\"\r\n    let-fdTextMode=\"fdTextMode\"\r\n>\r\n    @if (column) {\r\n    <bsu-barsa-table-column\r\n        [mo]=\"mo\"\r\n        [allColumns]=\"allColumns\"\r\n        [column]=\"column\"\r\n        [isdirty]=\"false\"\r\n        [value]=\"column | columnValue: mo\"\r\n        [icon]=\"column | columnIcon: mo\"\r\n        [customComponent]=\"column.$CustomComponent\"\r\n        [column]=\"column\"\r\n        [disableEllapsis]=\"disableEllapsis === false ? false : true\"\r\n        [fdTextMode]=\"fdTextMode\"\r\n        [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [isChecked]=\"isChecked\"\r\n        [index]=\"index\"\r\n        [formSetting]=\"formSetting\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [layout94]=\"layout94\"\r\n        (save)=\"onEditFormPanelSave(null)\"\r\n        (cancel)=\"onEditFormPanelCancel(null)\"\r\n        (tab)=\"onTabKeyDown($event, index)\"\r\n        (changeToEditMode)=\"onColumnChangeToEditMode($event, index)\"\r\n    >\r\n    </bsu-barsa-table-column>\r\n\r\n    }\r\n</ng-template>\r\n<ng-template #quickViewTemplate let-mo let-index=\"index\">\r\n    @if (!noContent) {\r\n    <fd-quick-view [id]=\"'id'\">\r\n        <fd-quick-view-group>\r\n            @for (column of setting.FieldListMapped; track column) {\r\n            <fd-quick-view-group-item [class.rowDirection]=\"column?.$CustomComponent?.IsRowDirection\">\r\n                @if (column) { @if(!column.$CustomComponent?.HideColumnCaption) {<fd-quick-view-group-item-label>\r\n                    {{ column.Caption | bbbTranslate }} </fd-quick-view-group-item-label\r\n                >}\r\n                <fd-quick-view-group-item-content>\r\n                    <div fd-quick-view-group-item-content-element class=\"group-item-content\">\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                columnTemplate;\r\n                                context: {\r\n                                    $implicit: column,\r\n                                    layout94: layout$ | async,\r\n                                    mo: mo,\r\n                                    index: index\r\n                                }\r\n                            \"\r\n                        ></ng-container>\r\n                    </div>\r\n                </fd-quick-view-group-item-content>\r\n                }\r\n            </fd-quick-view-group-item>\r\n            } @if (setting.DescriptionField) {\r\n            <fd-quick-view-group-item>\r\n                <fd-quick-view-group-item-content>\r\n                    @if (inlineEditMode && allowInlineEdit) {\r\n                    <fd-quick-view-group-item-label>\r\n                        {{ setting.DescriptionField?.Alias | bbbTranslate }}\r\n                    </fd-quick-view-group-item-label>\r\n                    }\r\n                    <div fd-quick-view-group-item-content-element class=\"group-item-content\">\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                columnTemplate;\r\n                                context: {\r\n                                    $implicit: setting.DescriptionField,\r\n                                    layout94: layout$ | async,\r\n                                    mo: mo,\r\n                                    index: index\r\n                                }\r\n                            \"\r\n                        ></ng-container>\r\n                    </div>\r\n                </fd-quick-view-group-item-content>\r\n                @if (setting.ActionFieldNameField) {\r\n                <fd-quick-view-group-item-content\r\n                    class=\"action\"\r\n                    (click)=\"onAction(setting.ActionFieldCommandField || '')\"\r\n                >\r\n                    <a fd-link>\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                columnTemplate;\r\n                                context: {\r\n                                    $implicit: setting.ActionFieldNameField,\r\n                                    layout94: layout$ | async,\r\n                                    mo: mo,\r\n                                    index: index\r\n                                }\r\n                            \"\r\n                        ></ng-container>\r\n                    </a>\r\n                </fd-quick-view-group-item-content>\r\n                }\r\n            </fd-quick-view-group-item>\r\n            }\r\n        </fd-quick-view-group>\r\n    </fd-quick-view>\r\n    }\r\n</ng-template>\r\n<ng-template #contentTemplate let-mo let-index=\"index\">\r\n    <fd-layout-grid>\r\n        <div fdLayoutGridRow style=\"align-items: center\">\r\n            <div [fdLayoutGridCol]=\"12\">\r\n                @for (column of setting.FieldListMapped; track column) {\r\n                <div style=\"display: flex\">\r\n                    <label fd-form-label [colon]=\"true\">{{ column.Caption | bbbTranslate }}</label>\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            columnTemplate;\r\n                            context: {\r\n                                $implicit: column,\r\n                                layout94: layout$ | async,\r\n                                mo: mo,\r\n                                index: index\r\n                            }\r\n                        \"\r\n                    ></ng-container>\r\n                </div>\r\n                }\r\n            </div>\r\n            @if (setting.DescriptionField) {\r\n            <div [fdLayoutGridCol]=\"12\">\r\n                @if (inlineEditMode && allowInlineEdit) {\r\n                <label>\r\n                    {{ setting.DescriptionField?.Alias | bbbTranslate }}\r\n                </label>\r\n                }\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: setting.DescriptionField,\r\n                            layout94: layout$ | async,\r\n                            mo: mo,\r\n                            index: index\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </div>\r\n            }\r\n        </div>\r\n    </fd-layout-grid>\r\n</ng-template>\r\n<ng-template #avatar let-avatar let-visible=\"visible\" let-circle=\"circle\" let-avatarField=\"avatarField\">\r\n    @if (visible) {\r\n    <fd-avatar\r\n        alterIcon=\"alt|content|backup|default-icon\"\r\n        [circle]=\"circle\"\r\n        [image]=\"avatarField ? (mo[avatarField.Name]?.FileId | picFieldSrc: 'ID':avatarField.FieldDefId) : ''\"\r\n        [size]=\"\r\n            deviceSize === 'xl' || deviceSize === 'l' ? setting.AvatarSizeDesktop$Caption : setting.AvatarSize$Caption\r\n        \"\r\n        [glyph]=\"avatar || (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\"\r\n    >\r\n    </fd-avatar>\r\n    }\r\n</ng-template>\r\n\r\n<ng-template #contentTemplateComponent let-mo let-index=\"index\">\r\n    <bnrc-dynamic-item-component\r\n        [component]=\"setting.ContentComponent\"\r\n        [mo]=\"mo\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [isChecked]=\"isChecked\"\r\n        [setting]=\"setting\"\r\n        [parameters]=\"setting.ContentComponent.Settings\"\r\n        [editMode]=\"inlineEditMode\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [index]=\"index\"\r\n        [allColumns]=\"allColumns\"\r\n    ></bnrc-dynamic-item-component>\r\n</ng-template>\r\n\r\n<ng-template #renderHeader let-mo let-index=\"index\">\r\n    @if(!hideOpenIcon && (openOnClick || (canView && deviceName !== 'desktop'))){\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            renderHeaderMobileCanView;\r\n            context: {\r\n                $implicit: mo,\r\n                index: index\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    }@else{\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            renderHeaderDesktop;\r\n            context: {\r\n                $implicit: mo,\r\n                index: index\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    }\r\n</ng-template>\r\n<ng-template #renderHeaderDesktop let-mo let-index=\"index\">\r\n    <fd-card-header class=\"HeaderDesktop\">\r\n        <div>\r\n            @if(isCheckList){\r\n            <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\r\n            }\r\n        </div>\r\n        <fd-card-main-header (click)=\"onRowCheck()\" (dblclick)=\"onRowClick()\">\r\n            @if (setting.AvatarField || setting.Avatar) {\r\n            <fd-avatar\r\n                alterIcon=\"alt|content|backup|default-icon\"\r\n                [circle]=\"setting.CircleAvatar\"\r\n                [image]=\"\r\n                    setting.AvatarField\r\n                        ? (mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId)\r\n                        : ''\r\n                \"\r\n                [size]=\"\r\n                    deviceSize === 'xl' || deviceSize === 'l'\r\n                        ? setting.AvatarSizeDesktop$Caption\r\n                        : setting.AvatarSize$Caption\r\n                \"\r\n                [glyph]=\"\r\n                    setting.Avatar ||\r\n                    (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\r\n                \"\r\n            ></fd-avatar>\r\n            }\r\n            <h2 fd-card-title>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: setting.TitleField,\r\n                            layout94: layout$ | async,\r\n                            mo: mo,\r\n                            index: index,\r\n                            disableEllapsis: false,\r\n                            fdTextMode: true\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </h2>\r\n            <h3 fd-card-subtitle>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: setting.SubtitleField,\r\n                            layout94: layout$ | async,\r\n                            mo: mo,\r\n                            index: index,\r\n                            disableEllapsis: false\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </h3>\r\n            @if (!contextMenuInFooter && (contextMenuItems && contextMenuItems.length > 0)) {\r\n            <div\r\n                ulvContextMenu\r\n                fd-card-header-action\r\n                [allColumns]=\"allColumns\"\r\n                [footerMode]=\"false\"\r\n                [menuItems]=\"contextMenuItems\"\r\n                [contextMenuOverflowText]=\"contextMenuOverflowText\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [conditionalFormats]=\"conditionalFormats\"\r\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                [mo]=\"mo\"\r\n                (commandClick)=\"onUlvCommand()\"\r\n            ></div>\r\n            }\r\n        </fd-card-main-header>\r\n    </fd-card-header>\r\n</ng-template>\r\n<ng-template #renderHeaderMobileCanView let-mo let-index=\"index\">\r\n    <fd-card-header class=\"HeaderMobileCanView\">\r\n        <div>\r\n            @if(isCheckList){\r\n            <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\r\n            }\r\n        </div>\r\n        <fd-card-main-header (click)=\"onRowCheck()\" (dblclick)=\"onRowClick()\">\r\n            @if ( setting.AvatarField || setting.Avatar) {\r\n            <fd-avatar\r\n                alterIcon=\"alt|content|backup|default-icon\"\r\n                [circle]=\"setting.CircleAvatar\"\r\n                [image]=\"\r\n                    setting.AvatarField\r\n                        ? (mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId)\r\n                        : ''\r\n                \"\r\n                [size]=\"\r\n                    deviceSize === 'xl' || deviceSize === 'l'\r\n                        ? setting.AvatarSizeDesktop$Caption\r\n                        : setting.AvatarSize$Caption\r\n                \"\r\n                [glyph]=\"\r\n                    setting.Avatar ||\r\n                    (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\r\n                \"\r\n            ></fd-avatar>\r\n            }\r\n            <h2 fd-card-title>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: setting.TitleField,\r\n                            layout94: layout$ | async,\r\n                            mo: mo,\r\n                            index: index,\r\n                            fdTextMode: true\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </h2>\r\n            <h3 fd-card-subtitle>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: setting.SubtitleField,\r\n                            layout94: layout$ | async,\r\n                            mo: mo,\r\n                            index: index\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </h3>\r\n\r\n            @if (!contextMenuInFooter && (contextMenuItems && contextMenuItems.length > 0)) {\r\n            <div\r\n                ulvContextMenu\r\n                fd-card-header-action\r\n                [allColumns]=\"allColumns\"\r\n                [footerMode]=\"false\"\r\n                [menuItems]=\"contextMenuItems\"\r\n                [contextMenuOverflowText]=\"contextMenuOverflowText\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [conditionalFormats]=\"conditionalFormats\"\r\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                [mo]=\"mo\"\r\n                (commandClick)=\"onUlvCommand()\"\r\n            ></div>\r\n            }@else {\r\n            <button\r\n                fd-button\r\n                fd-card-header-action\r\n                class=\"view-btn\"\r\n                (click)=\"onRowClick()\"\r\n                [glyph]=\"navigationArrow\"\r\n                fdType=\"transparent\"\r\n            ></button>\r\n            }\r\n        </fd-card-main-header>\r\n    </fd-card-header>\r\n</ng-template>\r\n<ng-template #renderHeaderComponent let-mo let-index=\"index\">\r\n    <bnrc-dynamic-item-component\r\n        (click)=\"setting.openOnClick && onRowClick()\"\r\n        [component]=\"setting.HeaderComponent\"\r\n        [mo]=\"mo\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [isChecked]=\"isChecked\"\r\n        [setting]=\"setting\"\r\n        [parameters]=\"setting.HeaderComponent.Settings\"\r\n        [editMode]=\"inlineEditMode\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [index]=\"index\"\r\n        [allColumns]=\"allColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [canView]=\"canView\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [isCheckList]=\"isCheckList\"\r\n        (events)=\"onDynamicComponentEvents($event)\"\r\n    ></bnrc-dynamic-item-component>\r\n</ng-template>\r\n", styles: ["fd-card.fd-card--banner>fd-card-media{border-radius:inherit}fd-card.fd-card--banner>fd-card-media .fd-card__media-image-container{z-index:4}fd-card div[ulvcontextmenu] ::ng-deep .fd-bar{background-color:transparent}fd-card fd-card-content ::ng-deep bsu-column-renderer div.renderGeneral{font-family:IranYekanDigits}fd-card fd-card-footer.extra-footer{flex-wrap:wrap}fd-card fd-card-footer.hasDetailsAndContextMenu ::ng-deep .fd-card__footer-actions{justify-content:space-between!important}fd-card fd-card-content{padding:0!important}fd-card fd-card-content>div>fd-quick-view ::ng-deep .fd-quick-view__content{padding-top:0}fd-card fd-card-content>div>fd-quick-view fd-quick-view-group-item.rowDirection ::ng-deep .fd-form-item{flex-direction:row}fd-card.hide-header-border ::ng-deep fd-card-header fd-card-main-header>.fd-card__header-main{border:none}fd-card fd-card-header{padding:.5rem}fd-card fd-card-header:hover{background:var(--fdCard_Background_Color)}fd-card fd-card-header .fd-card__title{display:flex;justify-content:space-between;align-items:center;width:100%}fd-card fd-card-header button,fd-card fd-card-header div[ulvcontextmenu]{z-index:6}fd-card fd-card-header:hover{background:inherit}fd-card.card-media:not(.banner) ::ng-deep .fd-card__header-main{padding:0;--fdCard_Title_Font_Size: .725rem;--sapFontSize: .625rem}fd-quick-view-subheader ::ng-deep div{background:inherit}.action{cursor:pointer;margin-top:6px;flex:1;display:flex;justify-content:end;flex-direction:column}.openOnClick{cursor:pointer}\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.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "hideOpenIcon", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "showRowNumber", "rowNumber", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "directive", type: i2.DynamicCommandDirective, selector: "[dynCommand]", inputs: ["dynCommand", "mo", "enableCommand"], outputs: ["commandClick"] }, { kind: "directive", type: i2.EllipsifyDirective, selector: "[ellipsify]", inputs: ["limitLine"] }, { kind: "directive", type: i2.BodyClickDirective, selector: "[bodyClick]", inputs: ["disableBodyClick"] }, { 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", "colorIndication", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i2$4.LinkComponent, selector: "[fdLink], [fd-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5$4.CardComponent, selector: "fd-card", inputs: ["badge", "badgeIcon", "badgeColor", "badgeColorSecondary", "badgeStatus", "badgeAriaLabel", "secondBadge", "secondBadgeIcon", "secondBadgeColor", "secondBadgeColorSecondary", "secondBadgeStatus", "secondBadgeAriaLabel", "isLoading", "cardType", "id", "ariaRoledescription", "ariaDescription", "ariaLabel", "role", "interactive", "selected", "ariaPosinset", "ariaSetsize"], outputs: ["ariaPosinsetChange", "ariaSetsizeChange"] }, { kind: "component", type: i5$4.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "component", type: i5$4.CardMainHeaderComponent, selector: "fd-card-main-header", inputs: ["interactive", "title"] }, { kind: "directive", type: i5$4.CardHeaderActionDirective, selector: "[fd-card-header-action]" }, { kind: "component", type: i5$4.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i5$4.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i5$4.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "component", type: i5$4.CardFooterComponent, selector: "fd-card-footer" }, { kind: "directive", type: i5$4.CardFooterActionItemDirective, selector: "[fdCardFooterActionItem]" }, { kind: "component", type: i5$4.CardMediaComponent, selector: "fd-card-media", inputs: ["ariaRoleDescription", "hasPadding", "shellColor", "legendColor"] }, { kind: "directive", type: i5$4.CardMediaImageDirective, selector: "[fd-card-media-image]" }, { kind: "directive", type: i5$4.CardMediaImageContainerDirective, selector: "[fd-card-media-image-container]" }, { kind: "directive", type: i5$4.CardMediaContentContainerDirective, selector: "[fd-card-media-content-container]", inputs: ["isOverlay", "shellColor", "legendColor"] }, { kind: "directive", type: i5$4.CardMediaHeadingDirective, selector: "[fd-card-media-heading]", inputs: ["id", "level"] }, { kind: "directive", type: i5$4.CardMediaTextDirective, selector: "[fd-card-media-text]" }, { kind: "component", type: i5.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "role", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "readonly", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i2$1.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i2$1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "allowWrap", "inlineHelpLabel", "id"] }, { kind: "component", type: i10.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i10.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i10.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "directive", type: i7$2.PopoverTriggerDirective, selector: "[fdPopoverTrigger], [fd-popover-trigger]", inputs: ["fdPopoverTrigger"] }, { kind: "component", type: i12.QuickViewComponent, selector: "fd-quick-view", inputs: ["id"] }, { kind: "component", type: i12.QuickViewGroupComponent, selector: "fd-quick-view-group" }, { kind: "component", type: i12.QuickViewGroupItemComponent, selector: "fd-quick-view-group-item", inputs: ["id"] }, { kind: "component", type: i12.QuickViewGroupItemLabelComponent, selector: "fd-quick-view-group-item-label" }, { kind: "component", type: i12.QuickViewGroupItemContentComponent, selector: "fd-quick-view-group-item-content" }, { kind: "directive", type: i12.QuickViewGroupItemContentElementDirective, selector: "[fd-quick-view-group-item-content-element]" }, { kind: "component", type: UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "rightClickEnable", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode", "contextMenuOverflowText", "appendTo"], outputs: ["commandClick"] }, { kind: "component", type: BarsaTableColumnComponent, selector: "bsu-barsa-table-column", inputs: ["disableEllapsis", "fdTextMode"] }, { kind: "directive", type: ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.PictureFieldSourcePipe, name: "picFieldSrc" }, { 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: "19.2.10", ngImport: i0, type: CardItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-card-item', providers: [FormPanelService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<fd-card\r\n    [cardType]=\"setting.CardType$Caption\"\r\n    [interactive]=\"true\"\r\n    class=\"docs-flex-item-margin\"\r\n    [class.openOnClick]=\"setting.openOnClick\"\r\n    [class.hide-header-border]=\"setting.HideHeaderBorder\"\r\n    [style.width]=\"cardWidth\"\r\n    [style.min-width]=\"minWidth\"\r\n    [style.max-width]=\"maxWidth\"\r\n    [class.card-media]=\"cardMedia\"\r\n>\r\n    @if(cardMedia){\r\n    <fd-card-media (click)=\"onRowCheck(true)\" (dblclick)=\"onRowClick()\">\r\n        @if(isCardTypeBanner){\r\n        <div\r\n            fd-card-media-content-container\r\n            [legendColor]=\"setting.CustomColor ? null : 13\"\r\n            [style.background]=\"setting.CustomColor ? setting.CustomColor : null\"\r\n        >\r\n            <div fd-card-media-heading [level]=\"2\">\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: setting.TitleField,\r\n                            layout94: layout$ | async,\r\n                            mo: mo,\r\n                            index: index\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </div>\r\n            <p fd-card-media-text>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: setting.SubtitleField,\r\n                            layout94: layout$ | async,\r\n                            mo: mo,\r\n                            index: index\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </p>\r\n            @if (contextMenuItems.length ) {\r\n\r\n            <bsu-ulv-context-menu\r\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                [conditionalFormats]=\"conditionalFormats\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [mo]=\"mo\"\r\n                [index]=\"index\"\r\n                (commandClick)=\"onUlvCommand()\"\r\n                [deviceName]=\"deviceName\"\r\n                [menuItems]=\"contextMenuItems\"\r\n                [allColumns]=\"allColumns\"\r\n            ></bsu-ulv-context-menu>\r\n            }\r\n        </div>\r\n        }\r\n        <div fd-card-media-image-container #container>\r\n            <img\r\n                fd-card-media-image\r\n                [src]=\"\r\n                    setting.MediaField\r\n                        ? (mo[setting.MediaField.Name]?.FileId | picFieldSrc: 'ID':setting.MediaField.FieldDefId)\r\n                        : ''\r\n                \"\r\n                alt=\"pic not loaded\"\r\n                [style.max-height.px]=\"isCardTypeBanner ? setting?.SliderHeight || 300 : null\"\r\n            />\r\n        </div>\r\n    </fd-card-media>\r\n    } @if(!isCardTypeBanner){\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            setting.HeaderComponent ? renderHeaderComponent : renderHeader;\r\n            context: {\r\n                $implicit: mo,\r\n                index: this.index\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    } @if (!noContent || contextMenuItems) {\r\n    <fd-card-content (click)=\"onRowCheck()\" (dblclick)=\"onRowClick()\" ellipsify>\r\n        <div #divEl [applyConditionalFormats]=\"conditionalFormats\" [styleIndex]=\"styleIndex\" [hostEl]=\"divEl\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    setting.ContentComponent ? contentTemplateComponent : contentTemplateRef;\r\n                    context: {\r\n                        $implicit: mo,\r\n                        index: this.index\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n        </div>\r\n    </fd-card-content>\r\n    } @if(detailsText || contextMenuEnabled && !isCardTypeBanner){\r\n    <fd-card-footer\r\n        (click)=\"!isChecked && onRowCheck(true)\"\r\n        (dblclick)=\"onRowClick()\"\r\n        [class.extra-footer]=\"extraFooterComponent?.Selector\"\r\n        [class.hasDetailsAndContextMenu]=\"detailsText && contextMenuEnabled && contextMenuInFooter\"\r\n    >\r\n        @if(extraFooterComponent?.Selector){\r\n        <bnrc-dynamic-item-component\r\n            style=\"display: block; flex: 1\"\r\n            [component]=\"extraFooterComponent\"\r\n            [mo]=\"mo\"\r\n            [styleIndex]=\"mo.$StyleIndex\"\r\n            [isChecked]=\"isChecked\"\r\n            [setting]=\"setting\"\r\n            [parameters]=\"extraFooterComponent.Settings\"\r\n            [editMode]=\"inlineEditMode\"\r\n            [rtl]=\"rtl\"\r\n            [deviceName]=\"deviceName\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [index]=\"index\"\r\n            [allColumns]=\"allColumns\"\r\n        ></bnrc-dynamic-item-component>\r\n        } @if(detailsText){<button *fdCardFooterActionItem fd-button fdType=\"transparent\" [fdPopoverTrigger]=\"popover\">\r\n            {{ detailsText }}\r\n        </button>\r\n        } @if(contextMenuInFooter){\r\n        <div\r\n            *fdCardFooterActionItem\r\n            ulvContextMenu\r\n            [allColumns]=\"allColumns\"\r\n            [footerMode]=\"false\"\r\n            [menuItems]=\"contextMenuItems\"\r\n            [contextMenuOverflowText]=\"contextMenuOverflowText\"\r\n            [styleIndex]=\"styleIndex\"\r\n            [conditionalFormats]=\"conditionalFormats\"\r\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n            [mo]=\"mo\"\r\n            (commandClick)=\"onUlvCommand()\"\r\n        ></div>\r\n        }\r\n        <fd-popover #popover>\r\n            @if (detailsColumns?.length) {\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    detailsColumnsTemplate;\r\n                    context: { mo: mo, inlineEditMode: inlineEditMode, layout94: layout$ | async }\r\n                \"\r\n            ></ng-container>\r\n            }\r\n        </fd-popover>\r\n    </fd-card-footer>\r\n    }\r\n</fd-card>\r\n<ng-template #detailsColumnsTemplate let-mo=\"mo\" let-inlineEditMode=\"inlineEditMode\" let-layout94=\"layout94\">\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            detailsFormItems;\r\n            context: {\r\n                $implicit: detailsColumns,\r\n                mo: this.mo,\r\n                inlineEditMode: this.inlineEditMode,\r\n                layout94: layout94\r\n            }\r\n        \"\r\n    ></ng-container>\r\n</ng-template>\r\n<ng-template\r\n    #detailsFormItems\r\n    let-detailsColumns\r\n    let-mo=\"mo\"\r\n    let-inlineEditMode=\"inlineEditMode\"\r\n    let-layout94=\"layout94\"\r\n>\r\n    <div class=\"form-items\" class=\"tw-p-2\">\r\n        @for (column of detailsColumns; track column; let columnIndex = $index) {\r\n        <div\r\n            fd-form-item\r\n            class=\"!tw-flex-row\"\r\n            [dynCommand]=\"column.$CustomComponent?.DynamicCommand\"\r\n            [mo]=\"mo\"\r\n            [enableCommand]=\"!!column.$CustomComponent?.DynamicCommand\"\r\n            bodyClick\r\n            [class.tw-cursor-pointer]=\"!!column.$CustomComponent?.DynamicCommand\"\r\n        >\r\n            @if(!column.$CustomComponent?.HideColumnCaption) {<label fd-form-label for=\"input-2\"\r\n                >{{ column.Caption }}<span>:</span></label\r\n            >}\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    columnTemplate;\r\n                    context: {\r\n                        $implicit: column,\r\n                        mo: mo,\r\n                        index: columnIndex,\r\n                        inlineEditMode: inlineEditMode,\r\n                        layout94: layout94\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n        </div>\r\n        }\r\n    </div>\r\n</ng-template>\r\n<ng-template\r\n    #columnTemplate\r\n    let-column\r\n    let-mo=\"mo\"\r\n    let-index=\"index\"\r\n    let-layout94=\"layout94\"\r\n    let-disableEllapsis=\"disableEllapsis\"\r\n    let-fdTextMode=\"fdTextMode\"\r\n>\r\n    @if (column) {\r\n    <bsu-barsa-table-column\r\n        [mo]=\"mo\"\r\n        [allColumns]=\"allColumns\"\r\n        [column]=\"column\"\r\n        [isdirty]=\"false\"\r\n        [value]=\"column | columnValue: mo\"\r\n        [icon]=\"column | columnIcon: mo\"\r\n        [customComponent]=\"column.$CustomComponent\"\r\n        [column]=\"column\"\r\n        [disableEllapsis]=\"disableEllapsis === false ? false : true\"\r\n        [fdTextMode]=\"fdTextMode\"\r\n        [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [isChecked]=\"isChecked\"\r\n        [index]=\"index\"\r\n        [formSetting]=\"formSetting\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [layout94]=\"layout94\"\r\n        (save)=\"onEditFormPanelSave(null)\"\r\n        (cancel)=\"onEditFormPanelCancel(null)\"\r\n        (tab)=\"onTabKeyDown($event, index)\"\r\n        (changeToEditMode)=\"onColumnChangeToEditMode($event, index)\"\r\n    >\r\n    </bsu-barsa-table-column>\r\n\r\n    }\r\n</ng-template>\r\n<ng-template #quickViewTemplate let-mo let-index=\"index\">\r\n    @if (!noContent) {\r\n    <fd-quick-view [id]=\"'id'\">\r\n        <fd-quick-view-group>\r\n            @for (column of setting.FieldListMapped; track column) {\r\n            <fd-quick-view-group-item [class.rowDirection]=\"column?.$CustomComponent?.IsRowDirection\">\r\n                @if (column) { @if(!column.$CustomComponent?.HideColumnCaption) {<fd-quick-view-group-item-label>\r\n                    {{ column.Caption | bbbTranslate }} </fd-quick-view-group-item-label\r\n                >}\r\n                <fd-quick-view-group-item-content>\r\n                    <div fd-quick-view-group-item-content-element class=\"group-item-content\">\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                columnTemplate;\r\n                                context: {\r\n                                    $implicit: column,\r\n                                    layout94: layout$ | async,\r\n                                    mo: mo,\r\n                                    index: index\r\n                                }\r\n                            \"\r\n                        ></ng-container>\r\n                    </div>\r\n                </fd-quick-view-group-item-content>\r\n                }\r\n            </fd-quick-view-group-item>\r\n            } @if (setting.DescriptionField) {\r\n            <fd-quick-view-group-item>\r\n                <fd-quick-view-group-item-content>\r\n                    @if (inlineEditMode && allowInlineEdit) {\r\n                    <fd-quick-view-group-item-label>\r\n                        {{ setting.DescriptionField?.Alias | bbbTranslate }}\r\n                    </fd-quick-view-group-item-label>\r\n                    }\r\n                    <div fd-quick-view-group-item-content-element class=\"group-item-content\">\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                columnTemplate;\r\n                                context: {\r\n                                    $implicit: setting.DescriptionField,\r\n                                    layout94: layout$ | async,\r\n                                    mo: mo,\r\n                                    index: index\r\n                                }\r\n                            \"\r\n                        ></ng-container>\r\n                    </div>\r\n                </fd-quick-view-group-item-content>\r\n                @if (setting.ActionFieldNameField) {\r\n                <fd-quick-view-group-item-content\r\n                    class=\"action\"\r\n                    (click)=\"onAction(setting.ActionFieldCommandField || '')\"\r\n                >\r\n                    <a fd-link>\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                columnTemplate;\r\n                                context: {\r\n                                    $implicit: setting.ActionFieldNameField,\r\n                                    layout94: layout$ | async,\r\n                                    mo: mo,\r\n                                    index: index\r\n                                }\r\n                            \"\r\n                        ></ng-container>\r\n                    </a>\r\n                </fd-quick-view-group-item-content>\r\n                }\r\n            </fd-quick-view-group-item>\r\n            }\r\n        </fd-quick-view-group>\r\n    </fd-quick-view>\r\n    }\r\n</ng-template>\r\n<ng-template #contentTemplate let-mo let-index=\"index\">\r\n    <fd-layout-grid>\r\n        <div fdLayoutGridRow style=\"align-items: center\">\r\n            <div [fdLayoutGridCol]=\"12\">\r\n                @for (column of setting.FieldListMapped; track column) {\r\n                <div style=\"display: flex\">\r\n                    <label fd-form-label [colon]=\"true\">{{ column.Caption | bbbTranslate }}</label>\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            columnTemplate;\r\n                            context: {\r\n                                $implicit: column,\r\n                                layout94: layout$ | async,\r\n                                mo: mo,\r\n                                index: index\r\n                            }\r\n                        \"\r\n                    ></ng-container>\r\n                </div>\r\n                }\r\n            </div>\r\n            @if (setting.DescriptionField) {\r\n            <div [fdLayoutGridCol]=\"12\">\r\n                @if (inlineEditMode && allowInlineEdit) {\r\n                <label>\r\n                    {{ setting.DescriptionField?.Alias | bbbTranslate }}\r\n                </label>\r\n                }\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: setting.DescriptionField,\r\n                            layout94: layout$ | async,\r\n                            mo: mo,\r\n                            index: index\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </div>\r\n            }\r\n        </div>\r\n    </fd-layout-grid>\r\n</ng-template>\r\n<ng-template #avatar let-avatar let-visible=\"visible\" let-circle=\"circle\" let-avatarField=\"avatarField\">\r\n    @if (visible) {\r\n    <fd-avatar\r\n        alterIcon=\"alt|content|backup|default-icon\"\r\n        [circle]=\"circle\"\r\n        [image]=\"avatarField ? (mo[avatarField.Name]?.FileId | picFieldSrc: 'ID':avatarField.FieldDefId) : ''\"\r\n        [size]=\"\r\n            deviceSize === 'xl' || deviceSize === 'l' ? setting.AvatarSizeDesktop$Caption : setting.AvatarSize$Caption\r\n        \"\r\n        [glyph]=\"avatar || (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\"\r\n    >\r\n    </fd-avatar>\r\n    }\r\n</ng-template>\r\n\r\n<ng-template #contentTemplateComponent let-mo let-index=\"index\">\r\n    <bnrc-dynamic-item-component\r\n        [component]=\"setting.ContentComponent\"\r\n        [mo]=\"mo\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [isChecked]=\"isChecked\"\r\n        [setting]=\"setting\"\r\n        [parameters]=\"setting.ContentComponent.Settings\"\r\n        [editMode]=\"inlineEditMode\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [index]=\"index\"\r\n        [allColumns]=\"allColumns\"\r\n    ></bnrc-dynamic-item-component>\r\n</ng-template>\r\n\r\n<ng-template #renderHeader let-mo let-index=\"index\">\r\n    @if(!hideOpenIcon && (openOnClick || (canView && deviceName !== 'desktop'))){\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            renderHeaderMobileCanView;\r\n            context: {\r\n                $implicit: mo,\r\n                index: index\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    }@else{\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            renderHeaderDesktop;\r\n            context: {\r\n                $implicit: mo,\r\n                index: index\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    }\r\n</ng-template>\r\n<ng-template #renderHeaderDesktop let-mo let-index=\"index\">\r\n    <fd-card-header class=\"HeaderDesktop\">\r\n        <div>\r\n            @if(isCheckList){\r\n            <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\r\n            }\r\n        </div>\r\n        <fd-card-main-header (click)=\"onRowCheck()\" (dblclick)=\"onRowClick()\">\r\n            @if (setting.AvatarField || setting.Avatar) {\r\n            <fd-avatar\r\n                alterIcon=\"alt|content|backup|default-icon\"\r\n                [circle]=\"setting.CircleAvatar\"\r\n                [image]=\"\r\n                    setting.AvatarField\r\n                        ? (mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId)\r\n                        : ''\r\n                \"\r\n                [size]=\"\r\n                    deviceSize === 'xl' || deviceSize === 'l'\r\n                        ? setting.AvatarSizeDesktop$Caption\r\n                        : setting.AvatarSize$Caption\r\n                \"\r\n                [glyph]=\"\r\n                    setting.Avatar ||\r\n                    (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\r\n                \"\r\n            ></fd-avatar>\r\n            }\r\n            <h2 fd-card-title>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: setting.TitleField,\r\n                            layout94: layout$ | async,\r\n                            mo: mo,\r\n                            index: index,\r\n                            disableEllapsis: false,\r\n                            fdTextMode: true\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </h2>\r\n            <h3 fd-card-subtitle>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: setting.SubtitleField,\r\n                            layout94: layout$ | async,\r\n                            mo: mo,\r\n                            index: index,\r\n                            disableEllapsis: false\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </h3>\r\n            @if (!contextMenuInFooter && (contextMenuItems && contextMenuItems.length > 0)) {\r\n            <div\r\n                ulvContextMenu\r\n                fd-card-header-action\r\n                [allColumns]=\"allColumns\"\r\n                [footerMode]=\"false\"\r\n                [menuItems]=\"contextMenuItems\"\r\n                [contextMenuOverflowText]=\"contextMenuOverflowText\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [conditionalFormats]=\"conditionalFormats\"\r\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                [mo]=\"mo\"\r\n                (commandClick)=\"onUlvCommand()\"\r\n            ></div>\r\n            }\r\n        </fd-card-main-header>\r\n    </fd-card-header>\r\n</ng-template>\r\n<ng-template #renderHeaderMobileCanView let-mo let-index=\"index\">\r\n    <fd-card-header class=\"HeaderMobileCanView\">\r\n        <div>\r\n            @if(isCheckList){\r\n            <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\r\n            }\r\n        </div>\r\n        <fd-card-main-header (click)=\"onRowCheck()\" (dblclick)=\"onRowClick()\">\r\n            @if ( setting.AvatarField || setting.Avatar) {\r\n            <fd-avatar\r\n                alterIcon=\"alt|content|backup|default-icon\"\r\n                [circle]=\"setting.CircleAvatar\"\r\n                [image]=\"\r\n                    setting.AvatarField\r\n                        ? (mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId)\r\n                        : ''\r\n                \"\r\n                [size]=\"\r\n                    deviceSize === 'xl' || deviceSize === 'l'\r\n                        ? setting.AvatarSizeDesktop$Caption\r\n                        : setting.AvatarSize$Caption\r\n                \"\r\n                [glyph]=\"\r\n                    setting.Avatar ||\r\n                    (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\r\n                \"\r\n            ></fd-avatar>\r\n            }\r\n            <h2 fd-card-title>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: setting.TitleField,\r\n                            layout94: layout$ | async,\r\n                            mo: mo,\r\n                            index: index,\r\n                            fdTextMode: true\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </h2>\r\n            <h3 fd-card-subtitle>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: setting.SubtitleField,\r\n                            layout94: layout$ | async,\r\n                            mo: mo,\r\n                            index: index\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </h3>\r\n\r\n            @if (!contextMenuInFooter && (contextMenuItems && contextMenuItems.length > 0)) {\r\n            <div\r\n                ulvContextMenu\r\n                fd-card-header-action\r\n                [allColumns]=\"allColumns\"\r\n                [footerMode]=\"false\"\r\n                [menuItems]=\"contextMenuItems\"\r\n                [contextMenuOverflowText]=\"contextMenuOverflowText\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [conditionalFormats]=\"conditionalFormats\"\r\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                [mo]=\"mo\"\r\n                (commandClick)=\"onUlvCommand()\"\r\n            ></div>\r\n            }@else {\r\n            <button\r\n                fd-button\r\n                fd-card-header-action\r\n                class=\"view-btn\"\r\n                (click)=\"onRowClick()\"\r\n                [glyph]=\"navigationArrow\"\r\n                fdType=\"transparent\"\r\n            ></button>\r\n            }\r\n        </fd-card-main-header>\r\n    </fd-card-header>\r\n</ng-template>\r\n<ng-template #renderHeaderComponent let-mo let-index=\"index\">\r\n    <bnrc-dynamic-item-component\r\n        (click)=\"setting.openOnClick && onRowClick()\"\r\n        [component]=\"setting.HeaderComponent\"\r\n        [mo]=\"mo\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [isChecked]=\"isChecked\"\r\n        [setting]=\"setting\"\r\n        [parameters]=\"setting.HeaderComponent.Settings\"\r\n        [editMode]=\"inlineEditMode\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [index]=\"index\"\r\n        [allColumns]=\"allColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [canView]=\"canView\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [isCheckList]=\"isCheckList\"\r\n        (events)=\"onDynamicComponentEvents($event)\"\r\n    ></bnrc-dynamic-item-component>\r\n</ng-template>\r\n", styles: ["fd-card.fd-card--banner>fd-card-media{border-radius:inherit}fd-card.fd-card--banner>fd-card-media .fd-card__media-image-container{z-index:4}fd-card div[ulvcontextmenu] ::ng-deep .fd-bar{background-color:transparent}fd-card fd-card-content ::ng-deep bsu-column-renderer div.renderGeneral{font-family:IranYekanDigits}fd-card fd-card-footer.extra-footer{flex-wrap:wrap}fd-card fd-card-footer.hasDetailsAndContextMenu ::ng-deep .fd-card__footer-actions{justify-content:space-between!important}fd-card fd-card-content{padding:0!important}fd-card fd-card-content>div>fd-quick-view ::ng-deep .fd-quick-view__content{padding-top:0}fd-card fd-card-content>div>fd-quick-view fd-quick-view-group-item.rowDirection ::ng-deep .fd-form-item{flex-direction:row}fd-card.hide-header-border ::ng-deep fd-card-header fd-card-main-header>.fd-card__header-main{border:none}fd-card fd-card-header{padding:.5rem}fd-card fd-card-header:hover{background:var(--fdCard_Background_Color)}fd-card fd-card-header .fd-card__title{display:flex;justify-content:space-between;align-items:center;width:100%}fd-card fd-card-header button,fd-card fd-card-header div[ulvcontextmenu]{z-index:6}fd-card fd-card-header:hover{background:inherit}fd-card.card-media:not(.banner) ::ng-deep .fd-card__header-main{padding:0;--fdCard_Title_Font_Size: .725rem;--sapFontSize: .625rem}fd-quick-view-subheader ::ng-deep div{background:inherit}.action{cursor:pointer;margin-top:6px;flex:1;display:flex;justify-content:end;flex-direction:column}.openOnClick{cursor:pointer}\n"] }]
+            args: [{ selector: 'bsu-card-item', providers: [FormPanelService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<fd-card\r\n    [cardType]=\"setting.CardType$Caption\"\r\n    [interactive]=\"true\"\r\n    class=\"docs-flex-item-margin\"\r\n    [class.openOnClick]=\"setting.openOnClick\"\r\n    [class.hide-header-border]=\"setting.HideHeaderBorder\"\r\n    [style.width]=\"cardWidth\"\r\n    [style.min-width]=\"minWidth\"\r\n    [style.max-width]=\"maxWidth\"\r\n    [class.card-media]=\"cardMedia\"\r\n    (click)=\"cardMedia && isslider && onRowCheck()\"\r\n    (dblclick)=\"cardMedia && isslider && onRowClick()\"\r\n>\r\n    @if(cardMedia){\r\n    <fd-card-media>\r\n        @if(isCardTypeBanner){\r\n        <div\r\n            fd-card-media-content-container\r\n            [legendColor]=\"setting.CustomColor ? null : 13\"\r\n            [style.background]=\"setting.CustomColor ? setting.CustomColor : null\"\r\n        >\r\n            <div fd-card-media-heading [level]=\"2\">\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: setting.TitleField,\r\n                            layout94: layout$ | async,\r\n                            mo: mo,\r\n                            index: index\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </div>\r\n            <p fd-card-media-text>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: setting.SubtitleField,\r\n                            layout94: layout$ | async,\r\n                            mo: mo,\r\n                            index: index\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </p>\r\n            @if (contextMenuItems.length ) {\r\n\r\n            <bsu-ulv-context-menu\r\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                [conditionalFormats]=\"conditionalFormats\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [mo]=\"mo\"\r\n                [index]=\"index\"\r\n                (commandClick)=\"onUlvCommand()\"\r\n                [deviceName]=\"deviceName\"\r\n                [menuItems]=\"contextMenuItems\"\r\n                [allColumns]=\"allColumns\"\r\n            ></bsu-ulv-context-menu>\r\n            }\r\n        </div>\r\n        }\r\n        <div fd-card-media-image-container #container>\r\n            <img\r\n                fd-card-media-image\r\n                [src]=\"\r\n                    setting.MediaField\r\n                        ? (mo[setting.MediaField.Name]?.FileId | picFieldSrc: 'ID':setting.MediaField.FieldDefId)\r\n                        : ''\r\n                \"\r\n                alt=\"pic not loaded\"\r\n                [style.max-height.px]=\"isCardTypeBanner ? setting?.SliderHeight || 300 : null\"\r\n            />\r\n        </div>\r\n    </fd-card-media>\r\n    } @if(!isCardTypeBanner){\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            setting.HeaderComponent ? renderHeaderComponent : renderHeader;\r\n            context: {\r\n                $implicit: mo,\r\n                index: this.index\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    } @if (!noContent || contextMenuItems) {\r\n    <fd-card-content (click)=\"onRowCheck()\" (dblclick)=\"onRowClick()\" ellipsify>\r\n        <div #divEl [applyConditionalFormats]=\"conditionalFormats\" [styleIndex]=\"styleIndex\" [hostEl]=\"divEl\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    setting.ContentComponent ? contentTemplateComponent : contentTemplateRef;\r\n                    context: {\r\n                        $implicit: mo,\r\n                        index: this.index\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n        </div>\r\n    </fd-card-content>\r\n    } @if(detailsText || contextMenuEnabled && !isCardTypeBanner){\r\n    <fd-card-footer\r\n        (click)=\"!isChecked && onRowCheck(true)\"\r\n        (dblclick)=\"onRowClick()\"\r\n        [class.extra-footer]=\"extraFooterComponent?.Selector\"\r\n        [class.hasDetailsAndContextMenu]=\"detailsText && contextMenuEnabled && contextMenuInFooter\"\r\n    >\r\n        @if(extraFooterComponent?.Selector){\r\n        <bnrc-dynamic-item-component\r\n            style=\"display: block; flex: 1\"\r\n            [component]=\"extraFooterComponent\"\r\n            [mo]=\"mo\"\r\n            [styleIndex]=\"mo.$StyleIndex\"\r\n            [isChecked]=\"isChecked\"\r\n            [setting]=\"setting\"\r\n            [parameters]=\"extraFooterComponent.Settings\"\r\n            [editMode]=\"inlineEditMode\"\r\n            [rtl]=\"rtl\"\r\n            [deviceName]=\"deviceName\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [index]=\"index\"\r\n            [allColumns]=\"allColumns\"\r\n        ></bnrc-dynamic-item-component>\r\n        } @if(detailsText){<button *fdCardFooterActionItem fd-button fdType=\"transparent\" [fdPopoverTrigger]=\"popover\">\r\n            {{ detailsText }}\r\n        </button>\r\n        } @if(contextMenuInFooter){\r\n        <div\r\n            *fdCardFooterActionItem\r\n            ulvContextMenu\r\n            [allColumns]=\"allColumns\"\r\n            [footerMode]=\"false\"\r\n            [menuItems]=\"contextMenuItems\"\r\n            [contextMenuOverflowText]=\"contextMenuOverflowText\"\r\n            [styleIndex]=\"styleIndex\"\r\n            [conditionalFormats]=\"conditionalFormats\"\r\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n            [mo]=\"mo\"\r\n            (commandClick)=\"onUlvCommand()\"\r\n        ></div>\r\n        }\r\n        <fd-popover #popover>\r\n            @if (detailsColumns?.length) {\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    detailsColumnsTemplate;\r\n                    context: { mo: mo, inlineEditMode: inlineEditMode, layout94: layout$ | async }\r\n                \"\r\n            ></ng-container>\r\n            }\r\n        </fd-popover>\r\n    </fd-card-footer>\r\n    }\r\n</fd-card>\r\n<ng-template #detailsColumnsTemplate let-mo=\"mo\" let-inlineEditMode=\"inlineEditMode\" let-layout94=\"layout94\">\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            detailsFormItems;\r\n            context: {\r\n                $implicit: detailsColumns,\r\n                mo: this.mo,\r\n                inlineEditMode: this.inlineEditMode,\r\n                layout94: layout94\r\n            }\r\n        \"\r\n    ></ng-container>\r\n</ng-template>\r\n<ng-template\r\n    #detailsFormItems\r\n    let-detailsColumns\r\n    let-mo=\"mo\"\r\n    let-inlineEditMode=\"inlineEditMode\"\r\n    let-layout94=\"layout94\"\r\n>\r\n    <div class=\"form-items\" class=\"tw-p-2\">\r\n        @for (column of detailsColumns; track column; let columnIndex = $index) {\r\n        <div\r\n            fd-form-item\r\n            class=\"!tw-flex-row\"\r\n            [dynCommand]=\"column.$CustomComponent?.DynamicCommand\"\r\n            [mo]=\"mo\"\r\n            [enableCommand]=\"!!column.$CustomComponent?.DynamicCommand\"\r\n            bodyClick\r\n            [class.tw-cursor-pointer]=\"!!column.$CustomComponent?.DynamicCommand\"\r\n        >\r\n            @if(!column.$CustomComponent?.HideColumnCaption) {<label fd-form-label for=\"input-2\"\r\n                >{{ column.Caption }}<span>:</span></label\r\n            >}\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    columnTemplate;\r\n                    context: {\r\n                        $implicit: column,\r\n                        mo: mo,\r\n                        index: columnIndex,\r\n                        inlineEditMode: inlineEditMode,\r\n                        layout94: layout94\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n        </div>\r\n        }\r\n    </div>\r\n</ng-template>\r\n<ng-template\r\n    #columnTemplate\r\n    let-column\r\n    let-mo=\"mo\"\r\n    let-index=\"index\"\r\n    let-layout94=\"layout94\"\r\n    let-disableEllapsis=\"disableEllapsis\"\r\n    let-fdTextMode=\"fdTextMode\"\r\n>\r\n    @if (column) {\r\n    <bsu-barsa-table-column\r\n        [mo]=\"mo\"\r\n        [allColumns]=\"allColumns\"\r\n        [column]=\"column\"\r\n        [isdirty]=\"false\"\r\n        [value]=\"column | columnValue: mo\"\r\n        [icon]=\"column | columnIcon: mo\"\r\n        [customComponent]=\"column.$CustomComponent\"\r\n        [column]=\"column\"\r\n        [disableEllapsis]=\"disableEllapsis === false ? false : true\"\r\n        [fdTextMode]=\"fdTextMode\"\r\n        [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [isChecked]=\"isChecked\"\r\n        [index]=\"index\"\r\n        [formSetting]=\"formSetting\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [layout94]=\"layout94\"\r\n        (save)=\"onEditFormPanelSave(null)\"\r\n        (cancel)=\"onEditFormPanelCancel(null)\"\r\n        (tab)=\"onTabKeyDown($event, index)\"\r\n        (changeToEditMode)=\"onColumnChangeToEditMode($event, index)\"\r\n    >\r\n    </bsu-barsa-table-column>\r\n\r\n    }\r\n</ng-template>\r\n<ng-template #quickViewTemplate let-mo let-index=\"index\">\r\n    @if (!noContent) {\r\n    <fd-quick-view [id]=\"'id'\">\r\n        <fd-quick-view-group>\r\n            @for (column of setting.FieldListMapped; track column) {\r\n            <fd-quick-view-group-item [class.rowDirection]=\"column?.$CustomComponent?.IsRowDirection\">\r\n                @if (column) { @if(!column.$CustomComponent?.HideColumnCaption) {<fd-quick-view-group-item-label>\r\n                    {{ column.Caption | bbbTranslate }} </fd-quick-view-group-item-label\r\n                >}\r\n                <fd-quick-view-group-item-content>\r\n                    <div fd-quick-view-group-item-content-element class=\"group-item-content\">\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                columnTemplate;\r\n                                context: {\r\n                                    $implicit: column,\r\n                                    layout94: layout$ | async,\r\n                                    mo: mo,\r\n                                    index: index\r\n                                }\r\n                            \"\r\n                        ></ng-container>\r\n                    </div>\r\n                </fd-quick-view-group-item-content>\r\n                }\r\n            </fd-quick-view-group-item>\r\n            } @if (setting.DescriptionField) {\r\n            <fd-quick-view-group-item>\r\n                <fd-quick-view-group-item-content>\r\n                    @if (inlineEditMode && allowInlineEdit) {\r\n                    <fd-quick-view-group-item-label>\r\n                        {{ setting.DescriptionField?.Alias | bbbTranslate }}\r\n                    </fd-quick-view-group-item-label>\r\n                    }\r\n                    <div fd-quick-view-group-item-content-element class=\"group-item-content\">\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                columnTemplate;\r\n                                context: {\r\n                                    $implicit: setting.DescriptionField,\r\n                                    layout94: layout$ | async,\r\n                                    mo: mo,\r\n                                    index: index\r\n                                }\r\n                            \"\r\n                        ></ng-container>\r\n                    </div>\r\n                </fd-quick-view-group-item-content>\r\n                @if (setting.ActionFieldNameField) {\r\n                <fd-quick-view-group-item-content\r\n                    class=\"action\"\r\n                    (click)=\"onAction(setting.ActionFieldCommandField || '')\"\r\n                >\r\n                    <a fd-link>\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                columnTemplate;\r\n                                context: {\r\n                                    $implicit: setting.ActionFieldNameField,\r\n                                    layout94: layout$ | async,\r\n                                    mo: mo,\r\n                                    index: index\r\n                                }\r\n                            \"\r\n                        ></ng-container>\r\n                    </a>\r\n                </fd-quick-view-group-item-content>\r\n                }\r\n            </fd-quick-view-group-item>\r\n            }\r\n        </fd-quick-view-group>\r\n    </fd-quick-view>\r\n    }\r\n</ng-template>\r\n<ng-template #contentTemplate let-mo let-index=\"index\">\r\n    <fd-layout-grid>\r\n        <div fdLayoutGridRow style=\"align-items: center\">\r\n            <div [fdLayoutGridCol]=\"12\">\r\n                @for (column of setting.FieldListMapped; track column) {\r\n                <div style=\"display: flex\">\r\n                    <label fd-form-label [colon]=\"true\">{{ column.Caption | bbbTranslate }}</label>\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            columnTemplate;\r\n                            context: {\r\n                                $implicit: column,\r\n                                layout94: layout$ | async,\r\n                                mo: mo,\r\n                                index: index\r\n                            }\r\n                        \"\r\n                    ></ng-container>\r\n                </div>\r\n                }\r\n            </div>\r\n            @if (setting.DescriptionField) {\r\n            <div [fdLayoutGridCol]=\"12\">\r\n                @if (inlineEditMode && allowInlineEdit) {\r\n                <label>\r\n                    {{ setting.DescriptionField?.Alias | bbbTranslate }}\r\n                </label>\r\n                }\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: setting.DescriptionField,\r\n                            layout94: layout$ | async,\r\n                            mo: mo,\r\n                            index: index\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </div>\r\n            }\r\n        </div>\r\n    </fd-layout-grid>\r\n</ng-template>\r\n<ng-template #avatar let-avatar let-visible=\"visible\" let-circle=\"circle\" let-avatarField=\"avatarField\">\r\n    @if (visible) {\r\n    <fd-avatar\r\n        alterIcon=\"alt|content|backup|default-icon\"\r\n        [circle]=\"circle\"\r\n        [image]=\"avatarField ? (mo[avatarField.Name]?.FileId | picFieldSrc: 'ID':avatarField.FieldDefId) : ''\"\r\n        [size]=\"\r\n            deviceSize === 'xl' || deviceSize === 'l' ? setting.AvatarSizeDesktop$Caption : setting.AvatarSize$Caption\r\n        \"\r\n        [glyph]=\"avatar || (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\"\r\n    >\r\n    </fd-avatar>\r\n    }\r\n</ng-template>\r\n\r\n<ng-template #contentTemplateComponent let-mo let-index=\"index\">\r\n    <bnrc-dynamic-item-component\r\n        [component]=\"setting.ContentComponent\"\r\n        [mo]=\"mo\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [isChecked]=\"isChecked\"\r\n        [setting]=\"setting\"\r\n        [parameters]=\"setting.ContentComponent.Settings\"\r\n        [editMode]=\"inlineEditMode\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [index]=\"index\"\r\n        [allColumns]=\"allColumns\"\r\n    ></bnrc-dynamic-item-component>\r\n</ng-template>\r\n\r\n<ng-template #renderHeader let-mo let-index=\"index\">\r\n    @if(!hideOpenIcon && (openOnClick || (canView && deviceName !== 'desktop'))){\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            renderHeaderMobileCanView;\r\n            context: {\r\n                $implicit: mo,\r\n                index: index\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    }@else{\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            renderHeaderDesktop;\r\n            context: {\r\n                $implicit: mo,\r\n                index: index\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    }\r\n</ng-template>\r\n<ng-template #renderHeaderDesktop let-mo let-index=\"index\">\r\n    <fd-card-header class=\"HeaderDesktop\">\r\n        <div>\r\n            @if(isCheckList){\r\n            <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\r\n            }\r\n        </div>\r\n        <fd-card-main-header (click)=\"onRowCheck()\" (dblclick)=\"onRowClick()\">\r\n            @if (setting.AvatarField || setting.Avatar) {\r\n            <fd-avatar\r\n                alterIcon=\"alt|content|backup|default-icon\"\r\n                [circle]=\"setting.CircleAvatar\"\r\n                [image]=\"\r\n                    setting.AvatarField\r\n                        ? (mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId)\r\n                        : ''\r\n                \"\r\n                [size]=\"\r\n                    deviceSize === 'xl' || deviceSize === 'l'\r\n                        ? setting.AvatarSizeDesktop$Caption\r\n                        : setting.AvatarSize$Caption\r\n                \"\r\n                [glyph]=\"\r\n                    setting.Avatar ||\r\n                    (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\r\n                \"\r\n            ></fd-avatar>\r\n            }\r\n            <h2 fd-card-title>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: setting.TitleField,\r\n                            layout94: layout$ | async,\r\n                            mo: mo,\r\n                            index: index,\r\n                            disableEllapsis: false,\r\n                            fdTextMode: true\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </h2>\r\n            <h3 fd-card-subtitle>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: setting.SubtitleField,\r\n                            layout94: layout$ | async,\r\n                            mo: mo,\r\n                            index: index,\r\n                            disableEllapsis: false\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </h3>\r\n            @if (!contextMenuInFooter && (contextMenuItems && contextMenuItems.length > 0)) {\r\n            <div\r\n                ulvContextMenu\r\n                fd-card-header-action\r\n                [allColumns]=\"allColumns\"\r\n                [footerMode]=\"false\"\r\n                [menuItems]=\"contextMenuItems\"\r\n                [contextMenuOverflowText]=\"contextMenuOverflowText\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [conditionalFormats]=\"conditionalFormats\"\r\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                [mo]=\"mo\"\r\n                (commandClick)=\"onUlvCommand()\"\r\n            ></div>\r\n            }\r\n        </fd-card-main-header>\r\n    </fd-card-header>\r\n</ng-template>\r\n<ng-template #renderHeaderMobileCanView let-mo let-index=\"index\">\r\n    <fd-card-header class=\"HeaderMobileCanView\">\r\n        <div>\r\n            @if(isCheckList){\r\n            <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\r\n            }\r\n        </div>\r\n        <fd-card-main-header (click)=\"onRowCheck()\" (dblclick)=\"onRowClick()\">\r\n            @if ( setting.AvatarField || setting.Avatar) {\r\n            <fd-avatar\r\n                alterIcon=\"alt|content|backup|default-icon\"\r\n                [circle]=\"setting.CircleAvatar\"\r\n                [image]=\"\r\n                    setting.AvatarField\r\n                        ? (mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId)\r\n                        : ''\r\n                \"\r\n                [size]=\"\r\n                    deviceSize === 'xl' || deviceSize === 'l'\r\n                        ? setting.AvatarSizeDesktop$Caption\r\n                        : setting.AvatarSize$Caption\r\n                \"\r\n                [glyph]=\"\r\n                    setting.Avatar ||\r\n                    (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\r\n                \"\r\n            ></fd-avatar>\r\n            }\r\n            <h2 fd-card-title>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: setting.TitleField,\r\n                            layout94: layout$ | async,\r\n                            mo: mo,\r\n                            index: index,\r\n                            fdTextMode: true\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </h2>\r\n            <h3 fd-card-subtitle>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: setting.SubtitleField,\r\n                            layout94: layout$ | async,\r\n                            mo: mo,\r\n                            index: index\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </h3>\r\n\r\n            @if (!contextMenuInFooter && (contextMenuItems && contextMenuItems.length > 0)) {\r\n            <div\r\n                ulvContextMenu\r\n                fd-card-header-action\r\n                [allColumns]=\"allColumns\"\r\n                [footerMode]=\"false\"\r\n                [menuItems]=\"contextMenuItems\"\r\n                [contextMenuOverflowText]=\"contextMenuOverflowText\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [conditionalFormats]=\"conditionalFormats\"\r\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                [mo]=\"mo\"\r\n                (commandClick)=\"onUlvCommand()\"\r\n            ></div>\r\n            }@else {\r\n            <button\r\n                fd-button\r\n                fd-card-header-action\r\n                class=\"view-btn\"\r\n                (click)=\"onRowClick()\"\r\n                [glyph]=\"navigationArrow\"\r\n                fdType=\"transparent\"\r\n            ></button>\r\n            }\r\n        </fd-card-main-header>\r\n    </fd-card-header>\r\n</ng-template>\r\n<ng-template #renderHeaderComponent let-mo let-index=\"index\">\r\n    <bnrc-dynamic-item-component\r\n        (click)=\"setting.openOnClick && onRowClick()\"\r\n        [component]=\"setting.HeaderComponent\"\r\n        [mo]=\"mo\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [isChecked]=\"isChecked\"\r\n        [setting]=\"setting\"\r\n        [parameters]=\"setting.HeaderComponent.Settings\"\r\n        [editMode]=\"inlineEditMode\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [index]=\"index\"\r\n        [allColumns]=\"allColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [canView]=\"canView\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [isCheckList]=\"isCheckList\"\r\n        (events)=\"onDynamicComponentEvents($event)\"\r\n    ></bnrc-dynamic-item-component>\r\n</ng-template>\r\n", styles: ["fd-card.fd-card--banner>fd-card-media{border-radius:inherit}fd-card.fd-card--banner>fd-card-media .fd-card__media-image-container{z-index:4}fd-card div[ulvcontextmenu] ::ng-deep .fd-bar{background-color:transparent}fd-card fd-card-content ::ng-deep bsu-column-renderer div.renderGeneral{font-family:IranYekanDigits}fd-card fd-card-footer.extra-footer{flex-wrap:wrap}fd-card fd-card-footer.hasDetailsAndContextMenu ::ng-deep .fd-card__footer-actions{justify-content:space-between!important}fd-card fd-card-content{padding:0!important}fd-card fd-card-content>div>fd-quick-view ::ng-deep .fd-quick-view__content{padding-top:0}fd-card fd-card-content>div>fd-quick-view fd-quick-view-group-item.rowDirection ::ng-deep .fd-form-item{flex-direction:row}fd-card.hide-header-border ::ng-deep fd-card-header fd-card-main-header>.fd-card__header-main{border:none}fd-card fd-card-header{padding:.5rem}fd-card fd-card-header:hover{background:var(--fdCard_Background_Color)}fd-card fd-card-header .fd-card__title{display:flex;justify-content:space-between;align-items:center;width:100%}fd-card fd-card-header button,fd-card fd-card-header div[ulvcontextmenu]{z-index:6}fd-card fd-card-header:hover{background:inherit}fd-card.card-media:not(.banner) ::ng-deep .fd-card__header-main{padding:0;--fdCard_Title_Font_Size: .725rem;--sapFontSize: .625rem}fd-quick-view-subheader ::ng-deep div{background:inherit}.action{cursor:pointer;margin-top:6px;flex:1;display:flex;justify-content:end;flex-direction:column}.openOnClick{cursor:pointer}\n"] }]
         }], propDecorators: { setting: [{
                 type: Input
             }], _quickViewTemplate: [{
@@ -5620,11 +5620,11 @@ class CardViewContentComponent extends BaseViewContentPropsComponent {
         this.expandClick.emit(mo);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: CardViewContentComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: CardViewContentComponent, isStandalone: false, selector: "bsu-card-view-content", usesInheritance: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"setting.IsSlider ? slideModeTpl : simpleModeTpl\"> </ng-container>\r\n<ng-template #slideModeTpl>\r\n    <div\r\n        class=\"splide\"\r\n        splideSlider\r\n        [moDataList]=\"moDataList\"\r\n        [breakpoint991]=\"setting.Breakpoint991\"\r\n        [breakpoint768]=\"setting.Breakpoint768\"\r\n        [breakpoint480]=\"setting.Breakpoint480\"\r\n        [breakpoint1279]=\"setting.Breakpoint1279\"\r\n        [sliderPerPage]=\"setting.SliderPerPage\"\r\n        [sliderGap]=\"setting.SliderGap\"\r\n        [sliderPadding]=\"setting.SliderPadding\"\r\n    >\r\n        <div class=\"splide__track\">\r\n            <ul class=\"splide__list\">\r\n                @for ( mo of moDataList ; track _trackByRow(index, mo); let index = $index; let last = $last; let first\r\n                = $first) {\r\n                <li class=\"splide__slide tw-py-1\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            cardTemplate;\r\n                            context: { $implicit: mo, index: index, hideAvatar: true }\r\n                        \"\r\n                    ></ng-container>\r\n                </li>\r\n                }\r\n            </ul>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n<ng-template #simpleModeTpl>\r\n    <ng-container *ngTemplateOutlet=\"setting.CardWidth ? flexTemplate : gridTemplate\"></ng-container>\r\n</ng-template>\r\n<ng-template #gridTemplate>\r\n    @if (moDataList && moDataList.length > 0) {\r\n    <fd-layout-grid class=\"card-list\">\r\n        <ng-container *ngTemplateOutlet=\"containerTemplate; context: { $implicit: true }\"></ng-container>\r\n    </fd-layout-grid>\r\n    } @else {\r\n    <bsu-no-data [simple]=\"true\"></bsu-no-data>\r\n    }\r\n</ng-template>\r\n<ng-template #flexTemplate>\r\n    <div class=\"card-view-flex-container\">\r\n        <ng-container *ngTemplateOutlet=\"containerTemplate\"></ng-container>\r\n    </div>\r\n</ng-template>\r\n<ng-template #containerTemplate let-isGrid>\r\n    @for ( mo of moDataList | multipleGroupBy: groupby; track _trackByRow(index, mo); let index = $index; let last =\r\n    $last; let first = $first) { @if (!mo.$Parent || mo.$Parent?.$Expanded) {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            mo.$Group || mo.$Group === '' ? group : isGrid ? cardTemplateGrid : cardTemplate;\r\n            context: { $implicit: mo, index: index }\r\n        \"\r\n    ></ng-container>\r\n    <ng-template #group>\r\n        <div\r\n            class=\"group-label row-group\"\r\n            [style.padding-right]=\"'calc( 1rem + ' + mo.$Level * 12 + 'px' + ' )'\"\r\n            [attr.level]=\"mo.$Level\"\r\n            [class.root-group]=\"mo.$Level === 0\"\r\n            ellipsify\r\n        >\r\n            <fd-icon\r\n                [glyph]=\"mo.$Expanded ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\r\n                class=\"cell-expand\"\r\n                (click)=\"onExpandClick(mo)\"\r\n            ></fd-icon>\r\n            <span fd-list-title>{{ mo.$Group }}</span>\r\n        </div>\r\n    </ng-template>\r\n    } @if (setting.contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\r\n    <div\r\n        ulvContextMenu\r\n        [allColumns]=\"allColumns\"\r\n        [menuItems]=\"contextMenuItems\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [mo]=\"mo\"\r\n        (commandClick)=\"ulvCommand.emit({mo,index})\"\r\n    ></div>\r\n    } }\r\n</ng-template>\r\n<ng-template #cardTemplate let-mo let-index=\"index\" let-hideAvatar=\"hideAvatar\">\r\n    <bsu-card-item\r\n        [mo]=\"mo\"\r\n        [openOnClick]=\"openOnClick\"\r\n        [hideAvatar]=\"hideAvatar\"\r\n        [contextMenuOverflowText]=\"setting.ContextMenuOverflowText\"\r\n        [extraFooterComponent]=\"setting.ExtraFooterComponent\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [setting]=\"setting\"\r\n        [detailsColumns]=\"detailsColumns\"\r\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\r\n        [rowIndicatorColor]=\"!allColumns.length ? '' : (allColumns[0].Caption | rval: mo:allColumns)\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [detailsColumns]=\"detailsColumns\"\r\n        [detailsText]=\"detailsText\"\r\n        [detailsTextFunction]=\"detailsTextFunction\"\r\n        [detailsComponent]=\"detailsComponent\"\r\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\r\n        [index]=\"index\"\r\n        [isChecked]=\"mo.$IsChecked\"\r\n        [visibility]=\"mo.$Visibility\"\r\n        [expanded]=\"mo.$Expanded\"\r\n        [level]=\"mo.$Level\"\r\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\r\n        [setting]=\"setting\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [formSetting]=\"formSetting\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [index]=\"index\"\r\n        [allColumns]=\"allColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [canView]=\"canView\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [isCheckList]=\"isCheckList\"\r\n        (rowCheck)=\"rowCheck.emit($event)\"\r\n        (rowClick)=\"rowClick.emit($event)\"\r\n        (ulvCommand)=\"ulvCommand.emit($event)\"\r\n        (editFormPanelSave)=\"editFormPanelSave.emit($event)\"\r\n        (editFormPanelCancel)=\"editFormPanelCancel.emit($event)\"\r\n        (action)=\"action.emit($event)\"\r\n    >\r\n    </bsu-card-item>\r\n</ng-template>\r\n<ng-template #cardTemplateGrid let-mo let-index=\"index\">\r\n    <div\r\n        [fdLayoutGridCol]=\"sizeS\"\r\n        [colMd]=\"sizeM\"\r\n        [colLg]=\"sizeL\"\r\n        [colXl]=\"sizeXl\"\r\n        [class.selected]=\"mo.$IsChecked ? true : false\"\r\n        class=\"card-container\"\r\n    >\r\n        <ng-container *ngTemplateOutlet=\"cardTemplate; context: { $implicit: mo, index: index }\"></ng-container>\r\n    </div>\r\n</ng-template>\r\n", styles: [".card-list{flex-wrap:wrap;padding-bottom:2rem;margin-left:0;row-gap:.25rem}.card-list .group-label{width:100%;display:flex;align-items:center;border-right:none;padding-top:.25rem;padding-bottom:.25rem;column-gap:10px}::ng-deep .card-list .unread .fd-form-item,::ng-deep .card-list .unread .fd-title,::ng-deep .card-list .unread .fd-quick-view__subtitle{font-weight:700}::ng-deep .card-list .group-item-content{background-color:transparent}::ng-deep .card-list .selected fd-card{border-color:var(--sapList_SelectionBorderColor, #0854a0);border-style:solid;border-width:thin}::ng-deep .card-list fd-card fd-icon .avatar{font-size:.75rem!important}::ng-deep .card-list fd-card .fd-quick-view__content{height:100%}::ng-deep .card-list fd-card fd-icon .avatar{font-size:1rem!important}.card-view-flex-container{width:100%;display:flex;flex-wrap:wrap;row-gap:10px;column-gap:10px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.EllipsifyDirective, selector: "[ellipsify]", inputs: ["limitLine"] }, { kind: "directive", type: i2.SplideSliderDirective, selector: "[splideSlider]", inputs: ["moDataList", "type", "breakpoint991", "breakpoint768", "breakpoint480", "breakpoint1279", "sliderPerPage", "sliderGap", "sliderPadding", "width"] }, { kind: "component", type: i3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i10.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i10.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i7.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "component", type: UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "rightClickEnable", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode", "contextMenuOverflowText", "appendTo"], outputs: ["commandClick"] }, { kind: "component", type: NoDataComponent, selector: "bsu-no-data", inputs: ["simple"] }, { kind: "component", type: CardItemComponent, selector: "bsu-card-item", inputs: ["setting", "extraFooterComponent"] }, { kind: "pipe", type: i2.MultipleGroupByPipe, name: "multipleGroupBy" }, { kind: "pipe", type: i2.MoReportValuePipe, name: "rval" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: CardViewContentComponent, isStandalone: false, selector: "bsu-card-view-content", usesInheritance: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"setting.IsSlider ? slideModeTpl : simpleModeTpl\"> </ng-container>\r\n<ng-template #slideModeTpl>\r\n    <div\r\n        class=\"splide\"\r\n        splideSlider\r\n        [moDataList]=\"moDataList\"\r\n        [breakpoint991]=\"setting.Breakpoint991\"\r\n        [breakpoint768]=\"setting.Breakpoint768\"\r\n        [breakpoint480]=\"setting.Breakpoint480\"\r\n        [breakpoint1279]=\"setting.Breakpoint1279\"\r\n        [sliderPerPage]=\"setting.SliderPerPage\"\r\n        [sliderGap]=\"setting.SliderGap\"\r\n        [sliderPadding]=\"setting.SliderPadding\"\r\n    >\r\n        <div class=\"splide__track\">\r\n            <ul class=\"splide__list\">\r\n                @for ( mo of moDataList ; track _trackByRow(index, mo); let index = $index; let last = $last; let first\r\n                = $first) {\r\n                <li class=\"splide__slide tw-py-1\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            cardTemplate;\r\n                            context: { $implicit: mo, index: index, hideAvatar: true, isslider: true }\r\n                        \"\r\n                    ></ng-container>\r\n                </li>\r\n                }\r\n            </ul>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n<ng-template #simpleModeTpl>\r\n    <ng-container *ngTemplateOutlet=\"setting.CardWidth ? flexTemplate : gridTemplate\"></ng-container>\r\n</ng-template>\r\n<ng-template #gridTemplate>\r\n    @if (moDataList && moDataList.length > 0) {\r\n    <fd-layout-grid class=\"card-list\">\r\n        <ng-container *ngTemplateOutlet=\"containerTemplate; context: { $implicit: true }\"></ng-container>\r\n    </fd-layout-grid>\r\n    } @else {\r\n    <bsu-no-data [simple]=\"true\"></bsu-no-data>\r\n    }\r\n</ng-template>\r\n<ng-template #flexTemplate>\r\n    <div class=\"card-view-flex-container\">\r\n        <ng-container *ngTemplateOutlet=\"containerTemplate\"></ng-container>\r\n    </div>\r\n</ng-template>\r\n<ng-template #containerTemplate let-isGrid>\r\n    @for ( mo of moDataList | multipleGroupBy: groupby; track _trackByRow(index, mo); let index = $index; let last =\r\n    $last; let first = $first) { @if (!mo.$Parent || mo.$Parent?.$Expanded) {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            mo.$Group || mo.$Group === '' ? group : isGrid ? cardTemplateGrid : cardTemplate;\r\n            context: { $implicit: mo, index: index }\r\n        \"\r\n    ></ng-container>\r\n    <ng-template #group>\r\n        <div\r\n            class=\"group-label row-group\"\r\n            [style.padding-right]=\"'calc( 1rem + ' + mo.$Level * 12 + 'px' + ' )'\"\r\n            [attr.level]=\"mo.$Level\"\r\n            [class.root-group]=\"mo.$Level === 0\"\r\n            ellipsify\r\n        >\r\n            <fd-icon\r\n                [glyph]=\"mo.$Expanded ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\r\n                class=\"cell-expand\"\r\n                (click)=\"onExpandClick(mo)\"\r\n            ></fd-icon>\r\n            <span fd-list-title>{{ mo.$Group }}</span>\r\n        </div>\r\n    </ng-template>\r\n    } @if (setting.contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\r\n    <div\r\n        ulvContextMenu\r\n        [allColumns]=\"allColumns\"\r\n        [menuItems]=\"contextMenuItems\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [mo]=\"mo\"\r\n        (commandClick)=\"ulvCommand.emit({mo,index})\"\r\n    ></div>\r\n    } }\r\n</ng-template>\r\n<ng-template #cardTemplate let-mo let-index=\"index\" let-hideAvatar=\"hideAvatar\" let-isslider=\"isslider\">\r\n    <bsu-card-item\r\n        [mo]=\"mo\"\r\n        [openOnClick]=\"openOnClick\"\r\n        [isslider]=\"isslider\"\r\n        [hideAvatar]=\"hideAvatar\"\r\n        [contextMenuOverflowText]=\"setting.ContextMenuOverflowText\"\r\n        [extraFooterComponent]=\"setting.ExtraFooterComponent\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [setting]=\"setting\"\r\n        [detailsColumns]=\"detailsColumns\"\r\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\r\n        [rowIndicatorColor]=\"!allColumns.length ? '' : (allColumns[0].Caption | rval: mo:allColumns)\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [detailsColumns]=\"detailsColumns\"\r\n        [detailsText]=\"detailsText\"\r\n        [detailsTextFunction]=\"detailsTextFunction\"\r\n        [detailsComponent]=\"detailsComponent\"\r\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\r\n        [index]=\"index\"\r\n        [isChecked]=\"mo.$IsChecked\"\r\n        [visibility]=\"mo.$Visibility\"\r\n        [expanded]=\"mo.$Expanded\"\r\n        [level]=\"mo.$Level\"\r\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\r\n        [setting]=\"setting\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [formSetting]=\"formSetting\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [index]=\"index\"\r\n        [allColumns]=\"allColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [canView]=\"canView\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [isCheckList]=\"isCheckList\"\r\n        (rowCheck)=\"rowCheck.emit($event)\"\r\n        (rowClick)=\"rowClick.emit($event)\"\r\n        (ulvCommand)=\"ulvCommand.emit($event)\"\r\n        (editFormPanelSave)=\"editFormPanelSave.emit($event)\"\r\n        (editFormPanelCancel)=\"editFormPanelCancel.emit($event)\"\r\n        (action)=\"action.emit($event)\"\r\n    >\r\n    </bsu-card-item>\r\n</ng-template>\r\n<ng-template #cardTemplateGrid let-mo let-index=\"index\">\r\n    <div\r\n        [fdLayoutGridCol]=\"sizeS\"\r\n        [colMd]=\"sizeM\"\r\n        [colLg]=\"sizeL\"\r\n        [colXl]=\"sizeXl\"\r\n        [class.selected]=\"mo.$IsChecked ? true : false\"\r\n        class=\"card-container\"\r\n    >\r\n        <ng-container *ngTemplateOutlet=\"cardTemplate; context: { $implicit: mo, index: index }\"></ng-container>\r\n    </div>\r\n</ng-template>\r\n", styles: [".card-list{flex-wrap:wrap;padding-bottom:2rem;margin-left:0;row-gap:.25rem}.card-list .group-label{width:100%;display:flex;align-items:center;border-right:none;padding-top:.25rem;padding-bottom:.25rem;column-gap:10px}::ng-deep .card-list .unread .fd-form-item,::ng-deep .card-list .unread .fd-title,::ng-deep .card-list .unread .fd-quick-view__subtitle{font-weight:700}::ng-deep .card-list .group-item-content{background-color:transparent}::ng-deep .card-list .selected fd-card{border-color:var(--sapList_SelectionBorderColor, #0854a0);border-style:solid;border-width:thin}::ng-deep .card-list fd-card fd-icon .avatar{font-size:.75rem!important}::ng-deep .card-list fd-card .fd-quick-view__content{height:100%}::ng-deep .card-list fd-card fd-icon .avatar{font-size:1rem!important}.card-view-flex-container{width:100%;display:flex;flex-wrap:wrap;row-gap:10px;column-gap:10px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.EllipsifyDirective, selector: "[ellipsify]", inputs: ["limitLine"] }, { kind: "directive", type: i2.SplideSliderDirective, selector: "[splideSlider]", inputs: ["moDataList", "type", "breakpoint991", "breakpoint768", "breakpoint480", "breakpoint1279", "sliderPerPage", "sliderGap", "sliderPadding", "width"] }, { kind: "component", type: i3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i10.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i10.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i7.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "component", type: UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "rightClickEnable", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode", "contextMenuOverflowText", "appendTo"], outputs: ["commandClick"] }, { kind: "component", type: NoDataComponent, selector: "bsu-no-data", inputs: ["simple"] }, { kind: "component", type: CardItemComponent, selector: "bsu-card-item", inputs: ["setting", "extraFooterComponent"] }, { kind: "pipe", type: i2.MultipleGroupByPipe, name: "multipleGroupBy" }, { kind: "pipe", type: i2.MoReportValuePipe, name: "rval" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: CardViewContentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-card-view-content', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-container *ngTemplateOutlet=\"setting.IsSlider ? slideModeTpl : simpleModeTpl\"> </ng-container>\r\n<ng-template #slideModeTpl>\r\n    <div\r\n        class=\"splide\"\r\n        splideSlider\r\n        [moDataList]=\"moDataList\"\r\n        [breakpoint991]=\"setting.Breakpoint991\"\r\n        [breakpoint768]=\"setting.Breakpoint768\"\r\n        [breakpoint480]=\"setting.Breakpoint480\"\r\n        [breakpoint1279]=\"setting.Breakpoint1279\"\r\n        [sliderPerPage]=\"setting.SliderPerPage\"\r\n        [sliderGap]=\"setting.SliderGap\"\r\n        [sliderPadding]=\"setting.SliderPadding\"\r\n    >\r\n        <div class=\"splide__track\">\r\n            <ul class=\"splide__list\">\r\n                @for ( mo of moDataList ; track _trackByRow(index, mo); let index = $index; let last = $last; let first\r\n                = $first) {\r\n                <li class=\"splide__slide tw-py-1\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            cardTemplate;\r\n                            context: { $implicit: mo, index: index, hideAvatar: true }\r\n                        \"\r\n                    ></ng-container>\r\n                </li>\r\n                }\r\n            </ul>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n<ng-template #simpleModeTpl>\r\n    <ng-container *ngTemplateOutlet=\"setting.CardWidth ? flexTemplate : gridTemplate\"></ng-container>\r\n</ng-template>\r\n<ng-template #gridTemplate>\r\n    @if (moDataList && moDataList.length > 0) {\r\n    <fd-layout-grid class=\"card-list\">\r\n        <ng-container *ngTemplateOutlet=\"containerTemplate; context: { $implicit: true }\"></ng-container>\r\n    </fd-layout-grid>\r\n    } @else {\r\n    <bsu-no-data [simple]=\"true\"></bsu-no-data>\r\n    }\r\n</ng-template>\r\n<ng-template #flexTemplate>\r\n    <div class=\"card-view-flex-container\">\r\n        <ng-container *ngTemplateOutlet=\"containerTemplate\"></ng-container>\r\n    </div>\r\n</ng-template>\r\n<ng-template #containerTemplate let-isGrid>\r\n    @for ( mo of moDataList | multipleGroupBy: groupby; track _trackByRow(index, mo); let index = $index; let last =\r\n    $last; let first = $first) { @if (!mo.$Parent || mo.$Parent?.$Expanded) {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            mo.$Group || mo.$Group === '' ? group : isGrid ? cardTemplateGrid : cardTemplate;\r\n            context: { $implicit: mo, index: index }\r\n        \"\r\n    ></ng-container>\r\n    <ng-template #group>\r\n        <div\r\n            class=\"group-label row-group\"\r\n            [style.padding-right]=\"'calc( 1rem + ' + mo.$Level * 12 + 'px' + ' )'\"\r\n            [attr.level]=\"mo.$Level\"\r\n            [class.root-group]=\"mo.$Level === 0\"\r\n            ellipsify\r\n        >\r\n            <fd-icon\r\n                [glyph]=\"mo.$Expanded ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\r\n                class=\"cell-expand\"\r\n                (click)=\"onExpandClick(mo)\"\r\n            ></fd-icon>\r\n            <span fd-list-title>{{ mo.$Group }}</span>\r\n        </div>\r\n    </ng-template>\r\n    } @if (setting.contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\r\n    <div\r\n        ulvContextMenu\r\n        [allColumns]=\"allColumns\"\r\n        [menuItems]=\"contextMenuItems\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [mo]=\"mo\"\r\n        (commandClick)=\"ulvCommand.emit({mo,index})\"\r\n    ></div>\r\n    } }\r\n</ng-template>\r\n<ng-template #cardTemplate let-mo let-index=\"index\" let-hideAvatar=\"hideAvatar\">\r\n    <bsu-card-item\r\n        [mo]=\"mo\"\r\n        [openOnClick]=\"openOnClick\"\r\n        [hideAvatar]=\"hideAvatar\"\r\n        [contextMenuOverflowText]=\"setting.ContextMenuOverflowText\"\r\n        [extraFooterComponent]=\"setting.ExtraFooterComponent\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [setting]=\"setting\"\r\n        [detailsColumns]=\"detailsColumns\"\r\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\r\n        [rowIndicatorColor]=\"!allColumns.length ? '' : (allColumns[0].Caption | rval: mo:allColumns)\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [detailsColumns]=\"detailsColumns\"\r\n        [detailsText]=\"detailsText\"\r\n        [detailsTextFunction]=\"detailsTextFunction\"\r\n        [detailsComponent]=\"detailsComponent\"\r\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\r\n        [index]=\"index\"\r\n        [isChecked]=\"mo.$IsChecked\"\r\n        [visibility]=\"mo.$Visibility\"\r\n        [expanded]=\"mo.$Expanded\"\r\n        [level]=\"mo.$Level\"\r\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\r\n        [setting]=\"setting\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [formSetting]=\"formSetting\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [index]=\"index\"\r\n        [allColumns]=\"allColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [canView]=\"canView\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [isCheckList]=\"isCheckList\"\r\n        (rowCheck)=\"rowCheck.emit($event)\"\r\n        (rowClick)=\"rowClick.emit($event)\"\r\n        (ulvCommand)=\"ulvCommand.emit($event)\"\r\n        (editFormPanelSave)=\"editFormPanelSave.emit($event)\"\r\n        (editFormPanelCancel)=\"editFormPanelCancel.emit($event)\"\r\n        (action)=\"action.emit($event)\"\r\n    >\r\n    </bsu-card-item>\r\n</ng-template>\r\n<ng-template #cardTemplateGrid let-mo let-index=\"index\">\r\n    <div\r\n        [fdLayoutGridCol]=\"sizeS\"\r\n        [colMd]=\"sizeM\"\r\n        [colLg]=\"sizeL\"\r\n        [colXl]=\"sizeXl\"\r\n        [class.selected]=\"mo.$IsChecked ? true : false\"\r\n        class=\"card-container\"\r\n    >\r\n        <ng-container *ngTemplateOutlet=\"cardTemplate; context: { $implicit: mo, index: index }\"></ng-container>\r\n    </div>\r\n</ng-template>\r\n", styles: [".card-list{flex-wrap:wrap;padding-bottom:2rem;margin-left:0;row-gap:.25rem}.card-list .group-label{width:100%;display:flex;align-items:center;border-right:none;padding-top:.25rem;padding-bottom:.25rem;column-gap:10px}::ng-deep .card-list .unread .fd-form-item,::ng-deep .card-list .unread .fd-title,::ng-deep .card-list .unread .fd-quick-view__subtitle{font-weight:700}::ng-deep .card-list .group-item-content{background-color:transparent}::ng-deep .card-list .selected fd-card{border-color:var(--sapList_SelectionBorderColor, #0854a0);border-style:solid;border-width:thin}::ng-deep .card-list fd-card fd-icon .avatar{font-size:.75rem!important}::ng-deep .card-list fd-card .fd-quick-view__content{height:100%}::ng-deep .card-list fd-card fd-icon .avatar{font-size:1rem!important}.card-view-flex-container{width:100%;display:flex;flex-wrap:wrap;row-gap:10px;column-gap:10px}\n"] }]
+            args: [{ selector: 'bsu-card-view-content', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-container *ngTemplateOutlet=\"setting.IsSlider ? slideModeTpl : simpleModeTpl\"> </ng-container>\r\n<ng-template #slideModeTpl>\r\n    <div\r\n        class=\"splide\"\r\n        splideSlider\r\n        [moDataList]=\"moDataList\"\r\n        [breakpoint991]=\"setting.Breakpoint991\"\r\n        [breakpoint768]=\"setting.Breakpoint768\"\r\n        [breakpoint480]=\"setting.Breakpoint480\"\r\n        [breakpoint1279]=\"setting.Breakpoint1279\"\r\n        [sliderPerPage]=\"setting.SliderPerPage\"\r\n        [sliderGap]=\"setting.SliderGap\"\r\n        [sliderPadding]=\"setting.SliderPadding\"\r\n    >\r\n        <div class=\"splide__track\">\r\n            <ul class=\"splide__list\">\r\n                @for ( mo of moDataList ; track _trackByRow(index, mo); let index = $index; let last = $last; let first\r\n                = $first) {\r\n                <li class=\"splide__slide tw-py-1\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            cardTemplate;\r\n                            context: { $implicit: mo, index: index, hideAvatar: true, isslider: true }\r\n                        \"\r\n                    ></ng-container>\r\n                </li>\r\n                }\r\n            </ul>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n<ng-template #simpleModeTpl>\r\n    <ng-container *ngTemplateOutlet=\"setting.CardWidth ? flexTemplate : gridTemplate\"></ng-container>\r\n</ng-template>\r\n<ng-template #gridTemplate>\r\n    @if (moDataList && moDataList.length > 0) {\r\n    <fd-layout-grid class=\"card-list\">\r\n        <ng-container *ngTemplateOutlet=\"containerTemplate; context: { $implicit: true }\"></ng-container>\r\n    </fd-layout-grid>\r\n    } @else {\r\n    <bsu-no-data [simple]=\"true\"></bsu-no-data>\r\n    }\r\n</ng-template>\r\n<ng-template #flexTemplate>\r\n    <div class=\"card-view-flex-container\">\r\n        <ng-container *ngTemplateOutlet=\"containerTemplate\"></ng-container>\r\n    </div>\r\n</ng-template>\r\n<ng-template #containerTemplate let-isGrid>\r\n    @for ( mo of moDataList | multipleGroupBy: groupby; track _trackByRow(index, mo); let index = $index; let last =\r\n    $last; let first = $first) { @if (!mo.$Parent || mo.$Parent?.$Expanded) {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            mo.$Group || mo.$Group === '' ? group : isGrid ? cardTemplateGrid : cardTemplate;\r\n            context: { $implicit: mo, index: index }\r\n        \"\r\n    ></ng-container>\r\n    <ng-template #group>\r\n        <div\r\n            class=\"group-label row-group\"\r\n            [style.padding-right]=\"'calc( 1rem + ' + mo.$Level * 12 + 'px' + ' )'\"\r\n            [attr.level]=\"mo.$Level\"\r\n            [class.root-group]=\"mo.$Level === 0\"\r\n            ellipsify\r\n        >\r\n            <fd-icon\r\n                [glyph]=\"mo.$Expanded ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\r\n                class=\"cell-expand\"\r\n                (click)=\"onExpandClick(mo)\"\r\n            ></fd-icon>\r\n            <span fd-list-title>{{ mo.$Group }}</span>\r\n        </div>\r\n    </ng-template>\r\n    } @if (setting.contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\r\n    <div\r\n        ulvContextMenu\r\n        [allColumns]=\"allColumns\"\r\n        [menuItems]=\"contextMenuItems\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [mo]=\"mo\"\r\n        (commandClick)=\"ulvCommand.emit({mo,index})\"\r\n    ></div>\r\n    } }\r\n</ng-template>\r\n<ng-template #cardTemplate let-mo let-index=\"index\" let-hideAvatar=\"hideAvatar\" let-isslider=\"isslider\">\r\n    <bsu-card-item\r\n        [mo]=\"mo\"\r\n        [openOnClick]=\"openOnClick\"\r\n        [isslider]=\"isslider\"\r\n        [hideAvatar]=\"hideAvatar\"\r\n        [contextMenuOverflowText]=\"setting.ContextMenuOverflowText\"\r\n        [extraFooterComponent]=\"setting.ExtraFooterComponent\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [setting]=\"setting\"\r\n        [detailsColumns]=\"detailsColumns\"\r\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\r\n        [rowIndicatorColor]=\"!allColumns.length ? '' : (allColumns[0].Caption | rval: mo:allColumns)\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [detailsColumns]=\"detailsColumns\"\r\n        [detailsText]=\"detailsText\"\r\n        [detailsTextFunction]=\"detailsTextFunction\"\r\n        [detailsComponent]=\"detailsComponent\"\r\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\r\n        [index]=\"index\"\r\n        [isChecked]=\"mo.$IsChecked\"\r\n        [visibility]=\"mo.$Visibility\"\r\n        [expanded]=\"mo.$Expanded\"\r\n        [level]=\"mo.$Level\"\r\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\r\n        [setting]=\"setting\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [formSetting]=\"formSetting\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [index]=\"index\"\r\n        [allColumns]=\"allColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [canView]=\"canView\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [isCheckList]=\"isCheckList\"\r\n        (rowCheck)=\"rowCheck.emit($event)\"\r\n        (rowClick)=\"rowClick.emit($event)\"\r\n        (ulvCommand)=\"ulvCommand.emit($event)\"\r\n        (editFormPanelSave)=\"editFormPanelSave.emit($event)\"\r\n        (editFormPanelCancel)=\"editFormPanelCancel.emit($event)\"\r\n        (action)=\"action.emit($event)\"\r\n    >\r\n    </bsu-card-item>\r\n</ng-template>\r\n<ng-template #cardTemplateGrid let-mo let-index=\"index\">\r\n    <div\r\n        [fdLayoutGridCol]=\"sizeS\"\r\n        [colMd]=\"sizeM\"\r\n        [colLg]=\"sizeL\"\r\n        [colXl]=\"sizeXl\"\r\n        [class.selected]=\"mo.$IsChecked ? true : false\"\r\n        class=\"card-container\"\r\n    >\r\n        <ng-container *ngTemplateOutlet=\"cardTemplate; context: { $implicit: mo, index: index }\"></ng-container>\r\n    </div>\r\n</ng-template>\r\n", styles: [".card-list{flex-wrap:wrap;padding-bottom:2rem;margin-left:0;row-gap:.25rem}.card-list .group-label{width:100%;display:flex;align-items:center;border-right:none;padding-top:.25rem;padding-bottom:.25rem;column-gap:10px}::ng-deep .card-list .unread .fd-form-item,::ng-deep .card-list .unread .fd-title,::ng-deep .card-list .unread .fd-quick-view__subtitle{font-weight:700}::ng-deep .card-list .group-item-content{background-color:transparent}::ng-deep .card-list .selected fd-card{border-color:var(--sapList_SelectionBorderColor, #0854a0);border-style:solid;border-width:thin}::ng-deep .card-list fd-card fd-icon .avatar{font-size:.75rem!important}::ng-deep .card-list fd-card .fd-quick-view__content{height:100%}::ng-deep .card-list fd-card fd-icon .avatar{font-size:1rem!important}.card-view-flex-container{width:100%;display:flex;flex-wrap:wrap;row-gap:10px;column-gap:10px}\n"] }]
         }] });
 class StringToArrayPipe {
@@ -7290,11 +7290,11 @@ class BarsaUlvMainComponent extends BaseComponent {
         this._customBackground = true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: BarsaUlvMainComponent, deps: [{ token: i0.ElementRef }, { token: i1.DialogService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: BarsaUlvMainComponent, isStandalone: false, selector: "bsu-barsa-ulv-main", inputs: { viewerControl: "viewerControl", loading: "loading", hidePaging: "hidePaging", viewerLoading: "viewerLoading", isReportPage: "isReportPage", cssBackground: "cssBackground", deviceSize: "deviceSize", title: "title", searchPanelUi: "searchPanelUi", breadCrumbs: "breadCrumbs", allSearchPanelSettings: "allSearchPanelSettings", isAnonymous: "isAnonymous", canSaveGridSetting: "canSaveGridSetting", rtl: "rtl", hideUlvPageTitle: "hideUlvPageTitle", selectedSearchPanelSettings: "selectedSearchPanelSettings", searchPanelMoChanged: "searchPanelMoChanged", selectedSearchPanelSettingsId: "selectedSearchPanelSettingsId", hideSearchPanel: "hideSearchPanel", pagingSetting: "pagingSetting", contentDensity: "contentDensity", context: "context", isMobile: "isMobile", standalone: "standalone", landscape: "landscape", simpleSearchPanel: "simpleSearchPanel", layoutInfo: "layoutInfo" }, outputs: { closeEvent: "closeEvent", searchPanelMoChange: "searchPanelMoChange", openManageFilters: "openManageFilters", collapsedChange: "collapsedChange", hideSearchPanelClick: "hideSearchPanelClick", filterSave: "filterSave", filterSaveAs: "filterSaveAs", pageChange: "pageChange", showFilterFieldsSetting: "showFilterFieldsSetting", manageFilters: "manageFilters", clearSearch: "clearSearch", search: "search", selectSearchPanelSettings: "selectSearchPanelSettings" }, host: { properties: { "style.background-color": "this._backgroundColor", "style.background-image": "this._backgroundUrl", "style.background-repeat": "this._backgroundRepeat", "class.custom-background": "this._customBackground" } }, viewQueries: [{ propertyName: "_dynamicPageComponent", first: true, predicate: DynamicPageComponent, descendants: true }, { propertyName: "dialogTemplate", first: true, predicate: ["searchpanelDialog"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container\r\n    *ngTemplateOutlet=\"\r\n        isReportPage ? reportPageTemplate : reportTemplate;\r\n        context: {\r\n            $implicit: viewerControl,\r\n            tabMode: viewerControl?.Setting?.ClassNames?.CustomUi?.Parameters?.TabMode\r\n        }\r\n    \"\r\n>\r\n</ng-container>\r\n@if (loading) {\r\n<bsu-mask size=\"m\"></bsu-mask>\r\n}\r\n<ng-template #reportPageTemplate let-viewerControl let-tabMode=\"tabMode\">\r\n    <fd-dynamic-page\r\n        formClose\r\n        mobile\r\n        [attr.isMobile]=\"isMobile ? true : null\"\r\n        [isMobile]=\"isMobile\"\r\n        [size]=\"deviceSize | dynamicPageSize\"\r\n        [attr.tabMode]=\"tabMode\"\r\n        [autoResponsive]=\"false\"\r\n        [class.notitle]=\"\r\n            (!title && !searchPanelUi && !hideSearchPanel && !sideContentMode) ||\r\n            (!hideSearchPanel && !title) ||\r\n            hideUlvPageTitle ||\r\n            sideContentMode\r\n        \"\r\n         [class.headersearchpanel]=\"!hideSearchPanel ||( searchPanelUi && !sideContentMode)\"\r\n    >\r\n        <fd-dynamic-page-header\r\n            [title]=\"\r\n                (title | bbbTranslate) && !hideUlvPageTitle\r\n                    ? (title | bbbTranslate)\r\n                    : isMobile && breadCrumbs.length\r\n                    ? breadCrumbs[breadCrumbs.length - 1].label\r\n                    : ''\r\n            \"\r\n            class=\"p-b0\"            \r\n        >\r\n            <fd-dynamic-page-breadcrumb [class.hide]=\"isMobile\">\r\n                <fd-breadcrumb>\r\n                    @for ( breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length; track breadCrumb.url; let i =\r\n                    $index; let last = $last) {\r\n                    <fd-breadcrumb-item>\r\n                        <bsu-breadcrumb\r\n                            [index]=\"i\"\r\n                            [isLast]=\"last\"\r\n                            [breadCrumb]=\"breadCrumb\"\r\n                            [allBreadCrumb]=\"breadCrumbs\"\r\n                        ></bsu-breadcrumb>\r\n                    </fd-breadcrumb-item>\r\n                    }\r\n                </fd-breadcrumb>\r\n            </fd-dynamic-page-breadcrumb>\r\n            <!-- <fd-dynamic-page-title-content>\u06AF\u0632\u0627\u0631\u0634 </fd-dynamic-page-title-content> -->\r\n\r\n            <fd-dynamic-page-global-actions *untilInView=\"el\" style=\"min-width: auto\">\r\n                <fd-toolbar [shouldOverflow]=\"true\" style=\"display:none\"> </fd-toolbar>\r\n                <!-- added this because in mobile landscape toolbar disapper -->\r\n                @if (!hideSearchPanel ||( searchPanelUi && !sideContentMode)) {\r\n                <fd-toolbar\r\n                    class=\"global-actions\"\r\n                    fdType=\"transparent\"\r\n                    [clearBorder]=\"true\"\r\n                    [shouldOverflow]=\"deviceSize === 's'\"\r\n                >\r\n                    @if (isAnonymous === false && canSaveGridSetting) {\r\n                    <fd-popover fd-toolbar-item #popover fdOverflowPriority=\"never\">\r\n                        <fd-popover-control>\r\n                            <div style=\"display: flex; align-items: center\">\r\n                                <h3 class=\"header-search\" [attr.rtl]=\"rtl\" fd-title>\r\n                                    {{\r\n                                        selectedSearchPanelSettings?.IsStandard\r\n                                            ? ''\r\n                                            : selectedSearchPanelSettings?.Title\r\n                                    }}\r\n                                    @if (searchPanelMoChanged) {\r\n                                    <strong>*</strong>\r\n                                    }\r\n                                </h3>\r\n                                <button\r\n                                    fd-button\r\n                                    glyph=\"slim-arrow-down\"\r\n                                    fdType=\"transparent\"\r\n                                    [fdContentDensity]=\"contentDensity\"\r\n                                ></button>\r\n                            </div>\r\n                        </fd-popover-control>\r\n                        <fd-popover-body mobile>\r\n                            <div fd-popover-body-header>\r\n                                <div fd-bar [fdCozy]>\r\n                                    <div fd-bar-left>\r\n                                        <fd-bar-element>{{ 'Filters' | bbbTranslate }}</fd-bar-element>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <ul fd-list style=\"min-height: 200px; background-color: var(--sapBackgroundColor, #f7f7f7)\">\r\n                                @for (option of allSearchPanelSettings; track option) {\r\n                                <li\r\n                                    fd-list-item\r\n                                    [selected]=\"option.Id === selectedSearchPanelSettingsId\"\r\n                                    (click)=\"onSelectSearchPanelSettings(option.Id, popover)\"\r\n                                >\r\n                                    <span fd-list-title>{{ option.Title }}</span>\r\n                                </li>\r\n                                }\r\n                            </ul>\r\n                            <div fd-popover-body-footer>\r\n                                <div fd-bar [barDesign]=\"'footer'\" [fdCozy]>\r\n                                    @if (selectedSearchPanelSettings) {\r\n                                    <div fd-bar-right>\r\n                                        @if (!selectedSearchPanelSettings.IsPrimary && searchPanelMoChanged) {\r\n                                        <fd-button-bar\r\n                                            [label]=\"'Save' | bbbTranslate\"\r\n                                            fdType=\"emphasized\"\r\n                                            (click)=\"onFilterSave(popover)\"\r\n                                        >\r\n                                        </fd-button-bar>\r\n                                        } @if (searchPanelMoChanged) {\r\n                                        <fd-button-bar\r\n                                            [label]=\"'SaveAs' | bbbTranslate\"\r\n                                            [fdType]=\"\r\n                                                selectedSearchPanelSettings.IsDefault ? 'emphasized' : 'transparent'\r\n                                            \"\r\n                                            (click)=\"onFilterSaveAs(popover)\"\r\n                                        >\r\n                                        </fd-button-bar>\r\n                                        }\r\n                                        <fd-button-bar\r\n                                            [label]=\"'Manage' | bbbTranslate\"\r\n                                            fdkInitialFocus\r\n                                            fdType=\"transparent\"\r\n                                            (click)=\"onManageFilters(popover)\"\r\n                                        >\r\n                                        </fd-button-bar>\r\n                                    </div>\r\n                                    }\r\n                                </div>\r\n                            </div>\r\n                        </fd-popover-body>\r\n                    </fd-popover>\r\n                    } @if (deviceSize !== 's') {\r\n                    <fd-toolbar-spacer></fd-toolbar-spacer>\r\n                    } @if (isMobile && searchPanelUi) {\r\n                    <button\r\n                        fd-button\r\n                        fd-toolbar-item\r\n                        fdOverflowPriority=\"never\"\r\n                        (click)=\"onShowSearchpanelDialog()\"\r\n                        [glyph]=\"'filter'\"\r\n                        [fdContentDensity]=\"contentDensity\"\r\n                    ></button>\r\n                    } @if (!isMobile && !sideContentMode && !simpleSearchPanel && searchPanelUi) {\r\n                    <button\r\n                        fd-button\r\n                        fd-toolbar-item\r\n                        fdOverflowPriority=\"never\"\r\n                        fdType=\"emphasized\"\r\n                        [label]=\"'Search' | bbbTranslate\"\r\n                        (click)=\"onSearch()\"\r\n                        [fdContentDensity]=\"contentDensity\"\r\n                    ></button>\r\n                    } @if (!isMobile && !sideContentMode && searchPanelUi) {\r\n                    <button\r\n                        fd-button\r\n                        fd-toolbar-item\r\n                        fdType=\"transparent\"\r\n                        fdOverflowPriority=\"low\"\r\n                        [label]=\"'Filters' | bbbTranslate\"\r\n                        (click)=\"onShowFilterFieldsSetting()\"\r\n                        [fdOverflowGroup]=\"1\"\r\n                        [fdContentDensity]=\"contentDensity\"\r\n                    ></button>\r\n                    } @if (!isMobile && !sideContentMode && searchPanelUi) {\r\n                    <button\r\n                        fd-button\r\n                        fd-toolbar-item\r\n                        fdType=\"transparent\"\r\n                        fdOverflowPriority=\"low\"\r\n                        [label]=\"'Clear' | bbbTranslate\"\r\n                        (click)=\"onClearSearch()\"\r\n                        [fdOverflowGroup]=\"1\"\r\n                        [fdContentDensity]=\"contentDensity\"\r\n                    ></button>\r\n                    } @if (!isMobile && !sideContentMode && searchPanelUi) {\r\n                    <button\r\n                        fd-button\r\n                        fd-toolbar-item\r\n                        fdType=\"transparent\"\r\n                        [label]=\"hideSearchPanel ? ('Show' | bbbTranslate) : ('Hide' | bbbTranslate)\"\r\n                        (click)=\"onHideSearchPanelClick()\"\r\n                        fdOverflowPriority=\"low\"\r\n                        [fdOverflowGroup]=\"1\"\r\n                        [fdContentDensity]=\"contentDensity\"\r\n                    ></button>\r\n                    }\r\n                </fd-toolbar>\r\n                }\r\n            </fd-dynamic-page-global-actions>\r\n            <fd-dynamic-page-layout-actions>\r\n                <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\r\n                    <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"closeEvent.emit()\" title=\"Close\">\r\n                        <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\r\n                    </button>\r\n                </fd-toolbar>\r\n            </fd-dynamic-page-layout-actions>\r\n        </fd-dynamic-page-header>\r\n        @if (!hideSearchPanel && searchPanelUi && !sideContentMode) {\r\n        <fd-dynamic-page-subheader [pinnable]=\"true\" [collapsible]=\"false\">\r\n            @if (!isMobile) {\r\n            <bsu-search-panel\r\n                [hideButtons]=\"!simpleSearchPanel\"\r\n                [searchPanelUi]=\"searchPanelUi\"\r\n                (moChanged)=\"onSearchPanelMoChanged()\"\r\n            ></bsu-search-panel>\r\n            }\r\n        </fd-dynamic-page-subheader>\r\n        } @if (!tabMode) {\r\n\r\n        <fd-dynamic-page-content>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    sideContentMode ? sideContentTemplate : viewerTemplate;\r\n                    context: { noRenderPageing: true }\r\n                \"\r\n            ></ng-container>\r\n        </fd-dynamic-page-content>\r\n\r\n        } @if (pagingSetting?.TotalPages) {\r\n        <fd-dynamic-page-footer>\r\n            <!-- page footer content goes here -->\r\n            <div fd-bar [barDesign]=\"'footer'\">\r\n                <div fd-bar-middle>\r\n                    <ng-container\r\n                        [renderUlvPaging]=\"context\"\r\n                        [pagingSetting]=\"pagingSetting\"\r\n                        (pageChange)=\"onPageChange($event)\"\r\n                    ></ng-container>\r\n                </div>\r\n            </div>\r\n        </fd-dynamic-page-footer>\r\n        }\r\n    </fd-dynamic-page>\r\n    @if (tabMode) {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"sideContentMode ? sideContentTemplate : viewerTemplate; context: { noRenderPageing: true }\"\r\n    ></ng-container>\r\n    }\r\n</ng-template>\r\n<ng-template #reportTemplate>\r\n    @if (loading) {\r\n    <bsu-mask size=\"s\"></bsu-mask>\r\n    } @if (!hideSearchPanel && searchPanelUi && !sideContentMode) {\r\n    <ng-container *ngTemplateOutlet=\"searchpanelTemplate; context: { hideButtons: false }\"></ng-container>\r\n    }\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            sideContentMode ? sideContentTemplate : viewerTemplate;\r\n            context: { simpleReport: 'simpleReport' }\r\n        \"\r\n    >\r\n    </ng-container>\r\n</ng-template>\r\n<ng-template #sideContentTemplate let-simpleReport=\"simpleReport\">\r\n    <fd-dynamic-side-content\r\n        [class.rtl]=\"rtl\"\r\n        [size]=\"deviceSize | sapSize\"\r\n        fillEmptySpace\r\n        [decrement]=\"'2rem'\"\r\n        [disable]=\"isReportPage\"\r\n        [setMinHeight]=\"true\"\r\n        *untilInView=\"el\"\r\n    >\r\n        <fd-dynamic-side-content-side>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"searchpanelTemplate; context: { isSearcPanelInSideContent: true }\"\r\n            ></ng-container>\r\n        </fd-dynamic-side-content-side>\r\n        <fd-dynamic-side-content-main [style.width]=\"deviceSize !== 's' ? mainContentWidth : null\">\r\n            <fd-card>\r\n                <fd-card-content>\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"viewerTemplate; context: { noRenderPageing: isReportPage ? true : false }\"\r\n                    ></ng-container>\r\n                </fd-card-content>\r\n            </fd-card>\r\n        </fd-dynamic-side-content-main>\r\n    </fd-dynamic-side-content>\r\n</ng-template>\r\n<ng-template\r\n    #searchpanelTemplate\r\n    let-isSearcPanelInSideContent=\"isSearcPanelInSideContent\"\r\n    let-hideButtons=\"hideButtons\"\r\n>\r\n    @if (!isSearcPanelInSideContent) { @if (!hideSearchPanel && searchPanelUi) {\r\n    <bsu-search-panel\r\n        [searchPanelUi]=\"searchPanelUi\"\r\n        [isSearcPanelInSideContent]=\"isSearcPanelInSideContent\"\r\n        [hideButtons]=\"hideButtons\"\r\n        (moChanged)=\"onSearchPanelMoChanged()\"\r\n    ></bsu-search-panel>\r\n    } } @else {\r\n    <fd-card class=\"searchpanel-card\">\r\n        <fd-card-header>\r\n            <fd-card-main-header>\r\n                <h2 fd-card-title>\r\n                    <fd-icon glyph=\"filter\"></fd-icon><span>{{ 'Filter' | bbbTranslate }}</span>\r\n                </h2>\r\n            </fd-card-main-header>\r\n        </fd-card-header>\r\n        <fd-card-content style=\"flex-grow: 0\">\r\n            @if (!hideSearchPanel && searchPanelUi) {\r\n            <bsu-search-panel\r\n                [searchPanelUi]=\"searchPanelUi\"\r\n                [hideButtons]=\"true\"\r\n                [isSearcPanelInSideContent]=\"isSearcPanelInSideContent\"\r\n                (moChanged)=\"onSearchPanelMoChanged()\"\r\n            ></bsu-search-panel>\r\n            }\r\n        </fd-card-content>\r\n        <fd-card-footer style=\"border-bottom: none\">\r\n            <button\r\n                *fdCardFooterActionItem\r\n                fd-button\r\n                fdType=\"emphasized\"\r\n                [label]=\"'Search' | bbbTranslate\"\r\n                (click)=\"onSearch()\"\r\n                [fdContentDensity]=\"contentDensity\"\r\n            ></button>\r\n            <button\r\n                *fdCardFooterActionItem\r\n                fd-button\r\n                fdType=\"transparent\"\r\n                [label]=\"('Delete' | bbbTranslate) + ' ' + ('Filters' | bbbTranslate)\"\r\n                (click)=\"onClearSearch()\"\r\n                [fdOverflowGroup]=\"1\"\r\n                [fdContentDensity]=\"contentDensity\"\r\n            ></button>\r\n        </fd-card-footer>\r\n    </fd-card>\r\n    }\r\n</ng-template>\r\n<ng-template #viewerTemplate let-noRenderPageing=\"noRenderPageing\">\r\n    <div\r\n        class=\"viewer-container\"\r\n        fillEmptySpace\r\n        [disable]=\"!isReportPage || !fillPage\"\r\n        [decrement]=\"deviceSize !== 's' ? '100px' : '75px'\"\r\n        [style.height]=\"viewerLoading ? '100%' : 'auto'\"\r\n        [style.min-height]=\"isReportPage ? '100%' : null\"\r\n        [style.position]=\"viewerLoading ? 'relative' : null\"\r\n    >\r\n        @if (viewerLoading) {\r\n        <bsu-mask size=\"m\"></bsu-mask>\r\n        } @if (viewerControl) {\r\n        <ng-container\r\n            [renderUlvViewer]=\"viewerControl\"\r\n            [layoutInfo]=\"layoutInfo\"\r\n            [isReportPage]=\"isReportPage\"\r\n        ></ng-container>\r\n        }\r\n    </div>\r\n    @if (!noRenderPageing && pagingSetting?.TotalPages && !hidePageing && !hidePaging) {\r\n    <ng-container\r\n        [renderUlvPaging]=\"context\"\r\n        [pagingSetting]=\"pagingSetting\"\r\n        (pageChange)=\"onPageChange($event)\"\r\n    ></ng-container>\r\n    }\r\n</ng-template>\r\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #searchpanelDialog>\r\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\r\n        <fd-dialog-header>\r\n            <h1 id=\"fd-dialog-header-10\" fd-title>{{ 'Filters' | bbbTranslate }}</h1>\r\n            <button fd-dialog-close-button (click)=\"dialog.dismiss('Close button')\"></button>\r\n        </fd-dialog-header>\r\n        <fd-dialog-body>\r\n            <bsu-search-panel\r\n                [hideButtons]=\"true\"\r\n                [searchPanelUi]=\"searchPanelUi\"\r\n                (moChanged)=\"onSearchPanelMoChanged()\"\r\n            ></bsu-search-panel>\r\n        </fd-dialog-body>\r\n\r\n        <fd-dialog-footer>\r\n            <fd-dialog-footer-button>\r\n                <button\r\n                    fd-button\r\n                    fdkInitialFocus\r\n                    fdType=\"emphasized\"\r\n                    (click)=\"dialog.dismiss(); onSearch()\"\r\n                    [label]=\"'Search' | bbbTranslate\"\r\n                ></button>\r\n            </fd-dialog-footer-button>\r\n            <fd-dialog-footer-button>\r\n                <button fd-button [label]=\"'Clear' | bbbTranslate\" (click)=\"onClearSearch()\"></button>\r\n            </fd-dialog-footer-button>\r\n            <fd-dialog-footer-button>\r\n                <button\r\n                    fd-button\r\n                    fdType=\"transparent\"\r\n                    (click)=\"dialog.dismiss('Close button')\"\r\n                    [label]=\"'Cancel' | bbbTranslate\"\r\n                ></button>\r\n            </fd-dialog-footer-button>\r\n        </fd-dialog-footer>\r\n    </fd-dialog>\r\n</ng-template>\r\n", styles: [":host{display:block;height:100%;flex-grow:1}:host .searchpanel-card fd-card-header{pointer-events:none;cursor:default;padding:.5rem}:host .searchpanel-card h2[fd-card-title]{font-size:1rem;display:flex;align-items:center;gap:.5rem}:host .searchpanel-card h2[fd-card-title] fd-icon{font-size:1.2rem}:host[uiviewer=bsu-ui-card-view]>fd-dynamic-side-content{border:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}:host[uiviewer=bsu-ui-card-view]>fd-dynamic-side-content fd-dynamic-side-content-side{border-right:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}:host[uiviewer=bsu-ui-card-view]>fd-dynamic-side-content.rtl fd-dynamic-side-content-side{border-right:none;border-left:1px solid #ccc!important}:host[uiviewer=bsu-ui-card-view]>fd-dynamic-side-content fd-dynamic-side-content-main fd-card{transition:.25s background-color!important;background-color:var(--sapBackgroundColor, #f7f7f7)}:host.custom-background ::ng-deep article.fd-dynamic-page,:host.custom-background ::ng-deep fd-dynamic-page-content,:host.custom-background ::ng-deep .report-view,:host.custom-background ::ng-deep fd-dynamic-side-content-main>fd-card{background-color:transparent!important}:host>fd-dynamic-page>fd-dynamic-page-header.hide-container ::ng-deep .fd-dynamic-page__title-container{display:none}fd-dynamic-page:not(.mobile).notitle:not(.headersearchpanel) ::ng-deep>article>header .fd-dynamic-page__title-container{display:none}fd-dynamic-page:not(.mobile) ::ng-deep>article>div{display:flex;flex:1}fd-dynamic-page:not(.mobile) ::ng-deep>article>fd-tab-list>.fd-tabs__content fd-tab.is-expanded{min-height:100%;display:flex}fd-dynamic-page:not(.mobile) ::ng-deep>article>fd-tab-list>.fd-tabs__content fd-tab.is-expanded>fd-dynamic-page-content{min-height:100%}fd-dynamic-page[tabmode=true] ::ng-deep>article{height:auto!important}fd-dynamic-side-content{min-height:100%;height:auto}fd-dynamic-side-content-main ::ng-deep fd-toolbar{border:none!important}fd-dynamic-side-content-main ::ng-deep bsu-ui-table-view{padding-bottom:0!important;overflow-y:hidden}fd-dynamic-side-content-side fd-card-content{padding:.5rem}fd-dynamic-page-global-actions{flex:1;width:100%}h3[rtl=true]{margin-left:5px}h3[rtl=false]{margin-right:5px}.header-search{color:var(--sapButton_TextColor, #0854a0)!important}.filter-wrapper{border-bottom:1px solid var(--sapObjectHeader_BorderColor, #d9d9d9)}.report-toolbar-container{display:flex}.report-toolbar-container .global-actions{flex-grow:1}fd-popover-body{min-width:380px}fd-popover-body.mobile{min-width:80vw}@media (max-width: 599px){.report-toolbar-container{flex-direction:column-reverse}.report-toolbar-container .layout-actions{flex-grow:1}}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RenderUlvViewerDirective, selector: "[renderUlvViewer]", inputs: ["mask", "isReportPage", "layoutInfo", "renderUlvViewer"] }, { kind: "directive", type: i2.RenderUlvPaginDirective, selector: "[renderUlvPaging]", inputs: ["mask", "pagingSetting", "renderUlvPaging"], outputs: ["pageChange"] }, { kind: "directive", type: i2.UntilInViewDirective, selector: "[untilInView]", inputs: ["untilInView", "intersectionDebounce"] }, { kind: "directive", type: i2.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["containerDom", "decrement", "disable", "height", "dontUseTopBound", "setMinHeight"], outputs: ["heightChanged"], exportAs: ["fillEmptySpace"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i4$1.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i4$1.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i4$1.BarMiddleDirective, selector: "[fd-bar-middle]" }, { kind: "directive", type: i4$1.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i4$1.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: i4$1.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i5$6.BreadcrumbComponent, selector: "fd-breadcrumb", inputs: ["reverse", "tabIndex"], outputs: ["visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i5$6.BreadcrumbItemComponent, selector: "fd-breadcrumb-item" }, { kind: "directive", type: i3$4.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5$4.CardComponent, selector: "fd-card", inputs: ["badge", "badgeIcon", "badgeColor", "badgeColorSecondary", "badgeStatus", "badgeAriaLabel", "secondBadge", "secondBadgeIcon", "secondBadgeColor", "secondBadgeColorSecondary", "secondBadgeStatus", "secondBadgeAriaLabel", "isLoading", "cardType", "id", "ariaRoledescription", "ariaDescription", "ariaLabel", "role", "interactive", "selected", "ariaPosinset", "ariaSetsize"], outputs: ["ariaPosinsetChange", "ariaSetsizeChange"] }, { kind: "component", type: i5$4.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "component", type: i5$4.CardMainHeaderComponent, selector: "fd-card-main-header", inputs: ["interactive", "title"] }, { kind: "component", type: i5$4.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i5$4.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "component", type: i5$4.CardFooterComponent, selector: "fd-card-footer" }, { kind: "directive", type: i5$4.CardFooterActionItemDirective, selector: "[fdCardFooterActionItem]" }, { 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: i10$2.DynamicSideContentComponent, selector: "fd-dynamic-side-content", inputs: ["position", "size", "id"] }, { kind: "component", type: i10$2.DynamicSideContentSideComponent, selector: "fd-dynamic-side-content-side", inputs: ["id"] }, { kind: "component", type: i10$2.DynamicSideContentMainComponent, selector: "fd-dynamic-side-content-main", inputs: ["id"] }, { kind: "component", type: i3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i7.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "subline", "unreadIndicator", "role", "settingsList", "settingsListFooter"], outputs: ["focusEscapeList"] }, { kind: "component", type: i7.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "active", "unread", "byline", "ariaRole", "id", "preventClick", "settingsListTpl"], outputs: ["keyDown"] }, { kind: "directive", type: i7.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "component", type: i4$2.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4$2.DialogBodyComponent, selector: "fd-dialog-body", inputs: ["disablePaddings"] }, { kind: "component", type: i4$2.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4$2.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i4$2.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title", "ariaLabel"] }, { kind: "component", type: i6.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i5$2.InitialFocusDirective, selector: "[fdkInitialFocus]", inputs: ["fdkInitialFocus", "enabled", "focusLastElement"] }, { kind: "component", type: i7$2.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "directive", type: i7$2.PopoverBodyHeaderDirective, selector: "[fdPopoverBodyHeader], [fd-popover-body-header]" }, { kind: "directive", type: i7$2.PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "component", type: i8.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "title", "active", "clearBorder", "forceOverflow", "tabindex", "headingLevel", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i8.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "directive", type: i8.ToolbarSpacerDirective, selector: "fd-toolbar-spacer", inputs: ["width", "class", "fixed"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: SearchPanelComponent, selector: "bsu-search-panel", inputs: ["searchPanelUi", "hideButtons", "isSearcPanelInSideContent"], outputs: ["moChanged"] }, { kind: "component", type: BreadcrumbComponent, selector: "bsu-breadcrumb", inputs: ["breadCrumb", "allBreadCrumb", "isLast", "index"] }, { kind: "pipe", type: i1$2.SlicePipe, name: "slice" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: DynamicPageSizePipe, name: "dynamicPageSize" }, { kind: "pipe", type: SapSizePipe, name: "sapSize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: BarsaUlvMainComponent, isStandalone: false, selector: "bsu-barsa-ulv-main", inputs: { viewerControl: "viewerControl", loading: "loading", hidePaging: "hidePaging", viewerLoading: "viewerLoading", isReportPage: "isReportPage", cssBackground: "cssBackground", deviceSize: "deviceSize", title: "title", searchPanelUi: "searchPanelUi", breadCrumbs: "breadCrumbs", allSearchPanelSettings: "allSearchPanelSettings", isAnonymous: "isAnonymous", canSaveGridSetting: "canSaveGridSetting", rtl: "rtl", hideUlvPageTitle: "hideUlvPageTitle", selectedSearchPanelSettings: "selectedSearchPanelSettings", searchPanelMoChanged: "searchPanelMoChanged", selectedSearchPanelSettingsId: "selectedSearchPanelSettingsId", hideSearchPanel: "hideSearchPanel", pagingSetting: "pagingSetting", contentDensity: "contentDensity", context: "context", isMobile: "isMobile", standalone: "standalone", landscape: "landscape", simpleSearchPanel: "simpleSearchPanel", layoutInfo: "layoutInfo" }, outputs: { closeEvent: "closeEvent", searchPanelMoChange: "searchPanelMoChange", openManageFilters: "openManageFilters", collapsedChange: "collapsedChange", hideSearchPanelClick: "hideSearchPanelClick", filterSave: "filterSave", filterSaveAs: "filterSaveAs", pageChange: "pageChange", showFilterFieldsSetting: "showFilterFieldsSetting", manageFilters: "manageFilters", clearSearch: "clearSearch", search: "search", selectSearchPanelSettings: "selectSearchPanelSettings" }, host: { properties: { "style.background-color": "this._backgroundColor", "style.background-image": "this._backgroundUrl", "style.background-repeat": "this._backgroundRepeat", "class.custom-background": "this._customBackground" } }, viewQueries: [{ propertyName: "_dynamicPageComponent", first: true, predicate: DynamicPageComponent, descendants: true }, { propertyName: "dialogTemplate", first: true, predicate: ["searchpanelDialog"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container\r\n    *ngTemplateOutlet=\"\r\n        isReportPage ? reportPageTemplate : reportTemplate;\r\n        context: {\r\n            $implicit: viewerControl,\r\n            tabMode: viewerControl?.Setting?.ClassNames?.CustomUi?.Parameters?.TabMode\r\n        }\r\n    \"\r\n>\r\n</ng-container>\r\n@if (loading) {\r\n<bsu-mask size=\"m\"></bsu-mask>\r\n}\r\n<ng-template #reportPageTemplate let-viewerControl let-tabMode=\"tabMode\">\r\n    <fd-dynamic-page\r\n        formClose\r\n        mobile\r\n        [attr.isMobile]=\"isMobile ? true : null\"\r\n        [isMobile]=\"isMobile\"\r\n        [size]=\"deviceSize | dynamicPageSize\"\r\n        [attr.tabMode]=\"tabMode\"\r\n        [autoResponsive]=\"false\"\r\n        [class.notitle]=\"title.length<2 || hideUlvPageTitle\"\r\n        [class.nosearchpanel]=\"!searchPanelUi\"\r\n        [class.hideSearchPanel]=\"hideSearchPanel\"\r\n        [class.sideContentMode]=\"sideContentMode\"        \r\n    >\r\n        <fd-dynamic-page-header\r\n            [title]=\"\r\n                (title | bbbTranslate) && !hideUlvPageTitle\r\n                    ? (title | bbbTranslate)\r\n                    : isMobile && breadCrumbs.length\r\n                    ? breadCrumbs[breadCrumbs.length - 1].label\r\n                    : ''\r\n            \"\r\n            class=\"p-b0\"\r\n        >\r\n            <fd-dynamic-page-breadcrumb [class.hide]=\"isMobile\">\r\n                <fd-breadcrumb>\r\n                    @for ( breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length; track breadCrumb.url; let i =\r\n                    $index; let last = $last) {\r\n                    <fd-breadcrumb-item>\r\n                        <bsu-breadcrumb\r\n                            [index]=\"i\"\r\n                            [isLast]=\"last\"\r\n                            [breadCrumb]=\"breadCrumb\"\r\n                            [allBreadCrumb]=\"breadCrumbs\"\r\n                        ></bsu-breadcrumb>\r\n                    </fd-breadcrumb-item>\r\n                    }\r\n                </fd-breadcrumb>\r\n            </fd-dynamic-page-breadcrumb>\r\n            <!-- <fd-dynamic-page-title-content>\u06AF\u0632\u0627\u0631\u0634 </fd-dynamic-page-title-content> -->\r\n\r\n            <fd-dynamic-page-global-actions *untilInView=\"el\" style=\"min-width: auto\">\r\n                <fd-toolbar [shouldOverflow]=\"true\" style=\"display: none\"> </fd-toolbar>\r\n                <!-- added this because in mobile landscape toolbar disapper -->\r\n                @if (!hideSearchPanel ||( searchPanelUi && !sideContentMode)) {\r\n                <fd-toolbar\r\n                    class=\"global-actions\"\r\n                    fdType=\"transparent\"\r\n                    [clearBorder]=\"true\"\r\n                    [shouldOverflow]=\"deviceSize === 's'\"\r\n                >\r\n                    @if (isAnonymous === false && canSaveGridSetting) {\r\n                    <fd-popover fd-toolbar-item #popover fdOverflowPriority=\"never\">\r\n                        <fd-popover-control>\r\n                            <div style=\"display: flex; align-items: center\">\r\n                                <h3 class=\"header-search\" [attr.rtl]=\"rtl\" fd-title>\r\n                                    {{\r\n                                        selectedSearchPanelSettings?.IsStandard\r\n                                            ? ''\r\n                                            : selectedSearchPanelSettings?.Title\r\n                                    }}\r\n                                    @if (searchPanelMoChanged) {\r\n                                    <strong>*</strong>\r\n                                    }\r\n                                </h3>\r\n                                <button\r\n                                    fd-button\r\n                                    glyph=\"slim-arrow-down\"\r\n                                    fdType=\"transparent\"\r\n                                    [fdContentDensity]=\"contentDensity\"\r\n                                ></button>\r\n                            </div>\r\n                        </fd-popover-control>\r\n                        <fd-popover-body mobile>\r\n                            <div fd-popover-body-header>\r\n                                <div fd-bar [fdCozy]>\r\n                                    <div fd-bar-left>\r\n                                        <fd-bar-element>{{ 'Filters' | bbbTranslate }}</fd-bar-element>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <ul fd-list style=\"min-height: 200px; background-color: var(--sapBackgroundColor, #f7f7f7)\">\r\n                                @for (option of allSearchPanelSettings; track option) {\r\n                                <li\r\n                                    fd-list-item\r\n                                    [selected]=\"option.Id === selectedSearchPanelSettingsId\"\r\n                                    (click)=\"onSelectSearchPanelSettings(option.Id, popover)\"\r\n                                >\r\n                                    <span fd-list-title>{{ option.Title }}</span>\r\n                                </li>\r\n                                }\r\n                            </ul>\r\n                            <div fd-popover-body-footer>\r\n                                <div fd-bar [barDesign]=\"'footer'\" [fdCozy]>\r\n                                    @if (selectedSearchPanelSettings) {\r\n                                    <div fd-bar-right>\r\n                                        @if (!selectedSearchPanelSettings.IsPrimary && searchPanelMoChanged) {\r\n                                        <fd-button-bar\r\n                                            [label]=\"'Save' | bbbTranslate\"\r\n                                            fdType=\"emphasized\"\r\n                                            (click)=\"onFilterSave(popover)\"\r\n                                        >\r\n                                        </fd-button-bar>\r\n                                        } @if (searchPanelMoChanged) {\r\n                                        <fd-button-bar\r\n                                            [label]=\"'SaveAs' | bbbTranslate\"\r\n                                            [fdType]=\"\r\n                                                selectedSearchPanelSettings.IsDefault ? 'emphasized' : 'transparent'\r\n                                            \"\r\n                                            (click)=\"onFilterSaveAs(popover)\"\r\n                                        >\r\n                                        </fd-button-bar>\r\n                                        }\r\n                                        <fd-button-bar\r\n                                            [label]=\"'Manage' | bbbTranslate\"\r\n                                            fdkInitialFocus\r\n                                            fdType=\"transparent\"\r\n                                            (click)=\"onManageFilters(popover)\"\r\n                                        >\r\n                                        </fd-button-bar>\r\n                                    </div>\r\n                                    }\r\n                                </div>\r\n                            </div>\r\n                        </fd-popover-body>\r\n                    </fd-popover>\r\n                    } @if (deviceSize !== 's') {\r\n                    <fd-toolbar-spacer></fd-toolbar-spacer>\r\n                    } @if (isMobile && searchPanelUi) {\r\n                    <button\r\n                        fd-button\r\n                        fd-toolbar-item\r\n                        fdOverflowPriority=\"never\"\r\n                        (click)=\"onShowSearchpanelDialog()\"\r\n                        [glyph]=\"'filter'\"\r\n                        [fdContentDensity]=\"contentDensity\"\r\n                    ></button>\r\n                    } @if (!isMobile && !sideContentMode && !simpleSearchPanel && searchPanelUi) {\r\n                    <button\r\n                        fd-button\r\n                        fd-toolbar-item\r\n                        fdOverflowPriority=\"never\"\r\n                        fdType=\"emphasized\"\r\n                        [label]=\"'Search' | bbbTranslate\"\r\n                        (click)=\"onSearch()\"\r\n                        [fdContentDensity]=\"contentDensity\"\r\n                    ></button>\r\n                    } @if (!isMobile && !sideContentMode && searchPanelUi) {\r\n                    <button\r\n                        fd-button\r\n                        fd-toolbar-item\r\n                        fdType=\"transparent\"\r\n                        fdOverflowPriority=\"low\"\r\n                        [label]=\"'Filters' | bbbTranslate\"\r\n                        (click)=\"onShowFilterFieldsSetting()\"\r\n                        [fdOverflowGroup]=\"1\"\r\n                        [fdContentDensity]=\"contentDensity\"\r\n                    ></button>\r\n                    } @if (!isMobile && !sideContentMode && searchPanelUi) {\r\n                    <button\r\n                        fd-button\r\n                        fd-toolbar-item\r\n                        fdType=\"transparent\"\r\n                        fdOverflowPriority=\"low\"\r\n                        [label]=\"'Clear' | bbbTranslate\"\r\n                        (click)=\"onClearSearch()\"\r\n                        [fdOverflowGroup]=\"1\"\r\n                        [fdContentDensity]=\"contentDensity\"\r\n                    ></button>\r\n                    } @if (!isMobile && !sideContentMode && searchPanelUi) {\r\n                    <button\r\n                        fd-button\r\n                        fd-toolbar-item\r\n                        fdType=\"transparent\"\r\n                        [label]=\"hideSearchPanel ? ('Show' | bbbTranslate) : ('Hide' | bbbTranslate)\"\r\n                        (click)=\"onHideSearchPanelClick()\"\r\n                        fdOverflowPriority=\"low\"\r\n                        [fdOverflowGroup]=\"1\"\r\n                        [fdContentDensity]=\"contentDensity\"\r\n                    ></button>\r\n                    }\r\n                </fd-toolbar>\r\n                }\r\n            </fd-dynamic-page-global-actions>\r\n            <fd-dynamic-page-layout-actions>\r\n                <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\r\n                    <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"closeEvent.emit()\" title=\"Close\">\r\n                        <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\r\n                    </button>\r\n                </fd-toolbar>\r\n            </fd-dynamic-page-layout-actions>\r\n        </fd-dynamic-page-header>\r\n        @if (!hideSearchPanel && searchPanelUi && !sideContentMode) {\r\n        <fd-dynamic-page-subheader [pinnable]=\"true\" [collapsible]=\"false\">\r\n            @if (!isMobile) {\r\n            <bsu-search-panel\r\n                [hideButtons]=\"!simpleSearchPanel\"\r\n                [searchPanelUi]=\"searchPanelUi\"\r\n                (moChanged)=\"onSearchPanelMoChanged()\"\r\n            ></bsu-search-panel>\r\n            }\r\n        </fd-dynamic-page-subheader>\r\n        } @if (!tabMode) {\r\n\r\n        <fd-dynamic-page-content>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    sideContentMode ? sideContentTemplate : viewerTemplate;\r\n                    context: { noRenderPageing: true }\r\n                \"\r\n            ></ng-container>\r\n        </fd-dynamic-page-content>\r\n\r\n        } @if (pagingSetting?.TotalPages) {\r\n        <fd-dynamic-page-footer>\r\n            <!-- page footer content goes here -->\r\n            <div fd-bar [barDesign]=\"'footer'\">\r\n                <div fd-bar-middle>\r\n                    <ng-container\r\n                        [renderUlvPaging]=\"context\"\r\n                        [pagingSetting]=\"pagingSetting\"\r\n                        (pageChange)=\"onPageChange($event)\"\r\n                    ></ng-container>\r\n                </div>\r\n            </div>\r\n        </fd-dynamic-page-footer>\r\n        }\r\n    </fd-dynamic-page>\r\n    @if (tabMode) {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"sideContentMode ? sideContentTemplate : viewerTemplate; context: { noRenderPageing: true }\"\r\n    ></ng-container>\r\n    }\r\n</ng-template>\r\n<ng-template #reportTemplate>\r\n    @if (loading) {\r\n    <bsu-mask size=\"s\"></bsu-mask>\r\n    } @if (!hideSearchPanel && searchPanelUi && !sideContentMode) {\r\n    <ng-container *ngTemplateOutlet=\"searchpanelTemplate; context: { hideButtons: false }\"></ng-container>\r\n    }\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            sideContentMode ? sideContentTemplate : viewerTemplate;\r\n            context: { simpleReport: 'simpleReport' }\r\n        \"\r\n    >\r\n    </ng-container>\r\n</ng-template>\r\n<ng-template #sideContentTemplate let-simpleReport=\"simpleReport\">\r\n    <fd-dynamic-side-content\r\n        [class.rtl]=\"rtl\"\r\n        [size]=\"deviceSize | sapSize\"\r\n        fillEmptySpace\r\n        [decrement]=\"'2rem'\"\r\n        [disable]=\"isReportPage\"\r\n        [setMinHeight]=\"true\"\r\n        *untilInView=\"el\"\r\n    >\r\n        <fd-dynamic-side-content-side>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"searchpanelTemplate; context: { isSearcPanelInSideContent: true }\"\r\n            ></ng-container>\r\n        </fd-dynamic-side-content-side>\r\n        <fd-dynamic-side-content-main [style.width]=\"deviceSize !== 's' ? mainContentWidth : null\">\r\n            <fd-card>\r\n                <fd-card-content>\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"viewerTemplate; context: { noRenderPageing: isReportPage ? true : false }\"\r\n                    ></ng-container>\r\n                </fd-card-content>\r\n            </fd-card>\r\n        </fd-dynamic-side-content-main>\r\n    </fd-dynamic-side-content>\r\n</ng-template>\r\n<ng-template\r\n    #searchpanelTemplate\r\n    let-isSearcPanelInSideContent=\"isSearcPanelInSideContent\"\r\n    let-hideButtons=\"hideButtons\"\r\n>\r\n    @if (!isSearcPanelInSideContent) { @if (!hideSearchPanel && searchPanelUi) {\r\n    <bsu-search-panel\r\n        [searchPanelUi]=\"searchPanelUi\"\r\n        [isSearcPanelInSideContent]=\"isSearcPanelInSideContent\"\r\n        [hideButtons]=\"hideButtons\"\r\n        (moChanged)=\"onSearchPanelMoChanged()\"\r\n    ></bsu-search-panel>\r\n    } } @else {\r\n    <fd-card class=\"searchpanel-card\">\r\n        <fd-card-header>\r\n            <fd-card-main-header>\r\n                <h2 fd-card-title>\r\n                    <fd-icon glyph=\"filter\"></fd-icon><span>{{ 'Filter' | bbbTranslate }}</span>\r\n                </h2>\r\n            </fd-card-main-header>\r\n        </fd-card-header>\r\n        <fd-card-content style=\"flex-grow: 0\">\r\n            @if (!hideSearchPanel && searchPanelUi) {\r\n            <bsu-search-panel\r\n                [searchPanelUi]=\"searchPanelUi\"\r\n                [hideButtons]=\"true\"\r\n                [isSearcPanelInSideContent]=\"isSearcPanelInSideContent\"\r\n                (moChanged)=\"onSearchPanelMoChanged()\"\r\n            ></bsu-search-panel>\r\n            }\r\n        </fd-card-content>\r\n        <fd-card-footer style=\"border-bottom: none\">\r\n            <button\r\n                *fdCardFooterActionItem\r\n                fd-button\r\n                fdType=\"emphasized\"\r\n                [label]=\"'Search' | bbbTranslate\"\r\n                (click)=\"onSearch()\"\r\n                [fdContentDensity]=\"contentDensity\"\r\n            ></button>\r\n            <button\r\n                *fdCardFooterActionItem\r\n                fd-button\r\n                fdType=\"transparent\"\r\n                [label]=\"('Delete' | bbbTranslate) + ' ' + ('Filters' | bbbTranslate)\"\r\n                (click)=\"onClearSearch()\"\r\n                [fdOverflowGroup]=\"1\"\r\n                [fdContentDensity]=\"contentDensity\"\r\n            ></button>\r\n        </fd-card-footer>\r\n    </fd-card>\r\n    }\r\n</ng-template>\r\n<ng-template #viewerTemplate let-noRenderPageing=\"noRenderPageing\">\r\n    <div\r\n        class=\"viewer-container\"\r\n        fillEmptySpace\r\n        [disable]=\"!isReportPage || !fillPage\"\r\n        [decrement]=\"deviceSize !== 's' ? '100px' : '75px'\"\r\n        [style.height]=\"viewerLoading ? '100%' : 'auto'\"\r\n        [style.min-height]=\"isReportPage ? '100%' : null\"\r\n        [style.position]=\"viewerLoading ? 'relative' : null\"\r\n    >\r\n        @if (viewerLoading) {\r\n        <bsu-mask size=\"m\"></bsu-mask>\r\n        } @if (viewerControl) {\r\n        <ng-container\r\n            [renderUlvViewer]=\"viewerControl\"\r\n            [layoutInfo]=\"layoutInfo\"\r\n            [isReportPage]=\"isReportPage\"\r\n        ></ng-container>\r\n        }\r\n    </div>\r\n    @if (!noRenderPageing && pagingSetting?.TotalPages && !hidePageing && !hidePaging) {\r\n    <ng-container\r\n        [renderUlvPaging]=\"context\"\r\n        [pagingSetting]=\"pagingSetting\"\r\n        (pageChange)=\"onPageChange($event)\"\r\n    ></ng-container>\r\n    }\r\n</ng-template>\r\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #searchpanelDialog>\r\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\r\n        <fd-dialog-header>\r\n            <h1 id=\"fd-dialog-header-10\" fd-title>{{ 'Filters' | bbbTranslate }}</h1>\r\n            <button fd-dialog-close-button (click)=\"dialog.dismiss('Close button')\"></button>\r\n        </fd-dialog-header>\r\n        <fd-dialog-body>\r\n            <bsu-search-panel\r\n                [hideButtons]=\"true\"\r\n                [searchPanelUi]=\"searchPanelUi\"\r\n                (moChanged)=\"onSearchPanelMoChanged()\"\r\n            ></bsu-search-panel>\r\n        </fd-dialog-body>\r\n\r\n        <fd-dialog-footer>\r\n            <fd-dialog-footer-button>\r\n                <button\r\n                    fd-button\r\n                    fdkInitialFocus\r\n                    fdType=\"emphasized\"\r\n                    (click)=\"dialog.dismiss(); onSearch()\"\r\n                    [label]=\"'Search' | bbbTranslate\"\r\n                ></button>\r\n            </fd-dialog-footer-button>\r\n            <fd-dialog-footer-button>\r\n                <button fd-button [label]=\"'Clear' | bbbTranslate\" (click)=\"onClearSearch()\"></button>\r\n            </fd-dialog-footer-button>\r\n            <fd-dialog-footer-button>\r\n                <button\r\n                    fd-button\r\n                    fdType=\"transparent\"\r\n                    (click)=\"dialog.dismiss('Close button')\"\r\n                    [label]=\"'Cancel' | bbbTranslate\"\r\n                ></button>\r\n            </fd-dialog-footer-button>\r\n        </fd-dialog-footer>\r\n    </fd-dialog>\r\n</ng-template>\r\n", styles: [":host{display:block;height:100%;flex-grow:1}:host .searchpanel-card fd-card-header{pointer-events:none;cursor:default;padding:.5rem}:host .searchpanel-card h2[fd-card-title]{font-size:1rem;display:flex;align-items:center;gap:.5rem}:host .searchpanel-card h2[fd-card-title] fd-icon{font-size:1.2rem}:host[uiviewer=bsu-ui-card-view]>fd-dynamic-side-content{border:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}:host[uiviewer=bsu-ui-card-view]>fd-dynamic-side-content fd-dynamic-side-content-side{border-right:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}:host[uiviewer=bsu-ui-card-view]>fd-dynamic-side-content.rtl fd-dynamic-side-content-side{border-right:none;border-left:1px solid #ccc!important}:host[uiviewer=bsu-ui-card-view]>fd-dynamic-side-content fd-dynamic-side-content-main fd-card{transition:.25s background-color!important;background-color:var(--sapBackgroundColor, #f7f7f7)}:host.custom-background ::ng-deep article.fd-dynamic-page,:host.custom-background ::ng-deep fd-dynamic-page-content,:host.custom-background ::ng-deep .report-view,:host.custom-background ::ng-deep fd-dynamic-side-content-main>fd-card{background-color:transparent!important}:host>fd-dynamic-page>fd-dynamic-page-header.hide-container ::ng-deep .fd-dynamic-page__title-container{display:none}fd-dynamic-page:not(.mobile).notitle.sideContentMode ::ng-deep>article>header .fd-dynamic-page__title-container,fd-dynamic-page:not(.mobile).notitle.nosearchpanel ::ng-deep>article>header .fd-dynamic-page__title-container{display:none}fd-dynamic-page:not(.mobile).hideSearchPanel ::ng-deep>article>header .fd-dynamic-page__title-container{display:none}fd-dynamic-page:not(.mobile) ::ng-deep>article>div{display:flex;flex:1}fd-dynamic-page:not(.mobile) ::ng-deep>article>fd-tab-list>.fd-tabs__content fd-tab.is-expanded{min-height:100%;display:flex}fd-dynamic-page:not(.mobile) ::ng-deep>article>fd-tab-list>.fd-tabs__content fd-tab.is-expanded>fd-dynamic-page-content{min-height:100%}fd-dynamic-page[tabmode=true] ::ng-deep>article{height:auto!important}fd-dynamic-side-content{min-height:100%;height:auto}fd-dynamic-side-content-main ::ng-deep fd-toolbar{border:none!important}fd-dynamic-side-content-main ::ng-deep bsu-ui-table-view{padding-bottom:0!important;overflow-y:hidden}fd-dynamic-side-content-side fd-card-content{padding:.5rem}fd-dynamic-page-global-actions{flex:1;width:100%}h3[rtl=true]{margin-left:5px}h3[rtl=false]{margin-right:5px}.header-search{color:var(--sapButton_TextColor, #0854a0)!important}.filter-wrapper{border-bottom:1px solid var(--sapObjectHeader_BorderColor, #d9d9d9)}.report-toolbar-container{display:flex}.report-toolbar-container .global-actions{flex-grow:1}fd-popover-body{min-width:380px}fd-popover-body.mobile{min-width:80vw}@media (max-width: 599px){.report-toolbar-container{flex-direction:column-reverse}.report-toolbar-container .layout-actions{flex-grow:1}}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RenderUlvViewerDirective, selector: "[renderUlvViewer]", inputs: ["mask", "isReportPage", "layoutInfo", "renderUlvViewer"] }, { kind: "directive", type: i2.RenderUlvPaginDirective, selector: "[renderUlvPaging]", inputs: ["mask", "pagingSetting", "renderUlvPaging"], outputs: ["pageChange"] }, { kind: "directive", type: i2.UntilInViewDirective, selector: "[untilInView]", inputs: ["untilInView", "intersectionDebounce"] }, { kind: "directive", type: i2.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["containerDom", "decrement", "disable", "height", "dontUseTopBound", "setMinHeight"], outputs: ["heightChanged"], exportAs: ["fillEmptySpace"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i4$1.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i4$1.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i4$1.BarMiddleDirective, selector: "[fd-bar-middle]" }, { kind: "directive", type: i4$1.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i4$1.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: i4$1.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i5$6.BreadcrumbComponent, selector: "fd-breadcrumb", inputs: ["reverse", "tabIndex"], outputs: ["visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i5$6.BreadcrumbItemComponent, selector: "fd-breadcrumb-item" }, { kind: "directive", type: i3$4.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5$4.CardComponent, selector: "fd-card", inputs: ["badge", "badgeIcon", "badgeColor", "badgeColorSecondary", "badgeStatus", "badgeAriaLabel", "secondBadge", "secondBadgeIcon", "secondBadgeColor", "secondBadgeColorSecondary", "secondBadgeStatus", "secondBadgeAriaLabel", "isLoading", "cardType", "id", "ariaRoledescription", "ariaDescription", "ariaLabel", "role", "interactive", "selected", "ariaPosinset", "ariaSetsize"], outputs: ["ariaPosinsetChange", "ariaSetsizeChange"] }, { kind: "component", type: i5$4.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "component", type: i5$4.CardMainHeaderComponent, selector: "fd-card-main-header", inputs: ["interactive", "title"] }, { kind: "component", type: i5$4.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i5$4.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "component", type: i5$4.CardFooterComponent, selector: "fd-card-footer" }, { kind: "directive", type: i5$4.CardFooterActionItemDirective, selector: "[fdCardFooterActionItem]" }, { 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: i10$2.DynamicSideContentComponent, selector: "fd-dynamic-side-content", inputs: ["position", "size", "id"] }, { kind: "component", type: i10$2.DynamicSideContentSideComponent, selector: "fd-dynamic-side-content-side", inputs: ["id"] }, { kind: "component", type: i10$2.DynamicSideContentMainComponent, selector: "fd-dynamic-side-content-main", inputs: ["id"] }, { kind: "component", type: i3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i7.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "subline", "unreadIndicator", "role", "settingsList", "settingsListFooter"], outputs: ["focusEscapeList"] }, { kind: "component", type: i7.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "active", "unread", "byline", "ariaRole", "id", "preventClick", "settingsListTpl"], outputs: ["keyDown"] }, { kind: "directive", type: i7.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "component", type: i4$2.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4$2.DialogBodyComponent, selector: "fd-dialog-body", inputs: ["disablePaddings"] }, { kind: "component", type: i4$2.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4$2.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i4$2.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title", "ariaLabel"] }, { kind: "component", type: i6.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i5$2.InitialFocusDirective, selector: "[fdkInitialFocus]", inputs: ["fdkInitialFocus", "enabled", "focusLastElement"] }, { kind: "component", type: i7$2.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "directive", type: i7$2.PopoverBodyHeaderDirective, selector: "[fdPopoverBodyHeader], [fd-popover-body-header]" }, { kind: "directive", type: i7$2.PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "component", type: i8.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "title", "active", "clearBorder", "forceOverflow", "tabindex", "headingLevel", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i8.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "directive", type: i8.ToolbarSpacerDirective, selector: "fd-toolbar-spacer", inputs: ["width", "class", "fixed"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: SearchPanelComponent, selector: "bsu-search-panel", inputs: ["searchPanelUi", "hideButtons", "isSearcPanelInSideContent"], outputs: ["moChanged"] }, { kind: "component", type: BreadcrumbComponent, selector: "bsu-breadcrumb", inputs: ["breadCrumb", "allBreadCrumb", "isLast", "index"] }, { kind: "pipe", type: i1$2.SlicePipe, name: "slice" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: DynamicPageSizePipe, name: "dynamicPageSize" }, { kind: "pipe", type: SapSizePipe, name: "sapSize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: BarsaUlvMainComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-barsa-ulv-main', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-container\r\n    *ngTemplateOutlet=\"\r\n        isReportPage ? reportPageTemplate : reportTemplate;\r\n        context: {\r\n            $implicit: viewerControl,\r\n            tabMode: viewerControl?.Setting?.ClassNames?.CustomUi?.Parameters?.TabMode\r\n        }\r\n    \"\r\n>\r\n</ng-container>\r\n@if (loading) {\r\n<bsu-mask size=\"m\"></bsu-mask>\r\n}\r\n<ng-template #reportPageTemplate let-viewerControl let-tabMode=\"tabMode\">\r\n    <fd-dynamic-page\r\n        formClose\r\n        mobile\r\n        [attr.isMobile]=\"isMobile ? true : null\"\r\n        [isMobile]=\"isMobile\"\r\n        [size]=\"deviceSize | dynamicPageSize\"\r\n        [attr.tabMode]=\"tabMode\"\r\n        [autoResponsive]=\"false\"\r\n        [class.notitle]=\"\r\n            (!title && !searchPanelUi && !hideSearchPanel && !sideContentMode) ||\r\n            (!hideSearchPanel && !title) ||\r\n            hideUlvPageTitle ||\r\n            sideContentMode\r\n        \"\r\n         [class.headersearchpanel]=\"!hideSearchPanel ||( searchPanelUi && !sideContentMode)\"\r\n    >\r\n        <fd-dynamic-page-header\r\n            [title]=\"\r\n                (title | bbbTranslate) && !hideUlvPageTitle\r\n                    ? (title | bbbTranslate)\r\n                    : isMobile && breadCrumbs.length\r\n                    ? breadCrumbs[breadCrumbs.length - 1].label\r\n                    : ''\r\n            \"\r\n            class=\"p-b0\"            \r\n        >\r\n            <fd-dynamic-page-breadcrumb [class.hide]=\"isMobile\">\r\n                <fd-breadcrumb>\r\n                    @for ( breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length; track breadCrumb.url; let i =\r\n                    $index; let last = $last) {\r\n                    <fd-breadcrumb-item>\r\n                        <bsu-breadcrumb\r\n                            [index]=\"i\"\r\n                            [isLast]=\"last\"\r\n                            [breadCrumb]=\"breadCrumb\"\r\n                            [allBreadCrumb]=\"breadCrumbs\"\r\n                        ></bsu-breadcrumb>\r\n                    </fd-breadcrumb-item>\r\n                    }\r\n                </fd-breadcrumb>\r\n            </fd-dynamic-page-breadcrumb>\r\n            <!-- <fd-dynamic-page-title-content>\u06AF\u0632\u0627\u0631\u0634 </fd-dynamic-page-title-content> -->\r\n\r\n            <fd-dynamic-page-global-actions *untilInView=\"el\" style=\"min-width: auto\">\r\n                <fd-toolbar [shouldOverflow]=\"true\" style=\"display:none\"> </fd-toolbar>\r\n                <!-- added this because in mobile landscape toolbar disapper -->\r\n                @if (!hideSearchPanel ||( searchPanelUi && !sideContentMode)) {\r\n                <fd-toolbar\r\n                    class=\"global-actions\"\r\n                    fdType=\"transparent\"\r\n                    [clearBorder]=\"true\"\r\n                    [shouldOverflow]=\"deviceSize === 's'\"\r\n                >\r\n                    @if (isAnonymous === false && canSaveGridSetting) {\r\n                    <fd-popover fd-toolbar-item #popover fdOverflowPriority=\"never\">\r\n                        <fd-popover-control>\r\n                            <div style=\"display: flex; align-items: center\">\r\n                                <h3 class=\"header-search\" [attr.rtl]=\"rtl\" fd-title>\r\n                                    {{\r\n                                        selectedSearchPanelSettings?.IsStandard\r\n                                            ? ''\r\n                                            : selectedSearchPanelSettings?.Title\r\n                                    }}\r\n                                    @if (searchPanelMoChanged) {\r\n                                    <strong>*</strong>\r\n                                    }\r\n                                </h3>\r\n                                <button\r\n                                    fd-button\r\n                                    glyph=\"slim-arrow-down\"\r\n                                    fdType=\"transparent\"\r\n                                    [fdContentDensity]=\"contentDensity\"\r\n                                ></button>\r\n                            </div>\r\n                        </fd-popover-control>\r\n                        <fd-popover-body mobile>\r\n                            <div fd-popover-body-header>\r\n                                <div fd-bar [fdCozy]>\r\n                                    <div fd-bar-left>\r\n                                        <fd-bar-element>{{ 'Filters' | bbbTranslate }}</fd-bar-element>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <ul fd-list style=\"min-height: 200px; background-color: var(--sapBackgroundColor, #f7f7f7)\">\r\n                                @for (option of allSearchPanelSettings; track option) {\r\n                                <li\r\n                                    fd-list-item\r\n                                    [selected]=\"option.Id === selectedSearchPanelSettingsId\"\r\n                                    (click)=\"onSelectSearchPanelSettings(option.Id, popover)\"\r\n                                >\r\n                                    <span fd-list-title>{{ option.Title }}</span>\r\n                                </li>\r\n                                }\r\n                            </ul>\r\n                            <div fd-popover-body-footer>\r\n                                <div fd-bar [barDesign]=\"'footer'\" [fdCozy]>\r\n                                    @if (selectedSearchPanelSettings) {\r\n                                    <div fd-bar-right>\r\n                                        @if (!selectedSearchPanelSettings.IsPrimary && searchPanelMoChanged) {\r\n                                        <fd-button-bar\r\n                                            [label]=\"'Save' | bbbTranslate\"\r\n                                            fdType=\"emphasized\"\r\n                                            (click)=\"onFilterSave(popover)\"\r\n                                        >\r\n                                        </fd-button-bar>\r\n                                        } @if (searchPanelMoChanged) {\r\n                                        <fd-button-bar\r\n                                            [label]=\"'SaveAs' | bbbTranslate\"\r\n                                            [fdType]=\"\r\n                                                selectedSearchPanelSettings.IsDefault ? 'emphasized' : 'transparent'\r\n                                            \"\r\n                                            (click)=\"onFilterSaveAs(popover)\"\r\n                                        >\r\n                                        </fd-button-bar>\r\n                                        }\r\n                                        <fd-button-bar\r\n                                            [label]=\"'Manage' | bbbTranslate\"\r\n                                            fdkInitialFocus\r\n                                            fdType=\"transparent\"\r\n                                            (click)=\"onManageFilters(popover)\"\r\n                                        >\r\n                                        </fd-button-bar>\r\n                                    </div>\r\n                                    }\r\n                                </div>\r\n                            </div>\r\n                        </fd-popover-body>\r\n                    </fd-popover>\r\n                    } @if (deviceSize !== 's') {\r\n                    <fd-toolbar-spacer></fd-toolbar-spacer>\r\n                    } @if (isMobile && searchPanelUi) {\r\n                    <button\r\n                        fd-button\r\n                        fd-toolbar-item\r\n                        fdOverflowPriority=\"never\"\r\n                        (click)=\"onShowSearchpanelDialog()\"\r\n                        [glyph]=\"'filter'\"\r\n                        [fdContentDensity]=\"contentDensity\"\r\n                    ></button>\r\n                    } @if (!isMobile && !sideContentMode && !simpleSearchPanel && searchPanelUi) {\r\n                    <button\r\n                        fd-button\r\n                        fd-toolbar-item\r\n                        fdOverflowPriority=\"never\"\r\n                        fdType=\"emphasized\"\r\n                        [label]=\"'Search' | bbbTranslate\"\r\n                        (click)=\"onSearch()\"\r\n                        [fdContentDensity]=\"contentDensity\"\r\n                    ></button>\r\n                    } @if (!isMobile && !sideContentMode && searchPanelUi) {\r\n                    <button\r\n                        fd-button\r\n                        fd-toolbar-item\r\n                        fdType=\"transparent\"\r\n                        fdOverflowPriority=\"low\"\r\n                        [label]=\"'Filters' | bbbTranslate\"\r\n                        (click)=\"onShowFilterFieldsSetting()\"\r\n                        [fdOverflowGroup]=\"1\"\r\n                        [fdContentDensity]=\"contentDensity\"\r\n                    ></button>\r\n                    } @if (!isMobile && !sideContentMode && searchPanelUi) {\r\n                    <button\r\n                        fd-button\r\n                        fd-toolbar-item\r\n                        fdType=\"transparent\"\r\n                        fdOverflowPriority=\"low\"\r\n                        [label]=\"'Clear' | bbbTranslate\"\r\n                        (click)=\"onClearSearch()\"\r\n                        [fdOverflowGroup]=\"1\"\r\n                        [fdContentDensity]=\"contentDensity\"\r\n                    ></button>\r\n                    } @if (!isMobile && !sideContentMode && searchPanelUi) {\r\n                    <button\r\n                        fd-button\r\n                        fd-toolbar-item\r\n                        fdType=\"transparent\"\r\n                        [label]=\"hideSearchPanel ? ('Show' | bbbTranslate) : ('Hide' | bbbTranslate)\"\r\n                        (click)=\"onHideSearchPanelClick()\"\r\n                        fdOverflowPriority=\"low\"\r\n                        [fdOverflowGroup]=\"1\"\r\n                        [fdContentDensity]=\"contentDensity\"\r\n                    ></button>\r\n                    }\r\n                </fd-toolbar>\r\n                }\r\n            </fd-dynamic-page-global-actions>\r\n            <fd-dynamic-page-layout-actions>\r\n                <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\r\n                    <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"closeEvent.emit()\" title=\"Close\">\r\n                        <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\r\n                    </button>\r\n                </fd-toolbar>\r\n            </fd-dynamic-page-layout-actions>\r\n        </fd-dynamic-page-header>\r\n        @if (!hideSearchPanel && searchPanelUi && !sideContentMode) {\r\n        <fd-dynamic-page-subheader [pinnable]=\"true\" [collapsible]=\"false\">\r\n            @if (!isMobile) {\r\n            <bsu-search-panel\r\n                [hideButtons]=\"!simpleSearchPanel\"\r\n                [searchPanelUi]=\"searchPanelUi\"\r\n                (moChanged)=\"onSearchPanelMoChanged()\"\r\n            ></bsu-search-panel>\r\n            }\r\n        </fd-dynamic-page-subheader>\r\n        } @if (!tabMode) {\r\n\r\n        <fd-dynamic-page-content>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    sideContentMode ? sideContentTemplate : viewerTemplate;\r\n                    context: { noRenderPageing: true }\r\n                \"\r\n            ></ng-container>\r\n        </fd-dynamic-page-content>\r\n\r\n        } @if (pagingSetting?.TotalPages) {\r\n        <fd-dynamic-page-footer>\r\n            <!-- page footer content goes here -->\r\n            <div fd-bar [barDesign]=\"'footer'\">\r\n                <div fd-bar-middle>\r\n                    <ng-container\r\n                        [renderUlvPaging]=\"context\"\r\n                        [pagingSetting]=\"pagingSetting\"\r\n                        (pageChange)=\"onPageChange($event)\"\r\n                    ></ng-container>\r\n                </div>\r\n            </div>\r\n        </fd-dynamic-page-footer>\r\n        }\r\n    </fd-dynamic-page>\r\n    @if (tabMode) {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"sideContentMode ? sideContentTemplate : viewerTemplate; context: { noRenderPageing: true }\"\r\n    ></ng-container>\r\n    }\r\n</ng-template>\r\n<ng-template #reportTemplate>\r\n    @if (loading) {\r\n    <bsu-mask size=\"s\"></bsu-mask>\r\n    } @if (!hideSearchPanel && searchPanelUi && !sideContentMode) {\r\n    <ng-container *ngTemplateOutlet=\"searchpanelTemplate; context: { hideButtons: false }\"></ng-container>\r\n    }\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            sideContentMode ? sideContentTemplate : viewerTemplate;\r\n            context: { simpleReport: 'simpleReport' }\r\n        \"\r\n    >\r\n    </ng-container>\r\n</ng-template>\r\n<ng-template #sideContentTemplate let-simpleReport=\"simpleReport\">\r\n    <fd-dynamic-side-content\r\n        [class.rtl]=\"rtl\"\r\n        [size]=\"deviceSize | sapSize\"\r\n        fillEmptySpace\r\n        [decrement]=\"'2rem'\"\r\n        [disable]=\"isReportPage\"\r\n        [setMinHeight]=\"true\"\r\n        *untilInView=\"el\"\r\n    >\r\n        <fd-dynamic-side-content-side>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"searchpanelTemplate; context: { isSearcPanelInSideContent: true }\"\r\n            ></ng-container>\r\n        </fd-dynamic-side-content-side>\r\n        <fd-dynamic-side-content-main [style.width]=\"deviceSize !== 's' ? mainContentWidth : null\">\r\n            <fd-card>\r\n                <fd-card-content>\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"viewerTemplate; context: { noRenderPageing: isReportPage ? true : false }\"\r\n                    ></ng-container>\r\n                </fd-card-content>\r\n            </fd-card>\r\n        </fd-dynamic-side-content-main>\r\n    </fd-dynamic-side-content>\r\n</ng-template>\r\n<ng-template\r\n    #searchpanelTemplate\r\n    let-isSearcPanelInSideContent=\"isSearcPanelInSideContent\"\r\n    let-hideButtons=\"hideButtons\"\r\n>\r\n    @if (!isSearcPanelInSideContent) { @if (!hideSearchPanel && searchPanelUi) {\r\n    <bsu-search-panel\r\n        [searchPanelUi]=\"searchPanelUi\"\r\n        [isSearcPanelInSideContent]=\"isSearcPanelInSideContent\"\r\n        [hideButtons]=\"hideButtons\"\r\n        (moChanged)=\"onSearchPanelMoChanged()\"\r\n    ></bsu-search-panel>\r\n    } } @else {\r\n    <fd-card class=\"searchpanel-card\">\r\n        <fd-card-header>\r\n            <fd-card-main-header>\r\n                <h2 fd-card-title>\r\n                    <fd-icon glyph=\"filter\"></fd-icon><span>{{ 'Filter' | bbbTranslate }}</span>\r\n                </h2>\r\n            </fd-card-main-header>\r\n        </fd-card-header>\r\n        <fd-card-content style=\"flex-grow: 0\">\r\n            @if (!hideSearchPanel && searchPanelUi) {\r\n            <bsu-search-panel\r\n                [searchPanelUi]=\"searchPanelUi\"\r\n                [hideButtons]=\"true\"\r\n                [isSearcPanelInSideContent]=\"isSearcPanelInSideContent\"\r\n                (moChanged)=\"onSearchPanelMoChanged()\"\r\n            ></bsu-search-panel>\r\n            }\r\n        </fd-card-content>\r\n        <fd-card-footer style=\"border-bottom: none\">\r\n            <button\r\n                *fdCardFooterActionItem\r\n                fd-button\r\n                fdType=\"emphasized\"\r\n                [label]=\"'Search' | bbbTranslate\"\r\n                (click)=\"onSearch()\"\r\n                [fdContentDensity]=\"contentDensity\"\r\n            ></button>\r\n            <button\r\n                *fdCardFooterActionItem\r\n                fd-button\r\n                fdType=\"transparent\"\r\n                [label]=\"('Delete' | bbbTranslate) + ' ' + ('Filters' | bbbTranslate)\"\r\n                (click)=\"onClearSearch()\"\r\n                [fdOverflowGroup]=\"1\"\r\n                [fdContentDensity]=\"contentDensity\"\r\n            ></button>\r\n        </fd-card-footer>\r\n    </fd-card>\r\n    }\r\n</ng-template>\r\n<ng-template #viewerTemplate let-noRenderPageing=\"noRenderPageing\">\r\n    <div\r\n        class=\"viewer-container\"\r\n        fillEmptySpace\r\n        [disable]=\"!isReportPage || !fillPage\"\r\n        [decrement]=\"deviceSize !== 's' ? '100px' : '75px'\"\r\n        [style.height]=\"viewerLoading ? '100%' : 'auto'\"\r\n        [style.min-height]=\"isReportPage ? '100%' : null\"\r\n        [style.position]=\"viewerLoading ? 'relative' : null\"\r\n    >\r\n        @if (viewerLoading) {\r\n        <bsu-mask size=\"m\"></bsu-mask>\r\n        } @if (viewerControl) {\r\n        <ng-container\r\n            [renderUlvViewer]=\"viewerControl\"\r\n            [layoutInfo]=\"layoutInfo\"\r\n            [isReportPage]=\"isReportPage\"\r\n        ></ng-container>\r\n        }\r\n    </div>\r\n    @if (!noRenderPageing && pagingSetting?.TotalPages && !hidePageing && !hidePaging) {\r\n    <ng-container\r\n        [renderUlvPaging]=\"context\"\r\n        [pagingSetting]=\"pagingSetting\"\r\n        (pageChange)=\"onPageChange($event)\"\r\n    ></ng-container>\r\n    }\r\n</ng-template>\r\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #searchpanelDialog>\r\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\r\n        <fd-dialog-header>\r\n            <h1 id=\"fd-dialog-header-10\" fd-title>{{ 'Filters' | bbbTranslate }}</h1>\r\n            <button fd-dialog-close-button (click)=\"dialog.dismiss('Close button')\"></button>\r\n        </fd-dialog-header>\r\n        <fd-dialog-body>\r\n            <bsu-search-panel\r\n                [hideButtons]=\"true\"\r\n                [searchPanelUi]=\"searchPanelUi\"\r\n                (moChanged)=\"onSearchPanelMoChanged()\"\r\n            ></bsu-search-panel>\r\n        </fd-dialog-body>\r\n\r\n        <fd-dialog-footer>\r\n            <fd-dialog-footer-button>\r\n                <button\r\n                    fd-button\r\n                    fdkInitialFocus\r\n                    fdType=\"emphasized\"\r\n                    (click)=\"dialog.dismiss(); onSearch()\"\r\n                    [label]=\"'Search' | bbbTranslate\"\r\n                ></button>\r\n            </fd-dialog-footer-button>\r\n            <fd-dialog-footer-button>\r\n                <button fd-button [label]=\"'Clear' | bbbTranslate\" (click)=\"onClearSearch()\"></button>\r\n            </fd-dialog-footer-button>\r\n            <fd-dialog-footer-button>\r\n                <button\r\n                    fd-button\r\n                    fdType=\"transparent\"\r\n                    (click)=\"dialog.dismiss('Close button')\"\r\n                    [label]=\"'Cancel' | bbbTranslate\"\r\n                ></button>\r\n            </fd-dialog-footer-button>\r\n        </fd-dialog-footer>\r\n    </fd-dialog>\r\n</ng-template>\r\n", styles: [":host{display:block;height:100%;flex-grow:1}:host .searchpanel-card fd-card-header{pointer-events:none;cursor:default;padding:.5rem}:host .searchpanel-card h2[fd-card-title]{font-size:1rem;display:flex;align-items:center;gap:.5rem}:host .searchpanel-card h2[fd-card-title] fd-icon{font-size:1.2rem}:host[uiviewer=bsu-ui-card-view]>fd-dynamic-side-content{border:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}:host[uiviewer=bsu-ui-card-view]>fd-dynamic-side-content fd-dynamic-side-content-side{border-right:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}:host[uiviewer=bsu-ui-card-view]>fd-dynamic-side-content.rtl fd-dynamic-side-content-side{border-right:none;border-left:1px solid #ccc!important}:host[uiviewer=bsu-ui-card-view]>fd-dynamic-side-content fd-dynamic-side-content-main fd-card{transition:.25s background-color!important;background-color:var(--sapBackgroundColor, #f7f7f7)}:host.custom-background ::ng-deep article.fd-dynamic-page,:host.custom-background ::ng-deep fd-dynamic-page-content,:host.custom-background ::ng-deep .report-view,:host.custom-background ::ng-deep fd-dynamic-side-content-main>fd-card{background-color:transparent!important}:host>fd-dynamic-page>fd-dynamic-page-header.hide-container ::ng-deep .fd-dynamic-page__title-container{display:none}fd-dynamic-page:not(.mobile).notitle:not(.headersearchpanel) ::ng-deep>article>header .fd-dynamic-page__title-container{display:none}fd-dynamic-page:not(.mobile) ::ng-deep>article>div{display:flex;flex:1}fd-dynamic-page:not(.mobile) ::ng-deep>article>fd-tab-list>.fd-tabs__content fd-tab.is-expanded{min-height:100%;display:flex}fd-dynamic-page:not(.mobile) ::ng-deep>article>fd-tab-list>.fd-tabs__content fd-tab.is-expanded>fd-dynamic-page-content{min-height:100%}fd-dynamic-page[tabmode=true] ::ng-deep>article{height:auto!important}fd-dynamic-side-content{min-height:100%;height:auto}fd-dynamic-side-content-main ::ng-deep fd-toolbar{border:none!important}fd-dynamic-side-content-main ::ng-deep bsu-ui-table-view{padding-bottom:0!important;overflow-y:hidden}fd-dynamic-side-content-side fd-card-content{padding:.5rem}fd-dynamic-page-global-actions{flex:1;width:100%}h3[rtl=true]{margin-left:5px}h3[rtl=false]{margin-right:5px}.header-search{color:var(--sapButton_TextColor, #0854a0)!important}.filter-wrapper{border-bottom:1px solid var(--sapObjectHeader_BorderColor, #d9d9d9)}.report-toolbar-container{display:flex}.report-toolbar-container .global-actions{flex-grow:1}fd-popover-body{min-width:380px}fd-popover-body.mobile{min-width:80vw}@media (max-width: 599px){.report-toolbar-container{flex-direction:column-reverse}.report-toolbar-container .layout-actions{flex-grow:1}}\n"] }]
+            args: [{ selector: 'bsu-barsa-ulv-main', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-container\r\n    *ngTemplateOutlet=\"\r\n        isReportPage ? reportPageTemplate : reportTemplate;\r\n        context: {\r\n            $implicit: viewerControl,\r\n            tabMode: viewerControl?.Setting?.ClassNames?.CustomUi?.Parameters?.TabMode\r\n        }\r\n    \"\r\n>\r\n</ng-container>\r\n@if (loading) {\r\n<bsu-mask size=\"m\"></bsu-mask>\r\n}\r\n<ng-template #reportPageTemplate let-viewerControl let-tabMode=\"tabMode\">\r\n    <fd-dynamic-page\r\n        formClose\r\n        mobile\r\n        [attr.isMobile]=\"isMobile ? true : null\"\r\n        [isMobile]=\"isMobile\"\r\n        [size]=\"deviceSize | dynamicPageSize\"\r\n        [attr.tabMode]=\"tabMode\"\r\n        [autoResponsive]=\"false\"\r\n        [class.notitle]=\"title.length<2 || hideUlvPageTitle\"\r\n        [class.nosearchpanel]=\"!searchPanelUi\"\r\n        [class.hideSearchPanel]=\"hideSearchPanel\"\r\n        [class.sideContentMode]=\"sideContentMode\"        \r\n    >\r\n        <fd-dynamic-page-header\r\n            [title]=\"\r\n                (title | bbbTranslate) && !hideUlvPageTitle\r\n                    ? (title | bbbTranslate)\r\n                    : isMobile && breadCrumbs.length\r\n                    ? breadCrumbs[breadCrumbs.length - 1].label\r\n                    : ''\r\n            \"\r\n            class=\"p-b0\"\r\n        >\r\n            <fd-dynamic-page-breadcrumb [class.hide]=\"isMobile\">\r\n                <fd-breadcrumb>\r\n                    @for ( breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length; track breadCrumb.url; let i =\r\n                    $index; let last = $last) {\r\n                    <fd-breadcrumb-item>\r\n                        <bsu-breadcrumb\r\n                            [index]=\"i\"\r\n                            [isLast]=\"last\"\r\n                            [breadCrumb]=\"breadCrumb\"\r\n                            [allBreadCrumb]=\"breadCrumbs\"\r\n                        ></bsu-breadcrumb>\r\n                    </fd-breadcrumb-item>\r\n                    }\r\n                </fd-breadcrumb>\r\n            </fd-dynamic-page-breadcrumb>\r\n            <!-- <fd-dynamic-page-title-content>\u06AF\u0632\u0627\u0631\u0634 </fd-dynamic-page-title-content> -->\r\n\r\n            <fd-dynamic-page-global-actions *untilInView=\"el\" style=\"min-width: auto\">\r\n                <fd-toolbar [shouldOverflow]=\"true\" style=\"display: none\"> </fd-toolbar>\r\n                <!-- added this because in mobile landscape toolbar disapper -->\r\n                @if (!hideSearchPanel ||( searchPanelUi && !sideContentMode)) {\r\n                <fd-toolbar\r\n                    class=\"global-actions\"\r\n                    fdType=\"transparent\"\r\n                    [clearBorder]=\"true\"\r\n                    [shouldOverflow]=\"deviceSize === 's'\"\r\n                >\r\n                    @if (isAnonymous === false && canSaveGridSetting) {\r\n                    <fd-popover fd-toolbar-item #popover fdOverflowPriority=\"never\">\r\n                        <fd-popover-control>\r\n                            <div style=\"display: flex; align-items: center\">\r\n                                <h3 class=\"header-search\" [attr.rtl]=\"rtl\" fd-title>\r\n                                    {{\r\n                                        selectedSearchPanelSettings?.IsStandard\r\n                                            ? ''\r\n                                            : selectedSearchPanelSettings?.Title\r\n                                    }}\r\n                                    @if (searchPanelMoChanged) {\r\n                                    <strong>*</strong>\r\n                                    }\r\n                                </h3>\r\n                                <button\r\n                                    fd-button\r\n                                    glyph=\"slim-arrow-down\"\r\n                                    fdType=\"transparent\"\r\n                                    [fdContentDensity]=\"contentDensity\"\r\n                                ></button>\r\n                            </div>\r\n                        </fd-popover-control>\r\n                        <fd-popover-body mobile>\r\n                            <div fd-popover-body-header>\r\n                                <div fd-bar [fdCozy]>\r\n                                    <div fd-bar-left>\r\n                                        <fd-bar-element>{{ 'Filters' | bbbTranslate }}</fd-bar-element>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <ul fd-list style=\"min-height: 200px; background-color: var(--sapBackgroundColor, #f7f7f7)\">\r\n                                @for (option of allSearchPanelSettings; track option) {\r\n                                <li\r\n                                    fd-list-item\r\n                                    [selected]=\"option.Id === selectedSearchPanelSettingsId\"\r\n                                    (click)=\"onSelectSearchPanelSettings(option.Id, popover)\"\r\n                                >\r\n                                    <span fd-list-title>{{ option.Title }}</span>\r\n                                </li>\r\n                                }\r\n                            </ul>\r\n                            <div fd-popover-body-footer>\r\n                                <div fd-bar [barDesign]=\"'footer'\" [fdCozy]>\r\n                                    @if (selectedSearchPanelSettings) {\r\n                                    <div fd-bar-right>\r\n                                        @if (!selectedSearchPanelSettings.IsPrimary && searchPanelMoChanged) {\r\n                                        <fd-button-bar\r\n                                            [label]=\"'Save' | bbbTranslate\"\r\n                                            fdType=\"emphasized\"\r\n                                            (click)=\"onFilterSave(popover)\"\r\n                                        >\r\n                                        </fd-button-bar>\r\n                                        } @if (searchPanelMoChanged) {\r\n                                        <fd-button-bar\r\n                                            [label]=\"'SaveAs' | bbbTranslate\"\r\n                                            [fdType]=\"\r\n                                                selectedSearchPanelSettings.IsDefault ? 'emphasized' : 'transparent'\r\n                                            \"\r\n                                            (click)=\"onFilterSaveAs(popover)\"\r\n                                        >\r\n                                        </fd-button-bar>\r\n                                        }\r\n                                        <fd-button-bar\r\n                                            [label]=\"'Manage' | bbbTranslate\"\r\n                                            fdkInitialFocus\r\n                                            fdType=\"transparent\"\r\n                                            (click)=\"onManageFilters(popover)\"\r\n                                        >\r\n                                        </fd-button-bar>\r\n                                    </div>\r\n                                    }\r\n                                </div>\r\n                            </div>\r\n                        </fd-popover-body>\r\n                    </fd-popover>\r\n                    } @if (deviceSize !== 's') {\r\n                    <fd-toolbar-spacer></fd-toolbar-spacer>\r\n                    } @if (isMobile && searchPanelUi) {\r\n                    <button\r\n                        fd-button\r\n                        fd-toolbar-item\r\n                        fdOverflowPriority=\"never\"\r\n                        (click)=\"onShowSearchpanelDialog()\"\r\n                        [glyph]=\"'filter'\"\r\n                        [fdContentDensity]=\"contentDensity\"\r\n                    ></button>\r\n                    } @if (!isMobile && !sideContentMode && !simpleSearchPanel && searchPanelUi) {\r\n                    <button\r\n                        fd-button\r\n                        fd-toolbar-item\r\n                        fdOverflowPriority=\"never\"\r\n                        fdType=\"emphasized\"\r\n                        [label]=\"'Search' | bbbTranslate\"\r\n                        (click)=\"onSearch()\"\r\n                        [fdContentDensity]=\"contentDensity\"\r\n                    ></button>\r\n                    } @if (!isMobile && !sideContentMode && searchPanelUi) {\r\n                    <button\r\n                        fd-button\r\n                        fd-toolbar-item\r\n                        fdType=\"transparent\"\r\n                        fdOverflowPriority=\"low\"\r\n                        [label]=\"'Filters' | bbbTranslate\"\r\n                        (click)=\"onShowFilterFieldsSetting()\"\r\n                        [fdOverflowGroup]=\"1\"\r\n                        [fdContentDensity]=\"contentDensity\"\r\n                    ></button>\r\n                    } @if (!isMobile && !sideContentMode && searchPanelUi) {\r\n                    <button\r\n                        fd-button\r\n                        fd-toolbar-item\r\n                        fdType=\"transparent\"\r\n                        fdOverflowPriority=\"low\"\r\n                        [label]=\"'Clear' | bbbTranslate\"\r\n                        (click)=\"onClearSearch()\"\r\n                        [fdOverflowGroup]=\"1\"\r\n                        [fdContentDensity]=\"contentDensity\"\r\n                    ></button>\r\n                    } @if (!isMobile && !sideContentMode && searchPanelUi) {\r\n                    <button\r\n                        fd-button\r\n                        fd-toolbar-item\r\n                        fdType=\"transparent\"\r\n                        [label]=\"hideSearchPanel ? ('Show' | bbbTranslate) : ('Hide' | bbbTranslate)\"\r\n                        (click)=\"onHideSearchPanelClick()\"\r\n                        fdOverflowPriority=\"low\"\r\n                        [fdOverflowGroup]=\"1\"\r\n                        [fdContentDensity]=\"contentDensity\"\r\n                    ></button>\r\n                    }\r\n                </fd-toolbar>\r\n                }\r\n            </fd-dynamic-page-global-actions>\r\n            <fd-dynamic-page-layout-actions>\r\n                <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\r\n                    <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"closeEvent.emit()\" title=\"Close\">\r\n                        <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\r\n                    </button>\r\n                </fd-toolbar>\r\n            </fd-dynamic-page-layout-actions>\r\n        </fd-dynamic-page-header>\r\n        @if (!hideSearchPanel && searchPanelUi && !sideContentMode) {\r\n        <fd-dynamic-page-subheader [pinnable]=\"true\" [collapsible]=\"false\">\r\n            @if (!isMobile) {\r\n            <bsu-search-panel\r\n                [hideButtons]=\"!simpleSearchPanel\"\r\n                [searchPanelUi]=\"searchPanelUi\"\r\n                (moChanged)=\"onSearchPanelMoChanged()\"\r\n            ></bsu-search-panel>\r\n            }\r\n        </fd-dynamic-page-subheader>\r\n        } @if (!tabMode) {\r\n\r\n        <fd-dynamic-page-content>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    sideContentMode ? sideContentTemplate : viewerTemplate;\r\n                    context: { noRenderPageing: true }\r\n                \"\r\n            ></ng-container>\r\n        </fd-dynamic-page-content>\r\n\r\n        } @if (pagingSetting?.TotalPages) {\r\n        <fd-dynamic-page-footer>\r\n            <!-- page footer content goes here -->\r\n            <div fd-bar [barDesign]=\"'footer'\">\r\n                <div fd-bar-middle>\r\n                    <ng-container\r\n                        [renderUlvPaging]=\"context\"\r\n                        [pagingSetting]=\"pagingSetting\"\r\n                        (pageChange)=\"onPageChange($event)\"\r\n                    ></ng-container>\r\n                </div>\r\n            </div>\r\n        </fd-dynamic-page-footer>\r\n        }\r\n    </fd-dynamic-page>\r\n    @if (tabMode) {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"sideContentMode ? sideContentTemplate : viewerTemplate; context: { noRenderPageing: true }\"\r\n    ></ng-container>\r\n    }\r\n</ng-template>\r\n<ng-template #reportTemplate>\r\n    @if (loading) {\r\n    <bsu-mask size=\"s\"></bsu-mask>\r\n    } @if (!hideSearchPanel && searchPanelUi && !sideContentMode) {\r\n    <ng-container *ngTemplateOutlet=\"searchpanelTemplate; context: { hideButtons: false }\"></ng-container>\r\n    }\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            sideContentMode ? sideContentTemplate : viewerTemplate;\r\n            context: { simpleReport: 'simpleReport' }\r\n        \"\r\n    >\r\n    </ng-container>\r\n</ng-template>\r\n<ng-template #sideContentTemplate let-simpleReport=\"simpleReport\">\r\n    <fd-dynamic-side-content\r\n        [class.rtl]=\"rtl\"\r\n        [size]=\"deviceSize | sapSize\"\r\n        fillEmptySpace\r\n        [decrement]=\"'2rem'\"\r\n        [disable]=\"isReportPage\"\r\n        [setMinHeight]=\"true\"\r\n        *untilInView=\"el\"\r\n    >\r\n        <fd-dynamic-side-content-side>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"searchpanelTemplate; context: { isSearcPanelInSideContent: true }\"\r\n            ></ng-container>\r\n        </fd-dynamic-side-content-side>\r\n        <fd-dynamic-side-content-main [style.width]=\"deviceSize !== 's' ? mainContentWidth : null\">\r\n            <fd-card>\r\n                <fd-card-content>\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"viewerTemplate; context: { noRenderPageing: isReportPage ? true : false }\"\r\n                    ></ng-container>\r\n                </fd-card-content>\r\n            </fd-card>\r\n        </fd-dynamic-side-content-main>\r\n    </fd-dynamic-side-content>\r\n</ng-template>\r\n<ng-template\r\n    #searchpanelTemplate\r\n    let-isSearcPanelInSideContent=\"isSearcPanelInSideContent\"\r\n    let-hideButtons=\"hideButtons\"\r\n>\r\n    @if (!isSearcPanelInSideContent) { @if (!hideSearchPanel && searchPanelUi) {\r\n    <bsu-search-panel\r\n        [searchPanelUi]=\"searchPanelUi\"\r\n        [isSearcPanelInSideContent]=\"isSearcPanelInSideContent\"\r\n        [hideButtons]=\"hideButtons\"\r\n        (moChanged)=\"onSearchPanelMoChanged()\"\r\n    ></bsu-search-panel>\r\n    } } @else {\r\n    <fd-card class=\"searchpanel-card\">\r\n        <fd-card-header>\r\n            <fd-card-main-header>\r\n                <h2 fd-card-title>\r\n                    <fd-icon glyph=\"filter\"></fd-icon><span>{{ 'Filter' | bbbTranslate }}</span>\r\n                </h2>\r\n            </fd-card-main-header>\r\n        </fd-card-header>\r\n        <fd-card-content style=\"flex-grow: 0\">\r\n            @if (!hideSearchPanel && searchPanelUi) {\r\n            <bsu-search-panel\r\n                [searchPanelUi]=\"searchPanelUi\"\r\n                [hideButtons]=\"true\"\r\n                [isSearcPanelInSideContent]=\"isSearcPanelInSideContent\"\r\n                (moChanged)=\"onSearchPanelMoChanged()\"\r\n            ></bsu-search-panel>\r\n            }\r\n        </fd-card-content>\r\n        <fd-card-footer style=\"border-bottom: none\">\r\n            <button\r\n                *fdCardFooterActionItem\r\n                fd-button\r\n                fdType=\"emphasized\"\r\n                [label]=\"'Search' | bbbTranslate\"\r\n                (click)=\"onSearch()\"\r\n                [fdContentDensity]=\"contentDensity\"\r\n            ></button>\r\n            <button\r\n                *fdCardFooterActionItem\r\n                fd-button\r\n                fdType=\"transparent\"\r\n                [label]=\"('Delete' | bbbTranslate) + ' ' + ('Filters' | bbbTranslate)\"\r\n                (click)=\"onClearSearch()\"\r\n                [fdOverflowGroup]=\"1\"\r\n                [fdContentDensity]=\"contentDensity\"\r\n            ></button>\r\n        </fd-card-footer>\r\n    </fd-card>\r\n    }\r\n</ng-template>\r\n<ng-template #viewerTemplate let-noRenderPageing=\"noRenderPageing\">\r\n    <div\r\n        class=\"viewer-container\"\r\n        fillEmptySpace\r\n        [disable]=\"!isReportPage || !fillPage\"\r\n        [decrement]=\"deviceSize !== 's' ? '100px' : '75px'\"\r\n        [style.height]=\"viewerLoading ? '100%' : 'auto'\"\r\n        [style.min-height]=\"isReportPage ? '100%' : null\"\r\n        [style.position]=\"viewerLoading ? 'relative' : null\"\r\n    >\r\n        @if (viewerLoading) {\r\n        <bsu-mask size=\"m\"></bsu-mask>\r\n        } @if (viewerControl) {\r\n        <ng-container\r\n            [renderUlvViewer]=\"viewerControl\"\r\n            [layoutInfo]=\"layoutInfo\"\r\n            [isReportPage]=\"isReportPage\"\r\n        ></ng-container>\r\n        }\r\n    </div>\r\n    @if (!noRenderPageing && pagingSetting?.TotalPages && !hidePageing && !hidePaging) {\r\n    <ng-container\r\n        [renderUlvPaging]=\"context\"\r\n        [pagingSetting]=\"pagingSetting\"\r\n        (pageChange)=\"onPageChange($event)\"\r\n    ></ng-container>\r\n    }\r\n</ng-template>\r\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #searchpanelDialog>\r\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\r\n        <fd-dialog-header>\r\n            <h1 id=\"fd-dialog-header-10\" fd-title>{{ 'Filters' | bbbTranslate }}</h1>\r\n            <button fd-dialog-close-button (click)=\"dialog.dismiss('Close button')\"></button>\r\n        </fd-dialog-header>\r\n        <fd-dialog-body>\r\n            <bsu-search-panel\r\n                [hideButtons]=\"true\"\r\n                [searchPanelUi]=\"searchPanelUi\"\r\n                (moChanged)=\"onSearchPanelMoChanged()\"\r\n            ></bsu-search-panel>\r\n        </fd-dialog-body>\r\n\r\n        <fd-dialog-footer>\r\n            <fd-dialog-footer-button>\r\n                <button\r\n                    fd-button\r\n                    fdkInitialFocus\r\n                    fdType=\"emphasized\"\r\n                    (click)=\"dialog.dismiss(); onSearch()\"\r\n                    [label]=\"'Search' | bbbTranslate\"\r\n                ></button>\r\n            </fd-dialog-footer-button>\r\n            <fd-dialog-footer-button>\r\n                <button fd-button [label]=\"'Clear' | bbbTranslate\" (click)=\"onClearSearch()\"></button>\r\n            </fd-dialog-footer-button>\r\n            <fd-dialog-footer-button>\r\n                <button\r\n                    fd-button\r\n                    fdType=\"transparent\"\r\n                    (click)=\"dialog.dismiss('Close button')\"\r\n                    [label]=\"'Cancel' | bbbTranslate\"\r\n                ></button>\r\n            </fd-dialog-footer-button>\r\n        </fd-dialog-footer>\r\n    </fd-dialog>\r\n</ng-template>\r\n", styles: [":host{display:block;height:100%;flex-grow:1}:host .searchpanel-card fd-card-header{pointer-events:none;cursor:default;padding:.5rem}:host .searchpanel-card h2[fd-card-title]{font-size:1rem;display:flex;align-items:center;gap:.5rem}:host .searchpanel-card h2[fd-card-title] fd-icon{font-size:1.2rem}:host[uiviewer=bsu-ui-card-view]>fd-dynamic-side-content{border:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}:host[uiviewer=bsu-ui-card-view]>fd-dynamic-side-content fd-dynamic-side-content-side{border-right:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}:host[uiviewer=bsu-ui-card-view]>fd-dynamic-side-content.rtl fd-dynamic-side-content-side{border-right:none;border-left:1px solid #ccc!important}:host[uiviewer=bsu-ui-card-view]>fd-dynamic-side-content fd-dynamic-side-content-main fd-card{transition:.25s background-color!important;background-color:var(--sapBackgroundColor, #f7f7f7)}:host.custom-background ::ng-deep article.fd-dynamic-page,:host.custom-background ::ng-deep fd-dynamic-page-content,:host.custom-background ::ng-deep .report-view,:host.custom-background ::ng-deep fd-dynamic-side-content-main>fd-card{background-color:transparent!important}:host>fd-dynamic-page>fd-dynamic-page-header.hide-container ::ng-deep .fd-dynamic-page__title-container{display:none}fd-dynamic-page:not(.mobile).notitle.sideContentMode ::ng-deep>article>header .fd-dynamic-page__title-container,fd-dynamic-page:not(.mobile).notitle.nosearchpanel ::ng-deep>article>header .fd-dynamic-page__title-container{display:none}fd-dynamic-page:not(.mobile).hideSearchPanel ::ng-deep>article>header .fd-dynamic-page__title-container{display:none}fd-dynamic-page:not(.mobile) ::ng-deep>article>div{display:flex;flex:1}fd-dynamic-page:not(.mobile) ::ng-deep>article>fd-tab-list>.fd-tabs__content fd-tab.is-expanded{min-height:100%;display:flex}fd-dynamic-page:not(.mobile) ::ng-deep>article>fd-tab-list>.fd-tabs__content fd-tab.is-expanded>fd-dynamic-page-content{min-height:100%}fd-dynamic-page[tabmode=true] ::ng-deep>article{height:auto!important}fd-dynamic-side-content{min-height:100%;height:auto}fd-dynamic-side-content-main ::ng-deep fd-toolbar{border:none!important}fd-dynamic-side-content-main ::ng-deep bsu-ui-table-view{padding-bottom:0!important;overflow-y:hidden}fd-dynamic-side-content-side fd-card-content{padding:.5rem}fd-dynamic-page-global-actions{flex:1;width:100%}h3[rtl=true]{margin-left:5px}h3[rtl=false]{margin-right:5px}.header-search{color:var(--sapButton_TextColor, #0854a0)!important}.filter-wrapper{border-bottom:1px solid var(--sapObjectHeader_BorderColor, #d9d9d9)}.report-toolbar-container{display:flex}.report-toolbar-container .global-actions{flex-grow:1}fd-popover-body{min-width:380px}fd-popover-body.mobile{min-width:80vw}@media (max-width: 599px){.report-toolbar-container{flex-direction:column-reverse}.report-toolbar-container .layout-actions{flex-grow:1}}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.DialogService }, { type: i0.Renderer2 }], propDecorators: { _dynamicPageComponent: [{
                 type: ViewChild,
                 args: [DynamicPageComponent]
@@ -9308,11 +9308,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: "19.2.10", ngImport: i0, type: FundamentalDynamicFormComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: FundamentalDynamicFormComponent, isStandalone: false, 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: "_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) {\r\n<div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%\">\r\n    <bsu-mask size=\"m\"></bsu-mask>\r\n</div>\r\n}\r\n\r\n<fd-dynamic-page\r\n    [size]=\"isMobile ? 'small' : 'large'\"\r\n    [ngClass]=\"{ 'floating-footer': footerDesign === 'floating-footer' }\"\r\n    [class.header-border]=\"!removeHeaderBorder\"\r\n    [attr.isMobile]=\"isMobile\"\r\n    [attr.contentIsPage]=\"contentIsPage\"\r\n    mobile\r\n    formClose\r\n    [isMobile]=\"isMobile\"\r\n>\r\n    <fd-dynamic-page-header\r\n        [class.simple-title]=\"!description\"\r\n        [title]=\"(hideTitle === true ? '' : title) | bbbTranslate\"\r\n        [class.p-b0]=\"removeContentPadding\"\r\n        [class.hide-title]=\"hideTitle === true && hideClose === true\"\r\n        [class.no-toolbar-items]=\"!(toolbarItems | filterWorkflowInMobile: worfklowButtonsOnFooter)?.length\"\r\n        #titleRef\r\n    >\r\n        <fd-dynamic-page-breadcrumb [class.hide]=\"isMobile\">\r\n            <fd-breadcrumb>\r\n                @if (breadCrumbs && !isMobile) { @for (breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length; track\r\n                breadCrumb.url; let i = $index; let last = $last) {\r\n                <fd-breadcrumb-item>\r\n                    <bsu-breadcrumb\r\n                        [index]=\"i\"\r\n                        [isLast]=\"last\"\r\n                        [breadCrumb]=\"breadCrumb\"\r\n                        [allBreadCrumb]=\"breadCrumbs\"\r\n                    ></bsu-breadcrumb>\r\n                </fd-breadcrumb-item>\r\n                } }\r\n            </fd-breadcrumb>\r\n        </fd-dynamic-page-breadcrumb>\r\n        <fd-dynamic-page-global-actions>\r\n            <!-- global actions -->\r\n\r\n            <fd-toolbar [shouldOverflow]=\"true\" Style=\"display:none\"> </fd-toolbar>\r\n            <!-- added this because in mobile landscape toolbar disapper -->\r\n            @if (toolbarVisible) {\r\n            <bsu-form-toolbar\r\n                [deviceSize]=\"deviceSize\"\r\n                [buttons]=\"toolbarItems | filterWorkflowInMobile: worfklowButtonsOnFooter\"\r\n                [dirValue]=\"dirValue\"\r\n                [isFirefox]=\"isFirefox\"\r\n                (toolbarClick)=\"toolbarClick.emit($event)\"\r\n                #formToolbar\r\n            ></bsu-form-toolbar>\r\n            }\r\n        </fd-dynamic-page-global-actions>\r\n        <fd-dynamic-page-layout-actions>\r\n            <!-- layout actions -->\r\n            <!-- <div [formActions]=\"this.toolbar\"></div> -->\r\n            @if (!hideClose) {\r\n            <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\r\n                @if (deviceSize !== 's') {\r\n                <fd-toolbar-separator></fd-toolbar-separator>\r\n                }\r\n                <ng-container *ngTemplateOutlet=\"fullscreenForm\"></ng-container>\r\n                <ng-container *ngTemplateOutlet=\"closeForm\"></ng-container>\r\n            </fd-toolbar>\r\n            }\r\n        </fd-dynamic-page-layout-actions>\r\n    </fd-dynamic-page-header>\r\n    @if (description || facetList.length > 0 || workflowInfoText || avatar) {}\r\n    <fd-dynamic-page-subheader\r\n        [class.header-no-description]=\"!(description || workflowInfoText)\"\r\n        [class.no-pin]=\"hidePin || (!facetList?.length && !workflowInfoText)\"\r\n        [collapsible]=\"true\"\r\n        [pinnable]=\"false\"\r\n        [collapsed]=\"!facetList?.length && !workflowInfoText\"\r\n    >\r\n        @if (workflowInfoText) {\r\n        <fd-message-strip\r\n            [type]=\"'warning'\"\r\n            [dismissible]=\"false\"\r\n            [innerHtml]=\"workflowInfoText | bbbTranslate | sanitizeText\"\r\n        >\r\n        </fd-message-strip>\r\n        }\r\n        <fd-facet-group ariaLabel=\"Facet Group\">\r\n            @if (avatar) {\r\n            <fd-facet type=\"image\">\r\n                <fd-avatar\r\n                    title=\"avatar\"\r\n                    [glyph]=\"avatar\"\r\n                    [image]=\"!avatar?.FileId ? null : (avatar?.FileId | picFieldSrc: 'ID':null)\"\r\n                    [size]=\"deviceSize === 'xl' ? 'l' : deviceSize\"\r\n                    [transparent]=\"true\"\r\n                    [circle]=\"circleAvatar\"\r\n                ></fd-avatar>\r\n                <!-- <div\r\n                  class=\"fd-avatar fd-avatar--circle\"\r\n                  [class]=\"'fd-avatar--' + (deviceSize === 'xl' ? 'l' : deviceSize)\"\r\n                  >\r\n                  <i *ngIf=\"avatar\" class=\"fd-avatar__icon\" [class]=\"avatar | sapFontClass\" role=\"presentation\"> </i>\r\n                </div> -->\r\n            </fd-facet>\r\n            } @for (facet of facetList; track facet) {\r\n            <fd-facet\r\n                [type]=\"facet.type\"\r\n                [facetTitle]=\"facet.mo.Title | bbbTranslate\"\r\n                [subtitle]=\"facet.mo.SubTitle | facetValue | bbbTranslate\"\r\n            >\r\n                @for (item of facet.mo.ItemList?.MoDataList; track item) {\r\n                <fd-facet-content>\r\n                    <label fd-form-label [colon]=\"true\" for=\"form-value-10\">{{ item.Title }}</label>\r\n                    <fd-text [text]=\"item.Value | facetValue\" id=\"form-value-10\"></fd-text>\r\n                </fd-facet-content>\r\n                } @if ( !facet.mo.IsNumber && facet.type === 'key-value' && !facet.mo.Component?.Selector) {\r\n                <span\r\n                    fd-object-status\r\n                    [status]=\"facet.mo.Status | facetValue\"\r\n                    [label]=\"facet.mo.Component?.Selector ? '' : (facet.mo.Text | facetValue)\"\r\n                    [large]=\"facet.mo.IsLarge\"\r\n                    [title]=\"facet.mo.Text | facetValue\"\r\n                    [aria-label]=\"facet.mo.Text | facetValue\"\r\n                    [glyph]=\"facet.mo.Icon\"\r\n                >\r\n                </span>\r\n                } @else {\r\n                <bnrc-dynamic-component\r\n                    [class]=\"'fd-object-status fd-object-status--' + facet.mo.Status | facetValue\"\r\n                    [class.fd-object-status--large]=\"facet.mo.IsLarge\"\r\n                    [component]=\"facet.mo.Component\"\r\n                    [value]=\"facet.mo.Text\"\r\n                ></bnrc-dynamic-component>\r\n                } @if (facet.mo.IsNumber && facet.type === 'key-value') {\r\n                <fd-object-number\r\n                    [number]=\"facet.mo.Text | facetValue\"\r\n                    [large]=\"facet.mo.IsLarge\"\r\n                    [unit]=\"facet.mo.Unit | facetValue\"\r\n                    [status]=\"facet.mo.Status | facetValue\"\r\n                    [decimal]=\"facet.mo.DecimalValue | facetValue\"\r\n                ></fd-object-number>\r\n                } @if (facet.type === 'plain-text') {\r\n                <div [style.width.px]=\"facet.mo.Width\" style=\"white-space: normal\">\r\n                    <fd-text [text]=\"facet.mo.Text | facetValue\" hyphenation=\"auto\"></fd-text>\r\n                </div>\r\n                } @if (facet.type === 'rating-indicator') {\r\n                <fd-facet-content>\r\n                    <fd-rating-indicator\r\n                        style=\"pointer-events: none\"\r\n                        size=\"md\"\r\n                        [dynamicTextIndicator]=\"facet.mo.Footer\"\r\n                        [displayMode]=\"true\"\r\n                        [value]=\"facet.mo | facetValue: facet.type\"\r\n                    ></fd-rating-indicator>\r\n                </fd-facet-content>\r\n                } @if (facet.type === 'progress') {\r\n                <div [style.width]=\"'10rem'\">\r\n                    <!-- <span fd-form-label>{{ facet.mo.Subtitle | facetValue }}</span> -->\r\n                    <fd-progress-indicator\r\n                        class=\"facet-progress\"\r\n                        style=\"width: 10r em\"\r\n                        [state]=\"facet.mo.State\"\r\n                        [valueText]=\"(facet.mo | facetValue: facet.type) + ' \u0627\u0632 10 \u0645\u0631\u062D\u0644\u0647'\"\r\n                        [valueNow]=\"facet.mo | facetValue: facet.type\"\r\n                        [valueMax]=\"10\"\r\n                        [unit]=\"'\u0645\u0631\u062D\u0644\u0647'\"\r\n                    ></fd-progress-indicator>\r\n                    <!-- <ui5-progress-indicator\r\n                    style=\"width: 10rem\"\r\n                    [valueState]=\"facet.mo.State\"\r\n                    [value]=\"getNumber(facet.mo.Value)\"\r\n                  ></ui5-progress-indicator> -->\r\n                </div>\r\n                } @if (facet.type === 'microcharts') {\r\n                <div>\r\n                    <label wrap>in progress ...</label>\r\n                </div>\r\n                }\r\n            </fd-facet>\r\n            }\r\n        </fd-facet-group>\r\n        @if (description) {\r\n        <span>{{ description }}</span>\r\n        }\r\n    </fd-dynamic-page-subheader>\r\n    @if(!modernTabs.length && !contentIsPage){\r\n    <fd-dynamic-page-content [class.limit-content-width]=\"formContentMaxWidth > 0\" cdkScrollable>\r\n        <fd-layout-grid class=\"!tw-p-0\" style=\"min-height: 100%\" [style.max-width.px]=\"formContentMaxWidth\">\r\n            <div fdLayoutGridRow class=\"!tw-p-0\">\r\n                <div\r\n                    class=\"!tw-p-0\"\r\n                    [class.hide]=\"layout2.colXl === 0\"\r\n                    [fdLayoutGridCol]=\"0\"\r\n                    [colMd]=\"layout1.colMd\"\r\n                    [colLg]=\"layout1.colLg\"\r\n                    [colXl]=\"layout1.colXl\"\r\n                ></div>\r\n                <div class=\"!tw-p-0\" [fdLayoutGridCol]=\"12\" [colMd]=\"colMd\" [colLg]=\"colLg\" [colXl]=\"colXl\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            parameters?.LayoutComponent ? renderLayoutComponent : renderDefaultLayout;\r\n                            context: {\r\n                                $implicit: parameters?.LayoutComponent,\r\n                                layout94: layout94\r\n                            }\r\n                        \"\r\n                    ></ng-container>\r\n                </div>\r\n                <div\r\n                    class=\"!tw-p-0\"\r\n                    [class.hide]=\"layout2.colXl === 0\"\r\n                    [fdLayoutGridCol]=\"0\"\r\n                    [colMd]=\"layout2.colMd\"\r\n                    [colLg]=\"layout2.colLg\"\r\n                    [colXl]=\"layout2.colXl\"\r\n                ></div>\r\n            </div>\r\n        </fd-layout-grid>\r\n    </fd-dynamic-page-content>\r\n    } @else if(modernTabs.length && !contentIsPage && !parameters?.LayoutComponent){\r\n    <fdp-icon-tab-bar [stackContent]=\"false\" [collapseOverflow]=\"true\" [expandOverflowText]=\"'More' | bbbTranslate\">\r\n        @for (tab of modernTabs; track tab.Title; let i = $index) {\r\n\r\n        <fdp-icon-tab-bar-tab\r\n            [id]=\"tab.id\"\r\n            [label]=\"tab.Title!! | bbbTranslate\"\r\n            [title]=\"tab.Title!! | bbbTranslate\"\r\n            [class.is-expanded]=\"selectedTab === tab.Title\"\r\n            #tablist\r\n        >\r\n            <fd-dynamic-page-content [id]=\"tab.id\" [class.limit-content-width]=\"formContentMaxWidth > 0\">\r\n                <fd-layout-grid [style.max-width.px]=\"formContentMaxWidth\" class=\"!tw-p-0\">\r\n                    <div fdLayoutGridRow>\r\n                        <div\r\n                            class=\"!tw-p-0\"\r\n                            [fdLayoutGridCol]=\"0\"\r\n                            [colMd]=\"layout1.colMd\"\r\n                            [colLg]=\"layout1.colLg\"\r\n                            [colXl]=\"layout1.colXl\"\r\n                        ></div>\r\n                        <div [fdLayoutGridCol]=\"12\" [colMd]=\"colMd\" [colLg]=\"colLg\" [colXl]=\"colXl\" class=\"!tw-p-0\">\r\n                            <bsu-ly-tab-page [config]=\"tab\"></bsu-ly-tab-page>\r\n                        </div>\r\n                        <div\r\n                            class=\"!tw-p-0\"\r\n                            [fdLayoutGridCol]=\"0\"\r\n                            [colMd]=\"layout2.colMd\"\r\n                            [colLg]=\"layout2.colLg\"\r\n                            [colXl]=\"layout2.colXl\"\r\n                        ></div>\r\n                    </div>\r\n                </fd-layout-grid>\r\n            </fd-dynamic-page-content>\r\n        </fdp-icon-tab-bar-tab>\r\n        }\r\n    </fdp-icon-tab-bar>\r\n    } @if(!hideFooter && hasLayoutButtons){\r\n    <fd-dynamic-page-footer>\r\n        <ng-container *ngTemplateOutlet=\"layoutActionsTemplateRef\"></ng-container>\r\n    </fd-dynamic-page-footer>\r\n    }\r\n</fd-dynamic-page>\r\n@if (contentIsPage) {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        renderLayoutComponent;\r\n        context: {\r\n            $implicit: parameters?.LayoutComponent,\r\n            layout94: layout94\r\n        }\r\n    \"\r\n></ng-container>\r\n}\r\n<ng-template #renderDefaultLayout let-layout94=\"layout94\">\r\n    <bsu-ly-layout-container-of-root\r\n        [config]=\"layout94\"\r\n        [isPanel]=\"false\"\r\n        [isRoot]=\"true\"\r\n    ></bsu-ly-layout-container-of-root>\r\n</ng-template>\r\n<ng-template #renderLayoutComponent let-component let-layout94=\"layout94\">\r\n    <bnrc-dynamic-form-component\r\n        [component]=\"component\"\r\n        [layoutActionsTemplateRef]=\"layoutActionsTemplateRef\"\r\n        [removeContentPadding]=\"removeContentPadding\"\r\n        [breadCrumbs]=\"breadCrumbs\"\r\n        [description]=\"description\"\r\n        [title]=\"title\"\r\n        [subtitle]=\"subtitle\"\r\n        [toolbarItems]=\"toolbarItems\"\r\n        [layoutActions]=\"layoutActions\"\r\n        [footerDesign]=\"footerDesign\"\r\n        [facetList]=\"facetList\"\r\n        [settings]=\"component.Settings\"\r\n        [workflowButtons]=\"workflowButtons\"\r\n        [workflowPanelUi]=\"workflowPanelUi\"\r\n        [isMobile]=\"isMobile\"\r\n        [mo]=\"mo\"\r\n        [layout94]=\"layout94\"\r\n        [context]=\"context\"\r\n        [rtl]=\"rtl\"\r\n        [fieldDict]=\"fieldDict\"\r\n        [mask]=\"mask\"\r\n        [dirValue]=\"dirValue\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [contentDensity]=\"contentDensity\"\r\n        [modernTabs]=\"modernTabs\"\r\n        [avatar]=\"avatar\"\r\n        (events)=\"onDynamicComponentEvents($event)\"\r\n    ></bnrc-dynamic-form-component>\r\n</ng-template>\r\n<ng-template #closeForm>\r\n    <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"close.emit()\" title=\"Close\">\r\n        <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\r\n    </button>\r\n</ng-template>\r\n<ng-template #fullscreenForm>\r\n    @if (canFullscreen) {\r\n    <button\r\n        fd-button\r\n        fdType=\"transparent\"\r\n        [attr.aria-label]=\"fullscreen ? 'exit fullscreen' : 'fullscreen'\"\r\n        (click)=\"fullscreenRequest.emit()\"\r\n        [title]=\"fullscreen ? 'exit fullscreen' : 'fullscreen'\"\r\n        [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\r\n    ></button>\r\n    }\r\n</ng-template>\r\n<ng-template #layoutActionsTemplateRef>\r\n    <bsu-layout-actions\r\n        [canSend]=\"canSend\"\r\n        [buttons]=\"layoutActions\"\r\n        [isMobile]=\"isMobile\"\r\n        [landscape]=\"landscape\"\r\n        [standalone]=\"standalone\"\r\n        [footerDesign]=\"footerDesign\"\r\n        [workflowButtons]=\"workflowButtons\"\r\n        [workflowButtonsComboMode]=\"workflowButtonsComboMode || worfklowButtonsOnFooter\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [rtl]=\"rtl\"\r\n        (toolClick)=\"toolbarClick.emit($event)\"\r\n        (workflowChoiceSelect)=\"onWfChoiceSelect($event)\"\r\n    >\r\n    </bsu-layout-actions>\r\n</ng-template>\r\n", styles: [":host{display:block;height:auto;width:100%}:host>fd-dynamic-page[contentispage=false]:not([ismobile=true]) ::ng-deep fd-dynamic-page-header .fd-dynamic-page__title{max-width:50svw}:host ::ng-deep fd-dynamic-page[contentIsPage=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep .facet-progress .fd-progress-indicator__container,:host ::ng-deep .facet-progress .fd-progress-indicator__progress-bar{height:1.5rem}:host ::ng-deep fd-facet .fd-object-status--large{font-size:1.1rem}.no-toolbar-items ::ng-deep .fd-dynamic-page__toolbar-container{width:auto}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 ::ng-deep>article>.fd-scrollbar{height:inherit}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,.no-pin ::ng-deep .fd-dynamic-page__collapsible-header{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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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", "layoutActionsTemplateRef", "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: "directive", type: i3$1.ɵɵCdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { 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", "colorIndication", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i5$6.BreadcrumbComponent, selector: "fd-breadcrumb", inputs: ["reverse", "tabIndex"], outputs: ["visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i5$6.BreadcrumbItemComponent, selector: "fd-breadcrumb-item" }, { kind: "component", type: i3$2.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: i8$1.FacetComponent, selector: "fd-facet", inputs: ["type", "facetTitle", "subtitle", "headingLevel", "id", "alignEnd"] }, { kind: "component", type: i8$1.FacetGroupComponent, selector: "fd-facet-group", inputs: ["ariaLabel"] }, { kind: "component", type: i8$1.FacetContentComponent, selector: "fd-facet-content" }, { kind: "component", type: i2$1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "allowWrap", "inlineHelpLabel", "id"] }, { kind: "component", type: i10.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i10.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i10.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: i2$5.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "dismissBtnTitle", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "width", "minWidth", "marginBottom", "indicationColor"], outputs: ["onDismiss"] }, { kind: "component", type: i5$8.ObjectNumberComponent, selector: "fd-object-number", inputs: ["number", "decimal", "unit", "emphasized", "large", "status", "class", "ariaLabelledBy", "ariaLabel"] }, { kind: "component", type: i10$1.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "glyphFont", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large", "secondaryIndication", "textTemplate"] }, { kind: "component", type: i14.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: i5$5.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", "headingLevel", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i8.ToolbarSeparatorComponent, selector: "fd-toolbar-separator" }, { kind: "component", type: i12$1.ProgressIndicatorComponent, selector: "fd-progress-indicator", inputs: ["valueText", "unit", "valueMin", "valueMax", "valueNow", "state", "animate"] }, { kind: "component", type: i18.IconTabBarComponent, selector: "fdp-icon-tab-bar", inputs: ["stackContent", "tabHeadingLevel", "iconTabType", "tabsConfig", "densityMode", "iconTabFont", "enableTabReordering", "showTotalTab", "multiClick", "layoutMode", "iconTabBackground", "iconTabSize", "colorAssociations", "settings", "maxContentHeight"], outputs: ["tabsConfigChange", "densityModeChange", "iconTabSelected", "iconTabReordered", "closeTab"] }, { kind: "component", type: i18.IconTabBarTabComponent, selector: "fdp-icon-tab-bar-tab", inputs: ["label", "color", "icon", "iconFont", "counter", "active", "badge", "closable", "id"] }, { 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: "directive", type: ContentDensityDirective, selector: "[contentDensity]" }, { 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.SanitizeTextPipe, name: "sanitizeText" }, { kind: "pipe", type: i2.FilterWorkflowInMobilePipe, name: "filterWorkflowInMobile" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: FundamentalDynamicFormComponent, isStandalone: false, 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: "_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) {\r\n<div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%\">\r\n    <bsu-mask size=\"m\"></bsu-mask>\r\n</div>\r\n}\r\n\r\n<fd-dynamic-page\r\n    [size]=\"isMobile ? 'small' : 'large'\"\r\n    [ngClass]=\"{ 'floating-footer': footerDesign === 'floating-footer' }\"\r\n    [class.header-border]=\"!removeHeaderBorder\"\r\n    [attr.isMobile]=\"isMobile\"\r\n    [attr.contentIsPage]=\"contentIsPage\"\r\n    mobile\r\n    formClose\r\n    [isMobile]=\"isMobile\"\r\n>\r\n    <fd-dynamic-page-header\r\n        [class.simple-title]=\"!description\"\r\n        [title]=\"(hideTitle === true ? '' : title) | bbbTranslate\"\r\n        [class.notitle]=\"title.length < 2 || hideTitle\"\r\n        [class.p-b0]=\"removeContentPadding\"\r\n        [class.hide-title]=\"hideTitle === true && hideClose === true\"\r\n        [class.no-toolbar-items]=\"!(toolbarItems | filterWorkflowInMobile: worfklowButtonsOnFooter)?.length\"\r\n        #titleRef\r\n    >\r\n        <fd-dynamic-page-breadcrumb [class.hide]=\"isMobile\">\r\n            <fd-breadcrumb>\r\n                @if (breadCrumbs && !isMobile) { @for (breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length; track\r\n                breadCrumb.url; let i = $index; let last = $last) {\r\n                <fd-breadcrumb-item>\r\n                    <bsu-breadcrumb\r\n                        [index]=\"i\"\r\n                        [isLast]=\"last\"\r\n                        [breadCrumb]=\"breadCrumb\"\r\n                        [allBreadCrumb]=\"breadCrumbs\"\r\n                    ></bsu-breadcrumb>\r\n                </fd-breadcrumb-item>\r\n                } }\r\n            </fd-breadcrumb>\r\n        </fd-dynamic-page-breadcrumb>\r\n        <fd-dynamic-page-global-actions>\r\n            <!-- global actions -->\r\n\r\n            <fd-toolbar [shouldOverflow]=\"true\" Style=\"display:none\"> </fd-toolbar>\r\n            <!-- added this because in mobile landscape toolbar disapper -->\r\n            @if (toolbarVisible) {\r\n            <bsu-form-toolbar\r\n                [deviceSize]=\"deviceSize\"\r\n                [buttons]=\"toolbarItems | filterWorkflowInMobile: worfklowButtonsOnFooter\"\r\n                [dirValue]=\"dirValue\"\r\n                [isFirefox]=\"isFirefox\"\r\n                (toolbarClick)=\"toolbarClick.emit($event)\"\r\n                #formToolbar\r\n            ></bsu-form-toolbar>\r\n            }\r\n        </fd-dynamic-page-global-actions>\r\n        <fd-dynamic-page-layout-actions>\r\n            <!-- layout actions -->\r\n            <!-- <div [formActions]=\"this.toolbar\"></div> -->\r\n            @if (!hideClose) {\r\n            <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\r\n                @if (deviceSize !== 's') {\r\n                <fd-toolbar-separator></fd-toolbar-separator>\r\n                }\r\n                <ng-container *ngTemplateOutlet=\"fullscreenForm\"></ng-container>\r\n                <ng-container *ngTemplateOutlet=\"closeForm\"></ng-container>\r\n            </fd-toolbar>\r\n            }\r\n        </fd-dynamic-page-layout-actions>\r\n    </fd-dynamic-page-header>\r\n    @if (description || facetList.length > 0 || workflowInfoText || avatar) {}\r\n    <fd-dynamic-page-subheader\r\n        [class.header-no-description]=\"!(description || workflowInfoText)\"\r\n        [class.no-pin]=\"hidePin || (!facetList?.length && !workflowInfoText)\"\r\n        [collapsible]=\"true\"\r\n        [pinnable]=\"false\"\r\n        [collapsed]=\"!facetList?.length && !workflowInfoText\"\r\n    >\r\n        @if (workflowInfoText) {\r\n        <fd-message-strip\r\n            [type]=\"'warning'\"\r\n            [dismissible]=\"false\"\r\n            [innerHtml]=\"workflowInfoText | bbbTranslate | sanitizeText\"\r\n        >\r\n        </fd-message-strip>\r\n        }\r\n        <fd-facet-group ariaLabel=\"Facet Group\">\r\n            @if (avatar) {\r\n            <fd-facet type=\"image\">\r\n                <fd-avatar\r\n                    title=\"avatar\"\r\n                    [glyph]=\"avatar\"\r\n                    [image]=\"!avatar?.FileId ? null : (avatar?.FileId | picFieldSrc: 'ID':null)\"\r\n                    [size]=\"deviceSize === 'xl' ? 'l' : deviceSize\"\r\n                    [transparent]=\"true\"\r\n                    [circle]=\"circleAvatar\"\r\n                ></fd-avatar>\r\n                <!-- <div\r\n                  class=\"fd-avatar fd-avatar--circle\"\r\n                  [class]=\"'fd-avatar--' + (deviceSize === 'xl' ? 'l' : deviceSize)\"\r\n                  >\r\n                  <i *ngIf=\"avatar\" class=\"fd-avatar__icon\" [class]=\"avatar | sapFontClass\" role=\"presentation\"> </i>\r\n                </div> -->\r\n            </fd-facet>\r\n            } @for (facet of facetList; track facet) {\r\n            <fd-facet\r\n                [type]=\"facet.type\"\r\n                [facetTitle]=\"facet.mo.Title | bbbTranslate\"\r\n                [subtitle]=\"facet.mo.SubTitle | facetValue | bbbTranslate\"\r\n            >\r\n                @for (item of facet.mo.ItemList?.MoDataList; track item) {\r\n                <fd-facet-content>\r\n                    <label fd-form-label [colon]=\"true\" for=\"form-value-10\">{{ item.Title }}</label>\r\n                    <fd-text [text]=\"item.Value | facetValue\" id=\"form-value-10\"></fd-text>\r\n                </fd-facet-content>\r\n                } @if ( !facet.mo.IsNumber && facet.type === 'key-value' && !facet.mo.Component?.Selector) {\r\n                <span\r\n                    fd-object-status\r\n                    [status]=\"facet.mo.Status | facetValue\"\r\n                    [label]=\"facet.mo.Component?.Selector ? '' : (facet.mo.Text | facetValue)\"\r\n                    [large]=\"facet.mo.IsLarge\"\r\n                    [title]=\"facet.mo.Text | facetValue\"\r\n                    [aria-label]=\"facet.mo.Text | facetValue\"\r\n                    [glyph]=\"facet.mo.Icon\"\r\n                >\r\n                </span>\r\n                } @else {\r\n                <bnrc-dynamic-component\r\n                    [class]=\"'fd-object-status fd-object-status--' + facet.mo.Status | facetValue\"\r\n                    [class.fd-object-status--large]=\"facet.mo.IsLarge\"\r\n                    [component]=\"facet.mo.Component\"\r\n                    [value]=\"facet.mo.Text\"\r\n                ></bnrc-dynamic-component>\r\n                } @if (facet.mo.IsNumber && facet.type === 'key-value') {\r\n                <fd-object-number\r\n                    [number]=\"facet.mo.Text | facetValue\"\r\n                    [large]=\"facet.mo.IsLarge\"\r\n                    [unit]=\"facet.mo.Unit | facetValue\"\r\n                    [status]=\"facet.mo.Status | facetValue\"\r\n                    [decimal]=\"facet.mo.DecimalValue | facetValue\"\r\n                ></fd-object-number>\r\n                } @if (facet.type === 'plain-text') {\r\n                <div [style.width.px]=\"facet.mo.Width\" style=\"white-space: normal\">\r\n                    <fd-text [text]=\"facet.mo.Text | facetValue\" hyphenation=\"auto\"></fd-text>\r\n                </div>\r\n                } @if (facet.type === 'rating-indicator') {\r\n                <fd-facet-content>\r\n                    <fd-rating-indicator\r\n                        style=\"pointer-events: none\"\r\n                        size=\"md\"\r\n                        [dynamicTextIndicator]=\"facet.mo.Footer\"\r\n                        [displayMode]=\"true\"\r\n                        [value]=\"facet.mo | facetValue: facet.type\"\r\n                    ></fd-rating-indicator>\r\n                </fd-facet-content>\r\n                } @if (facet.type === 'progress') {\r\n                <div [style.width]=\"'10rem'\">\r\n                    <!-- <span fd-form-label>{{ facet.mo.Subtitle | facetValue }}</span> -->\r\n                    <fd-progress-indicator\r\n                        class=\"facet-progress\"\r\n                        style=\"width: 10r em\"\r\n                        [state]=\"facet.mo.State\"\r\n                        [valueText]=\"(facet.mo | facetValue: facet.type) + ' \u0627\u0632 10 \u0645\u0631\u062D\u0644\u0647'\"\r\n                        [valueNow]=\"facet.mo | facetValue: facet.type\"\r\n                        [valueMax]=\"10\"\r\n                        [unit]=\"'\u0645\u0631\u062D\u0644\u0647'\"\r\n                    ></fd-progress-indicator>\r\n                    <!-- <ui5-progress-indicator\r\n                    style=\"width: 10rem\"\r\n                    [valueState]=\"facet.mo.State\"\r\n                    [value]=\"getNumber(facet.mo.Value)\"\r\n                  ></ui5-progress-indicator> -->\r\n                </div>\r\n                } @if (facet.type === 'microcharts') {\r\n                <div>\r\n                    <label wrap>in progress ...</label>\r\n                </div>\r\n                }\r\n            </fd-facet>\r\n            }\r\n        </fd-facet-group>\r\n        @if (description) {\r\n        <span>{{ description }}</span>\r\n        }\r\n    </fd-dynamic-page-subheader>\r\n    @if(!modernTabs.length && !contentIsPage){\r\n    <fd-dynamic-page-content [class.limit-content-width]=\"formContentMaxWidth > 0\" cdkScrollable>\r\n        <fd-layout-grid class=\"!tw-p-0\" style=\"min-height: 100%\" [style.max-width.px]=\"formContentMaxWidth\">\r\n            <div fdLayoutGridRow class=\"!tw-p-0\">\r\n                <div\r\n                    class=\"!tw-p-0\"\r\n                    [class.hide]=\"layout2.colXl === 0\"\r\n                    [fdLayoutGridCol]=\"0\"\r\n                    [colMd]=\"layout1.colMd\"\r\n                    [colLg]=\"layout1.colLg\"\r\n                    [colXl]=\"layout1.colXl\"\r\n                ></div>\r\n                <div class=\"!tw-p-0\" [fdLayoutGridCol]=\"12\" [colMd]=\"colMd\" [colLg]=\"colLg\" [colXl]=\"colXl\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            parameters?.LayoutComponent ? renderLayoutComponent : renderDefaultLayout;\r\n                            context: {\r\n                                $implicit: parameters?.LayoutComponent,\r\n                                layout94: layout94\r\n                            }\r\n                        \"\r\n                    ></ng-container>\r\n                </div>\r\n                <div\r\n                    class=\"!tw-p-0\"\r\n                    [class.hide]=\"layout2.colXl === 0\"\r\n                    [fdLayoutGridCol]=\"0\"\r\n                    [colMd]=\"layout2.colMd\"\r\n                    [colLg]=\"layout2.colLg\"\r\n                    [colXl]=\"layout2.colXl\"\r\n                ></div>\r\n            </div>\r\n        </fd-layout-grid>\r\n    </fd-dynamic-page-content>\r\n    } @else if(modernTabs.length && !contentIsPage && !parameters?.LayoutComponent){\r\n    <fdp-icon-tab-bar [stackContent]=\"false\" [collapseOverflow]=\"true\" [expandOverflowText]=\"'More' | bbbTranslate\">\r\n        @for (tab of modernTabs; track tab.Title; let i = $index) {\r\n\r\n        <fdp-icon-tab-bar-tab\r\n            [id]=\"tab.id\"\r\n            [label]=\"tab.Title!! | bbbTranslate\"\r\n            [title]=\"tab.Title!! | bbbTranslate\"\r\n            [class.is-expanded]=\"selectedTab === tab.Title\"\r\n            #tablist\r\n        >\r\n            <fd-dynamic-page-content [id]=\"tab.id\" [class.limit-content-width]=\"formContentMaxWidth > 0\">\r\n                <fd-layout-grid [style.max-width.px]=\"formContentMaxWidth\" class=\"!tw-p-0\">\r\n                    <div fdLayoutGridRow>\r\n                        <div\r\n                            class=\"!tw-p-0\"\r\n                            [fdLayoutGridCol]=\"0\"\r\n                            [colMd]=\"layout1.colMd\"\r\n                            [colLg]=\"layout1.colLg\"\r\n                            [colXl]=\"layout1.colXl\"\r\n                        ></div>\r\n                        <div [fdLayoutGridCol]=\"12\" [colMd]=\"colMd\" [colLg]=\"colLg\" [colXl]=\"colXl\" class=\"!tw-p-0\">\r\n                            <bsu-ly-tab-page [config]=\"tab\"></bsu-ly-tab-page>\r\n                        </div>\r\n                        <div\r\n                            class=\"!tw-p-0\"\r\n                            [fdLayoutGridCol]=\"0\"\r\n                            [colMd]=\"layout2.colMd\"\r\n                            [colLg]=\"layout2.colLg\"\r\n                            [colXl]=\"layout2.colXl\"\r\n                        ></div>\r\n                    </div>\r\n                </fd-layout-grid>\r\n            </fd-dynamic-page-content>\r\n        </fdp-icon-tab-bar-tab>\r\n        }\r\n    </fdp-icon-tab-bar>\r\n    } @if(!hideFooter && hasLayoutButtons){\r\n    <fd-dynamic-page-footer>\r\n        <ng-container *ngTemplateOutlet=\"layoutActionsTemplateRef\"></ng-container>\r\n    </fd-dynamic-page-footer>\r\n    }\r\n</fd-dynamic-page>\r\n@if (contentIsPage) {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        renderLayoutComponent;\r\n        context: {\r\n            $implicit: parameters?.LayoutComponent,\r\n            layout94: layout94\r\n        }\r\n    \"\r\n></ng-container>\r\n}\r\n<ng-template #renderDefaultLayout let-layout94=\"layout94\">\r\n    <bsu-ly-layout-container-of-root\r\n        [config]=\"layout94\"\r\n        [isPanel]=\"false\"\r\n        [isRoot]=\"true\"\r\n    ></bsu-ly-layout-container-of-root>\r\n</ng-template>\r\n<ng-template #renderLayoutComponent let-component let-layout94=\"layout94\">\r\n    <bnrc-dynamic-form-component\r\n        [component]=\"component\"\r\n        [layoutActionsTemplateRef]=\"layoutActionsTemplateRef\"\r\n        [removeContentPadding]=\"removeContentPadding\"\r\n        [breadCrumbs]=\"breadCrumbs\"\r\n        [description]=\"description\"\r\n        [title]=\"title\"\r\n        [subtitle]=\"subtitle\"\r\n        [toolbarItems]=\"toolbarItems\"\r\n        [layoutActions]=\"layoutActions\"\r\n        [footerDesign]=\"footerDesign\"\r\n        [facetList]=\"facetList\"\r\n        [settings]=\"component.Settings\"\r\n        [workflowButtons]=\"workflowButtons\"\r\n        [workflowPanelUi]=\"workflowPanelUi\"\r\n        [isMobile]=\"isMobile\"\r\n        [mo]=\"mo\"\r\n        [layout94]=\"layout94\"\r\n        [context]=\"context\"\r\n        [rtl]=\"rtl\"\r\n        [fieldDict]=\"fieldDict\"\r\n        [mask]=\"mask\"\r\n        [dirValue]=\"dirValue\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [contentDensity]=\"contentDensity\"\r\n        [modernTabs]=\"modernTabs\"\r\n        [avatar]=\"avatar\"\r\n        (events)=\"onDynamicComponentEvents($event)\"\r\n    ></bnrc-dynamic-form-component>\r\n</ng-template>\r\n<ng-template #closeForm>\r\n    <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"close.emit()\" title=\"Close\">\r\n        <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\r\n    </button>\r\n</ng-template>\r\n<ng-template #fullscreenForm>\r\n    @if (canFullscreen) {\r\n    <button\r\n        fd-button\r\n        fdType=\"transparent\"\r\n        [attr.aria-label]=\"fullscreen ? 'exit fullscreen' : 'fullscreen'\"\r\n        (click)=\"fullscreenRequest.emit()\"\r\n        [title]=\"fullscreen ? 'exit fullscreen' : 'fullscreen'\"\r\n        [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\r\n    ></button>\r\n    }\r\n</ng-template>\r\n<ng-template #layoutActionsTemplateRef>\r\n    <bsu-layout-actions\r\n        [canSend]=\"canSend\"\r\n        [buttons]=\"layoutActions\"\r\n        [isMobile]=\"isMobile\"\r\n        [landscape]=\"landscape\"\r\n        [standalone]=\"standalone\"\r\n        [footerDesign]=\"footerDesign\"\r\n        [workflowButtons]=\"workflowButtons\"\r\n        [workflowButtonsComboMode]=\"workflowButtonsComboMode || worfklowButtonsOnFooter\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [rtl]=\"rtl\"\r\n        (toolClick)=\"toolbarClick.emit($event)\"\r\n        (workflowChoiceSelect)=\"onWfChoiceSelect($event)\"\r\n    >\r\n    </bsu-layout-actions>\r\n</ng-template>\r\n", styles: [":host{display:block;height:auto;width:100%}:host>fd-dynamic-page[contentispage=false]:not([ismobile=true]) ::ng-deep fd-dynamic-page-header .fd-dynamic-page__title{max-width:50svw}:host ::ng-deep fd-dynamic-page[contentIsPage=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep .facet-progress .fd-progress-indicator__container,:host ::ng-deep .facet-progress .fd-progress-indicator__progress-bar{height:1.5rem}:host ::ng-deep fd-facet .fd-object-status--large{font-size:1.1rem}.no-toolbar-items ::ng-deep .fd-dynamic-page__toolbar-container{width:auto}fd-dynamic-page[ismobile=true] fd-dynamic-page-header.notitle ::ng-deep .fd-dynamic-page__title{width:auto}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 ::ng-deep>article>.fd-scrollbar{height:inherit}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,.no-pin ::ng-deep .fd-dynamic-page__collapsible-header{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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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", "layoutActionsTemplateRef", "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: "directive", type: i3$1.ɵɵCdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { 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", "colorIndication", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i5$6.BreadcrumbComponent, selector: "fd-breadcrumb", inputs: ["reverse", "tabIndex"], outputs: ["visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i5$6.BreadcrumbItemComponent, selector: "fd-breadcrumb-item" }, { kind: "component", type: i3$2.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: i8$1.FacetComponent, selector: "fd-facet", inputs: ["type", "facetTitle", "subtitle", "headingLevel", "id", "alignEnd"] }, { kind: "component", type: i8$1.FacetGroupComponent, selector: "fd-facet-group", inputs: ["ariaLabel"] }, { kind: "component", type: i8$1.FacetContentComponent, selector: "fd-facet-content" }, { kind: "component", type: i2$1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "allowWrap", "inlineHelpLabel", "id"] }, { kind: "component", type: i10.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i10.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i10.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: i2$5.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "dismissBtnTitle", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "width", "minWidth", "marginBottom", "indicationColor"], outputs: ["onDismiss"] }, { kind: "component", type: i5$8.ObjectNumberComponent, selector: "fd-object-number", inputs: ["number", "decimal", "unit", "emphasized", "large", "status", "class", "ariaLabelledBy", "ariaLabel"] }, { kind: "component", type: i10$1.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "glyphFont", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large", "secondaryIndication", "textTemplate"] }, { kind: "component", type: i14.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: i5$5.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", "headingLevel", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i8.ToolbarSeparatorComponent, selector: "fd-toolbar-separator" }, { kind: "component", type: i12$1.ProgressIndicatorComponent, selector: "fd-progress-indicator", inputs: ["valueText", "unit", "valueMin", "valueMax", "valueNow", "state", "animate"] }, { kind: "component", type: i18.IconTabBarComponent, selector: "fdp-icon-tab-bar", inputs: ["stackContent", "tabHeadingLevel", "iconTabType", "tabsConfig", "densityMode", "iconTabFont", "enableTabReordering", "showTotalTab", "multiClick", "layoutMode", "iconTabBackground", "iconTabSize", "colorAssociations", "settings", "maxContentHeight"], outputs: ["tabsConfigChange", "densityModeChange", "iconTabSelected", "iconTabReordered", "closeTab"] }, { kind: "component", type: i18.IconTabBarTabComponent, selector: "fdp-icon-tab-bar-tab", inputs: ["label", "color", "icon", "iconFont", "counter", "active", "badge", "closable", "id"] }, { 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: "directive", type: ContentDensityDirective, selector: "[contentDensity]" }, { 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.SanitizeTextPipe, name: "sanitizeText" }, { kind: "pipe", type: i2.FilterWorkflowInMobilePipe, name: "filterWorkflowInMobile" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: FundamentalDynamicFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-fundamental-dynamic-form', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (mask) {\r\n<div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%\">\r\n    <bsu-mask size=\"m\"></bsu-mask>\r\n</div>\r\n}\r\n\r\n<fd-dynamic-page\r\n    [size]=\"isMobile ? 'small' : 'large'\"\r\n    [ngClass]=\"{ 'floating-footer': footerDesign === 'floating-footer' }\"\r\n    [class.header-border]=\"!removeHeaderBorder\"\r\n    [attr.isMobile]=\"isMobile\"\r\n    [attr.contentIsPage]=\"contentIsPage\"\r\n    mobile\r\n    formClose\r\n    [isMobile]=\"isMobile\"\r\n>\r\n    <fd-dynamic-page-header\r\n        [class.simple-title]=\"!description\"\r\n        [title]=\"(hideTitle === true ? '' : title) | bbbTranslate\"\r\n        [class.p-b0]=\"removeContentPadding\"\r\n        [class.hide-title]=\"hideTitle === true && hideClose === true\"\r\n        [class.no-toolbar-items]=\"!(toolbarItems | filterWorkflowInMobile: worfklowButtonsOnFooter)?.length\"\r\n        #titleRef\r\n    >\r\n        <fd-dynamic-page-breadcrumb [class.hide]=\"isMobile\">\r\n            <fd-breadcrumb>\r\n                @if (breadCrumbs && !isMobile) { @for (breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length; track\r\n                breadCrumb.url; let i = $index; let last = $last) {\r\n                <fd-breadcrumb-item>\r\n                    <bsu-breadcrumb\r\n                        [index]=\"i\"\r\n                        [isLast]=\"last\"\r\n                        [breadCrumb]=\"breadCrumb\"\r\n                        [allBreadCrumb]=\"breadCrumbs\"\r\n                    ></bsu-breadcrumb>\r\n                </fd-breadcrumb-item>\r\n                } }\r\n            </fd-breadcrumb>\r\n        </fd-dynamic-page-breadcrumb>\r\n        <fd-dynamic-page-global-actions>\r\n            <!-- global actions -->\r\n\r\n            <fd-toolbar [shouldOverflow]=\"true\" Style=\"display:none\"> </fd-toolbar>\r\n            <!-- added this because in mobile landscape toolbar disapper -->\r\n            @if (toolbarVisible) {\r\n            <bsu-form-toolbar\r\n                [deviceSize]=\"deviceSize\"\r\n                [buttons]=\"toolbarItems | filterWorkflowInMobile: worfklowButtonsOnFooter\"\r\n                [dirValue]=\"dirValue\"\r\n                [isFirefox]=\"isFirefox\"\r\n                (toolbarClick)=\"toolbarClick.emit($event)\"\r\n                #formToolbar\r\n            ></bsu-form-toolbar>\r\n            }\r\n        </fd-dynamic-page-global-actions>\r\n        <fd-dynamic-page-layout-actions>\r\n            <!-- layout actions -->\r\n            <!-- <div [formActions]=\"this.toolbar\"></div> -->\r\n            @if (!hideClose) {\r\n            <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\r\n                @if (deviceSize !== 's') {\r\n                <fd-toolbar-separator></fd-toolbar-separator>\r\n                }\r\n                <ng-container *ngTemplateOutlet=\"fullscreenForm\"></ng-container>\r\n                <ng-container *ngTemplateOutlet=\"closeForm\"></ng-container>\r\n            </fd-toolbar>\r\n            }\r\n        </fd-dynamic-page-layout-actions>\r\n    </fd-dynamic-page-header>\r\n    @if (description || facetList.length > 0 || workflowInfoText || avatar) {}\r\n    <fd-dynamic-page-subheader\r\n        [class.header-no-description]=\"!(description || workflowInfoText)\"\r\n        [class.no-pin]=\"hidePin || (!facetList?.length && !workflowInfoText)\"\r\n        [collapsible]=\"true\"\r\n        [pinnable]=\"false\"\r\n        [collapsed]=\"!facetList?.length && !workflowInfoText\"\r\n    >\r\n        @if (workflowInfoText) {\r\n        <fd-message-strip\r\n            [type]=\"'warning'\"\r\n            [dismissible]=\"false\"\r\n            [innerHtml]=\"workflowInfoText | bbbTranslate | sanitizeText\"\r\n        >\r\n        </fd-message-strip>\r\n        }\r\n        <fd-facet-group ariaLabel=\"Facet Group\">\r\n            @if (avatar) {\r\n            <fd-facet type=\"image\">\r\n                <fd-avatar\r\n                    title=\"avatar\"\r\n                    [glyph]=\"avatar\"\r\n                    [image]=\"!avatar?.FileId ? null : (avatar?.FileId | picFieldSrc: 'ID':null)\"\r\n                    [size]=\"deviceSize === 'xl' ? 'l' : deviceSize\"\r\n                    [transparent]=\"true\"\r\n                    [circle]=\"circleAvatar\"\r\n                ></fd-avatar>\r\n                <!-- <div\r\n                  class=\"fd-avatar fd-avatar--circle\"\r\n                  [class]=\"'fd-avatar--' + (deviceSize === 'xl' ? 'l' : deviceSize)\"\r\n                  >\r\n                  <i *ngIf=\"avatar\" class=\"fd-avatar__icon\" [class]=\"avatar | sapFontClass\" role=\"presentation\"> </i>\r\n                </div> -->\r\n            </fd-facet>\r\n            } @for (facet of facetList; track facet) {\r\n            <fd-facet\r\n                [type]=\"facet.type\"\r\n                [facetTitle]=\"facet.mo.Title | bbbTranslate\"\r\n                [subtitle]=\"facet.mo.SubTitle | facetValue | bbbTranslate\"\r\n            >\r\n                @for (item of facet.mo.ItemList?.MoDataList; track item) {\r\n                <fd-facet-content>\r\n                    <label fd-form-label [colon]=\"true\" for=\"form-value-10\">{{ item.Title }}</label>\r\n                    <fd-text [text]=\"item.Value | facetValue\" id=\"form-value-10\"></fd-text>\r\n                </fd-facet-content>\r\n                } @if ( !facet.mo.IsNumber && facet.type === 'key-value' && !facet.mo.Component?.Selector) {\r\n                <span\r\n                    fd-object-status\r\n                    [status]=\"facet.mo.Status | facetValue\"\r\n                    [label]=\"facet.mo.Component?.Selector ? '' : (facet.mo.Text | facetValue)\"\r\n                    [large]=\"facet.mo.IsLarge\"\r\n                    [title]=\"facet.mo.Text | facetValue\"\r\n                    [aria-label]=\"facet.mo.Text | facetValue\"\r\n                    [glyph]=\"facet.mo.Icon\"\r\n                >\r\n                </span>\r\n                } @else {\r\n                <bnrc-dynamic-component\r\n                    [class]=\"'fd-object-status fd-object-status--' + facet.mo.Status | facetValue\"\r\n                    [class.fd-object-status--large]=\"facet.mo.IsLarge\"\r\n                    [component]=\"facet.mo.Component\"\r\n                    [value]=\"facet.mo.Text\"\r\n                ></bnrc-dynamic-component>\r\n                } @if (facet.mo.IsNumber && facet.type === 'key-value') {\r\n                <fd-object-number\r\n                    [number]=\"facet.mo.Text | facetValue\"\r\n                    [large]=\"facet.mo.IsLarge\"\r\n                    [unit]=\"facet.mo.Unit | facetValue\"\r\n                    [status]=\"facet.mo.Status | facetValue\"\r\n                    [decimal]=\"facet.mo.DecimalValue | facetValue\"\r\n                ></fd-object-number>\r\n                } @if (facet.type === 'plain-text') {\r\n                <div [style.width.px]=\"facet.mo.Width\" style=\"white-space: normal\">\r\n                    <fd-text [text]=\"facet.mo.Text | facetValue\" hyphenation=\"auto\"></fd-text>\r\n                </div>\r\n                } @if (facet.type === 'rating-indicator') {\r\n                <fd-facet-content>\r\n                    <fd-rating-indicator\r\n                        style=\"pointer-events: none\"\r\n                        size=\"md\"\r\n                        [dynamicTextIndicator]=\"facet.mo.Footer\"\r\n                        [displayMode]=\"true\"\r\n                        [value]=\"facet.mo | facetValue: facet.type\"\r\n                    ></fd-rating-indicator>\r\n                </fd-facet-content>\r\n                } @if (facet.type === 'progress') {\r\n                <div [style.width]=\"'10rem'\">\r\n                    <!-- <span fd-form-label>{{ facet.mo.Subtitle | facetValue }}</span> -->\r\n                    <fd-progress-indicator\r\n                        class=\"facet-progress\"\r\n                        style=\"width: 10r em\"\r\n                        [state]=\"facet.mo.State\"\r\n                        [valueText]=\"(facet.mo | facetValue: facet.type) + ' \u0627\u0632 10 \u0645\u0631\u062D\u0644\u0647'\"\r\n                        [valueNow]=\"facet.mo | facetValue: facet.type\"\r\n                        [valueMax]=\"10\"\r\n                        [unit]=\"'\u0645\u0631\u062D\u0644\u0647'\"\r\n                    ></fd-progress-indicator>\r\n                    <!-- <ui5-progress-indicator\r\n                    style=\"width: 10rem\"\r\n                    [valueState]=\"facet.mo.State\"\r\n                    [value]=\"getNumber(facet.mo.Value)\"\r\n                  ></ui5-progress-indicator> -->\r\n                </div>\r\n                } @if (facet.type === 'microcharts') {\r\n                <div>\r\n                    <label wrap>in progress ...</label>\r\n                </div>\r\n                }\r\n            </fd-facet>\r\n            }\r\n        </fd-facet-group>\r\n        @if (description) {\r\n        <span>{{ description }}</span>\r\n        }\r\n    </fd-dynamic-page-subheader>\r\n    @if(!modernTabs.length && !contentIsPage){\r\n    <fd-dynamic-page-content [class.limit-content-width]=\"formContentMaxWidth > 0\" cdkScrollable>\r\n        <fd-layout-grid class=\"!tw-p-0\" style=\"min-height: 100%\" [style.max-width.px]=\"formContentMaxWidth\">\r\n            <div fdLayoutGridRow class=\"!tw-p-0\">\r\n                <div\r\n                    class=\"!tw-p-0\"\r\n                    [class.hide]=\"layout2.colXl === 0\"\r\n                    [fdLayoutGridCol]=\"0\"\r\n                    [colMd]=\"layout1.colMd\"\r\n                    [colLg]=\"layout1.colLg\"\r\n                    [colXl]=\"layout1.colXl\"\r\n                ></div>\r\n                <div class=\"!tw-p-0\" [fdLayoutGridCol]=\"12\" [colMd]=\"colMd\" [colLg]=\"colLg\" [colXl]=\"colXl\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            parameters?.LayoutComponent ? renderLayoutComponent : renderDefaultLayout;\r\n                            context: {\r\n                                $implicit: parameters?.LayoutComponent,\r\n                                layout94: layout94\r\n                            }\r\n                        \"\r\n                    ></ng-container>\r\n                </div>\r\n                <div\r\n                    class=\"!tw-p-0\"\r\n                    [class.hide]=\"layout2.colXl === 0\"\r\n                    [fdLayoutGridCol]=\"0\"\r\n                    [colMd]=\"layout2.colMd\"\r\n                    [colLg]=\"layout2.colLg\"\r\n                    [colXl]=\"layout2.colXl\"\r\n                ></div>\r\n            </div>\r\n        </fd-layout-grid>\r\n    </fd-dynamic-page-content>\r\n    } @else if(modernTabs.length && !contentIsPage && !parameters?.LayoutComponent){\r\n    <fdp-icon-tab-bar [stackContent]=\"false\" [collapseOverflow]=\"true\" [expandOverflowText]=\"'More' | bbbTranslate\">\r\n        @for (tab of modernTabs; track tab.Title; let i = $index) {\r\n\r\n        <fdp-icon-tab-bar-tab\r\n            [id]=\"tab.id\"\r\n            [label]=\"tab.Title!! | bbbTranslate\"\r\n            [title]=\"tab.Title!! | bbbTranslate\"\r\n            [class.is-expanded]=\"selectedTab === tab.Title\"\r\n            #tablist\r\n        >\r\n            <fd-dynamic-page-content [id]=\"tab.id\" [class.limit-content-width]=\"formContentMaxWidth > 0\">\r\n                <fd-layout-grid [style.max-width.px]=\"formContentMaxWidth\" class=\"!tw-p-0\">\r\n                    <div fdLayoutGridRow>\r\n                        <div\r\n                            class=\"!tw-p-0\"\r\n                            [fdLayoutGridCol]=\"0\"\r\n                            [colMd]=\"layout1.colMd\"\r\n                            [colLg]=\"layout1.colLg\"\r\n                            [colXl]=\"layout1.colXl\"\r\n                        ></div>\r\n                        <div [fdLayoutGridCol]=\"12\" [colMd]=\"colMd\" [colLg]=\"colLg\" [colXl]=\"colXl\" class=\"!tw-p-0\">\r\n                            <bsu-ly-tab-page [config]=\"tab\"></bsu-ly-tab-page>\r\n                        </div>\r\n                        <div\r\n                            class=\"!tw-p-0\"\r\n                            [fdLayoutGridCol]=\"0\"\r\n                            [colMd]=\"layout2.colMd\"\r\n                            [colLg]=\"layout2.colLg\"\r\n                            [colXl]=\"layout2.colXl\"\r\n                        ></div>\r\n                    </div>\r\n                </fd-layout-grid>\r\n            </fd-dynamic-page-content>\r\n        </fdp-icon-tab-bar-tab>\r\n        }\r\n    </fdp-icon-tab-bar>\r\n    } @if(!hideFooter && hasLayoutButtons){\r\n    <fd-dynamic-page-footer>\r\n        <ng-container *ngTemplateOutlet=\"layoutActionsTemplateRef\"></ng-container>\r\n    </fd-dynamic-page-footer>\r\n    }\r\n</fd-dynamic-page>\r\n@if (contentIsPage) {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        renderLayoutComponent;\r\n        context: {\r\n            $implicit: parameters?.LayoutComponent,\r\n            layout94: layout94\r\n        }\r\n    \"\r\n></ng-container>\r\n}\r\n<ng-template #renderDefaultLayout let-layout94=\"layout94\">\r\n    <bsu-ly-layout-container-of-root\r\n        [config]=\"layout94\"\r\n        [isPanel]=\"false\"\r\n        [isRoot]=\"true\"\r\n    ></bsu-ly-layout-container-of-root>\r\n</ng-template>\r\n<ng-template #renderLayoutComponent let-component let-layout94=\"layout94\">\r\n    <bnrc-dynamic-form-component\r\n        [component]=\"component\"\r\n        [layoutActionsTemplateRef]=\"layoutActionsTemplateRef\"\r\n        [removeContentPadding]=\"removeContentPadding\"\r\n        [breadCrumbs]=\"breadCrumbs\"\r\n        [description]=\"description\"\r\n        [title]=\"title\"\r\n        [subtitle]=\"subtitle\"\r\n        [toolbarItems]=\"toolbarItems\"\r\n        [layoutActions]=\"layoutActions\"\r\n        [footerDesign]=\"footerDesign\"\r\n        [facetList]=\"facetList\"\r\n        [settings]=\"component.Settings\"\r\n        [workflowButtons]=\"workflowButtons\"\r\n        [workflowPanelUi]=\"workflowPanelUi\"\r\n        [isMobile]=\"isMobile\"\r\n        [mo]=\"mo\"\r\n        [layout94]=\"layout94\"\r\n        [context]=\"context\"\r\n        [rtl]=\"rtl\"\r\n        [fieldDict]=\"fieldDict\"\r\n        [mask]=\"mask\"\r\n        [dirValue]=\"dirValue\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [contentDensity]=\"contentDensity\"\r\n        [modernTabs]=\"modernTabs\"\r\n        [avatar]=\"avatar\"\r\n        (events)=\"onDynamicComponentEvents($event)\"\r\n    ></bnrc-dynamic-form-component>\r\n</ng-template>\r\n<ng-template #closeForm>\r\n    <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"close.emit()\" title=\"Close\">\r\n        <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\r\n    </button>\r\n</ng-template>\r\n<ng-template #fullscreenForm>\r\n    @if (canFullscreen) {\r\n    <button\r\n        fd-button\r\n        fdType=\"transparent\"\r\n        [attr.aria-label]=\"fullscreen ? 'exit fullscreen' : 'fullscreen'\"\r\n        (click)=\"fullscreenRequest.emit()\"\r\n        [title]=\"fullscreen ? 'exit fullscreen' : 'fullscreen'\"\r\n        [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\r\n    ></button>\r\n    }\r\n</ng-template>\r\n<ng-template #layoutActionsTemplateRef>\r\n    <bsu-layout-actions\r\n        [canSend]=\"canSend\"\r\n        [buttons]=\"layoutActions\"\r\n        [isMobile]=\"isMobile\"\r\n        [landscape]=\"landscape\"\r\n        [standalone]=\"standalone\"\r\n        [footerDesign]=\"footerDesign\"\r\n        [workflowButtons]=\"workflowButtons\"\r\n        [workflowButtonsComboMode]=\"workflowButtonsComboMode || worfklowButtonsOnFooter\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [rtl]=\"rtl\"\r\n        (toolClick)=\"toolbarClick.emit($event)\"\r\n        (workflowChoiceSelect)=\"onWfChoiceSelect($event)\"\r\n    >\r\n    </bsu-layout-actions>\r\n</ng-template>\r\n", styles: [":host{display:block;height:auto;width:100%}:host>fd-dynamic-page[contentispage=false]:not([ismobile=true]) ::ng-deep fd-dynamic-page-header .fd-dynamic-page__title{max-width:50svw}:host ::ng-deep fd-dynamic-page[contentIsPage=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep .facet-progress .fd-progress-indicator__container,:host ::ng-deep .facet-progress .fd-progress-indicator__progress-bar{height:1.5rem}:host ::ng-deep fd-facet .fd-object-status--large{font-size:1.1rem}.no-toolbar-items ::ng-deep .fd-dynamic-page__toolbar-container{width:auto}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 ::ng-deep>article>.fd-scrollbar{height:inherit}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,.no-pin ::ng-deep .fd-dynamic-page__collapsible-header{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, standalone: false, template: "@if (mask) {\r\n<div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%\">\r\n    <bsu-mask size=\"m\"></bsu-mask>\r\n</div>\r\n}\r\n\r\n<fd-dynamic-page\r\n    [size]=\"isMobile ? 'small' : 'large'\"\r\n    [ngClass]=\"{ 'floating-footer': footerDesign === 'floating-footer' }\"\r\n    [class.header-border]=\"!removeHeaderBorder\"\r\n    [attr.isMobile]=\"isMobile\"\r\n    [attr.contentIsPage]=\"contentIsPage\"\r\n    mobile\r\n    formClose\r\n    [isMobile]=\"isMobile\"\r\n>\r\n    <fd-dynamic-page-header\r\n        [class.simple-title]=\"!description\"\r\n        [title]=\"(hideTitle === true ? '' : title) | bbbTranslate\"\r\n        [class.notitle]=\"title.length < 2 || hideTitle\"\r\n        [class.p-b0]=\"removeContentPadding\"\r\n        [class.hide-title]=\"hideTitle === true && hideClose === true\"\r\n        [class.no-toolbar-items]=\"!(toolbarItems | filterWorkflowInMobile: worfklowButtonsOnFooter)?.length\"\r\n        #titleRef\r\n    >\r\n        <fd-dynamic-page-breadcrumb [class.hide]=\"isMobile\">\r\n            <fd-breadcrumb>\r\n                @if (breadCrumbs && !isMobile) { @for (breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length; track\r\n                breadCrumb.url; let i = $index; let last = $last) {\r\n                <fd-breadcrumb-item>\r\n                    <bsu-breadcrumb\r\n                        [index]=\"i\"\r\n                        [isLast]=\"last\"\r\n                        [breadCrumb]=\"breadCrumb\"\r\n                        [allBreadCrumb]=\"breadCrumbs\"\r\n                    ></bsu-breadcrumb>\r\n                </fd-breadcrumb-item>\r\n                } }\r\n            </fd-breadcrumb>\r\n        </fd-dynamic-page-breadcrumb>\r\n        <fd-dynamic-page-global-actions>\r\n            <!-- global actions -->\r\n\r\n            <fd-toolbar [shouldOverflow]=\"true\" Style=\"display:none\"> </fd-toolbar>\r\n            <!-- added this because in mobile landscape toolbar disapper -->\r\n            @if (toolbarVisible) {\r\n            <bsu-form-toolbar\r\n                [deviceSize]=\"deviceSize\"\r\n                [buttons]=\"toolbarItems | filterWorkflowInMobile: worfklowButtonsOnFooter\"\r\n                [dirValue]=\"dirValue\"\r\n                [isFirefox]=\"isFirefox\"\r\n                (toolbarClick)=\"toolbarClick.emit($event)\"\r\n                #formToolbar\r\n            ></bsu-form-toolbar>\r\n            }\r\n        </fd-dynamic-page-global-actions>\r\n        <fd-dynamic-page-layout-actions>\r\n            <!-- layout actions -->\r\n            <!-- <div [formActions]=\"this.toolbar\"></div> -->\r\n            @if (!hideClose) {\r\n            <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\r\n                @if (deviceSize !== 's') {\r\n                <fd-toolbar-separator></fd-toolbar-separator>\r\n                }\r\n                <ng-container *ngTemplateOutlet=\"fullscreenForm\"></ng-container>\r\n                <ng-container *ngTemplateOutlet=\"closeForm\"></ng-container>\r\n            </fd-toolbar>\r\n            }\r\n        </fd-dynamic-page-layout-actions>\r\n    </fd-dynamic-page-header>\r\n    @if (description || facetList.length > 0 || workflowInfoText || avatar) {}\r\n    <fd-dynamic-page-subheader\r\n        [class.header-no-description]=\"!(description || workflowInfoText)\"\r\n        [class.no-pin]=\"hidePin || (!facetList?.length && !workflowInfoText)\"\r\n        [collapsible]=\"true\"\r\n        [pinnable]=\"false\"\r\n        [collapsed]=\"!facetList?.length && !workflowInfoText\"\r\n    >\r\n        @if (workflowInfoText) {\r\n        <fd-message-strip\r\n            [type]=\"'warning'\"\r\n            [dismissible]=\"false\"\r\n            [innerHtml]=\"workflowInfoText | bbbTranslate | sanitizeText\"\r\n        >\r\n        </fd-message-strip>\r\n        }\r\n        <fd-facet-group ariaLabel=\"Facet Group\">\r\n            @if (avatar) {\r\n            <fd-facet type=\"image\">\r\n                <fd-avatar\r\n                    title=\"avatar\"\r\n                    [glyph]=\"avatar\"\r\n                    [image]=\"!avatar?.FileId ? null : (avatar?.FileId | picFieldSrc: 'ID':null)\"\r\n                    [size]=\"deviceSize === 'xl' ? 'l' : deviceSize\"\r\n                    [transparent]=\"true\"\r\n                    [circle]=\"circleAvatar\"\r\n                ></fd-avatar>\r\n                <!-- <div\r\n                  class=\"fd-avatar fd-avatar--circle\"\r\n                  [class]=\"'fd-avatar--' + (deviceSize === 'xl' ? 'l' : deviceSize)\"\r\n                  >\r\n                  <i *ngIf=\"avatar\" class=\"fd-avatar__icon\" [class]=\"avatar | sapFontClass\" role=\"presentation\"> </i>\r\n                </div> -->\r\n            </fd-facet>\r\n            } @for (facet of facetList; track facet) {\r\n            <fd-facet\r\n                [type]=\"facet.type\"\r\n                [facetTitle]=\"facet.mo.Title | bbbTranslate\"\r\n                [subtitle]=\"facet.mo.SubTitle | facetValue | bbbTranslate\"\r\n            >\r\n                @for (item of facet.mo.ItemList?.MoDataList; track item) {\r\n                <fd-facet-content>\r\n                    <label fd-form-label [colon]=\"true\" for=\"form-value-10\">{{ item.Title }}</label>\r\n                    <fd-text [text]=\"item.Value | facetValue\" id=\"form-value-10\"></fd-text>\r\n                </fd-facet-content>\r\n                } @if ( !facet.mo.IsNumber && facet.type === 'key-value' && !facet.mo.Component?.Selector) {\r\n                <span\r\n                    fd-object-status\r\n                    [status]=\"facet.mo.Status | facetValue\"\r\n                    [label]=\"facet.mo.Component?.Selector ? '' : (facet.mo.Text | facetValue)\"\r\n                    [large]=\"facet.mo.IsLarge\"\r\n                    [title]=\"facet.mo.Text | facetValue\"\r\n                    [aria-label]=\"facet.mo.Text | facetValue\"\r\n                    [glyph]=\"facet.mo.Icon\"\r\n                >\r\n                </span>\r\n                } @else {\r\n                <bnrc-dynamic-component\r\n                    [class]=\"'fd-object-status fd-object-status--' + facet.mo.Status | facetValue\"\r\n                    [class.fd-object-status--large]=\"facet.mo.IsLarge\"\r\n                    [component]=\"facet.mo.Component\"\r\n                    [value]=\"facet.mo.Text\"\r\n                ></bnrc-dynamic-component>\r\n                } @if (facet.mo.IsNumber && facet.type === 'key-value') {\r\n                <fd-object-number\r\n                    [number]=\"facet.mo.Text | facetValue\"\r\n                    [large]=\"facet.mo.IsLarge\"\r\n                    [unit]=\"facet.mo.Unit | facetValue\"\r\n                    [status]=\"facet.mo.Status | facetValue\"\r\n                    [decimal]=\"facet.mo.DecimalValue | facetValue\"\r\n                ></fd-object-number>\r\n                } @if (facet.type === 'plain-text') {\r\n                <div [style.width.px]=\"facet.mo.Width\" style=\"white-space: normal\">\r\n                    <fd-text [text]=\"facet.mo.Text | facetValue\" hyphenation=\"auto\"></fd-text>\r\n                </div>\r\n                } @if (facet.type === 'rating-indicator') {\r\n                <fd-facet-content>\r\n                    <fd-rating-indicator\r\n                        style=\"pointer-events: none\"\r\n                        size=\"md\"\r\n                        [dynamicTextIndicator]=\"facet.mo.Footer\"\r\n                        [displayMode]=\"true\"\r\n                        [value]=\"facet.mo | facetValue: facet.type\"\r\n                    ></fd-rating-indicator>\r\n                </fd-facet-content>\r\n                } @if (facet.type === 'progress') {\r\n                <div [style.width]=\"'10rem'\">\r\n                    <!-- <span fd-form-label>{{ facet.mo.Subtitle | facetValue }}</span> -->\r\n                    <fd-progress-indicator\r\n                        class=\"facet-progress\"\r\n                        style=\"width: 10r em\"\r\n                        [state]=\"facet.mo.State\"\r\n                        [valueText]=\"(facet.mo | facetValue: facet.type) + ' \u0627\u0632 10 \u0645\u0631\u062D\u0644\u0647'\"\r\n                        [valueNow]=\"facet.mo | facetValue: facet.type\"\r\n                        [valueMax]=\"10\"\r\n                        [unit]=\"'\u0645\u0631\u062D\u0644\u0647'\"\r\n                    ></fd-progress-indicator>\r\n                    <!-- <ui5-progress-indicator\r\n                    style=\"width: 10rem\"\r\n                    [valueState]=\"facet.mo.State\"\r\n                    [value]=\"getNumber(facet.mo.Value)\"\r\n                  ></ui5-progress-indicator> -->\r\n                </div>\r\n                } @if (facet.type === 'microcharts') {\r\n                <div>\r\n                    <label wrap>in progress ...</label>\r\n                </div>\r\n                }\r\n            </fd-facet>\r\n            }\r\n        </fd-facet-group>\r\n        @if (description) {\r\n        <span>{{ description }}</span>\r\n        }\r\n    </fd-dynamic-page-subheader>\r\n    @if(!modernTabs.length && !contentIsPage){\r\n    <fd-dynamic-page-content [class.limit-content-width]=\"formContentMaxWidth > 0\" cdkScrollable>\r\n        <fd-layout-grid class=\"!tw-p-0\" style=\"min-height: 100%\" [style.max-width.px]=\"formContentMaxWidth\">\r\n            <div fdLayoutGridRow class=\"!tw-p-0\">\r\n                <div\r\n                    class=\"!tw-p-0\"\r\n                    [class.hide]=\"layout2.colXl === 0\"\r\n                    [fdLayoutGridCol]=\"0\"\r\n                    [colMd]=\"layout1.colMd\"\r\n                    [colLg]=\"layout1.colLg\"\r\n                    [colXl]=\"layout1.colXl\"\r\n                ></div>\r\n                <div class=\"!tw-p-0\" [fdLayoutGridCol]=\"12\" [colMd]=\"colMd\" [colLg]=\"colLg\" [colXl]=\"colXl\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            parameters?.LayoutComponent ? renderLayoutComponent : renderDefaultLayout;\r\n                            context: {\r\n                                $implicit: parameters?.LayoutComponent,\r\n                                layout94: layout94\r\n                            }\r\n                        \"\r\n                    ></ng-container>\r\n                </div>\r\n                <div\r\n                    class=\"!tw-p-0\"\r\n                    [class.hide]=\"layout2.colXl === 0\"\r\n                    [fdLayoutGridCol]=\"0\"\r\n                    [colMd]=\"layout2.colMd\"\r\n                    [colLg]=\"layout2.colLg\"\r\n                    [colXl]=\"layout2.colXl\"\r\n                ></div>\r\n            </div>\r\n        </fd-layout-grid>\r\n    </fd-dynamic-page-content>\r\n    } @else if(modernTabs.length && !contentIsPage && !parameters?.LayoutComponent){\r\n    <fdp-icon-tab-bar [stackContent]=\"false\" [collapseOverflow]=\"true\" [expandOverflowText]=\"'More' | bbbTranslate\">\r\n        @for (tab of modernTabs; track tab.Title; let i = $index) {\r\n\r\n        <fdp-icon-tab-bar-tab\r\n            [id]=\"tab.id\"\r\n            [label]=\"tab.Title!! | bbbTranslate\"\r\n            [title]=\"tab.Title!! | bbbTranslate\"\r\n            [class.is-expanded]=\"selectedTab === tab.Title\"\r\n            #tablist\r\n        >\r\n            <fd-dynamic-page-content [id]=\"tab.id\" [class.limit-content-width]=\"formContentMaxWidth > 0\">\r\n                <fd-layout-grid [style.max-width.px]=\"formContentMaxWidth\" class=\"!tw-p-0\">\r\n                    <div fdLayoutGridRow>\r\n                        <div\r\n                            class=\"!tw-p-0\"\r\n                            [fdLayoutGridCol]=\"0\"\r\n                            [colMd]=\"layout1.colMd\"\r\n                            [colLg]=\"layout1.colLg\"\r\n                            [colXl]=\"layout1.colXl\"\r\n                        ></div>\r\n                        <div [fdLayoutGridCol]=\"12\" [colMd]=\"colMd\" [colLg]=\"colLg\" [colXl]=\"colXl\" class=\"!tw-p-0\">\r\n                            <bsu-ly-tab-page [config]=\"tab\"></bsu-ly-tab-page>\r\n                        </div>\r\n                        <div\r\n                            class=\"!tw-p-0\"\r\n                            [fdLayoutGridCol]=\"0\"\r\n                            [colMd]=\"layout2.colMd\"\r\n                            [colLg]=\"layout2.colLg\"\r\n                            [colXl]=\"layout2.colXl\"\r\n                        ></div>\r\n                    </div>\r\n                </fd-layout-grid>\r\n            </fd-dynamic-page-content>\r\n        </fdp-icon-tab-bar-tab>\r\n        }\r\n    </fdp-icon-tab-bar>\r\n    } @if(!hideFooter && hasLayoutButtons){\r\n    <fd-dynamic-page-footer>\r\n        <ng-container *ngTemplateOutlet=\"layoutActionsTemplateRef\"></ng-container>\r\n    </fd-dynamic-page-footer>\r\n    }\r\n</fd-dynamic-page>\r\n@if (contentIsPage) {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        renderLayoutComponent;\r\n        context: {\r\n            $implicit: parameters?.LayoutComponent,\r\n            layout94: layout94\r\n        }\r\n    \"\r\n></ng-container>\r\n}\r\n<ng-template #renderDefaultLayout let-layout94=\"layout94\">\r\n    <bsu-ly-layout-container-of-root\r\n        [config]=\"layout94\"\r\n        [isPanel]=\"false\"\r\n        [isRoot]=\"true\"\r\n    ></bsu-ly-layout-container-of-root>\r\n</ng-template>\r\n<ng-template #renderLayoutComponent let-component let-layout94=\"layout94\">\r\n    <bnrc-dynamic-form-component\r\n        [component]=\"component\"\r\n        [layoutActionsTemplateRef]=\"layoutActionsTemplateRef\"\r\n        [removeContentPadding]=\"removeContentPadding\"\r\n        [breadCrumbs]=\"breadCrumbs\"\r\n        [description]=\"description\"\r\n        [title]=\"title\"\r\n        [subtitle]=\"subtitle\"\r\n        [toolbarItems]=\"toolbarItems\"\r\n        [layoutActions]=\"layoutActions\"\r\n        [footerDesign]=\"footerDesign\"\r\n        [facetList]=\"facetList\"\r\n        [settings]=\"component.Settings\"\r\n        [workflowButtons]=\"workflowButtons\"\r\n        [workflowPanelUi]=\"workflowPanelUi\"\r\n        [isMobile]=\"isMobile\"\r\n        [mo]=\"mo\"\r\n        [layout94]=\"layout94\"\r\n        [context]=\"context\"\r\n        [rtl]=\"rtl\"\r\n        [fieldDict]=\"fieldDict\"\r\n        [mask]=\"mask\"\r\n        [dirValue]=\"dirValue\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [contentDensity]=\"contentDensity\"\r\n        [modernTabs]=\"modernTabs\"\r\n        [avatar]=\"avatar\"\r\n        (events)=\"onDynamicComponentEvents($event)\"\r\n    ></bnrc-dynamic-form-component>\r\n</ng-template>\r\n<ng-template #closeForm>\r\n    <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"close.emit()\" title=\"Close\">\r\n        <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\r\n    </button>\r\n</ng-template>\r\n<ng-template #fullscreenForm>\r\n    @if (canFullscreen) {\r\n    <button\r\n        fd-button\r\n        fdType=\"transparent\"\r\n        [attr.aria-label]=\"fullscreen ? 'exit fullscreen' : 'fullscreen'\"\r\n        (click)=\"fullscreenRequest.emit()\"\r\n        [title]=\"fullscreen ? 'exit fullscreen' : 'fullscreen'\"\r\n        [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\r\n    ></button>\r\n    }\r\n</ng-template>\r\n<ng-template #layoutActionsTemplateRef>\r\n    <bsu-layout-actions\r\n        [canSend]=\"canSend\"\r\n        [buttons]=\"layoutActions\"\r\n        [isMobile]=\"isMobile\"\r\n        [landscape]=\"landscape\"\r\n        [standalone]=\"standalone\"\r\n        [footerDesign]=\"footerDesign\"\r\n        [workflowButtons]=\"workflowButtons\"\r\n        [workflowButtonsComboMode]=\"workflowButtonsComboMode || worfklowButtonsOnFooter\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [rtl]=\"rtl\"\r\n        (toolClick)=\"toolbarClick.emit($event)\"\r\n        (workflowChoiceSelect)=\"onWfChoiceSelect($event)\"\r\n    >\r\n    </bsu-layout-actions>\r\n</ng-template>\r\n", styles: [":host{display:block;height:auto;width:100%}:host>fd-dynamic-page[contentispage=false]:not([ismobile=true]) ::ng-deep fd-dynamic-page-header .fd-dynamic-page__title{max-width:50svw}:host ::ng-deep fd-dynamic-page[contentIsPage=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep .facet-progress .fd-progress-indicator__container,:host ::ng-deep .facet-progress .fd-progress-indicator__progress-bar{height:1.5rem}:host ::ng-deep fd-facet .fd-object-status--large{font-size:1.1rem}.no-toolbar-items ::ng-deep .fd-dynamic-page__toolbar-container{width:auto}fd-dynamic-page[ismobile=true] fd-dynamic-page-header.notitle ::ng-deep .fd-dynamic-page__title{width:auto}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 ::ng-deep>article>.fd-scrollbar{height:inherit}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,.no-pin ::ng-deep .fd-dynamic-page__collapsible-header{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 }]
@@ -13416,12 +13416,19 @@ class UiCardViewHorizontalGroupComponent extends UiCardViewComponent {
             });
         }
     }
+    onVisibilityChange(e) {
+        if (e !== 'Visible') {
+            return;
+        }
+        const x = this.tabListComponent;
+        x._iconTabBarCmp().overflowDirective._calculateAmountOfOverflowedItems();
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: UiCardViewHorizontalGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: UiCardViewHorizontalGroupComponent, isStandalone: false, selector: "bsu-ui-card-view-horizontal-group", viewQueries: [{ propertyName: "dynamicPage", first: true, predicate: DynamicPageComponent, descendants: true, static: true }, { propertyName: "tabListComponent", first: true, predicate: IconTabBarComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<fd-dynamic-page [size]=\"deviceSize | dynamicPageSize\">\r\n    <fd-dynamic-page-header [class.simple-title]=\"true\" [title]=\"''\" class=\"no-toolbar-items hide\">\r\n    </fd-dynamic-page-header>\r\n    <fd-dynamic-page-subheader class=\"hide\"> </fd-dynamic-page-subheader>\r\n\r\n    @if (moDataList?.length) {\r\n    <fdp-icon-tab-bar [expandOverflowText]=\"'More' | bbbTranslate\" [stackContent]=\"true\" [shouldOverflow]=\"true\">\r\n        @for ( tab of moDataList | groupBy: groupby[0].Name | reverse: isFirefox; track _trackByRow(index, tab); let\r\n        index = $index) {\r\n        <fdp-icon-tab-bar-tab [label]=\"tab.key | bbbTranslate\" [title]=\"tab.key | bbbTranslate\" [id]=\"'h_' + index\">\r\n            <fd-dynamic-page-content>\r\n                <h4 fd-title [id]=\"index\">{{ tab.key | bbbTranslate }}</h4>\r\n                <bsu-card-view-content\r\n                    [moDataList]=\"tab.value\"\r\n                    [groupby]=\"[]\"\r\n                    [title]=\"tab.key\"\r\n                    [setting]=\"cardSetting\"\r\n                    [editMode]=\"inlineEditMode\"\r\n                    [rtl]=\"rtl\"\r\n                    [detailsColumns]=\"detailsColumns\"\r\n                    [deviceName]=\"deviceName\"\r\n                    [deviceSize]=\"deviceSize\"\r\n                    [allColumns]=\"allColumns\"\r\n                    [contextMenuItems]=\"contextMenuItems\"\r\n                    [canView]=\"canView\"\r\n                    [conditionalFormats]=\"conditionalFormats\"\r\n                    [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                    [navigationArrow]=\"navigationArrow\"\r\n                    [isCheckList]=\"isCheckList\"\r\n                    (rowCheck)=\"onRowCheck($event)\"\r\n                    (rowClick)=\"onRowClick($event)\"\r\n                    (ulvCommand)=\"onUlvCommand($event)\"\r\n                    (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n                    (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n                    (action)=\"onAction($event)\"\r\n                ></bsu-card-view-content>\r\n            </fd-dynamic-page-content>\r\n        </fdp-icon-tab-bar-tab>\r\n        }\r\n    </fdp-icon-tab-bar>\r\n    } @else {\r\n    <fd-dynamic-page-content>\r\n        <bsu-no-data [simple]=\"true\"></bsu-no-data>\r\n    </fd-dynamic-page-content>\r\n    }\r\n</fd-dynamic-page>\r\n", styles: [":host fd-dynamic-page-content{height:auto!important}:host ::ng-deep .fd-container.card-list{padding:0!important}:host ::ng-deep .footer-spacer{display:none!important}\n"], dependencies: [{ 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.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: i6.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i18.IconTabBarComponent, selector: "fdp-icon-tab-bar", inputs: ["stackContent", "tabHeadingLevel", "iconTabType", "tabsConfig", "densityMode", "iconTabFont", "enableTabReordering", "showTotalTab", "multiClick", "layoutMode", "iconTabBackground", "iconTabSize", "colorAssociations", "settings", "maxContentHeight"], outputs: ["tabsConfigChange", "densityModeChange", "iconTabSelected", "iconTabReordered", "closeTab"] }, { kind: "component", type: i18.IconTabBarTabComponent, selector: "fdp-icon-tab-bar-tab", inputs: ["label", "color", "icon", "iconFont", "counter", "active", "badge", "closable", "id"] }, { kind: "component", type: NoDataComponent, selector: "bsu-no-data", inputs: ["simple"] }, { kind: "component", type: CardViewContentComponent, selector: "bsu-card-view-content" }, { kind: "pipe", type: i2.GroupByPipe, name: "groupBy" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.ReversePipe, name: "reverse" }, { kind: "pipe", type: DynamicPageSizePipe, name: "dynamicPageSize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: UiCardViewHorizontalGroupComponent, isStandalone: false, selector: "bsu-ui-card-view-horizontal-group", viewQueries: [{ propertyName: "dynamicPage", first: true, predicate: DynamicPageComponent, descendants: true, static: true }, { propertyName: "tabListComponent", first: true, predicate: IconTabBarComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<fd-dynamic-page [size]=\"deviceSize | dynamicPageSize\">\r\n    <fd-dynamic-page-header [class.simple-title]=\"true\" [title]=\"''\" class=\"no-toolbar-items hide\">\r\n    </fd-dynamic-page-header>\r\n    <fd-dynamic-page-subheader class=\"hide\"> </fd-dynamic-page-subheader>\r\n\r\n    @if (moDataList?.length) {\r\n    <fdp-icon-tab-bar [expandOverflowText]=\"'More' | bbbTranslate\" [stackContent]=\"true\" [shouldOverflow]=\"true\">\r\n        @for ( tab of moDataList | groupBy: groupby[0].Name | reverse: isFirefox; track _trackByRow(index, tab); let\r\n        index = $index) {\r\n        <fdp-icon-tab-bar-tab [label]=\"tab.key | bbbTranslate\" [title]=\"tab.key | bbbTranslate\" [id]=\"'h_' + index\">\r\n            <fd-dynamic-page-content\r\n                intersectionObserver\r\n                [intersectionThreshold]=\"0.1\"\r\n                (visibilityChange)=\"onVisibilityChange($event)\"\r\n            >\r\n                <h4 fd-title [id]=\"index\">{{ tab.key | bbbTranslate }}</h4>\r\n                <bsu-card-view-content\r\n                    [moDataList]=\"tab.value\"\r\n                    [groupby]=\"[]\"\r\n                    [title]=\"tab.key\"\r\n                    [setting]=\"cardSetting\"\r\n                    [editMode]=\"inlineEditMode\"\r\n                    [rtl]=\"rtl\"\r\n                    [detailsColumns]=\"detailsColumns\"\r\n                    [deviceName]=\"deviceName\"\r\n                    [deviceSize]=\"deviceSize\"\r\n                    [allColumns]=\"allColumns\"\r\n                    [contextMenuItems]=\"contextMenuItems\"\r\n                    [canView]=\"canView\"\r\n                    [conditionalFormats]=\"conditionalFormats\"\r\n                    [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                    [navigationArrow]=\"navigationArrow\"\r\n                    [isCheckList]=\"isCheckList\"\r\n                    (rowCheck)=\"onRowCheck($event)\"\r\n                    (rowClick)=\"onRowClick($event)\"\r\n                    (ulvCommand)=\"onUlvCommand($event)\"\r\n                    (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n                    (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n                    (action)=\"onAction($event)\"\r\n                ></bsu-card-view-content>\r\n            </fd-dynamic-page-content>\r\n        </fdp-icon-tab-bar-tab>\r\n        }\r\n    </fdp-icon-tab-bar>\r\n    } @else {\r\n    <fd-dynamic-page-content>\r\n        <bsu-no-data [simple]=\"true\"></bsu-no-data>\r\n    </fd-dynamic-page-content>\r\n    }\r\n</fd-dynamic-page>\r\n", styles: [":host fd-dynamic-page-content{height:auto!important}:host ::ng-deep .fd-container.card-list{padding:0!important}:host ::ng-deep .footer-spacer{display:none!important}\n"], dependencies: [{ kind: "directive", type: i2.IntersectionObserverDirective, selector: "[intersectionObserver]", inputs: ["intersectionDebounce", "intersectionRootMargin", "intersectionRoot", "intersectionThreshold"], outputs: ["visibilityChange"] }, { 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.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: i6.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i18.IconTabBarComponent, selector: "fdp-icon-tab-bar", inputs: ["stackContent", "tabHeadingLevel", "iconTabType", "tabsConfig", "densityMode", "iconTabFont", "enableTabReordering", "showTotalTab", "multiClick", "layoutMode", "iconTabBackground", "iconTabSize", "colorAssociations", "settings", "maxContentHeight"], outputs: ["tabsConfigChange", "densityModeChange", "iconTabSelected", "iconTabReordered", "closeTab"] }, { kind: "component", type: i18.IconTabBarTabComponent, selector: "fdp-icon-tab-bar-tab", inputs: ["label", "color", "icon", "iconFont", "counter", "active", "badge", "closable", "id"] }, { kind: "component", type: NoDataComponent, selector: "bsu-no-data", inputs: ["simple"] }, { kind: "component", type: CardViewContentComponent, selector: "bsu-card-view-content" }, { kind: "pipe", type: i2.GroupByPipe, name: "groupBy" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.ReversePipe, name: "reverse" }, { kind: "pipe", type: DynamicPageSizePipe, name: "dynamicPageSize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: UiCardViewHorizontalGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-card-view-horizontal-group', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<fd-dynamic-page [size]=\"deviceSize | dynamicPageSize\">\r\n    <fd-dynamic-page-header [class.simple-title]=\"true\" [title]=\"''\" class=\"no-toolbar-items hide\">\r\n    </fd-dynamic-page-header>\r\n    <fd-dynamic-page-subheader class=\"hide\"> </fd-dynamic-page-subheader>\r\n\r\n    @if (moDataList?.length) {\r\n    <fdp-icon-tab-bar [expandOverflowText]=\"'More' | bbbTranslate\" [stackContent]=\"true\" [shouldOverflow]=\"true\">\r\n        @for ( tab of moDataList | groupBy: groupby[0].Name | reverse: isFirefox; track _trackByRow(index, tab); let\r\n        index = $index) {\r\n        <fdp-icon-tab-bar-tab [label]=\"tab.key | bbbTranslate\" [title]=\"tab.key | bbbTranslate\" [id]=\"'h_' + index\">\r\n            <fd-dynamic-page-content>\r\n                <h4 fd-title [id]=\"index\">{{ tab.key | bbbTranslate }}</h4>\r\n                <bsu-card-view-content\r\n                    [moDataList]=\"tab.value\"\r\n                    [groupby]=\"[]\"\r\n                    [title]=\"tab.key\"\r\n                    [setting]=\"cardSetting\"\r\n                    [editMode]=\"inlineEditMode\"\r\n                    [rtl]=\"rtl\"\r\n                    [detailsColumns]=\"detailsColumns\"\r\n                    [deviceName]=\"deviceName\"\r\n                    [deviceSize]=\"deviceSize\"\r\n                    [allColumns]=\"allColumns\"\r\n                    [contextMenuItems]=\"contextMenuItems\"\r\n                    [canView]=\"canView\"\r\n                    [conditionalFormats]=\"conditionalFormats\"\r\n                    [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                    [navigationArrow]=\"navigationArrow\"\r\n                    [isCheckList]=\"isCheckList\"\r\n                    (rowCheck)=\"onRowCheck($event)\"\r\n                    (rowClick)=\"onRowClick($event)\"\r\n                    (ulvCommand)=\"onUlvCommand($event)\"\r\n                    (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n                    (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n                    (action)=\"onAction($event)\"\r\n                ></bsu-card-view-content>\r\n            </fd-dynamic-page-content>\r\n        </fdp-icon-tab-bar-tab>\r\n        }\r\n    </fdp-icon-tab-bar>\r\n    } @else {\r\n    <fd-dynamic-page-content>\r\n        <bsu-no-data [simple]=\"true\"></bsu-no-data>\r\n    </fd-dynamic-page-content>\r\n    }\r\n</fd-dynamic-page>\r\n", styles: [":host fd-dynamic-page-content{height:auto!important}:host ::ng-deep .fd-container.card-list{padding:0!important}:host ::ng-deep .footer-spacer{display:none!important}\n"] }]
+            args: [{ selector: 'bsu-ui-card-view-horizontal-group', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<fd-dynamic-page [size]=\"deviceSize | dynamicPageSize\">\r\n    <fd-dynamic-page-header [class.simple-title]=\"true\" [title]=\"''\" class=\"no-toolbar-items hide\">\r\n    </fd-dynamic-page-header>\r\n    <fd-dynamic-page-subheader class=\"hide\"> </fd-dynamic-page-subheader>\r\n\r\n    @if (moDataList?.length) {\r\n    <fdp-icon-tab-bar [expandOverflowText]=\"'More' | bbbTranslate\" [stackContent]=\"true\" [shouldOverflow]=\"true\">\r\n        @for ( tab of moDataList | groupBy: groupby[0].Name | reverse: isFirefox; track _trackByRow(index, tab); let\r\n        index = $index) {\r\n        <fdp-icon-tab-bar-tab [label]=\"tab.key | bbbTranslate\" [title]=\"tab.key | bbbTranslate\" [id]=\"'h_' + index\">\r\n            <fd-dynamic-page-content\r\n                intersectionObserver\r\n                [intersectionThreshold]=\"0.1\"\r\n                (visibilityChange)=\"onVisibilityChange($event)\"\r\n            >\r\n                <h4 fd-title [id]=\"index\">{{ tab.key | bbbTranslate }}</h4>\r\n                <bsu-card-view-content\r\n                    [moDataList]=\"tab.value\"\r\n                    [groupby]=\"[]\"\r\n                    [title]=\"tab.key\"\r\n                    [setting]=\"cardSetting\"\r\n                    [editMode]=\"inlineEditMode\"\r\n                    [rtl]=\"rtl\"\r\n                    [detailsColumns]=\"detailsColumns\"\r\n                    [deviceName]=\"deviceName\"\r\n                    [deviceSize]=\"deviceSize\"\r\n                    [allColumns]=\"allColumns\"\r\n                    [contextMenuItems]=\"contextMenuItems\"\r\n                    [canView]=\"canView\"\r\n                    [conditionalFormats]=\"conditionalFormats\"\r\n                    [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                    [navigationArrow]=\"navigationArrow\"\r\n                    [isCheckList]=\"isCheckList\"\r\n                    (rowCheck)=\"onRowCheck($event)\"\r\n                    (rowClick)=\"onRowClick($event)\"\r\n                    (ulvCommand)=\"onUlvCommand($event)\"\r\n                    (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n                    (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n                    (action)=\"onAction($event)\"\r\n                ></bsu-card-view-content>\r\n            </fd-dynamic-page-content>\r\n        </fdp-icon-tab-bar-tab>\r\n        }\r\n    </fdp-icon-tab-bar>\r\n    } @else {\r\n    <fd-dynamic-page-content>\r\n        <bsu-no-data [simple]=\"true\"></bsu-no-data>\r\n    </fd-dynamic-page-content>\r\n    }\r\n</fd-dynamic-page>\r\n", styles: [":host fd-dynamic-page-content{height:auto!important}:host ::ng-deep .fd-container.card-list{padding:0!important}:host ::ng-deep .footer-spacer{display:none!important}\n"] }]
         }], propDecorators: { dynamicPage: [{
                 type: ViewChild,
                 args: [DynamicPageComponent, { static: true }]
@@ -16004,6 +16011,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
                 type: Input
             }] } });
+class BarsaBottomMenuComponent extends BaseComponent {
+    ngOnInit() {
+        super.ngOnInit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: BarsaBottomMenuComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: BarsaBottomMenuComponent, isStandalone: false, selector: "bsu-barsa-bottom-menu", usesInheritance: true, ngImport: i0, template: "\r\n<div fd-bar barDesign=\"footer\">\r\n    <div fd-bar-right>\r\n        <fd-button-bar label=\"Save\"></fd-button-bar>\r\n        <fd-button-bar label=\"Cancel\"></fd-button-bar>\r\n    </div>\r\n</div>", styles: [":host{min-height:env(safe-area-inset-bottom);position:fixed;z-index:51;bottom:0;left:0;right:0;background:var(--sapBaseColor);display:flex;align-items:center;justify-content:center;padding-bottom:env(safe-area-inset-bottom)}:host>div{width:100%}\n"], dependencies: [{ kind: "component", type: i4$1.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i4$1.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i4$1.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: BarsaBottomMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bsu-barsa-bottom-menu', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "\r\n<div fd-bar barDesign=\"footer\">\r\n    <div fd-bar-right>\r\n        <fd-button-bar label=\"Save\"></fd-button-bar>\r\n        <fd-button-bar label=\"Cancel\"></fd-button-bar>\r\n    </div>\r\n</div>", styles: [":host{min-height:env(safe-area-inset-bottom);position:fixed;z-index:51;bottom:0;left:0;right:0;background:var(--sapBaseColor);display:flex;align-items:center;justify-content:center;padding-bottom:env(safe-area-inset-bottom)}:host>div{width:100%}\n"] }]
+        }] });
 const components = [
     BarsaBarDownloadFileComponent,
     UiTextFieldComponent,
@@ -16216,7 +16235,8 @@ const components = [
     UiReportCarouselViewComponent,
     BarsaCardBannerComponent,
     BarsaThemeComponent,
-    BarsaImgSkeletonComponent
+    BarsaImgSkeletonComponent,
+    BarsaBottomMenuComponent
 ];
 const pipes = [
     UploadFileStatusPipe,
@@ -16353,7 +16373,7 @@ class BarsaSapUiModule extends BaseModule {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: BarsaSapUiModule, deps: [{ token: i2.DynamicComponentService }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.10", ngImport: i0, type: BarsaSapUiModule, declarations: [BarsaBarDownloadFileComponent, UiTextFieldComponent, LyLayoutFieldLabelComponent, UiCheckBoxComponent, UiSimpleComboComponent, UiRadioGroupComponent, UiGridComponent, UiMapComponent, LyLayoutContainerOfRootComponent, LyLayoutPanelComponent, UiReadOnlyFieldComponent, UiContainerWithButtonComponent, UiPictureFileComponent, UiMoInfoUlvComboComponent, UiMultiSelectComboComponent, UiNumDecimalUiComponent, UiNumIntUiComponent, UiTimeSpanComponent, UiFileLinearListBoxComponent, LyEmptySpaceComponent, UiSinglePictureComponent, UlvSelectionComponent, UlvToolbarComponent, UlvPagingComponent, UiGridSortSettingComponent, UiGridSortItemComponent, UiGridColumnsComponent, MaskComponent, UiInfoBarPanelComponent, UiFormPanelComponent, UiSearchCommandInfoUiComponent, UlvSettingsComponent, UiTinymceComponent, UiButtonComponent, UiDateTimeComponent, FormDialogComponent, UiMoInfoSubFormUiComponent, ResponsiveToolbarComponent, ResponsiveToolbarRendererComponent, UiTextAreaComponent, LayoutControlComponent, LayoutWizardComponent, FormWizardComponent, FormDialogLessComponent, RichTextStaticComponent, UiPicturesInfoComponent, LyHorizontalLayoutComponent, LyVerticalLayoutComponent, LyTabContainerComponent, LyTabPageComponent, LyLabelComponent, UiMoInfoComboViewerComponent, UlMsgBoxAdapterComponent, UiTreeComponent, HeaderAvatarComponent, UiWorkflowPanelUiComponent, UlvContextMenuComponent, UlLoadingMaskUiComponent, UiTextFieldAutoCompleteComponent, CaptchaFieldComponent, LySimpleLabelComponent, GlobalSearchPanelComponent, GlobalSearchModuleComponent, GlobalSearchComponent, HyperlinkComponent, StaticTextComponent, UlToastAdapterComponent, MessageStripComponent, UiLinearListContainerWithButtonComponent, FundamentalDynamicFormComponent, LayoutActionsComponent, LyLayoutContainerComponent, UiUlvFormMultiSelectUiComponent, UlvFormMultiSelectComponent, UlvColumnSettingsComponent, UlvFilterSettingsComponent, UlvSortSettingsComponent, UlvGroupbySettingsComponent, BarsaListFileLinearComponent, UiPdfViewerComponent, BarsaTinyemceComponent, UiMonacoEditorComponent, BarsaMonacoEditorComponent, BarsaDateTimePickerComponent, BarsaTreeItemComponent, UiSwitchButtonComponent, UiColorUiComponent, LyLineComponent, UiUlvMainUiComponent, ReportNavigatorComponent, ManageFiltersReportComponent, ReportSearchFieldsManageComponent, ReportSearchFieldsHiddenSettingsComponent, SearchPanelComponent, ReportSearchPanelSaveComponent, UiGridFilterSettingsComponent, UiGridFilterItemComponent, UiDateRangeExComponent, UlNotifyPopupComponent, UiTableViewComponent, UiListViewComponent, UiCardViewComponent, UiReportContainerComponent, NoDataComponent, ColumnRendererComponent, InlineSaveAndCancelComponent, UiTreeViewComponent, InlineSaveAndCancelComponent, UiCalendarComponent, UiAspReportViewerComponent, UiGraphComponent, UiExceptionFormComponent, UiEditableGridComponent, ColumnMatrixRendererComponent, UiMatrixViewComponent, CustomDateTimeComponent, BarsaAspViewerComponent, FileInDialogComponent, UiMoInfoGeneralObjectUiComponent, UiGanttChartComponent, GanttDhtmlChartViewComponent, ProgressIndicatorComponent, CardViewContentComponent, CardItemComponent, UiCardViewHorizontalGroupComponent, TitleComponent, BarsaUlvMainComponent, ListItemComponent, HtreeCreateNewComponent, BarsaTableHeaderComponent, BarsaTableRowComponent, BarsaTableColumnComponent, BreadcrumbComponent, UiLabelComponent, FormToolbarButtonComponent, BarsaSearchFormComponent, ReportNewTopFormComponent, BarsaNetworkOfflineComponent, FileViewerContentComponent, FileViewerPopoverComponent, FileViewerComponent, BlobViewerComponent, NotificationItemComponent, BarsaCartableTemplateComponent, BarsaCartableGroupComponent, BarsaCartableFormComponent, BarsaColumnIndicatorComponent, BarsaFieldKeyValueComponent, BarsaToolbaritemSearchComponent, UiHtmlViewerComponent, BarsaPishnamayeshPayamComponent, BarsaTextEllipsisComponent, BarsaListFileLinearGmailComponent, BarsaLinkableItemsPanelComponent, BarsaEnumMenuButtonComponent, BarsaCardLayoutPanelComponent, BarsaHorizontalFlexPanelComponent, BarsaBaseLayoutPanelComponent, BarsaBarPanelComponent, BarsaFormSideContentComponent, BarsaSimpleFormComponent, FormToolbarComponent, BarsaListLayoutPanelComponent, BarsaGridLayoutPanelComponent, BarsaDynamicFieldComponent, UiMultiSelectRadioComponent, UiMultiSelectCheckboxComponent, UiNumIntSliderComponent, UiMultiSelectSliderComponent, UiMultiSelectCardComponent, UiMultiSelectSmileComponent, BarsaReportCheckboxSwitchButtonComponent, BarsaColumnRowNumberComponent, BarsaCardRowPayamComponent, BarsaColumnRowNumberComponent, BarsaQuestionPostComponent, BarsaQuestionAnswerFormComponent, BarsaQuestionAnswerFormAddCommentComponent, BarsaAnswerCardComponent, BarsaQuestionAnswerContentActionsSectionComponent, BarsaQuestionAnswerVoteSectionComponent, BarsaQuestionAnswerCreatorTimeSectionComponent, BarsaQuestionAnswerCommentsSectionComponent, BarsaChipComponent, BarsaTagChipComponent, BarsaReportCardFlexViewComponent, BarsaTagsCategoryRowComponent, BarsaTagCategoriesComponent, BarsaReportOneOfListComponent, BarsaCardRowPayamComponent, BarsaCustomInlineEditComponent, BarsaCustomInlineEditRowComponent, BarsaChatComponent, BarsaChatContentComponent, BarsaChatMessageComponent, BarsaChatThreadComponent, BarsaChatThreadsListComponent, BarsaChatThreadsListToolbarComponent, BarsaChatContentToolbarComponent, BarsaChatListComponent, BarsaModalComponent, BarsaTabRouteManagerComponent, BarsaBreadcrumbsComponent, BarsaRowInlineActionlistComponent, UiBpmnViewerComponent, UiNotificationViewComponent, NotificationItemActionsComponent, BarsaFormLayoutPanelComponent, UiReportCarouselViewComponent, BarsaCardBannerComponent, BarsaThemeComponent, BarsaImgSkeletonComponent, UploadFileStatusPipe, SapFontPipe, SapFontClassPipe, StringToArrayPipe, NodeHasOneDepthLevelPipe, MatrixValuePipe, DynamicPageSizePipe, SapSizePipe, AvatarGridColPipe, ObjectStatusIconPipe, WizardLayoutDirective, ColRendererDirective, ApplyConditionalFormatsDirective, ReportViewRendererDirective, FullscreenDialogDirective, FullscreenFilesDirective, DownloadFilesDirective, DialogHandlerDirective, TableThDirective, ContentDensityDirective], imports: [CommonModule,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.10", ngImport: i0, type: BarsaSapUiModule, declarations: [BarsaBarDownloadFileComponent, UiTextFieldComponent, LyLayoutFieldLabelComponent, UiCheckBoxComponent, UiSimpleComboComponent, UiRadioGroupComponent, UiGridComponent, UiMapComponent, LyLayoutContainerOfRootComponent, LyLayoutPanelComponent, UiReadOnlyFieldComponent, UiContainerWithButtonComponent, UiPictureFileComponent, UiMoInfoUlvComboComponent, UiMultiSelectComboComponent, UiNumDecimalUiComponent, UiNumIntUiComponent, UiTimeSpanComponent, UiFileLinearListBoxComponent, LyEmptySpaceComponent, UiSinglePictureComponent, UlvSelectionComponent, UlvToolbarComponent, UlvPagingComponent, UiGridSortSettingComponent, UiGridSortItemComponent, UiGridColumnsComponent, MaskComponent, UiInfoBarPanelComponent, UiFormPanelComponent, UiSearchCommandInfoUiComponent, UlvSettingsComponent, UiTinymceComponent, UiButtonComponent, UiDateTimeComponent, FormDialogComponent, UiMoInfoSubFormUiComponent, ResponsiveToolbarComponent, ResponsiveToolbarRendererComponent, UiTextAreaComponent, LayoutControlComponent, LayoutWizardComponent, FormWizardComponent, FormDialogLessComponent, RichTextStaticComponent, UiPicturesInfoComponent, LyHorizontalLayoutComponent, LyVerticalLayoutComponent, LyTabContainerComponent, LyTabPageComponent, LyLabelComponent, UiMoInfoComboViewerComponent, UlMsgBoxAdapterComponent, UiTreeComponent, HeaderAvatarComponent, UiWorkflowPanelUiComponent, UlvContextMenuComponent, UlLoadingMaskUiComponent, UiTextFieldAutoCompleteComponent, CaptchaFieldComponent, LySimpleLabelComponent, GlobalSearchPanelComponent, GlobalSearchModuleComponent, GlobalSearchComponent, HyperlinkComponent, StaticTextComponent, UlToastAdapterComponent, MessageStripComponent, UiLinearListContainerWithButtonComponent, FundamentalDynamicFormComponent, LayoutActionsComponent, LyLayoutContainerComponent, UiUlvFormMultiSelectUiComponent, UlvFormMultiSelectComponent, UlvColumnSettingsComponent, UlvFilterSettingsComponent, UlvSortSettingsComponent, UlvGroupbySettingsComponent, BarsaListFileLinearComponent, UiPdfViewerComponent, BarsaTinyemceComponent, UiMonacoEditorComponent, BarsaMonacoEditorComponent, BarsaDateTimePickerComponent, BarsaTreeItemComponent, UiSwitchButtonComponent, UiColorUiComponent, LyLineComponent, UiUlvMainUiComponent, ReportNavigatorComponent, ManageFiltersReportComponent, ReportSearchFieldsManageComponent, ReportSearchFieldsHiddenSettingsComponent, SearchPanelComponent, ReportSearchPanelSaveComponent, UiGridFilterSettingsComponent, UiGridFilterItemComponent, UiDateRangeExComponent, UlNotifyPopupComponent, UiTableViewComponent, UiListViewComponent, UiCardViewComponent, UiReportContainerComponent, NoDataComponent, ColumnRendererComponent, InlineSaveAndCancelComponent, UiTreeViewComponent, InlineSaveAndCancelComponent, UiCalendarComponent, UiAspReportViewerComponent, UiGraphComponent, UiExceptionFormComponent, UiEditableGridComponent, ColumnMatrixRendererComponent, UiMatrixViewComponent, CustomDateTimeComponent, BarsaAspViewerComponent, FileInDialogComponent, UiMoInfoGeneralObjectUiComponent, UiGanttChartComponent, GanttDhtmlChartViewComponent, ProgressIndicatorComponent, CardViewContentComponent, CardItemComponent, UiCardViewHorizontalGroupComponent, TitleComponent, BarsaUlvMainComponent, ListItemComponent, HtreeCreateNewComponent, BarsaTableHeaderComponent, BarsaTableRowComponent, BarsaTableColumnComponent, BreadcrumbComponent, UiLabelComponent, FormToolbarButtonComponent, BarsaSearchFormComponent, ReportNewTopFormComponent, BarsaNetworkOfflineComponent, FileViewerContentComponent, FileViewerPopoverComponent, FileViewerComponent, BlobViewerComponent, NotificationItemComponent, BarsaCartableTemplateComponent, BarsaCartableGroupComponent, BarsaCartableFormComponent, BarsaColumnIndicatorComponent, BarsaFieldKeyValueComponent, BarsaToolbaritemSearchComponent, UiHtmlViewerComponent, BarsaPishnamayeshPayamComponent, BarsaTextEllipsisComponent, BarsaListFileLinearGmailComponent, BarsaLinkableItemsPanelComponent, BarsaEnumMenuButtonComponent, BarsaCardLayoutPanelComponent, BarsaHorizontalFlexPanelComponent, BarsaBaseLayoutPanelComponent, BarsaBarPanelComponent, BarsaFormSideContentComponent, BarsaSimpleFormComponent, FormToolbarComponent, BarsaListLayoutPanelComponent, BarsaGridLayoutPanelComponent, BarsaDynamicFieldComponent, UiMultiSelectRadioComponent, UiMultiSelectCheckboxComponent, UiNumIntSliderComponent, UiMultiSelectSliderComponent, UiMultiSelectCardComponent, UiMultiSelectSmileComponent, BarsaReportCheckboxSwitchButtonComponent, BarsaColumnRowNumberComponent, BarsaCardRowPayamComponent, BarsaColumnRowNumberComponent, BarsaQuestionPostComponent, BarsaQuestionAnswerFormComponent, BarsaQuestionAnswerFormAddCommentComponent, BarsaAnswerCardComponent, BarsaQuestionAnswerContentActionsSectionComponent, BarsaQuestionAnswerVoteSectionComponent, BarsaQuestionAnswerCreatorTimeSectionComponent, BarsaQuestionAnswerCommentsSectionComponent, BarsaChipComponent, BarsaTagChipComponent, BarsaReportCardFlexViewComponent, BarsaTagsCategoryRowComponent, BarsaTagCategoriesComponent, BarsaReportOneOfListComponent, BarsaCardRowPayamComponent, BarsaCustomInlineEditComponent, BarsaCustomInlineEditRowComponent, BarsaChatComponent, BarsaChatContentComponent, BarsaChatMessageComponent, BarsaChatThreadComponent, BarsaChatThreadsListComponent, BarsaChatThreadsListToolbarComponent, BarsaChatContentToolbarComponent, BarsaChatListComponent, BarsaModalComponent, BarsaTabRouteManagerComponent, BarsaBreadcrumbsComponent, BarsaRowInlineActionlistComponent, UiBpmnViewerComponent, UiNotificationViewComponent, NotificationItemActionsComponent, BarsaFormLayoutPanelComponent, UiReportCarouselViewComponent, BarsaCardBannerComponent, BarsaThemeComponent, BarsaImgSkeletonComponent, BarsaBottomMenuComponent, UploadFileStatusPipe, SapFontPipe, SapFontClassPipe, StringToArrayPipe, NodeHasOneDepthLevelPipe, MatrixValuePipe, DynamicPageSizePipe, SapSizePipe, AvatarGridColPipe, ObjectStatusIconPipe, WizardLayoutDirective, ColRendererDirective, ApplyConditionalFormatsDirective, ReportViewRendererDirective, FullscreenDialogDirective, FullscreenFilesDirective, DownloadFilesDirective, DialogHandlerDirective, TableThDirective, ContentDensityDirective], imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             BarsaNovinRayCoreModule,
@@ -16377,7 +16397,7 @@ class BarsaSapUiModule extends BaseModule {
             ResizableModule,
             PlatformIconTabBarModule, i1.ContentDensityModule, ScrollingModule,
             UtilDateToHhMmPipe,
-            UtilChatTimeBadgePipe], exports: [BarsaBarDownloadFileComponent, UiTextFieldComponent, LyLayoutFieldLabelComponent, UiCheckBoxComponent, UiSimpleComboComponent, UiRadioGroupComponent, UiGridComponent, UiMapComponent, LyLayoutContainerOfRootComponent, LyLayoutPanelComponent, UiReadOnlyFieldComponent, UiContainerWithButtonComponent, UiPictureFileComponent, UiMoInfoUlvComboComponent, UiMultiSelectComboComponent, UiNumDecimalUiComponent, UiNumIntUiComponent, UiTimeSpanComponent, UiFileLinearListBoxComponent, LyEmptySpaceComponent, UiSinglePictureComponent, UlvSelectionComponent, UlvToolbarComponent, UlvPagingComponent, UiGridSortSettingComponent, UiGridSortItemComponent, UiGridColumnsComponent, MaskComponent, UiInfoBarPanelComponent, UiFormPanelComponent, UiSearchCommandInfoUiComponent, UlvSettingsComponent, UiTinymceComponent, UiButtonComponent, UiDateTimeComponent, FormDialogComponent, UiMoInfoSubFormUiComponent, ResponsiveToolbarComponent, ResponsiveToolbarRendererComponent, UiTextAreaComponent, LayoutControlComponent, LayoutWizardComponent, FormWizardComponent, FormDialogLessComponent, RichTextStaticComponent, UiPicturesInfoComponent, LyHorizontalLayoutComponent, LyVerticalLayoutComponent, LyTabContainerComponent, LyTabPageComponent, LyLabelComponent, UiMoInfoComboViewerComponent, UlMsgBoxAdapterComponent, UiTreeComponent, HeaderAvatarComponent, UiWorkflowPanelUiComponent, UlvContextMenuComponent, UlLoadingMaskUiComponent, UiTextFieldAutoCompleteComponent, CaptchaFieldComponent, LySimpleLabelComponent, GlobalSearchPanelComponent, GlobalSearchModuleComponent, GlobalSearchComponent, HyperlinkComponent, StaticTextComponent, UlToastAdapterComponent, MessageStripComponent, UiLinearListContainerWithButtonComponent, FundamentalDynamicFormComponent, LayoutActionsComponent, LyLayoutContainerComponent, UiUlvFormMultiSelectUiComponent, UlvFormMultiSelectComponent, UlvColumnSettingsComponent, UlvFilterSettingsComponent, UlvSortSettingsComponent, UlvGroupbySettingsComponent, BarsaListFileLinearComponent, UiPdfViewerComponent, BarsaTinyemceComponent, UiMonacoEditorComponent, BarsaMonacoEditorComponent, BarsaDateTimePickerComponent, BarsaTreeItemComponent, UiSwitchButtonComponent, UiColorUiComponent, LyLineComponent, UiUlvMainUiComponent, ReportNavigatorComponent, ManageFiltersReportComponent, ReportSearchFieldsManageComponent, ReportSearchFieldsHiddenSettingsComponent, SearchPanelComponent, ReportSearchPanelSaveComponent, UiGridFilterSettingsComponent, UiGridFilterItemComponent, UiDateRangeExComponent, UlNotifyPopupComponent, UiTableViewComponent, UiListViewComponent, UiCardViewComponent, UiReportContainerComponent, NoDataComponent, ColumnRendererComponent, InlineSaveAndCancelComponent, UiTreeViewComponent, InlineSaveAndCancelComponent, UiCalendarComponent, UiAspReportViewerComponent, UiGraphComponent, UiExceptionFormComponent, UiEditableGridComponent, ColumnMatrixRendererComponent, UiMatrixViewComponent, CustomDateTimeComponent, BarsaAspViewerComponent, FileInDialogComponent, UiMoInfoGeneralObjectUiComponent, UiGanttChartComponent, GanttDhtmlChartViewComponent, ProgressIndicatorComponent, CardViewContentComponent, CardItemComponent, UiCardViewHorizontalGroupComponent, TitleComponent, BarsaUlvMainComponent, ListItemComponent, HtreeCreateNewComponent, BarsaTableHeaderComponent, BarsaTableRowComponent, BarsaTableColumnComponent, BreadcrumbComponent, UiLabelComponent, FormToolbarButtonComponent, BarsaSearchFormComponent, ReportNewTopFormComponent, BarsaNetworkOfflineComponent, FileViewerContentComponent, FileViewerPopoverComponent, FileViewerComponent, BlobViewerComponent, NotificationItemComponent, BarsaCartableTemplateComponent, BarsaCartableGroupComponent, BarsaCartableFormComponent, BarsaColumnIndicatorComponent, BarsaFieldKeyValueComponent, BarsaToolbaritemSearchComponent, UiHtmlViewerComponent, BarsaPishnamayeshPayamComponent, BarsaTextEllipsisComponent, BarsaListFileLinearGmailComponent, BarsaLinkableItemsPanelComponent, BarsaEnumMenuButtonComponent, BarsaCardLayoutPanelComponent, BarsaHorizontalFlexPanelComponent, BarsaBaseLayoutPanelComponent, BarsaBarPanelComponent, BarsaFormSideContentComponent, BarsaSimpleFormComponent, FormToolbarComponent, BarsaListLayoutPanelComponent, BarsaGridLayoutPanelComponent, BarsaDynamicFieldComponent, UiMultiSelectRadioComponent, UiMultiSelectCheckboxComponent, UiNumIntSliderComponent, UiMultiSelectSliderComponent, UiMultiSelectCardComponent, UiMultiSelectSmileComponent, BarsaReportCheckboxSwitchButtonComponent, BarsaColumnRowNumberComponent, BarsaCardRowPayamComponent, BarsaColumnRowNumberComponent, BarsaQuestionPostComponent, BarsaQuestionAnswerFormComponent, BarsaQuestionAnswerFormAddCommentComponent, BarsaAnswerCardComponent, BarsaQuestionAnswerContentActionsSectionComponent, BarsaQuestionAnswerVoteSectionComponent, BarsaQuestionAnswerCreatorTimeSectionComponent, BarsaQuestionAnswerCommentsSectionComponent, BarsaChipComponent, BarsaTagChipComponent, BarsaReportCardFlexViewComponent, BarsaTagsCategoryRowComponent, BarsaTagCategoriesComponent, BarsaReportOneOfListComponent, BarsaCardRowPayamComponent, BarsaCustomInlineEditComponent, BarsaCustomInlineEditRowComponent, BarsaChatComponent, BarsaChatContentComponent, BarsaChatMessageComponent, BarsaChatThreadComponent, BarsaChatThreadsListComponent, BarsaChatThreadsListToolbarComponent, BarsaChatContentToolbarComponent, BarsaChatListComponent, BarsaModalComponent, BarsaTabRouteManagerComponent, BarsaBreadcrumbsComponent, BarsaRowInlineActionlistComponent, UiBpmnViewerComponent, UiNotificationViewComponent, NotificationItemActionsComponent, BarsaFormLayoutPanelComponent, UiReportCarouselViewComponent, BarsaCardBannerComponent, BarsaThemeComponent, BarsaImgSkeletonComponent, WizardLayoutDirective, ColRendererDirective, ApplyConditionalFormatsDirective, ReportViewRendererDirective, FullscreenDialogDirective, FullscreenFilesDirective, DownloadFilesDirective, DialogHandlerDirective, TableThDirective, ContentDensityDirective, UploadFileStatusPipe, SapFontPipe, SapFontClassPipe, StringToArrayPipe, NodeHasOneDepthLevelPipe, MatrixValuePipe, DynamicPageSizePipe, SapSizePipe, AvatarGridColPipe, ObjectStatusIconPipe] }); }
+            UtilChatTimeBadgePipe], exports: [BarsaBarDownloadFileComponent, UiTextFieldComponent, LyLayoutFieldLabelComponent, UiCheckBoxComponent, UiSimpleComboComponent, UiRadioGroupComponent, UiGridComponent, UiMapComponent, LyLayoutContainerOfRootComponent, LyLayoutPanelComponent, UiReadOnlyFieldComponent, UiContainerWithButtonComponent, UiPictureFileComponent, UiMoInfoUlvComboComponent, UiMultiSelectComboComponent, UiNumDecimalUiComponent, UiNumIntUiComponent, UiTimeSpanComponent, UiFileLinearListBoxComponent, LyEmptySpaceComponent, UiSinglePictureComponent, UlvSelectionComponent, UlvToolbarComponent, UlvPagingComponent, UiGridSortSettingComponent, UiGridSortItemComponent, UiGridColumnsComponent, MaskComponent, UiInfoBarPanelComponent, UiFormPanelComponent, UiSearchCommandInfoUiComponent, UlvSettingsComponent, UiTinymceComponent, UiButtonComponent, UiDateTimeComponent, FormDialogComponent, UiMoInfoSubFormUiComponent, ResponsiveToolbarComponent, ResponsiveToolbarRendererComponent, UiTextAreaComponent, LayoutControlComponent, LayoutWizardComponent, FormWizardComponent, FormDialogLessComponent, RichTextStaticComponent, UiPicturesInfoComponent, LyHorizontalLayoutComponent, LyVerticalLayoutComponent, LyTabContainerComponent, LyTabPageComponent, LyLabelComponent, UiMoInfoComboViewerComponent, UlMsgBoxAdapterComponent, UiTreeComponent, HeaderAvatarComponent, UiWorkflowPanelUiComponent, UlvContextMenuComponent, UlLoadingMaskUiComponent, UiTextFieldAutoCompleteComponent, CaptchaFieldComponent, LySimpleLabelComponent, GlobalSearchPanelComponent, GlobalSearchModuleComponent, GlobalSearchComponent, HyperlinkComponent, StaticTextComponent, UlToastAdapterComponent, MessageStripComponent, UiLinearListContainerWithButtonComponent, FundamentalDynamicFormComponent, LayoutActionsComponent, LyLayoutContainerComponent, UiUlvFormMultiSelectUiComponent, UlvFormMultiSelectComponent, UlvColumnSettingsComponent, UlvFilterSettingsComponent, UlvSortSettingsComponent, UlvGroupbySettingsComponent, BarsaListFileLinearComponent, UiPdfViewerComponent, BarsaTinyemceComponent, UiMonacoEditorComponent, BarsaMonacoEditorComponent, BarsaDateTimePickerComponent, BarsaTreeItemComponent, UiSwitchButtonComponent, UiColorUiComponent, LyLineComponent, UiUlvMainUiComponent, ReportNavigatorComponent, ManageFiltersReportComponent, ReportSearchFieldsManageComponent, ReportSearchFieldsHiddenSettingsComponent, SearchPanelComponent, ReportSearchPanelSaveComponent, UiGridFilterSettingsComponent, UiGridFilterItemComponent, UiDateRangeExComponent, UlNotifyPopupComponent, UiTableViewComponent, UiListViewComponent, UiCardViewComponent, UiReportContainerComponent, NoDataComponent, ColumnRendererComponent, InlineSaveAndCancelComponent, UiTreeViewComponent, InlineSaveAndCancelComponent, UiCalendarComponent, UiAspReportViewerComponent, UiGraphComponent, UiExceptionFormComponent, UiEditableGridComponent, ColumnMatrixRendererComponent, UiMatrixViewComponent, CustomDateTimeComponent, BarsaAspViewerComponent, FileInDialogComponent, UiMoInfoGeneralObjectUiComponent, UiGanttChartComponent, GanttDhtmlChartViewComponent, ProgressIndicatorComponent, CardViewContentComponent, CardItemComponent, UiCardViewHorizontalGroupComponent, TitleComponent, BarsaUlvMainComponent, ListItemComponent, HtreeCreateNewComponent, BarsaTableHeaderComponent, BarsaTableRowComponent, BarsaTableColumnComponent, BreadcrumbComponent, UiLabelComponent, FormToolbarButtonComponent, BarsaSearchFormComponent, ReportNewTopFormComponent, BarsaNetworkOfflineComponent, FileViewerContentComponent, FileViewerPopoverComponent, FileViewerComponent, BlobViewerComponent, NotificationItemComponent, BarsaCartableTemplateComponent, BarsaCartableGroupComponent, BarsaCartableFormComponent, BarsaColumnIndicatorComponent, BarsaFieldKeyValueComponent, BarsaToolbaritemSearchComponent, UiHtmlViewerComponent, BarsaPishnamayeshPayamComponent, BarsaTextEllipsisComponent, BarsaListFileLinearGmailComponent, BarsaLinkableItemsPanelComponent, BarsaEnumMenuButtonComponent, BarsaCardLayoutPanelComponent, BarsaHorizontalFlexPanelComponent, BarsaBaseLayoutPanelComponent, BarsaBarPanelComponent, BarsaFormSideContentComponent, BarsaSimpleFormComponent, FormToolbarComponent, BarsaListLayoutPanelComponent, BarsaGridLayoutPanelComponent, BarsaDynamicFieldComponent, UiMultiSelectRadioComponent, UiMultiSelectCheckboxComponent, UiNumIntSliderComponent, UiMultiSelectSliderComponent, UiMultiSelectCardComponent, UiMultiSelectSmileComponent, BarsaReportCheckboxSwitchButtonComponent, BarsaColumnRowNumberComponent, BarsaCardRowPayamComponent, BarsaColumnRowNumberComponent, BarsaQuestionPostComponent, BarsaQuestionAnswerFormComponent, BarsaQuestionAnswerFormAddCommentComponent, BarsaAnswerCardComponent, BarsaQuestionAnswerContentActionsSectionComponent, BarsaQuestionAnswerVoteSectionComponent, BarsaQuestionAnswerCreatorTimeSectionComponent, BarsaQuestionAnswerCommentsSectionComponent, BarsaChipComponent, BarsaTagChipComponent, BarsaReportCardFlexViewComponent, BarsaTagsCategoryRowComponent, BarsaTagCategoriesComponent, BarsaReportOneOfListComponent, BarsaCardRowPayamComponent, BarsaCustomInlineEditComponent, BarsaCustomInlineEditRowComponent, BarsaChatComponent, BarsaChatContentComponent, BarsaChatMessageComponent, BarsaChatThreadComponent, BarsaChatThreadsListComponent, BarsaChatThreadsListToolbarComponent, BarsaChatContentToolbarComponent, BarsaChatListComponent, BarsaModalComponent, BarsaTabRouteManagerComponent, BarsaBreadcrumbsComponent, BarsaRowInlineActionlistComponent, UiBpmnViewerComponent, UiNotificationViewComponent, NotificationItemActionsComponent, BarsaFormLayoutPanelComponent, UiReportCarouselViewComponent, BarsaCardBannerComponent, BarsaThemeComponent, BarsaImgSkeletonComponent, BarsaBottomMenuComponent, WizardLayoutDirective, ColRendererDirective, ApplyConditionalFormatsDirective, ReportViewRendererDirective, FullscreenDialogDirective, FullscreenFilesDirective, DownloadFilesDirective, DialogHandlerDirective, TableThDirective, ContentDensityDirective, UploadFileStatusPipe, SapFontPipe, SapFontClassPipe, StringToArrayPipe, NodeHasOneDepthLevelPipe, MatrixValuePipe, DynamicPageSizePipe, SapSizePipe, AvatarGridColPipe, ObjectStatusIconPipe] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: BarsaSapUiModule, providers: [{ provide: DIALOG_SERVICE, useClass: DialogService }], imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
@@ -16449,5 +16469,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
  * Generated bundle index. Do not edit.
  */
-export { ApplyConditionalFormatsDirective, AvatarGridColPipe, BarsaAnswerCardComponent, BarsaAspViewerComponent, BarsaBarDownloadFileComponent, BarsaBarPanelComponent, BarsaBaseLayoutPanelComponent, BarsaBreadcrumbsComponent, BarsaCardBannerComponent, BarsaCardLayoutPanelComponent, BarsaCardRowPayamComponent, BarsaCartableFormComponent, BarsaCartableGroupComponent, BarsaCartableTemplateComponent, BarsaChatComponent, BarsaChatContentComponent, BarsaChatContentToolbarComponent, BarsaChatListComponent, BarsaChatMessageComponent, BarsaChatThreadComponent, BarsaChatThreadsListComponent, BarsaChatThreadsListToolbarComponent, BarsaChipComponent, BarsaColumnIndicatorComponent, BarsaColumnRowNumberComponent, BarsaCustomInlineEditComponent, BarsaCustomInlineEditRowComponent, BarsaDateTimePickerComponent, BarsaDynamicFieldComponent, BarsaEnumMenuButtonComponent, BarsaFieldKeyValueComponent, BarsaFormLayoutPanelComponent, BarsaFormSideContentComponent, BarsaGridLayoutPanelComponent, BarsaHorizontalFlexPanelComponent, BarsaImgSkeletonComponent, BarsaLinkableItemsPanelComponent, BarsaListFileLinearComponent, BarsaListFileLinearGmailComponent, BarsaListLayoutPanelComponent, BarsaModalComponent, BarsaMonacoEditorComponent, BarsaNetworkOfflineComponent, BarsaPishnamayeshPayamComponent, BarsaQuestionAnswerCommentsSectionComponent, BarsaQuestionAnswerContentActionsSectionComponent, BarsaQuestionAnswerCreatorTimeSectionComponent, BarsaQuestionAnswerFormAddCommentComponent, BarsaQuestionAnswerFormComponent, BarsaQuestionAnswerVoteSectionComponent, BarsaQuestionPostComponent, BarsaReportCardFlexViewComponent, BarsaReportCheckboxSwitchButtonComponent, BarsaReportOneOfListComponent, BarsaRowInlineActionlistComponent, BarsaSapUiModule, BarsaSapUiRoutingModule, BarsaSearchFormComponent, BarsaSimpleFormComponent, BarsaTabRouteManagerComponent, BarsaTableColumnComponent, BarsaTableHeaderComponent, BarsaTableRowComponent, BarsaTagCategoriesComponent, BarsaTagChipComponent, BarsaTagsCategoryRowComponent, BarsaTextEllipsisComponent, BarsaThemeComponent, BarsaTinyemceComponent, BarsaToolbaritemSearchComponent, BarsaTreeItemComponent, BarsaUlvMainComponent, BlobViewerComponent, BreadcrumbComponent, CaptchaFieldComponent, CardItemComponent, CardViewContentComponent, ColRendererDirective, ColumnMatrixRendererComponent, ColumnRendererComponent, ContentDensityDirective, CustomDateTimeComponent, DeviceInfoFieldBaseComponent, DialogHandlerDirective, DownloadFilesDirective, DynamicPageSizePipe, FileInDialogComponent, FileViewerComponent, FileViewerContentComponent, FileViewerPopoverComponent, FormDialogComponent, FormDialogLessComponent, FormToolbarButtonComponent, FormToolbarComponent, FormWizardComponent, FullscreenDialogDirective, FullscreenFilesDirective, FundamentalDynamicFormComponent, GanttDhtmlChartViewComponent, GetFormLayoutGrid, GlobalSearchComponent, GlobalSearchModuleComponent, GlobalSearchPanelComponent, HeaderAvatarComponent, HtreeCreateNewComponent, HyperlinkComponent, IconBusinessSuite, IconTNT, InlineSaveAndCancelComponent, LayoutActionsComponent, LayoutControlComponent, LayoutWizardComponent, ListItemComponent, LyEmptySpaceComponent, LyHorizontalLayoutComponent, LyLabelComponent, LyLayoutContainerComponent, LyLayoutContainerOfRootComponent, LyLayoutFieldLabelComponent, LyLayoutPanelComponent, LyLineComponent, LySimpleLabelComponent, LyTabContainerComponent, LyTabPageComponent, LyVerticalLayoutComponent, ManageFiltersReportComponent, MaskComponent, MatrixValuePipe, MessageStripComponent, NoDataComponent, NodeHasOneDepthLevelPipe, NotificationItemActionsComponent, NotificationItemComponent, ObjectStatusIconPipe, ProgressIndicatorComponent, ReportNavigatorComponent, ReportNewTopFormComponent, ReportSearchFieldsHiddenSettingsComponent, ReportSearchFieldsManageComponent, ReportSearchPanelSaveComponent, ReportViewRendererDirective, ResponsiveToolbarComponent, ResponsiveToolbarRendererComponent, RichTextStaticComponent, SapFontClassPipe, SapFontPipe, SapSizePipe, SapUiReportBaseComponent, SearchPanelComponent, StaticTextComponent, StringToArrayPipe, TableThDirective, TitleComponent, UiAspReportViewerComponent, UiBpmnViewerComponent, UiButtonComponent, UiCalendarComponent, UiCardViewComponent, UiCardViewHorizontalGroupComponent, UiCheckBoxComponent, UiColorUiComponent, UiContainerWithButtonComponent, UiDateRangeExComponent, UiDateTimeComponent, UiEditableGridComponent, UiExceptionFormComponent, UiFileLinearListBoxComponent, UiFormPanelComponent, UiGanttChartComponent, UiGraphComponent, UiGridColumnsComponent, UiGridComponent, UiGridFilterItemComponent, UiGridFilterSettingsComponent, UiGridSortItemComponent, UiGridSortSettingComponent, UiHtmlViewerComponent, UiInfoBarPanelComponent, UiLabelComponent, UiLinearListContainerWithButtonComponent, UiListViewComponent, UiMapComponent, UiMatrixViewComponent, UiMoInfoComboViewerComponent, UiMoInfoGeneralObjectUiComponent, UiMoInfoSubFormUiComponent, UiMoInfoUlvComboComponent, UiMonacoEditorComponent, UiMultiSelectCardComponent, UiMultiSelectCheckboxComponent, UiMultiSelectComboComponent, UiMultiSelectRadioComponent, UiMultiSelectSliderComponent, UiMultiSelectSmileComponent, UiNotificationViewComponent, UiNumDecimalUiComponent, UiNumIntSliderComponent, UiNumIntUiComponent, UiPdfViewerComponent, UiPictureFileComponent, UiPicturesInfoComponent, UiRadioGroupComponent, UiReadOnlyFieldComponent, UiReportCarouselViewComponent, UiReportContainerComponent, UiSearchCommandInfoUiComponent, UiSimpleComboComponent, UiSinglePictureComponent, UiSwitchButtonComponent, UiTableViewComponent, UiTextAreaComponent, UiTextFieldAutoCompleteComponent, UiTextFieldComponent, UiTimeSpanComponent, UiTinymceComponent, UiTreeComponent, UiTreeViewComponent, UiUlvFormMultiSelectUiComponent, UiUlvMainUiComponent, UiWorkflowPanelUiComponent, UlLoadingMaskUiComponent, UlMsgBoxAdapterComponent, UlNotifyPopupComponent, UlToastAdapterComponent, UlvColumnSettingsComponent, UlvContextMenuComponent, UlvFilterSettingsComponent, UlvFormMultiSelectComponent, UlvGroupbySettingsComponent, UlvPagingComponent, UlvSelectionComponent, UlvSettingsComponent, UlvSortSettingsComponent, UlvToolbarComponent, UploadFileStatusPipe, WidthTypeEnum, WizardLayoutDirective, _trimEnd, getNestedValue, insertAvatar, sort$1 as sort };
+export { ApplyConditionalFormatsDirective, AvatarGridColPipe, BarsaAnswerCardComponent, BarsaAspViewerComponent, BarsaBarDownloadFileComponent, BarsaBarPanelComponent, BarsaBaseLayoutPanelComponent, BarsaBottomMenuComponent, BarsaBreadcrumbsComponent, BarsaCardBannerComponent, BarsaCardLayoutPanelComponent, BarsaCardRowPayamComponent, BarsaCartableFormComponent, BarsaCartableGroupComponent, BarsaCartableTemplateComponent, BarsaChatComponent, BarsaChatContentComponent, BarsaChatContentToolbarComponent, BarsaChatListComponent, BarsaChatMessageComponent, BarsaChatThreadComponent, BarsaChatThreadsListComponent, BarsaChatThreadsListToolbarComponent, BarsaChipComponent, BarsaColumnIndicatorComponent, BarsaColumnRowNumberComponent, BarsaCustomInlineEditComponent, BarsaCustomInlineEditRowComponent, BarsaDateTimePickerComponent, BarsaDynamicFieldComponent, BarsaEnumMenuButtonComponent, BarsaFieldKeyValueComponent, BarsaFormLayoutPanelComponent, BarsaFormSideContentComponent, BarsaGridLayoutPanelComponent, BarsaHorizontalFlexPanelComponent, BarsaImgSkeletonComponent, BarsaLinkableItemsPanelComponent, BarsaListFileLinearComponent, BarsaListFileLinearGmailComponent, BarsaListLayoutPanelComponent, BarsaModalComponent, BarsaMonacoEditorComponent, BarsaNetworkOfflineComponent, BarsaPishnamayeshPayamComponent, BarsaQuestionAnswerCommentsSectionComponent, BarsaQuestionAnswerContentActionsSectionComponent, BarsaQuestionAnswerCreatorTimeSectionComponent, BarsaQuestionAnswerFormAddCommentComponent, BarsaQuestionAnswerFormComponent, BarsaQuestionAnswerVoteSectionComponent, BarsaQuestionPostComponent, BarsaReportCardFlexViewComponent, BarsaReportCheckboxSwitchButtonComponent, BarsaReportOneOfListComponent, BarsaRowInlineActionlistComponent, BarsaSapUiModule, BarsaSapUiRoutingModule, BarsaSearchFormComponent, BarsaSimpleFormComponent, BarsaTabRouteManagerComponent, BarsaTableColumnComponent, BarsaTableHeaderComponent, BarsaTableRowComponent, BarsaTagCategoriesComponent, BarsaTagChipComponent, BarsaTagsCategoryRowComponent, BarsaTextEllipsisComponent, BarsaThemeComponent, BarsaTinyemceComponent, BarsaToolbaritemSearchComponent, BarsaTreeItemComponent, BarsaUlvMainComponent, BlobViewerComponent, BreadcrumbComponent, CaptchaFieldComponent, CardItemComponent, CardViewContentComponent, ColRendererDirective, ColumnMatrixRendererComponent, ColumnRendererComponent, ContentDensityDirective, CustomDateTimeComponent, DeviceInfoFieldBaseComponent, DialogHandlerDirective, DownloadFilesDirective, DynamicPageSizePipe, FileInDialogComponent, FileViewerComponent, FileViewerContentComponent, FileViewerPopoverComponent, FormDialogComponent, FormDialogLessComponent, FormToolbarButtonComponent, FormToolbarComponent, FormWizardComponent, FullscreenDialogDirective, FullscreenFilesDirective, FundamentalDynamicFormComponent, GanttDhtmlChartViewComponent, GetFormLayoutGrid, GlobalSearchComponent, GlobalSearchModuleComponent, GlobalSearchPanelComponent, HeaderAvatarComponent, HtreeCreateNewComponent, HyperlinkComponent, IconBusinessSuite, IconTNT, InlineSaveAndCancelComponent, LayoutActionsComponent, LayoutControlComponent, LayoutWizardComponent, ListItemComponent, LyEmptySpaceComponent, LyHorizontalLayoutComponent, LyLabelComponent, LyLayoutContainerComponent, LyLayoutContainerOfRootComponent, LyLayoutFieldLabelComponent, LyLayoutPanelComponent, LyLineComponent, LySimpleLabelComponent, LyTabContainerComponent, LyTabPageComponent, LyVerticalLayoutComponent, ManageFiltersReportComponent, MaskComponent, MatrixValuePipe, MessageStripComponent, NoDataComponent, NodeHasOneDepthLevelPipe, NotificationItemActionsComponent, NotificationItemComponent, ObjectStatusIconPipe, ProgressIndicatorComponent, ReportNavigatorComponent, ReportNewTopFormComponent, ReportSearchFieldsHiddenSettingsComponent, ReportSearchFieldsManageComponent, ReportSearchPanelSaveComponent, ReportViewRendererDirective, ResponsiveToolbarComponent, ResponsiveToolbarRendererComponent, RichTextStaticComponent, SapFontClassPipe, SapFontPipe, SapSizePipe, SapUiReportBaseComponent, SearchPanelComponent, StaticTextComponent, StringToArrayPipe, TableThDirective, TitleComponent, UiAspReportViewerComponent, UiBpmnViewerComponent, UiButtonComponent, UiCalendarComponent, UiCardViewComponent, UiCardViewHorizontalGroupComponent, UiCheckBoxComponent, UiColorUiComponent, UiContainerWithButtonComponent, UiDateRangeExComponent, UiDateTimeComponent, UiEditableGridComponent, UiExceptionFormComponent, UiFileLinearListBoxComponent, UiFormPanelComponent, UiGanttChartComponent, UiGraphComponent, UiGridColumnsComponent, UiGridComponent, UiGridFilterItemComponent, UiGridFilterSettingsComponent, UiGridSortItemComponent, UiGridSortSettingComponent, UiHtmlViewerComponent, UiInfoBarPanelComponent, UiLabelComponent, UiLinearListContainerWithButtonComponent, UiListViewComponent, UiMapComponent, UiMatrixViewComponent, UiMoInfoComboViewerComponent, UiMoInfoGeneralObjectUiComponent, UiMoInfoSubFormUiComponent, UiMoInfoUlvComboComponent, UiMonacoEditorComponent, UiMultiSelectCardComponent, UiMultiSelectCheckboxComponent, UiMultiSelectComboComponent, UiMultiSelectRadioComponent, UiMultiSelectSliderComponent, UiMultiSelectSmileComponent, UiNotificationViewComponent, UiNumDecimalUiComponent, UiNumIntSliderComponent, UiNumIntUiComponent, UiPdfViewerComponent, UiPictureFileComponent, UiPicturesInfoComponent, UiRadioGroupComponent, UiReadOnlyFieldComponent, UiReportCarouselViewComponent, UiReportContainerComponent, UiSearchCommandInfoUiComponent, UiSimpleComboComponent, UiSinglePictureComponent, UiSwitchButtonComponent, UiTableViewComponent, UiTextAreaComponent, UiTextFieldAutoCompleteComponent, UiTextFieldComponent, UiTimeSpanComponent, UiTinymceComponent, UiTreeComponent, UiTreeViewComponent, UiUlvFormMultiSelectUiComponent, UiUlvMainUiComponent, UiWorkflowPanelUiComponent, UlLoadingMaskUiComponent, UlMsgBoxAdapterComponent, UlNotifyPopupComponent, UlToastAdapterComponent, UlvColumnSettingsComponent, UlvContextMenuComponent, UlvFilterSettingsComponent, UlvFormMultiSelectComponent, UlvGroupbySettingsComponent, UlvPagingComponent, UlvSelectionComponent, UlvSettingsComponent, UlvSortSettingsComponent, UlvToolbarComponent, UploadFileStatusPipe, WidthTypeEnum, WizardLayoutDirective, _trimEnd, getNestedValue, insertAvatar, sort$1 as sort };
 //# sourceMappingURL=barsa-sap-ui.mjs.map