barsa-sap-ui 1.0.448 → 1.0.449

package/esm2020/lib/card-view-content/card-view-content.component.mjs

@@ -38,9 +38,9 @@ export class CardViewContentComponent extends BaseViewContentPropsComponent {
     }
 }
 CardViewContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CardViewContentComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-CardViewContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CardViewContentComponent, selector: "bsu-card-view-content", usesInheritance: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"setting.CardWidth ? flexTemplate : gridTemplate\"></ng-container>\n<ng-template #gridTemplate>\n    <fd-layout-grid *ngIf=\"moDataList && moDataList.length > 0; else noData\" class=\"card-list\">\n        <ng-container *ngTemplateOutlet=\"containerTemplate; context: { $implicit: true }\"></ng-container>\n    </fd-layout-grid>\n</ng-template>\n<ng-template #flexTemplate>\n    <div class=\"card-view-flex-container\">\n        <ng-container *ngTemplateOutlet=\"containerTemplate\"></ng-container>\n    </div>\n</ng-template>\n<ng-template #containerTemplate let-isGrid>\n    <ng-container\n        *ngFor=\"\n            let mo of moDataList | multipleGroupBy: groupby;\n            let index = index;\n            let last = last;\n            let first = first;\n            trackBy: _trackByRow\n        \"\n    >\n        <ng-container *ngIf=\"!mo.parent || mo.parent?.expanded\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    mo.group || mo.group === '' ? group : isGrid ? cardTemplateGrid : cardTemplate;\n                    context: { $implicit: mo, index: this.index }\n                \"\n            ></ng-container>\n            <ng-template #group>\n                <div\n                    class=\"group-label row-group\"\n                    [style.padding-right]=\"'calc( 1rem + ' + mo.level * 12 + 'px' + ' )'\"\n                    [attr.level]=\"mo.level\"\n                    [class.root-group]=\"mo.level === 0\"\n                    ellipsify\n                >\n                    <fd-icon\n                        [glyph]=\"mo.expanded ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n                        class=\"cell-expand\"\n                        (click)=\"onExpandClick(mo)\"\n                    ></fd-icon>\n                    <span fd-list-title>{{ mo.group }}</span>\n                </div>\n            </ng-template>\n        </ng-container>\n        <div\n            *ngIf=\"setting.contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0\"\n            ulvContextMenu\n            [allColumns]=\"allColumns\"\n            [menuItems]=\"contextMenuItems\"\n            [styleIndex]=\"mo.$StyleIndex\"\n            [conditionalFormats]=\"conditionalFormats\"\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n            [mo]=\"mo\"\n            (commandClick)=\"ulvCommand.emit({mo,index})\"\n        ></div>\n    </ng-container>\n</ng-template>\n<ng-template #noData>\n    <bsu-no-data></bsu-no-data>\n</ng-template>\n<ng-template #cardTemplate let-mo let-index=\"index\">\n    <bsu-card-item\n        [mo]=\"mo\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [index]=\"index\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [setting]=\"setting\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [formSetting]=\"formSetting\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        (rowCheck)=\"rowCheck.emit($event)\"\n        (rowClick)=\"rowClick.emit($event)\"\n        (ulvCommand)=\"ulvCommand.emit($event)\"\n        (editFormPanelSave)=\"editFormPanelSave.emit($event)\"\n        (editFormPanelCancel)=\"editFormPanelCancel.emit($event)\"\n        (action)=\"action.emit($event)\"\n    >\n    </bsu-card-item>\n</ng-template>\n<ng-template #cardTemplateGrid let-mo let-index=\"index\">\n    <div\n        [fdLayoutGridCol]=\"sizeS\"\n        [colMd]=\"sizeM\"\n        [colLg]=\"sizeL\"\n        [colXl]=\"sizeXl\"\n        [class.selected]=\"mo.$IsChecked ? true : false\"\n        class=\"card-container\"\n    >\n        <ng-container *ngTemplateOutlet=\"cardTemplate; context: { $implicit: mo, index: index }\"></ng-container>\n    </div>\n</ng-template>\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{background-color:var(--sapList_SelectionBackgroundColor, #e5f0fa);border-color:var(--sapList_SelectionBorderColor, #0854a0)}::ng-deep .card-list .selected fd-card,::ng-deep .card-list .selected fd-card-header,::ng-deep .card-list .selected .fd-bar--footer,::ng-deep .card-list .selected fd-quick-view-subheader .fd-bar{background-color:inherit}::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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.EllipsifyDirective, selector: "[ellipsify]", inputs: ["limitLine"] }, { kind: "component", type: i3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i4.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i4.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i5.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "component", type: i6.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: i7.NoDataComponent, selector: "bsu-no-data", inputs: ["simple"] }, { kind: "component", type: i8.CardItemComponent, selector: "bsu-card-item", inputs: ["setting"] }, { kind: "pipe", type: i2.MultipleGroupByPipe, name: "multipleGroupBy" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+CardViewContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CardViewContentComponent, selector: "bsu-card-view-content", usesInheritance: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"setting.CardWidth ? flexTemplate : gridTemplate\"></ng-container>\r\n<ng-template #gridTemplate>\r\n    <fd-layout-grid *ngIf=\"moDataList && moDataList.length > 0; else noData\" class=\"card-list\">\r\n        <ng-container *ngTemplateOutlet=\"containerTemplate; context: { $implicit: true }\"></ng-container>\r\n    </fd-layout-grid>\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    <ng-container\r\n        *ngFor=\"\r\n            let mo of moDataList | multipleGroupBy: groupby;\r\n            let index = index;\r\n            let last = last;\r\n            let first = first;\r\n            trackBy: _trackByRow\r\n        \"\r\n    >\r\n        <ng-container *ngIf=\"!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: this.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        </ng-container>\r\n        <div\r\n            *ngIf=\"setting.contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0\"\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    </ng-container>\r\n</ng-template>\r\n<ng-template #noData>\r\n    <bsu-no-data></bsu-no-data>\r\n</ng-template>\r\n<ng-template #cardTemplate let-mo let-index=\"index\">\r\n    <bsu-card-item\r\n        [mo]=\"mo\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\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{background-color:var(--sapList_SelectionBackgroundColor, #e5f0fa);border-color:var(--sapList_SelectionBorderColor, #0854a0)}::ng-deep .card-list .selected fd-card,::ng-deep .card-list .selected fd-card-header,::ng-deep .card-list .selected .fd-bar--footer,::ng-deep .card-list .selected fd-quick-view-subheader .fd-bar{background-color:inherit}::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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.EllipsifyDirective, selector: "[ellipsify]", inputs: ["limitLine"] }, { kind: "component", type: i3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i4.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i4.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i5.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "component", type: i6.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: i7.NoDataComponent, selector: "bsu-no-data", inputs: ["simple"] }, { kind: "component", type: i8.CardItemComponent, selector: "bsu-card-item", inputs: ["setting"] }, { kind: "pipe", type: i2.MultipleGroupByPipe, name: "multipleGroupBy" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CardViewContentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-card-view-content', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngTemplateOutlet=\"setting.CardWidth ? flexTemplate : gridTemplate\"></ng-container>\n<ng-template #gridTemplate>\n    <fd-layout-grid *ngIf=\"moDataList && moDataList.length > 0; else noData\" class=\"card-list\">\n        <ng-container *ngTemplateOutlet=\"containerTemplate; context: { $implicit: true }\"></ng-container>\n    </fd-layout-grid>\n</ng-template>\n<ng-template #flexTemplate>\n    <div class=\"card-view-flex-container\">\n        <ng-container *ngTemplateOutlet=\"containerTemplate\"></ng-container>\n    </div>\n</ng-template>\n<ng-template #containerTemplate let-isGrid>\n    <ng-container\n        *ngFor=\"\n            let mo of moDataList | multipleGroupBy: groupby;\n            let index = index;\n            let last = last;\n            let first = first;\n            trackBy: _trackByRow\n        \"\n    >\n        <ng-container *ngIf=\"!mo.parent || mo.parent?.expanded\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    mo.group || mo.group === '' ? group : isGrid ? cardTemplateGrid : cardTemplate;\n                    context: { $implicit: mo, index: this.index }\n                \"\n            ></ng-container>\n            <ng-template #group>\n                <div\n                    class=\"group-label row-group\"\n                    [style.padding-right]=\"'calc( 1rem + ' + mo.level * 12 + 'px' + ' )'\"\n                    [attr.level]=\"mo.level\"\n                    [class.root-group]=\"mo.level === 0\"\n                    ellipsify\n                >\n                    <fd-icon\n                        [glyph]=\"mo.expanded ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n                        class=\"cell-expand\"\n                        (click)=\"onExpandClick(mo)\"\n                    ></fd-icon>\n                    <span fd-list-title>{{ mo.group }}</span>\n                </div>\n            </ng-template>\n        </ng-container>\n        <div\n            *ngIf=\"setting.contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0\"\n            ulvContextMenu\n            [allColumns]=\"allColumns\"\n            [menuItems]=\"contextMenuItems\"\n            [styleIndex]=\"mo.$StyleIndex\"\n            [conditionalFormats]=\"conditionalFormats\"\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n            [mo]=\"mo\"\n            (commandClick)=\"ulvCommand.emit({mo,index})\"\n        ></div>\n    </ng-container>\n</ng-template>\n<ng-template #noData>\n    <bsu-no-data></bsu-no-data>\n</ng-template>\n<ng-template #cardTemplate let-mo let-index=\"index\">\n    <bsu-card-item\n        [mo]=\"mo\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [index]=\"index\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [setting]=\"setting\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [formSetting]=\"formSetting\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        (rowCheck)=\"rowCheck.emit($event)\"\n        (rowClick)=\"rowClick.emit($event)\"\n        (ulvCommand)=\"ulvCommand.emit($event)\"\n        (editFormPanelSave)=\"editFormPanelSave.emit($event)\"\n        (editFormPanelCancel)=\"editFormPanelCancel.emit($event)\"\n        (action)=\"action.emit($event)\"\n    >\n    </bsu-card-item>\n</ng-template>\n<ng-template #cardTemplateGrid let-mo let-index=\"index\">\n    <div\n        [fdLayoutGridCol]=\"sizeS\"\n        [colMd]=\"sizeM\"\n        [colLg]=\"sizeL\"\n        [colXl]=\"sizeXl\"\n        [class.selected]=\"mo.$IsChecked ? true : false\"\n        class=\"card-container\"\n    >\n        <ng-container *ngTemplateOutlet=\"cardTemplate; context: { $implicit: mo, index: index }\"></ng-container>\n    </div>\n</ng-template>\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{background-color:var(--sapList_SelectionBackgroundColor, #e5f0fa);border-color:var(--sapList_SelectionBorderColor, #0854a0)}::ng-deep .card-list .selected fd-card,::ng-deep .card-list .selected fd-card-header,::ng-deep .card-list .selected .fd-bar--footer,::ng-deep .card-list .selected fd-quick-view-subheader .fd-bar{background-color:inherit}::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, template: "<ng-container *ngTemplateOutlet=\"setting.CardWidth ? flexTemplate : gridTemplate\"></ng-container>\r\n<ng-template #gridTemplate>\r\n    <fd-layout-grid *ngIf=\"moDataList && moDataList.length > 0; else noData\" class=\"card-list\">\r\n        <ng-container *ngTemplateOutlet=\"containerTemplate; context: { $implicit: true }\"></ng-container>\r\n    </fd-layout-grid>\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    <ng-container\r\n        *ngFor=\"\r\n            let mo of moDataList | multipleGroupBy: groupby;\r\n            let index = index;\r\n            let last = last;\r\n            let first = first;\r\n            trackBy: _trackByRow\r\n        \"\r\n    >\r\n        <ng-container *ngIf=\"!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: this.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        </ng-container>\r\n        <div\r\n            *ngIf=\"setting.contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0\"\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    </ng-container>\r\n</ng-template>\r\n<ng-template #noData>\r\n    <bsu-no-data></bsu-no-data>\r\n</ng-template>\r\n<ng-template #cardTemplate let-mo let-index=\"index\">\r\n    <bsu-card-item\r\n        [mo]=\"mo\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\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{background-color:var(--sapList_SelectionBackgroundColor, #e5f0fa);border-color:var(--sapList_SelectionBorderColor, #0854a0)}::ng-deep .card-list .selected fd-card,::ng-deep .card-list .selected fd-card-header,::ng-deep .card-list .selected .fd-bar--footer,::ng-deep .card-list .selected fd-quick-view-subheader .fd-bar{background-color:inherit}::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"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC12aWV3LWNvbnRlbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvY2FyZC12aWV3LWNvbnRlbnQvY2FyZC12aWV3LWNvbnRlbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvY2FyZC12aWV3LWNvbnRlbnQvY2FyZC12aWV3LWNvbnRlbnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSx1QkFBdUIsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUMzRSxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7Ozs7Ozs7OztBQVNyRSxNQUFNLE9BQU8sd0JBQXlCLFNBQVEsNkJBQW9EO0lBTmxHOztRQU9JLFdBQU0sR0FBRyxDQUFDLENBQUM7UUFDWCxVQUFLLEdBQUcsQ0FBQyxDQUFDO1FBQ1YsVUFBSyxHQUFHLENBQUMsQ0FBQztRQUNWLFVBQUssR0FBRyxFQUFFLENBQUM7S0FvQmQ7SUFuQkcsUUFBUTtRQUNKLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNqQixNQUFNLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztRQUNyRCxJQUFJLE1BQU0sRUFBRTtZQUNSLElBQUksQ0FBQyxNQUFNLEdBQUcsRUFBRSxHQUFHLE1BQU0sQ0FBQztTQUM3QjtRQUNELElBQUksS0FBSyxFQUFFO1lBQ1AsSUFBSSxDQUFDLEtBQUssR0FBRyxFQUFFLEdBQUcsS0FBSyxDQUFDO1NBQzNCO1FBQ0QsSUFBSSxLQUFLLEVBQUU7WUFDUCxJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUUsR0FBRyxLQUFLLENBQUM7U0FDM0I7UUFDRCxJQUFJLEtBQUssRUFBRTtZQUNQLElBQUksQ0FBQyxLQUFLLEdBQUcsRUFBRSxHQUFHLEtBQUssQ0FBQztTQUMzQjtJQUNMLENBQUM7SUFDRCxhQUFhLENBQUMsRUFBRTtRQUNaLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQzlCLENBQUM7O3FIQXZCUSx3QkFBd0I7eUdBQXhCLHdCQUF3QixvRkNWckMsa3pJQTRHQTsyRkRsR2Esd0JBQXdCO2tCQU5wQyxTQUFTOytCQUNJLHVCQUF1QixtQkFHaEIsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQmFzZVZpZXdDb250ZW50UHJvcHNDb21wb25lbnQgfSBmcm9tICdiYXJzYS1ub3Zpbi1yYXktY29yZSc7XG5pbXBvcnQgeyBVaUNhcmRMaXN0Vmlld1NldHRpbmcgfSBmcm9tICcuLi9tb2RlbHMvZ3JpZC12aWV3JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdic3UtY2FyZC12aWV3LWNvbnRlbnQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jYXJkLXZpZXctY29udGVudC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vY2FyZC12aWV3LWNvbnRlbnQuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBDYXJkVmlld0NvbnRlbnRDb21wb25lbnQgZXh0ZW5kcyBCYXNlVmlld0NvbnRlbnRQcm9wc0NvbXBvbmVudDxVaUNhcmRMaXN0Vmlld1NldHRpbmc+IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBzaXplWGwgPSAzO1xuICAgIHNpemVMID0gNDtcbiAgICBzaXplTSA9IDY7XG4gICAgc2l6ZVMgPSAxMjtcbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgc3VwZXIubmdPbkluaXQoKTtcbiAgICAgICAgY29uc3QgeyBTaXplWEwsIFNpemVMLCBTaXplTSwgU2l6ZVMgfSA9IHRoaXMuc2V0dGluZztcbiAgICAgICAgaWYgKFNpemVYTCkge1xuICAgICAgICAgICAgdGhpcy5zaXplWGwgPSAxMiAvIFNpemVYTDtcbiAgICAgICAgfVxuICAgICAgICBpZiAoU2l6ZUwpIHtcbiAgICAgICAgICAgIHRoaXMuc2l6ZUwgPSAxMiAvIFNpemVMO1xuICAgICAgICB9XG4gICAgICAgIGlmIChTaXplTSkge1xuICAgICAgICAgICAgdGhpcy5zaXplTSA9IDEyIC8gU2l6ZU07XG4gICAgICAgIH1cbiAgICAgICAgaWYgKFNpemVTKSB7XG4gICAgICAgICAgICB0aGlzLnNpemVTID0gMTIgLyBTaXplUztcbiAgICAgICAgfVxuICAgIH1cbiAgICBvbkV4cGFuZENsaWNrKG1vKTogdm9pZCB7XG4gICAgICAgIHRoaXMuZXhwYW5kQ2xpY2suZW1pdChtbyk7XG4gICAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInNldHRpbmcuQ2FyZFdpZHRoID8gZmxleFRlbXBsYXRlIDogZ3JpZFRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG48bmctdGVtcGxhdGUgI2dyaWRUZW1wbGF0ZT5cbiAgICA8ZmQtbGF5b3V0LWdyaWQgKm5nSWY9XCJtb0RhdGFMaXN0ICYmIG1vRGF0YUxpc3QubGVuZ3RoID4gMDsgZWxzZSBub0RhdGFcIiBjbGFzcz1cImNhcmQtbGlzdFwiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGFpbmVyVGVtcGxhdGU7IGNvbnRleHQ6IHsgJGltcGxpY2l0OiB0cnVlIH1cIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L2ZkLWxheW91dC1ncmlkPlxuPC9uZy10ZW1wbGF0ZT5cbjxuZy10ZW1wbGF0ZSAjZmxleFRlbXBsYXRlPlxuICAgIDxkaXYgY2xhc3M9XCJjYXJkLXZpZXctZmxleC1jb250YWluZXJcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRhaW5lclRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuPG5nLXRlbXBsYXRlICNjb250YWluZXJUZW1wbGF0ZSBsZXQtaXNHcmlkPlxuICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgKm5nRm9yPVwiXG4gICAgICAgICAgICBsZXQgbW8gb2YgbW9EYXRhTGlzdCB8IG11bHRpcGxlR3JvdXBCeTogZ3JvdXBieTtcbiAgICAgICAgICAgIGxldCBpbmRleCA9IGluZGV4O1xuICAgICAgICAgICAgbGV0IGxhc3QgPSBsYXN0O1xuICAgICAgICAgICAgbGV0IGZpcnN0ID0gZmlyc3Q7XG4gICAgICAgICAgICB0cmFja0J5OiBfdHJhY2tCeVJvd1xuICAgICAgICBcIlxuICAgID5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFtby5wYXJlbnQgfHwgbW8ucGFyZW50Py5leHBhbmRlZFwiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiXG4gICAgICAgICAgICAgICAgICAgIG1vLmdyb3VwIHx8IG1vLmdyb3VwID09PSAnJyA/IGdyb3VwIDogaXNHcmlkID8gY2FyZFRlbXBsYXRlR3JpZCA6IGNhcmRUZW1wbGF0ZTtcbiAgICAgICAgICAgICAgICAgICAgY29udGV4dDogeyAkaW1wbGljaXQ6IG1vLCBpbmRleDogdGhpcy5pbmRleCB9XG4gICAgICAgICAgICAgICAgXCJcbiAgICAgICAgICAgID48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjZ3JvdXA+XG4gICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImdyb3VwLWxhYmVsIHJvdy1ncm91cFwiXG4gICAgICAgICAgICAgICAgICAgIFtzdHlsZS5wYWRkaW5nLXJpZ2h0XT1cIidjYWxjKCAxcmVtICsgJyArIG1vLmxldmVsICogMTIgKyAncHgnICsgJyApJ1wiXG4gICAgICAgICAgICAgICAgICAgIFthdHRyLmxldmVsXT1cIm1vLmxldmVsXCJcbiAgICAgICAgICAgICAgICAgICAgW2NsYXNzLnJvb3QtZ3JvdXBdPVwibW8ubGV2ZWwgPT09IDBcIlxuICAgICAgICAgICAgICAgICAgICBlbGxpcHNpZnlcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxmZC1pY29uXG4gICAgICAgICAgICAgICAgICAgICAgICBbZ2x5cGhdPVwibW8uZXhwYW5kZWQgPyAnbmF2aWdhdGlvbi1kb3duLWFycm93JyA6ICduYXZpZ2F0aW9uLWxlZnQtYXJyb3cnXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiY2VsbC1leHBhbmRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uRXhwYW5kQ2xpY2sobW8pXCJcbiAgICAgICAgICAgICAgICAgICAgPjwvZmQtaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gZmQtbGlzdC10aXRsZT57eyBtby5ncm91cCB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgICAqbmdJZj1cInNldHRpbmcuY29udGV4dE1lbnVJbkZvb3RlciAmJiBjb250ZXh0TWVudUl0ZW1zICYmIGNvbnRleHRNZW51SXRlbXMubGVuZ3RoID4gMFwiXG4gICAgICAgICAgICB1bHZDb250ZXh0TWVudVxuICAgICAgICAgICAgW2FsbENvbHVtbnNdPVwiYWxsQ29sdW1uc1wiXG4gICAgICAgICAgICBbbWVudUl0ZW1zXT1cImNvbnRleHRNZW51SXRlbXNcIlxuICAgICAgICAgICAgW3N0eWxlSW5kZXhdPVwibW8uJFN0eWxlSW5kZXhcIlxuICAgICAgICAgICAgW2NvbmRpdGlvbmFsRm9ybWF0c109XCJjb25kaXRpb25hbEZvcm1hdHNcIlxuICAgICAgICAgICAgW2Rpc2FibGVPdmVyZmxvd0NvbnRleHRNZW51XT1cImRpc2FibGVPdmVyZmxvd0NvbnRleHRNZW51XCJcbiAgICAgICAgICAgIFttb109XCJtb1wiXG4gICAgICAgICAgICAoY29tbWFuZENsaWNrKT1cInVsdkNvbW1hbmQuZW1pdCh7bW8saW5kZXh9KVwiXG4gICAgICAgID48L2Rpdj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbjwvbmctdGVtcGxhdGU+XG48bmctdGVtcGxhdGUgI25vRGF0YT5cbiAgICA8YnN1LW5vLWRhdGE+PC9ic3Utbm8tZGF0YT5cbjwvbmctdGVtcGxhdGU+XG48bmctdGVtcGxhdGUgI2NhcmRUZW1wbGF0ZSBsZXQtbW8gbGV0LWluZGV4PVwiaW5kZXhcIj5cbiAgICA8YnN1LWNhcmQtaXRlbVxuICAgICAgICBbbW9dPVwibW9cIlxuICAgICAgICBbc3R5bGVJbmRleF09XCJtby4kU3R5bGVJbmRleFwiXG4gICAgICAgIFtpc05ld0lubGluZU1vXT1cIm1vLiROZXdJbmxpbmVNb1wiXG4gICAgICAgIFtpbmRleF09XCJpbmRleFwiXG4gICAgICAgIFtpc0NoZWNrZWRdPVwibW8uJElzQ2hlY2tlZFwiXG4gICAgICAgIFt2aXNpYmlsaXR5XT1cIm1vLiRWaXNpYmlsaXR5XCJcbiAgICAgICAgW2V4cGFuZGVkXT1cIm1vLiRFeHBhbmRlZFwiXG4gICAgICAgIFtsZXZlbF09XCJtby4kTGV2ZWxcIlxuICAgICAgICBbcGFyZW50RXhwYW5kZWRdPVwibW8uJFBhcmVudD8uJEV4cGFuZGVkXCJcbiAgICAgICAgW3NldHRpbmddPVwic2V0dGluZ1wiXG4gICAgICAgIFtpbmxpbmVFZGl0TW9kZV09XCJpbmxpbmVFZGl0TW9kZVwiXG4gICAgICAgIFthbGxvd0lubGluZUVkaXRdPVwiYWxsb3dJbmxpbmVFZGl0XCJcbiAgICAgICAgW2Zvcm1TZXR0aW5nXT1cImZvcm1TZXR0aW5nXCJcbiAgICAgICAgW3J0bF09XCJydGxcIlxuICAgICAgICBbZGV2aWNlTmFtZV09XCJkZXZpY2VOYW1lXCJcbiAgICAgICAgW2RldmljZVNpemVdPVwiZGV2aWNlU2l6ZVwiXG4gICAgICAgIFtpbmRleF09XCJpbmRleFwiXG4gICAgICAgIFthbGxDb2x1bW5zXT1cImFsbENvbHVtbnNcIlxuICAgICAgICBbY29udGV4dE1lbnVJdGVtc109XCJjb250ZXh0TWVudUl0ZW1zXCJcbiAgICAgICAgW2NhblZpZXddPVwiY2FuVmlld1wiXG4gICAgICAgIFtjb25kaXRpb25hbEZvcm1hdHNdPVwiY29uZGl0aW9uYWxGb3JtYXRzXCJcbiAgICAgICAgW2Rpc2FibGVPdmVyZmxvd0NvbnRleHRNZW51XT1cImRpc2FibGVPdmVyZmxvd0NvbnRleHRNZW51XCJcbiAgICAgICAgW25hdmlnYXRpb25BcnJvd109XCJuYXZpZ2F0aW9uQXJyb3dcIlxuICAgICAgICBbaXNDaGVja0xpc3RdPVwiaXNDaGVja0xpc3RcIlxuICAgICAgICAocm93Q2hlY2spPVwicm93Q2hlY2suZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgKHJvd0NsaWNrKT1cInJvd0NsaWNrLmVtaXQoJGV2ZW50KVwiXG4gICAgICAgICh1bHZDb21tYW5kKT1cInVsdkNvbW1hbmQuZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgKGVkaXRGb3JtUGFuZWxTYXZlKT1cImVkaXRGb3JtUGFuZWxTYXZlLmVtaXQoJGV2ZW50KVwiXG4gICAgICAgIChlZGl0Rm9ybVBhbmVsQ2FuY2VsKT1cImVkaXRGb3JtUGFuZWxDYW5jZWwuZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgKGFjdGlvbik9XCJhY3Rpb24uZW1pdCgkZXZlbnQpXCJcbiAgICA+XG4gICAgPC9ic3UtY2FyZC1pdGVtPlxuPC9uZy10ZW1wbGF0ZT5cbjxuZy10ZW1wbGF0ZSAjY2FyZFRlbXBsYXRlR3JpZCBsZXQtbW8gbGV0LWluZGV4PVwiaW5kZXhcIj5cbiAgICA8ZGl2XG4gICAgICAgIFtmZExheW91dEdyaWRDb2xdPVwic2l6ZVNcIlxuICAgICAgICBbY29sTWRdPVwic2l6ZU1cIlxuICAgICAgICBbY29sTGddPVwic2l6ZUxcIlxuICAgICAgICBbY29sWGxdPVwic2l6ZVhsXCJcbiAgICAgICAgW2NsYXNzLnNlbGVjdGVkXT1cIm1vLiRJc0NoZWNrZWQgPyB0cnVlIDogZmFsc2VcIlxuICAgICAgICBjbGFzcz1cImNhcmQtY29udGFpbmVyXCJcbiAgICA+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjYXJkVGVtcGxhdGU7IGNvbnRleHQ6IHsgJGltcGxpY2l0OiBtbywgaW5kZXg6IGluZGV4IH1cIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC12aWV3LWNvbnRlbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvY2FyZC12aWV3LWNvbnRlbnQvY2FyZC12aWV3LWNvbnRlbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvY2FyZC12aWV3LWNvbnRlbnQvY2FyZC12aWV3LWNvbnRlbnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSx1QkFBdUIsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUMzRSxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7Ozs7Ozs7OztBQVNyRSxNQUFNLE9BQU8sd0JBQXlCLFNBQVEsNkJBQW9EO0lBTmxHOztRQU9JLFdBQU0sR0FBRyxDQUFDLENBQUM7UUFDWCxVQUFLLEdBQUcsQ0FBQyxDQUFDO1FBQ1YsVUFBSyxHQUFHLENBQUMsQ0FBQztRQUNWLFVBQUssR0FBRyxFQUFFLENBQUM7S0FvQmQ7SUFuQkcsUUFBUTtRQUNKLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNqQixNQUFNLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztRQUNyRCxJQUFJLE1BQU0sRUFBRTtZQUNSLElBQUksQ0FBQyxNQUFNLEdBQUcsRUFBRSxHQUFHLE1BQU0sQ0FBQztTQUM3QjtRQUNELElBQUksS0FBSyxFQUFFO1lBQ1AsSUFBSSxDQUFDLEtBQUssR0FBRyxFQUFFLEdBQUcsS0FBSyxDQUFDO1NBQzNCO1FBQ0QsSUFBSSxLQUFLLEVBQUU7WUFDUCxJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUUsR0FBRyxLQUFLLENBQUM7U0FDM0I7UUFDRCxJQUFJLEtBQUssRUFBRTtZQUNQLElBQUksQ0FBQyxLQUFLLEdBQUcsRUFBRSxHQUFHLEtBQUssQ0FBQztTQUMzQjtJQUNMLENBQUM7SUFDRCxhQUFhLENBQUMsRUFBRTtRQUNaLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQzlCLENBQUM7O3FIQXZCUSx3QkFBd0I7eUdBQXhCLHdCQUF3QixvRkNWckMsb2hKQTRHQTsyRkRsR2Esd0JBQXdCO2tCQU5wQyxTQUFTOytCQUNJLHVCQUF1QixtQkFHaEIsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQmFzZVZpZXdDb250ZW50UHJvcHNDb21wb25lbnQgfSBmcm9tICdiYXJzYS1ub3Zpbi1yYXktY29yZSc7XG5pbXBvcnQgeyBVaUNhcmRMaXN0Vmlld1NldHRpbmcgfSBmcm9tICcuLi9tb2RlbHMvZ3JpZC12aWV3JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdic3UtY2FyZC12aWV3LWNvbnRlbnQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jYXJkLXZpZXctY29udGVudC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vY2FyZC12aWV3LWNvbnRlbnQuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBDYXJkVmlld0NvbnRlbnRDb21wb25lbnQgZXh0ZW5kcyBCYXNlVmlld0NvbnRlbnRQcm9wc0NvbXBvbmVudDxVaUNhcmRMaXN0Vmlld1NldHRpbmc+IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBzaXplWGwgPSAzO1xuICAgIHNpemVMID0gNDtcbiAgICBzaXplTSA9IDY7XG4gICAgc2l6ZVMgPSAxMjtcbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgc3VwZXIubmdPbkluaXQoKTtcbiAgICAgICAgY29uc3QgeyBTaXplWEwsIFNpemVMLCBTaXplTSwgU2l6ZVMgfSA9IHRoaXMuc2V0dGluZztcbiAgICAgICAgaWYgKFNpemVYTCkge1xuICAgICAgICAgICAgdGhpcy5zaXplWGwgPSAxMiAvIFNpemVYTDtcbiAgICAgICAgfVxuICAgICAgICBpZiAoU2l6ZUwpIHtcbiAgICAgICAgICAgIHRoaXMuc2l6ZUwgPSAxMiAvIFNpemVMO1xuICAgICAgICB9XG4gICAgICAgIGlmIChTaXplTSkge1xuICAgICAgICAgICAgdGhpcy5zaXplTSA9IDEyIC8gU2l6ZU07XG4gICAgICAgIH1cbiAgICAgICAgaWYgKFNpemVTKSB7XG4gICAgICAgICAgICB0aGlzLnNpemVTID0gMTIgLyBTaXplUztcbiAgICAgICAgfVxuICAgIH1cbiAgICBvbkV4cGFuZENsaWNrKG1vKTogdm9pZCB7XG4gICAgICAgIHRoaXMuZXhwYW5kQ2xpY2suZW1pdChtbyk7XG4gICAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInNldHRpbmcuQ2FyZFdpZHRoID8gZmxleFRlbXBsYXRlIDogZ3JpZFRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XHJcbjxuZy10ZW1wbGF0ZSAjZ3JpZFRlbXBsYXRlPlxyXG4gICAgPGZkLWxheW91dC1ncmlkICpuZ0lmPVwibW9EYXRhTGlzdCAmJiBtb0RhdGFMaXN0Lmxlbmd0aCA+IDA7IGVsc2Ugbm9EYXRhXCIgY2xhc3M9XCJjYXJkLWxpc3RcIj5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGFpbmVyVGVtcGxhdGU7IGNvbnRleHQ6IHsgJGltcGxpY2l0OiB0cnVlIH1cIj48L25nLWNvbnRhaW5lcj5cclxuICAgIDwvZmQtbGF5b3V0LWdyaWQ+XHJcbjwvbmctdGVtcGxhdGU+XHJcbjxuZy10ZW1wbGF0ZSAjZmxleFRlbXBsYXRlPlxyXG4gICAgPGRpdiBjbGFzcz1cImNhcmQtdmlldy1mbGV4LWNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250YWluZXJUZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgPC9kaXY+XHJcbjwvbmctdGVtcGxhdGU+XHJcbjxuZy10ZW1wbGF0ZSAjY29udGFpbmVyVGVtcGxhdGUgbGV0LWlzR3JpZD5cclxuICAgIDxuZy1jb250YWluZXJcclxuICAgICAgICAqbmdGb3I9XCJcclxuICAgICAgICAgICAgbGV0IG1vIG9mIG1vRGF0YUxpc3QgfCBtdWx0aXBsZUdyb3VwQnk6IGdyb3VwYnk7XHJcbiAgICAgICAgICAgIGxldCBpbmRleCA9IGluZGV4O1xyXG4gICAgICAgICAgICBsZXQgbGFzdCA9IGxhc3Q7XHJcbiAgICAgICAgICAgIGxldCBmaXJzdCA9IGZpcnN0O1xyXG4gICAgICAgICAgICB0cmFja0J5OiBfdHJhY2tCeVJvd1xyXG4gICAgICAgIFwiXHJcbiAgICA+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFtby4kUGFyZW50IHx8IG1vLiRQYXJlbnQ/LiRFeHBhbmRlZFwiPlxyXG4gICAgICAgICAgICA8bmctY29udGFpbmVyXHJcbiAgICAgICAgICAgICAgICAqbmdUZW1wbGF0ZU91dGxldD1cIlxyXG4gICAgICAgICAgICAgICAgICAgIG1vLiRHcm91cCB8fCBtby4kR3JvdXAgPT09ICcnID8gZ3JvdXAgOiBpc0dyaWQgPyBjYXJkVGVtcGxhdGVHcmlkIDogY2FyZFRlbXBsYXRlO1xyXG4gICAgICAgICAgICAgICAgICAgIGNvbnRleHQ6IHsgJGltcGxpY2l0OiBtbywgaW5kZXg6IHRoaXMuaW5kZXggfVxyXG4gICAgICAgICAgICAgICAgXCJcclxuICAgICAgICAgICAgPjwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICA8bmctdGVtcGxhdGUgI2dyb3VwPlxyXG4gICAgICAgICAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZ3JvdXAtbGFiZWwgcm93LWdyb3VwXCJcclxuICAgICAgICAgICAgICAgICAgICBbc3R5bGUucGFkZGluZy1yaWdodF09XCInY2FsYyggMXJlbSArICcgKyBtby4kTGV2ZWwgKiAxMiArICdweCcgKyAnICknXCJcclxuICAgICAgICAgICAgICAgICAgICBbYXR0ci5sZXZlbF09XCJtby4kTGV2ZWxcIlxyXG4gICAgICAgICAgICAgICAgICAgIFtjbGFzcy5yb290LWdyb3VwXT1cIm1vLiRMZXZlbCA9PT0gMFwiXHJcbiAgICAgICAgICAgICAgICAgICAgZWxsaXBzaWZ5XHJcbiAgICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICAgICAgPGZkLWljb25cclxuICAgICAgICAgICAgICAgICAgICAgICAgW2dseXBoXT1cIm1vLiRFeHBhbmRlZCA/ICduYXZpZ2F0aW9uLWRvd24tYXJyb3cnIDogJ25hdmlnYXRpb24tbGVmdC1hcnJvdydcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImNlbGwtZXhwYW5kXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uRXhwYW5kQ2xpY2sobW8pXCJcclxuICAgICAgICAgICAgICAgICAgICA+PC9mZC1pY29uPlxyXG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGZkLWxpc3QtdGl0bGU+e3sgbW8uJEdyb3VwIH19PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICAqbmdJZj1cInNldHRpbmcuY29udGV4dE1lbnVJbkZvb3RlciAmJiBjb250ZXh0TWVudUl0ZW1zICYmIGNvbnRleHRNZW51SXRlbXMubGVuZ3RoID4gMFwiXHJcbiAgICAgICAgICAgIHVsdkNvbnRleHRNZW51XHJcbiAgICAgICAgICAgIFthbGxDb2x1bW5zXT1cImFsbENvbHVtbnNcIlxyXG4gICAgICAgICAgICBbbWVudUl0ZW1zXT1cImNvbnRleHRNZW51SXRlbXNcIlxyXG4gICAgICAgICAgICBbc3R5bGVJbmRleF09XCJtby4kU3R5bGVJbmRleFwiXHJcbiAgICAgICAgICAgIFtjb25kaXRpb25hbEZvcm1hdHNdPVwiY29uZGl0aW9uYWxGb3JtYXRzXCJcclxuICAgICAgICAgICAgW2Rpc2FibGVPdmVyZmxvd0NvbnRleHRNZW51XT1cImRpc2FibGVPdmVyZmxvd0NvbnRleHRNZW51XCJcclxuICAgICAgICAgICAgW21vXT1cIm1vXCJcclxuICAgICAgICAgICAgKGNvbW1hbmRDbGljayk9XCJ1bHZDb21tYW5kLmVtaXQoe21vLGluZGV4fSlcIlxyXG4gICAgICAgID48L2Rpdj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG48L25nLXRlbXBsYXRlPlxyXG48bmctdGVtcGxhdGUgI25vRGF0YT5cclxuICAgIDxic3Utbm8tZGF0YT48L2JzdS1uby1kYXRhPlxyXG48L25nLXRlbXBsYXRlPlxyXG48bmctdGVtcGxhdGUgI2NhcmRUZW1wbGF0ZSBsZXQtbW8gbGV0LWluZGV4PVwiaW5kZXhcIj5cclxuICAgIDxic3UtY2FyZC1pdGVtXHJcbiAgICAgICAgW21vXT1cIm1vXCJcclxuICAgICAgICBbc3R5bGVJbmRleF09XCJtby4kU3R5bGVJbmRleFwiXHJcbiAgICAgICAgW2lzTmV3SW5saW5lTW9dPVwibW8uJE5ld0lubGluZU1vXCJcclxuICAgICAgICBbaW5kZXhdPVwiaW5kZXhcIlxyXG4gICAgICAgIFtpc0NoZWNrZWRdPVwibW8uJElzQ2hlY2tlZFwiXHJcbiAgICAgICAgW3Zpc2liaWxpdHldPVwibW8uJFZpc2liaWxpdHlcIlxyXG4gICAgICAgIFtleHBhbmRlZF09XCJtby4kRXhwYW5kZWRcIlxyXG4gICAgICAgIFtsZXZlbF09XCJtby4kTGV2ZWxcIlxyXG4gICAgICAgIFtwYXJlbnRFeHBhbmRlZF09XCJtby4kUGFyZW50Py4kRXhwYW5kZWRcIlxyXG4gICAgICAgIFtzZXR0aW5nXT1cInNldHRpbmdcIlxyXG4gICAgICAgIFtpbmxpbmVFZGl0TW9kZV09XCJpbmxpbmVFZGl0TW9kZVwiXHJcbiAgICAgICAgW2FsbG93SW5saW5lRWRpdF09XCJhbGxvd0lubGluZUVkaXRcIlxyXG4gICAgICAgIFtmb3JtU2V0dGluZ109XCJmb3JtU2V0dGluZ1wiXHJcbiAgICAgICAgW3J0bF09XCJydGxcIlxyXG4gICAgICAgIFtkZXZpY2VOYW1lXT1cImRldmljZU5hbWVcIlxyXG4gICAgICAgIFtkZXZpY2VTaXplXT1cImRldmljZVNpemVcIlxyXG4gICAgICAgIFtpbmRleF09XCJpbmRleFwiXHJcbiAgICAgICAgW2FsbENvbHVtbnNdPVwiYWxsQ29sdW1uc1wiXHJcbiAgICAgICAgW2NvbnRleHRNZW51SXRlbXNdPVwiY29udGV4dE1lbnVJdGVtc1wiXHJcbiAgICAgICAgW2NhblZpZXddPVwiY2FuVmlld1wiXHJcbiAgICAgICAgW2NvbmRpdGlvbmFsRm9ybWF0c109XCJjb25kaXRpb25hbEZvcm1hdHNcIlxyXG4gICAgICAgIFtkaXNhYmxlT3ZlcmZsb3dDb250ZXh0TWVudV09XCJkaXNhYmxlT3ZlcmZsb3dDb250ZXh0TWVudVwiXHJcbiAgICAgICAgW25hdmlnYXRpb25BcnJvd109XCJuYXZpZ2F0aW9uQXJyb3dcIlxyXG4gICAgICAgIFtpc0NoZWNrTGlzdF09XCJpc0NoZWNrTGlzdFwiXHJcbiAgICAgICAgKHJvd0NoZWNrKT1cInJvd0NoZWNrLmVtaXQoJGV2ZW50KVwiXHJcbiAgICAgICAgKHJvd0NsaWNrKT1cInJvd0NsaWNrLmVtaXQoJGV2ZW50KVwiXHJcbiAgICAgICAgKHVsdkNvbW1hbmQpPVwidWx2Q29tbWFuZC5lbWl0KCRldmVudClcIlxyXG4gICAgICAgIChlZGl0Rm9ybVBhbmVsU2F2ZSk9XCJlZGl0Rm9ybVBhbmVsU2F2ZS5lbWl0KCRldmVudClcIlxyXG4gICAgICAgIChlZGl0Rm9ybVBhbmVsQ2FuY2VsKT1cImVkaXRGb3JtUGFuZWxDYW5jZWwuZW1pdCgkZXZlbnQpXCJcclxuICAgICAgICAoYWN0aW9uKT1cImFjdGlvbi5lbWl0KCRldmVudClcIlxyXG4gICAgPlxyXG4gICAgPC9ic3UtY2FyZC1pdGVtPlxyXG48L25nLXRlbXBsYXRlPlxyXG48bmctdGVtcGxhdGUgI2NhcmRUZW1wbGF0ZUdyaWQgbGV0LW1vIGxldC1pbmRleD1cImluZGV4XCI+XHJcbiAgICA8ZGl2XHJcbiAgICAgICAgW2ZkTGF5b3V0R3JpZENvbF09XCJzaXplU1wiXHJcbiAgICAgICAgW2NvbE1kXT1cInNpemVNXCJcclxuICAgICAgICBbY29sTGddPVwic2l6ZUxcIlxyXG4gICAgICAgIFtjb2xYbF09XCJzaXplWGxcIlxyXG4gICAgICAgIFtjbGFzcy5zZWxlY3RlZF09XCJtby4kSXNDaGVja2VkID8gdHJ1ZSA6IGZhbHNlXCJcclxuICAgICAgICBjbGFzcz1cImNhcmQtY29udGFpbmVyXCJcclxuICAgID5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY2FyZFRlbXBsYXRlOyBjb250ZXh0OiB7ICRpbXBsaWNpdDogbW8sIGluZGV4OiBpbmRleCB9XCI+PC9uZy1jb250YWluZXI+XHJcbiAgICA8L2Rpdj5cclxuPC9uZy10ZW1wbGF0ZT5cclxuIl19

package/fesm2015/barsa-sap-ui.mjs

@@ -4944,10 +4944,10 @@ class CardViewContentComponent extends BaseViewContentPropsComponent {
     }
 }
 CardViewContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CardViewContentComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-CardViewContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CardViewContentComponent, selector: "bsu-card-view-content", usesInheritance: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"setting.CardWidth ? flexTemplate : gridTemplate\"></ng-container>\n<ng-template #gridTemplate>\n    <fd-layout-grid *ngIf=\"moDataList && moDataList.length > 0; else noData\" class=\"card-list\">\n        <ng-container *ngTemplateOutlet=\"containerTemplate; context: { $implicit: true }\"></ng-container>\n    </fd-layout-grid>\n</ng-template>\n<ng-template #flexTemplate>\n    <div class=\"card-view-flex-container\">\n        <ng-container *ngTemplateOutlet=\"containerTemplate\"></ng-container>\n    </div>\n</ng-template>\n<ng-template #containerTemplate let-isGrid>\n    <ng-container\n        *ngFor=\"\n            let mo of moDataList | multipleGroupBy: groupby;\n            let index = index;\n            let last = last;\n            let first = first;\n            trackBy: _trackByRow\n        \"\n    >\n        <ng-container *ngIf=\"!mo.parent || mo.parent?.expanded\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    mo.group || mo.group === '' ? group : isGrid ? cardTemplateGrid : cardTemplate;\n                    context: { $implicit: mo, index: this.index }\n                \"\n            ></ng-container>\n            <ng-template #group>\n                <div\n                    class=\"group-label row-group\"\n                    [style.padding-right]=\"'calc( 1rem + ' + mo.level * 12 + 'px' + ' )'\"\n                    [attr.level]=\"mo.level\"\n                    [class.root-group]=\"mo.level === 0\"\n                    ellipsify\n                >\n                    <fd-icon\n                        [glyph]=\"mo.expanded ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n                        class=\"cell-expand\"\n                        (click)=\"onExpandClick(mo)\"\n                    ></fd-icon>\n                    <span fd-list-title>{{ mo.group }}</span>\n                </div>\n            </ng-template>\n        </ng-container>\n        <div\n            *ngIf=\"setting.contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0\"\n            ulvContextMenu\n            [allColumns]=\"allColumns\"\n            [menuItems]=\"contextMenuItems\"\n            [styleIndex]=\"mo.$StyleIndex\"\n            [conditionalFormats]=\"conditionalFormats\"\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n            [mo]=\"mo\"\n            (commandClick)=\"ulvCommand.emit({mo,index})\"\n        ></div>\n    </ng-container>\n</ng-template>\n<ng-template #noData>\n    <bsu-no-data></bsu-no-data>\n</ng-template>\n<ng-template #cardTemplate let-mo let-index=\"index\">\n    <bsu-card-item\n        [mo]=\"mo\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [index]=\"index\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [setting]=\"setting\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [formSetting]=\"formSetting\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        (rowCheck)=\"rowCheck.emit($event)\"\n        (rowClick)=\"rowClick.emit($event)\"\n        (ulvCommand)=\"ulvCommand.emit($event)\"\n        (editFormPanelSave)=\"editFormPanelSave.emit($event)\"\n        (editFormPanelCancel)=\"editFormPanelCancel.emit($event)\"\n        (action)=\"action.emit($event)\"\n    >\n    </bsu-card-item>\n</ng-template>\n<ng-template #cardTemplateGrid let-mo let-index=\"index\">\n    <div\n        [fdLayoutGridCol]=\"sizeS\"\n        [colMd]=\"sizeM\"\n        [colLg]=\"sizeL\"\n        [colXl]=\"sizeXl\"\n        [class.selected]=\"mo.$IsChecked ? true : false\"\n        class=\"card-container\"\n    >\n        <ng-container *ngTemplateOutlet=\"cardTemplate; context: { $implicit: mo, index: index }\"></ng-container>\n    </div>\n</ng-template>\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{background-color:var(--sapList_SelectionBackgroundColor, #e5f0fa);border-color:var(--sapList_SelectionBorderColor, #0854a0)}::ng-deep .card-list .selected fd-card,::ng-deep .card-list .selected fd-card-header,::ng-deep .card-list .selected .fd-bar--footer,::ng-deep .card-list .selected fd-quick-view-subheader .fd-bar{background-color:inherit}::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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.EllipsifyDirective, selector: "[ellipsify]", inputs: ["limitLine"] }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i4$3.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i4$3.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "component", type: UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: NoDataComponent, selector: "bsu-no-data", inputs: ["simple"] }, { kind: "component", type: CardItemComponent, selector: "bsu-card-item", inputs: ["setting"] }, { kind: "pipe", type: i2.MultipleGroupByPipe, name: "multipleGroupBy" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+CardViewContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CardViewContentComponent, selector: "bsu-card-view-content", usesInheritance: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"setting.CardWidth ? flexTemplate : gridTemplate\"></ng-container>\r\n<ng-template #gridTemplate>\r\n    <fd-layout-grid *ngIf=\"moDataList && moDataList.length > 0; else noData\" class=\"card-list\">\r\n        <ng-container *ngTemplateOutlet=\"containerTemplate; context: { $implicit: true }\"></ng-container>\r\n    </fd-layout-grid>\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    <ng-container\r\n        *ngFor=\"\r\n            let mo of moDataList | multipleGroupBy: groupby;\r\n            let index = index;\r\n            let last = last;\r\n            let first = first;\r\n            trackBy: _trackByRow\r\n        \"\r\n    >\r\n        <ng-container *ngIf=\"!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: this.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        </ng-container>\r\n        <div\r\n            *ngIf=\"setting.contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0\"\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    </ng-container>\r\n</ng-template>\r\n<ng-template #noData>\r\n    <bsu-no-data></bsu-no-data>\r\n</ng-template>\r\n<ng-template #cardTemplate let-mo let-index=\"index\">\r\n    <bsu-card-item\r\n        [mo]=\"mo\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\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{background-color:var(--sapList_SelectionBackgroundColor, #e5f0fa);border-color:var(--sapList_SelectionBorderColor, #0854a0)}::ng-deep .card-list .selected fd-card,::ng-deep .card-list .selected fd-card-header,::ng-deep .card-list .selected .fd-bar--footer,::ng-deep .card-list .selected fd-quick-view-subheader .fd-bar{background-color:inherit}::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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.EllipsifyDirective, selector: "[ellipsify]", inputs: ["limitLine"] }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i4$3.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i4$3.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "component", type: UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: NoDataComponent, selector: "bsu-no-data", inputs: ["simple"] }, { kind: "component", type: CardItemComponent, selector: "bsu-card-item", inputs: ["setting"] }, { kind: "pipe", type: i2.MultipleGroupByPipe, name: "multipleGroupBy" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CardViewContentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-card-view-content', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngTemplateOutlet=\"setting.CardWidth ? flexTemplate : gridTemplate\"></ng-container>\n<ng-template #gridTemplate>\n    <fd-layout-grid *ngIf=\"moDataList && moDataList.length > 0; else noData\" class=\"card-list\">\n        <ng-container *ngTemplateOutlet=\"containerTemplate; context: { $implicit: true }\"></ng-container>\n    </fd-layout-grid>\n</ng-template>\n<ng-template #flexTemplate>\n    <div class=\"card-view-flex-container\">\n        <ng-container *ngTemplateOutlet=\"containerTemplate\"></ng-container>\n    </div>\n</ng-template>\n<ng-template #containerTemplate let-isGrid>\n    <ng-container\n        *ngFor=\"\n            let mo of moDataList | multipleGroupBy: groupby;\n            let index = index;\n            let last = last;\n            let first = first;\n            trackBy: _trackByRow\n        \"\n    >\n        <ng-container *ngIf=\"!mo.parent || mo.parent?.expanded\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    mo.group || mo.group === '' ? group : isGrid ? cardTemplateGrid : cardTemplate;\n                    context: { $implicit: mo, index: this.index }\n                \"\n            ></ng-container>\n            <ng-template #group>\n                <div\n                    class=\"group-label row-group\"\n                    [style.padding-right]=\"'calc( 1rem + ' + mo.level * 12 + 'px' + ' )'\"\n                    [attr.level]=\"mo.level\"\n                    [class.root-group]=\"mo.level === 0\"\n                    ellipsify\n                >\n                    <fd-icon\n                        [glyph]=\"mo.expanded ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n                        class=\"cell-expand\"\n                        (click)=\"onExpandClick(mo)\"\n                    ></fd-icon>\n                    <span fd-list-title>{{ mo.group }}</span>\n                </div>\n            </ng-template>\n        </ng-container>\n        <div\n            *ngIf=\"setting.contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0\"\n            ulvContextMenu\n            [allColumns]=\"allColumns\"\n            [menuItems]=\"contextMenuItems\"\n            [styleIndex]=\"mo.$StyleIndex\"\n            [conditionalFormats]=\"conditionalFormats\"\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n            [mo]=\"mo\"\n            (commandClick)=\"ulvCommand.emit({mo,index})\"\n        ></div>\n    </ng-container>\n</ng-template>\n<ng-template #noData>\n    <bsu-no-data></bsu-no-data>\n</ng-template>\n<ng-template #cardTemplate let-mo let-index=\"index\">\n    <bsu-card-item\n        [mo]=\"mo\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [index]=\"index\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [setting]=\"setting\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [formSetting]=\"formSetting\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        (rowCheck)=\"rowCheck.emit($event)\"\n        (rowClick)=\"rowClick.emit($event)\"\n        (ulvCommand)=\"ulvCommand.emit($event)\"\n        (editFormPanelSave)=\"editFormPanelSave.emit($event)\"\n        (editFormPanelCancel)=\"editFormPanelCancel.emit($event)\"\n        (action)=\"action.emit($event)\"\n    >\n    </bsu-card-item>\n</ng-template>\n<ng-template #cardTemplateGrid let-mo let-index=\"index\">\n    <div\n        [fdLayoutGridCol]=\"sizeS\"\n        [colMd]=\"sizeM\"\n        [colLg]=\"sizeL\"\n        [colXl]=\"sizeXl\"\n        [class.selected]=\"mo.$IsChecked ? true : false\"\n        class=\"card-container\"\n    >\n        <ng-container *ngTemplateOutlet=\"cardTemplate; context: { $implicit: mo, index: index }\"></ng-container>\n    </div>\n</ng-template>\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{background-color:var(--sapList_SelectionBackgroundColor, #e5f0fa);border-color:var(--sapList_SelectionBorderColor, #0854a0)}::ng-deep .card-list .selected fd-card,::ng-deep .card-list .selected fd-card-header,::ng-deep .card-list .selected .fd-bar--footer,::ng-deep .card-list .selected fd-quick-view-subheader .fd-bar{background-color:inherit}::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, template: "<ng-container *ngTemplateOutlet=\"setting.CardWidth ? flexTemplate : gridTemplate\"></ng-container>\r\n<ng-template #gridTemplate>\r\n    <fd-layout-grid *ngIf=\"moDataList && moDataList.length > 0; else noData\" class=\"card-list\">\r\n        <ng-container *ngTemplateOutlet=\"containerTemplate; context: { $implicit: true }\"></ng-container>\r\n    </fd-layout-grid>\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    <ng-container\r\n        *ngFor=\"\r\n            let mo of moDataList | multipleGroupBy: groupby;\r\n            let index = index;\r\n            let last = last;\r\n            let first = first;\r\n            trackBy: _trackByRow\r\n        \"\r\n    >\r\n        <ng-container *ngIf=\"!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: this.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        </ng-container>\r\n        <div\r\n            *ngIf=\"setting.contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0\"\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    </ng-container>\r\n</ng-template>\r\n<ng-template #noData>\r\n    <bsu-no-data></bsu-no-data>\r\n</ng-template>\r\n<ng-template #cardTemplate let-mo let-index=\"index\">\r\n    <bsu-card-item\r\n        [mo]=\"mo\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\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{background-color:var(--sapList_SelectionBackgroundColor, #e5f0fa);border-color:var(--sapList_SelectionBorderColor, #0854a0)}::ng-deep .card-list .selected fd-card,::ng-deep .card-list .selected fd-card-header,::ng-deep .card-list .selected .fd-bar--footer,::ng-deep .card-list .selected fd-quick-view-subheader .fd-bar{background-color:inherit}::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 {