barsa-sap-ui 2.0.21 → 2.0.23

package/fesm2022/barsa-sap-ui.mjs

@@ -934,7 +934,7 @@ class LayoutControlComponent extends LayoutItemBaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: LayoutControlComponent, deps: [{ token: i2.FormPanelService }, { token: i0.ElementRef }, { token: i1$1.ContentDensityService }, { token: i1$2.DomSanitizer }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i2.BbbTranslatePipe }, { token: i2.LayoutService, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: LayoutControlComponent, selector: "bsu-layout-control", inputs: { inlineEdit: "inlineEdit", caption: "caption", focusControl: "focusControl", showLabel: "showLabel", maxLabelWidth: "maxLabelWidth", hasHorizontalText: "hasHorizontalText", contentDensity: "contentDensity", flex: "flex", RefreshLabel: "RefreshLabel", SetVisible: "SetVisible" }, outputs: { events: "events" }, host: { properties: { "class.layout-control": "this.layoutControlClass", "class.row-direction": "this.isRowDirection", "class.row-reverse-direction": "this.isRowReverseDirection", "class.column-direction": "this.isColumnDirection", "class.column-reverse-direction": "this.isColumnReverseDirection", "class.container-field": "this.isContainer", "style.max-width": "this.maxWidth", "style.min-width": "this.minWidth", "style.min-height": "this.minHeight", "style.height": "this.height", "attr.isChekbox": "this.isCheckbox", "attr.isButton": "this.isSinglePicture", "attr.minWidth": "this.attrMinWidth", "attr.controlId": "this.attrControlId", "attr.caption": "this.attrCaption" } }, providers: [LayoutService], viewQueries: [{ propertyName: "tempLabelRef", first: true, predicate: ["tempLabelRef"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (!hide) { @if (labelVisible) {\n<bsu-ly-label\n    [attr.labelWidth]=\"labelWidth\"\n    [attrRtl]\n    [class.no-padding]=\"config.Padding[0] === 0\"\n    [config]=\"config\"\n    [caption]=\"labelCaption\"\n    [originalWidth]=\"labelWidth\"\n    [style.min-width]=\"\n        isCheckbox\n            ? 'fit-content'\n            : config.CaptionSetting?.AlignMode === 'AutoSize'\n            ? 'fit-content'\n            : isColumnDirection || isColumnReverseDirection\n            ? '100%'\n            : maxLabelWidth + 'px'\n    \"\n    [style.width]=\"\n        config.CaptionSetting?.AlignMode === 'AutoSize'\n            ? 'auto'\n            : isColumnDirection || isColumnReverseDirection\n            ? '100%'\n            : maxLabelWidth + 'px'\n    \"\n    [isMandatory]=\"isMandatory\"\n    [fieldIcon]=\"fieldIcon\"\n    [originalXtype]=\"originalXtype\"\n    [textVisible]=\"textVisible\"\n    [isColumn]=\"isColumnDirection || isColumnReverseDirection\"\n></bsu-ly-label>\n}\n<label [attr.visible]=\"labelVisible\" class=\"horizontal-label\" [innerHtml]=\"emptyText\"></label>\n<bnrc-field-ui\n    [attr.xtype]=\"config.FieldUi.originalXtype\"\n    [attr.fieldWidth]=\"layoutControlWidth\"\n    [attr.isCheckbox]=\"isCheckbox\"\n    [style.flex-grow]=\"isCheckbox ? 1 : 0\"\n    [class.no-padding]=\"config.Padding[0] === 0\"\n    [customField]=\"config.FieldUi\"\n    [layoutInfo]=\"config\"\n    [inlineEdit]=\"inlineEdit\"\n    [formHeight]=\"(formHeight$ | async)!!\"\n    [focusControl]=\"focusControl\"\n    [isSearchPanel]=\"isSearchPanel\"\n    [style.height]=\"isUlv ? '100%' : 'auto'\"\n    [attr.isulv]=\"isUlv\"\n></bnrc-field-ui>\n}\n", styles: [":host{width:100%;display:flex}.form-item-label-container{display:flex;position:relative}.lbl-temp{position:absolute;visibility:hidden}bsu-ly-label{padding:0 5px;margin:auto}bnrc-field-ui{padding:0 5px;margin:auto}bnrc-field-ui[xtype=\"Ui.CheckBox\"]{padding:0}@media screen and (max-width: 599px){:host{height:auto}bnrc-field-ui{height:auto}}\n"], dependencies: [{ kind: "component", type: i2.FieldUiComponent, selector: "bnrc-field-ui", inputs: ["isSearchPanel", "customField", "componentUi", "layoutInfo", "inlineEdit", "focusControl", "formHeight"] }, { kind: "directive", type: i2.AttrRtlDirective, selector: "[attrRtl]", inputs: ["attrRtl"] }, { kind: "component", type: LyLabelComponent, selector: "bsu-ly-label", inputs: ["originalWidth", "minWidth", "caption", "captionIcon", "isColumn", "isMandatory", "fieldIcon", "originalXtype", "textVisible"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: LayoutControlComponent, selector: "bsu-layout-control", inputs: { inlineEdit: "inlineEdit", caption: "caption", focusControl: "focusControl", showLabel: "showLabel", maxLabelWidth: "maxLabelWidth", hasHorizontalText: "hasHorizontalText", contentDensity: "contentDensity", flex: "flex", RefreshLabel: "RefreshLabel", SetVisible: "SetVisible" }, outputs: { events: "events" }, host: { properties: { "class.layout-control": "this.layoutControlClass", "class.row-direction": "this.isRowDirection", "class.row-reverse-direction": "this.isRowReverseDirection", "class.column-direction": "this.isColumnDirection", "class.column-reverse-direction": "this.isColumnReverseDirection", "class.container-field": "this.isContainer", "style.max-width": "this.maxWidth", "style.min-width": "this.minWidth", "style.min-height": "this.minHeight", "style.height": "this.height", "attr.isCheckbox": "this.isCheckbox", "attr.isButton": "this.isSinglePicture", "attr.minWidth": "this.attrMinWidth", "attr.controlId": "this.attrControlId", "attr.caption": "this.attrCaption" } }, providers: [LayoutService], viewQueries: [{ propertyName: "tempLabelRef", first: true, predicate: ["tempLabelRef"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (!hide) { @if (labelVisible) {\n<bsu-ly-label\n    [attr.labelWidth]=\"labelWidth\"\n    [attrRtl]\n    [class.no-padding]=\"config.Padding[0] === 0\"\n    [config]=\"config\"\n    [caption]=\"labelCaption\"\n    [originalWidth]=\"labelWidth\"\n    [style.min-width]=\"\n        isCheckbox\n            ? 'fit-content'\n            : config.CaptionSetting?.AlignMode === 'AutoSize'\n            ? 'fit-content'\n            : isColumnDirection || isColumnReverseDirection\n            ? '100%'\n            : maxLabelWidth + 'px'\n    \"\n    [style.width]=\"\n        config.CaptionSetting?.AlignMode === 'AutoSize'\n            ? 'auto'\n            : isColumnDirection || isColumnReverseDirection\n            ? '100%'\n            : maxLabelWidth + 'px'\n    \"\n    [isMandatory]=\"isMandatory\"\n    [fieldIcon]=\"fieldIcon\"\n    [originalXtype]=\"originalXtype\"\n    [textVisible]=\"textVisible\"\n    [isColumn]=\"isColumnDirection || isColumnReverseDirection\"\n></bsu-ly-label>\n}\n<label [attr.visible]=\"labelVisible\" class=\"horizontal-label\" [innerHtml]=\"emptyText\"></label>\n<bnrc-field-ui\n    [attr.xtype]=\"config.FieldUi.originalXtype\"\n    [attr.fieldWidth]=\"layoutControlWidth\"\n    [attr.isCheckbox]=\"isCheckbox\"\n    [style.flex-grow]=\"isCheckbox ? 1 : 0\"\n    [class.no-padding]=\"config.Padding[0] === 0\"\n    [customField]=\"config.FieldUi\"\n    [layoutInfo]=\"config\"\n    [inlineEdit]=\"inlineEdit\"\n    [formHeight]=\"(formHeight$ | async)!!\"\n    [focusControl]=\"focusControl\"\n    [isSearchPanel]=\"isSearchPanel\"\n    [style.height]=\"isUlv ? '100%' : 'auto'\"\n    [attr.isulv]=\"isUlv\"\n></bnrc-field-ui>\n}\n", styles: [":host{width:100%;display:flex}.form-item-label-container{display:flex;position:relative}.lbl-temp{position:absolute;visibility:hidden}bsu-ly-label{padding:0 5px;margin:auto}bnrc-field-ui{padding:0 5px;margin:auto}bnrc-field-ui[xtype=\"Ui.CheckBox\"]{padding:0}@media screen and (max-width: 599px){:host{height:auto}bnrc-field-ui{height:auto}}\n"], dependencies: [{ kind: "component", type: i2.FieldUiComponent, selector: "bnrc-field-ui", inputs: ["isSearchPanel", "customField", "componentUi", "layoutInfo", "inlineEdit", "focusControl", "formHeight"] }, { kind: "directive", type: i2.AttrRtlDirective, selector: "[attrRtl]", inputs: ["attrRtl"] }, { kind: "component", type: LyLabelComponent, selector: "bsu-ly-label", inputs: ["originalWidth", "minWidth", "caption", "captionIcon", "isColumn", "isMandatory", "fieldIcon", "originalXtype", "textVisible"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: LayoutControlComponent, decorators: [{
             type: Component,
@@ -976,7 +976,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
                 args: ['style.height']
             }], isCheckbox: [{
                 type: HostBinding,
-                args: ['attr.isChekbox']
+                args: ['attr.isCheckbox']
             }], isButton: [{
                 type: HostBinding,
                 args: ['attr.isButton']
@@ -4989,11 +4989,11 @@ class CardViewContentComponent extends BaseViewContentPropsComponent {
         this.expandClick.emit(mo);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CardViewContentComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", 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    @if (moDataList && moDataList.length > 0) {\n    <fd-layout-grid class=\"card-list\">\n        <ng-container *ngTemplateOutlet=\"containerTemplate; context: { $implicit: true }\"></ng-container>\n    </fd-layout-grid>\n    } @else {\n    <bsu-no-data></bsu-no-data>\n    }\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    @for ( mo of moDataList | multipleGroupBy: groupby; track _trackByRow(index, mo); let index = $index; let last =\n    $last; let first = $first) { @if (!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    } @if (setting.contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\n    <div\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    } }\n</ng-template>\n<ng-template #cardTemplate let-mo let-index=\"index\">\n    <bsu-card-item\n        [mo]=\"mo\"\n        [openOnClick]=\"openOnClick\"\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$3.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", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i4$2.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i4$2.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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", 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    @if (moDataList && moDataList.length > 0) {\n    <fd-layout-grid class=\"card-list\">\n        <ng-container *ngTemplateOutlet=\"containerTemplate; context: { $implicit: true }\"></ng-container>\n    </fd-layout-grid>\n    } @else {\n    <bsu-no-data [simple]=\"true\"></bsu-no-data>\n    }\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    @for ( mo of moDataList | multipleGroupBy: groupby; track _trackByRow(index, mo); let index = $index; let last =\n    $last; let first = $first) { @if (!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    } @if (setting.contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\n    <div\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    } }\n</ng-template>\n<ng-template #cardTemplate let-mo let-index=\"index\">\n    <bsu-card-item\n        [mo]=\"mo\"\n        [openOnClick]=\"openOnClick\"\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$3.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", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i4$2.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i4$2.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: "17.3.5", 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    @if (moDataList && moDataList.length > 0) {\n    <fd-layout-grid class=\"card-list\">\n        <ng-container *ngTemplateOutlet=\"containerTemplate; context: { $implicit: true }\"></ng-container>\n    </fd-layout-grid>\n    } @else {\n    <bsu-no-data></bsu-no-data>\n    }\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    @for ( mo of moDataList | multipleGroupBy: groupby; track _trackByRow(index, mo); let index = $index; let last =\n    $last; let first = $first) { @if (!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    } @if (setting.contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\n    <div\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    } }\n</ng-template>\n<ng-template #cardTemplate let-mo let-index=\"index\">\n    <bsu-card-item\n        [mo]=\"mo\"\n        [openOnClick]=\"openOnClick\"\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>\n<ng-template #gridTemplate>\n    @if (moDataList && moDataList.length > 0) {\n    <fd-layout-grid class=\"card-list\">\n        <ng-container *ngTemplateOutlet=\"containerTemplate; context: { $implicit: true }\"></ng-container>\n    </fd-layout-grid>\n    } @else {\n    <bsu-no-data [simple]=\"true\"></bsu-no-data>\n    }\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    @for ( mo of moDataList | multipleGroupBy: groupby; track _trackByRow(index, mo); let index = $index; let last =\n    $last; let first = $first) { @if (!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    } @if (setting.contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\n    <div\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    } }\n</ng-template>\n<ng-template #cardTemplate let-mo let-index=\"index\">\n    <bsu-card-item\n        [mo]=\"mo\"\n        [openOnClick]=\"openOnClick\"\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"] }]
         }] });
 
 class StringToArrayPipe {
@@ -10561,11 +10561,11 @@ class FormDialogComponent extends BaseComponent {
         this.caption = typeDefName + ':' + moCaption;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: FormDialogComponent, deps: [{ token: i1$1.DialogService }, { token: i2.DialogParams }, { token: i2.PortalService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: FormDialogComponent, selector: "bsu-form-dialog", providers: [ContainerService], viewQueries: [{ propertyName: "dialogTemplateRef", first: true, predicate: ["dialog"], descendants: true, read: TemplateRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTplRef>\n        <fd-dialog-header>\n            <ng-template fdkTemplate=\"header\">\n                <div fd-bar-left>\n                    <h1 fd-title>{{ dialogConfig.data.caption }}</h1>\n                </div>\n                <div fd-bar-right>\n                    @if (dialogConfig.data.canFullscreen) {\n                    <fd-button-bar\n                        ariaLabel=\"fullscreen\"\n                        [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\n                        fullscreenDialog\n                        [dialog]=\"dialog\"\n                        [fullscreen]=\"fullscreen\"\n                        (fullscreenChanged)=\"fullscreen = $event\"\n                        [dialogComponent]=\"dialogTplRef\"\n                    ></fd-button-bar>\n                    }\n                    <bsu-form-toolbar\n                        fd-bar-left\n                        [deviceSize]=\"deviceSize\"\n                        [buttons]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false\"\n                        [dirValue]=\"(dirValue$ | async)!!\"\n                        [isFirefox]=\"isFirefox\"\n                        (toolbarClick)=\"onToolbarClick($event)\"\n                        #formToolbar\n                    ></bsu-form-toolbar>\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onCancel()\"></fd-button-bar>\n                </div>\n            </ng-template>\n            <!-- <ng-template\n                fdkTemplate=\"subheader\"\n                *ngIf=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false as toolbarItems\"\n            >\n                <div fd-bar-middle>\n                    <fd-bar-element [fullWidth]=\"true\" class=\"!tw-justify-end\">\n                        <bsu-form-toolbar\n                            [deviceSize]=\"deviceSize\"\n                            [buttons]=\"toolbarItems\"\n                            [dirValue]=\"(dirValue$ | async)!!\"\n                            [isFirefox]=\"isFirefox\"\n                            (toolbarClick)=\"onToolbarClick($event)\"\n                            #formToolbar\n                        ></bsu-form-toolbar>\n                    </fd-bar-element>\n                </div>\n            </ng-template> -->\n        </fd-dialog-header>\n\n        <fd-dialog-body>\n            <bnrc-form\n                [formPanelCtrl]=\"formPanelCtrlr\"\n                [params]=\"params\"\n                (formClose)=\"onFormClose()\"\n                (uiComponent)=\"onFormUiComponentReady($event)\"\n            ></bnrc-form>\n        </fd-dialog-body>\n        <fd-dialog-footer [style.display]=\"!showFooter ? 'none' : null\">\n            @for (btn of (extendToolbarItems$ | async); track btn.Id) { @if (!(btn === '-' || btn.text === '-') &&\n            ((btn.isBuiltin && btn.inFooter) || btn.isWorkflow)) {\n            <ng-container\n                *ngTemplateOutlet=\"\n                    btn.Data?.CustomUi?.Selector ? dynamicBtnTemplate : btnTemplate;\n                    context: { $implicit: btn }\n                \"\n            ></ng-container>\n            <ng-template #btnTemplate let-btn>\n                <fd-dialog-footer-button>\n                    <fd-button-bar\n                        fd-dialog-decisive-button\n                        [fdType]=\"btn.isWorkflow ? 'attention' : btn.design\"\n                        [label]=\"btn.text | bbbTranslate\"\n                        [glyph]=\"btn.newIcon ? btn.newIcon : null\"\n                        (click)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                    ></fd-button-bar>\n                </fd-dialog-footer-button>\n            </ng-template>\n            <ng-template #dynamicBtnTemplate let-btn>\n                <fd-dialog-footer-button>\n                    <bnrc-dynamic-form-toolbaritem\n                        fd-toolbar-item\n                        [component]=\"btn.Data.CustomUi\"\n                        [context]=\"btn\"\n                        [isEnable]=\"btn.Command?._isEnable\"\n                        (btnClick)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                    ></bnrc-dynamic-form-toolbaritem>\n                </fd-dialog-footer-button>\n            </ng-template>\n            } } @if (!isNonePersistance && showSaveButton !== false) {\n            <fd-dialog-footer-button>\n                <fd-button-bar\n                    fd-initial-focus\n                    fd-dialog-decisive-button\n                    [label]=\"'Cancel' | bbbTranslate\"\n                    (click)=\"onCancel()\"\n                ></fd-button-bar>\n            </fd-dialog-footer-button>\n            }\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:block;height:auto}fd-dialog-body{display:flex;flex-direction:column;height:100%;align-items:stretch;justify-content:stretch}fd-dialog-body>bnrc-form{flex-grow:1;display:flex;flex-direction:row;height:100%;justify-content:stretch;align-items:stretch}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId", "saveOnChange", "inlineEditInReport"], outputs: ["titleChanged", "moChanged", "formClose", "uiComponent", "formRendered", "bruleAction", "beforeTransition", "afterTransition"] }, { kind: "component", type: i2.DynamicFormToolbaritemComponent, selector: "bnrc-dynamic-form-toolbaritem", inputs: ["mo", "index", "deviceName", "deviceSize", "context", "btn", "isEnable", "showText", "allColumns", "conditionalFormats"], outputs: ["btnClick"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "directive", type: i4.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i4.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i4.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i4$1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4$1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4$1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4$1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i5$1.TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i6$1.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i7$1.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "component", type: FormToolbarComponent, selector: "bsu-form-toolbar", outputs: ["toolbarClick"] }, { kind: "directive", type: FullscreenDialogDirective, selector: "[fullscreenDialog]", inputs: ["dialog", "dialogComponent", "fullscreen"], outputs: ["fullscreenChanged"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TlbButtonsPipe, name: "tlbButtons" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: FormDialogComponent, selector: "bsu-form-dialog", providers: [ContainerService], viewQueries: [{ propertyName: "dialogTemplateRef", first: true, predicate: ["dialog"], descendants: true, read: TemplateRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTplRef>\n        <fd-dialog-header>\n            <ng-template fdkTemplate=\"header\">\n                <div fd-bar-left>\n                    <h1 fd-title>{{ dialogConfig.data.caption }}</h1>\n                </div>\n                <div fd-bar-right>\n                    <bsu-form-toolbar\n                        fd-bar-right\n                        style=\"width: auto\"\n                        [deviceSize]=\"deviceSize\"\n                        [buttons]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false\"\n                        [dirValue]=\"(dirValue$ | async)!!\"\n                        [isFirefox]=\"isFirefox\"\n                        (toolbarClick)=\"onToolbarClick($event)\"\n                        #formToolbar\n                    ></bsu-form-toolbar>\n                    @if (dialogConfig.data.canFullscreen) {\n                    <fd-button-bar\n                        ariaLabel=\"fullscreen\"\n                        [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\n                        fullscreenDialog\n                        [dialog]=\"dialog\"\n                        [fullscreen]=\"fullscreen\"\n                        (fullscreenChanged)=\"fullscreen = $event\"\n                        [dialogComponent]=\"dialogTplRef\"\n                    ></fd-button-bar>\n                    }\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onCancel()\"></fd-button-bar>\n                </div>\n            </ng-template>\n            <!-- <ng-template\n                fdkTemplate=\"subheader\"\n                *ngIf=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false as toolbarItems\"\n            >\n                <div fd-bar-middle>\n                    <fd-bar-element [fullWidth]=\"true\" class=\"!tw-justify-end\">\n                        <bsu-form-toolbar\n                            [deviceSize]=\"deviceSize\"\n                            [buttons]=\"toolbarItems\"\n                            [dirValue]=\"(dirValue$ | async)!!\"\n                            [isFirefox]=\"isFirefox\"\n                            (toolbarClick)=\"onToolbarClick($event)\"\n                            #formToolbar\n                        ></bsu-form-toolbar>\n                    </fd-bar-element>\n                </div>\n            </ng-template> -->\n        </fd-dialog-header>\n\n        <fd-dialog-body>\n            <bnrc-form\n                [formPanelCtrl]=\"formPanelCtrlr\"\n                [params]=\"params\"\n                (formClose)=\"onFormClose()\"\n                (uiComponent)=\"onFormUiComponentReady($event)\"\n            ></bnrc-form>\n        </fd-dialog-body>\n        <fd-dialog-footer [style.display]=\"!showFooter ? 'none' : null\">\n            @for (btn of (extendToolbarItems$ | async); track btn.Id) { @if (!(btn === '-' || btn.text === '-') &&\n            ((btn.isBuiltin && btn.inFooter) || btn.isWorkflow)) {\n            <ng-container\n                *ngTemplateOutlet=\"\n                    btn.Data?.CustomUi?.Selector ? dynamicBtnTemplate : btnTemplate;\n                    context: { $implicit: btn }\n                \"\n            ></ng-container>\n            <ng-template #btnTemplate let-btn>\n                <fd-dialog-footer-button>\n                    <fd-button-bar\n                        fd-dialog-decisive-button\n                        [fdType]=\"btn.isWorkflow ? 'attention' : btn.design\"\n                        [label]=\"btn.text | bbbTranslate\"\n                        [glyph]=\"btn.newIcon ? btn.newIcon : null\"\n                        (click)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                    ></fd-button-bar>\n                </fd-dialog-footer-button>\n            </ng-template>\n            <ng-template #dynamicBtnTemplate let-btn>\n                <fd-dialog-footer-button>\n                    <bnrc-dynamic-form-toolbaritem\n                        fd-toolbar-item\n                        [component]=\"btn.Data.CustomUi\"\n                        [context]=\"btn\"\n                        [isEnable]=\"btn.Command?._isEnable\"\n                        (btnClick)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                    ></bnrc-dynamic-form-toolbaritem>\n                </fd-dialog-footer-button>\n            </ng-template>\n            } } @if (!isNonePersistance && showSaveButton !== false) {\n            <fd-dialog-footer-button>\n                <fd-button-bar\n                    fd-initial-focus\n                    fd-dialog-decisive-button\n                    [label]=\"'Cancel' | bbbTranslate\"\n                    (click)=\"onCancel()\"\n                ></fd-button-bar>\n            </fd-dialog-footer-button>\n            }\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:block;height:auto}fd-dialog-body{display:flex;flex-direction:column;height:100%;align-items:stretch;justify-content:stretch}fd-dialog-body>bnrc-form{flex-grow:1;display:flex;flex-direction:row;height:100%;justify-content:stretch;align-items:stretch}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId", "saveOnChange", "inlineEditInReport"], outputs: ["titleChanged", "moChanged", "formClose", "uiComponent", "formRendered", "bruleAction", "beforeTransition", "afterTransition"] }, { kind: "component", type: i2.DynamicFormToolbaritemComponent, selector: "bnrc-dynamic-form-toolbaritem", inputs: ["mo", "index", "deviceName", "deviceSize", "context", "btn", "isEnable", "showText", "allColumns", "conditionalFormats"], outputs: ["btnClick"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "directive", type: i4.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i4.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i4.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i4$1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4$1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4$1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4$1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i5$1.TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i6$1.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i7$1.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "component", type: FormToolbarComponent, selector: "bsu-form-toolbar", outputs: ["toolbarClick"] }, { kind: "directive", type: FullscreenDialogDirective, selector: "[fullscreenDialog]", inputs: ["dialog", "dialogComponent", "fullscreen"], outputs: ["fullscreenChanged"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TlbButtonsPipe, name: "tlbButtons" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: FormDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-form-dialog', providers: [ContainerService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTplRef>\n        <fd-dialog-header>\n            <ng-template fdkTemplate=\"header\">\n                <div fd-bar-left>\n                    <h1 fd-title>{{ dialogConfig.data.caption }}</h1>\n                </div>\n                <div fd-bar-right>\n                    @if (dialogConfig.data.canFullscreen) {\n                    <fd-button-bar\n                        ariaLabel=\"fullscreen\"\n                        [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\n                        fullscreenDialog\n                        [dialog]=\"dialog\"\n                        [fullscreen]=\"fullscreen\"\n                        (fullscreenChanged)=\"fullscreen = $event\"\n                        [dialogComponent]=\"dialogTplRef\"\n                    ></fd-button-bar>\n                    }\n                    <bsu-form-toolbar\n                        fd-bar-left\n                        [deviceSize]=\"deviceSize\"\n                        [buttons]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false\"\n                        [dirValue]=\"(dirValue$ | async)!!\"\n                        [isFirefox]=\"isFirefox\"\n                        (toolbarClick)=\"onToolbarClick($event)\"\n                        #formToolbar\n                    ></bsu-form-toolbar>\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onCancel()\"></fd-button-bar>\n                </div>\n            </ng-template>\n            <!-- <ng-template\n                fdkTemplate=\"subheader\"\n                *ngIf=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false as toolbarItems\"\n            >\n                <div fd-bar-middle>\n                    <fd-bar-element [fullWidth]=\"true\" class=\"!tw-justify-end\">\n                        <bsu-form-toolbar\n                            [deviceSize]=\"deviceSize\"\n                            [buttons]=\"toolbarItems\"\n                            [dirValue]=\"(dirValue$ | async)!!\"\n                            [isFirefox]=\"isFirefox\"\n                            (toolbarClick)=\"onToolbarClick($event)\"\n                            #formToolbar\n                        ></bsu-form-toolbar>\n                    </fd-bar-element>\n                </div>\n            </ng-template> -->\n        </fd-dialog-header>\n\n        <fd-dialog-body>\n            <bnrc-form\n                [formPanelCtrl]=\"formPanelCtrlr\"\n                [params]=\"params\"\n                (formClose)=\"onFormClose()\"\n                (uiComponent)=\"onFormUiComponentReady($event)\"\n            ></bnrc-form>\n        </fd-dialog-body>\n        <fd-dialog-footer [style.display]=\"!showFooter ? 'none' : null\">\n            @for (btn of (extendToolbarItems$ | async); track btn.Id) { @if (!(btn === '-' || btn.text === '-') &&\n            ((btn.isBuiltin && btn.inFooter) || btn.isWorkflow)) {\n            <ng-container\n                *ngTemplateOutlet=\"\n                    btn.Data?.CustomUi?.Selector ? dynamicBtnTemplate : btnTemplate;\n                    context: { $implicit: btn }\n                \"\n            ></ng-container>\n            <ng-template #btnTemplate let-btn>\n                <fd-dialog-footer-button>\n                    <fd-button-bar\n                        fd-dialog-decisive-button\n                        [fdType]=\"btn.isWorkflow ? 'attention' : btn.design\"\n                        [label]=\"btn.text | bbbTranslate\"\n                        [glyph]=\"btn.newIcon ? btn.newIcon : null\"\n                        (click)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                    ></fd-button-bar>\n                </fd-dialog-footer-button>\n            </ng-template>\n            <ng-template #dynamicBtnTemplate let-btn>\n                <fd-dialog-footer-button>\n                    <bnrc-dynamic-form-toolbaritem\n                        fd-toolbar-item\n                        [component]=\"btn.Data.CustomUi\"\n                        [context]=\"btn\"\n                        [isEnable]=\"btn.Command?._isEnable\"\n                        (btnClick)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                    ></bnrc-dynamic-form-toolbaritem>\n                </fd-dialog-footer-button>\n            </ng-template>\n            } } @if (!isNonePersistance && showSaveButton !== false) {\n            <fd-dialog-footer-button>\n                <fd-button-bar\n                    fd-initial-focus\n                    fd-dialog-decisive-button\n                    [label]=\"'Cancel' | bbbTranslate\"\n                    (click)=\"onCancel()\"\n                ></fd-button-bar>\n            </fd-dialog-footer-button>\n            }\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:block;height:auto}fd-dialog-body{display:flex;flex-direction:column;height:100%;align-items:stretch;justify-content:stretch}fd-dialog-body>bnrc-form{flex-grow:1;display:flex;flex-direction:row;height:100%;justify-content:stretch;align-items:stretch}\n"] }]
+            args: [{ selector: 'bsu-form-dialog', providers: [ContainerService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTplRef>\n        <fd-dialog-header>\n            <ng-template fdkTemplate=\"header\">\n                <div fd-bar-left>\n                    <h1 fd-title>{{ dialogConfig.data.caption }}</h1>\n                </div>\n                <div fd-bar-right>\n                    <bsu-form-toolbar\n                        fd-bar-right\n                        style=\"width: auto\"\n                        [deviceSize]=\"deviceSize\"\n                        [buttons]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false\"\n                        [dirValue]=\"(dirValue$ | async)!!\"\n                        [isFirefox]=\"isFirefox\"\n                        (toolbarClick)=\"onToolbarClick($event)\"\n                        #formToolbar\n                    ></bsu-form-toolbar>\n                    @if (dialogConfig.data.canFullscreen) {\n                    <fd-button-bar\n                        ariaLabel=\"fullscreen\"\n                        [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\n                        fullscreenDialog\n                        [dialog]=\"dialog\"\n                        [fullscreen]=\"fullscreen\"\n                        (fullscreenChanged)=\"fullscreen = $event\"\n                        [dialogComponent]=\"dialogTplRef\"\n                    ></fd-button-bar>\n                    }\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onCancel()\"></fd-button-bar>\n                </div>\n            </ng-template>\n            <!-- <ng-template\n                fdkTemplate=\"subheader\"\n                *ngIf=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false as toolbarItems\"\n            >\n                <div fd-bar-middle>\n                    <fd-bar-element [fullWidth]=\"true\" class=\"!tw-justify-end\">\n                        <bsu-form-toolbar\n                            [deviceSize]=\"deviceSize\"\n                            [buttons]=\"toolbarItems\"\n                            [dirValue]=\"(dirValue$ | async)!!\"\n                            [isFirefox]=\"isFirefox\"\n                            (toolbarClick)=\"onToolbarClick($event)\"\n                            #formToolbar\n                        ></bsu-form-toolbar>\n                    </fd-bar-element>\n                </div>\n            </ng-template> -->\n        </fd-dialog-header>\n\n        <fd-dialog-body>\n            <bnrc-form\n                [formPanelCtrl]=\"formPanelCtrlr\"\n                [params]=\"params\"\n                (formClose)=\"onFormClose()\"\n                (uiComponent)=\"onFormUiComponentReady($event)\"\n            ></bnrc-form>\n        </fd-dialog-body>\n        <fd-dialog-footer [style.display]=\"!showFooter ? 'none' : null\">\n            @for (btn of (extendToolbarItems$ | async); track btn.Id) { @if (!(btn === '-' || btn.text === '-') &&\n            ((btn.isBuiltin && btn.inFooter) || btn.isWorkflow)) {\n            <ng-container\n                *ngTemplateOutlet=\"\n                    btn.Data?.CustomUi?.Selector ? dynamicBtnTemplate : btnTemplate;\n                    context: { $implicit: btn }\n                \"\n            ></ng-container>\n            <ng-template #btnTemplate let-btn>\n                <fd-dialog-footer-button>\n                    <fd-button-bar\n                        fd-dialog-decisive-button\n                        [fdType]=\"btn.isWorkflow ? 'attention' : btn.design\"\n                        [label]=\"btn.text | bbbTranslate\"\n                        [glyph]=\"btn.newIcon ? btn.newIcon : null\"\n                        (click)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                    ></fd-button-bar>\n                </fd-dialog-footer-button>\n            </ng-template>\n            <ng-template #dynamicBtnTemplate let-btn>\n                <fd-dialog-footer-button>\n                    <bnrc-dynamic-form-toolbaritem\n                        fd-toolbar-item\n                        [component]=\"btn.Data.CustomUi\"\n                        [context]=\"btn\"\n                        [isEnable]=\"btn.Command?._isEnable\"\n                        (btnClick)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                    ></bnrc-dynamic-form-toolbaritem>\n                </fd-dialog-footer-button>\n            </ng-template>\n            } } @if (!isNonePersistance && showSaveButton !== false) {\n            <fd-dialog-footer-button>\n                <fd-button-bar\n                    fd-initial-focus\n                    fd-dialog-decisive-button\n                    [label]=\"'Cancel' | bbbTranslate\"\n                    (click)=\"onCancel()\"\n                ></fd-button-bar>\n            </fd-dialog-footer-button>\n            }\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:block;height:auto}fd-dialog-body{display:flex;flex-direction:column;height:100%;align-items:stretch;justify-content:stretch}fd-dialog-body>bnrc-form{flex-grow:1;display:flex;flex-direction:row;height:100%;justify-content:stretch;align-items:stretch}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.DialogService }, { type: i2.DialogParams }, { type: i2.PortalService }], propDecorators: { dialogTemplateRef: [{
                 type: ViewChild,
                 args: ['dialog', { read: TemplateRef, static: true }]
@@ -10729,11 +10729,11 @@ class UiButtonComponent extends FieldBaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiButtonComponent, selector: "bsu-ui-button", host: { properties: { "style.margin": "this.designMode" } }, usesInheritance: true, ngImport: i0, template: "<button\n    (click)=\"onClick()\"\n    [disabled]=\"(disable$ | async)!!\"\n    fd-button\n    [fdType]=\"parameters?.FdType$Caption\"\n    [glyph]=\"parameters?.Icon\"\n    [title]=\"label | bbbTranslate\"\n>\n    @if (!parameters?.Icon && context?.Setting?.FieldIcon && !JsonExtraProp?.Icon) {\n    <img [src]=\"context?.Setting.FieldIcon\" />\n    } @if (label && !JsonExtraProp?.OnlyIcon && !parameters?.OnlyIcon) {\n    <span class=\"fd-button__text\">{{ label | bbbTranslate }}</span>\n    }\n</button>\n", styles: [":host{display:flex;height:100%;align-items:center}button{width:100%;margin-top:.25rem}.fd-button__text{font-size:.78rem}\n"], dependencies: [{ kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiButtonComponent, selector: "bsu-ui-button", host: { properties: { "style.margin": "this.designMode" } }, usesInheritance: true, ngImport: i0, template: "<button\n    (click)=\"onClick()\"\n    [disabled]=\"(disable$ | async)!!\"\n    fd-button\n    [fdType]=\"parameters?.FdType$Caption\"\n    [glyph]=\"parameters?.Icon\"\n    [title]=\"label | bbbTranslate\"\n>\n    @if (!parameters?.Icon && context?.Setting?.FieldIcon && !JsonExtraProp?.Icon) {\n    <img [src]=\"context?.Setting.FieldIcon\" />\n    } @if (label && !JsonExtraProp?.OnlyIcon && !parameters?.OnlyIcon) {\n    <span class=\"fd-button__text\">{{ label | bbbTranslate }}</span>\n    }\n</button>\n<input fd-form-control class=\"extra-input-hidden\" />\n", styles: [":host{display:flex;height:100%;align-items:center}button{width:100%}.fd-button__text{font-size:.78rem}\n"], dependencies: [{ kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n    (click)=\"onClick()\"\n    [disabled]=\"(disable$ | async)!!\"\n    fd-button\n    [fdType]=\"parameters?.FdType$Caption\"\n    [glyph]=\"parameters?.Icon\"\n    [title]=\"label | bbbTranslate\"\n>\n    @if (!parameters?.Icon && context?.Setting?.FieldIcon && !JsonExtraProp?.Icon) {\n    <img [src]=\"context?.Setting.FieldIcon\" />\n    } @if (label && !JsonExtraProp?.OnlyIcon && !parameters?.OnlyIcon) {\n    <span class=\"fd-button__text\">{{ label | bbbTranslate }}</span>\n    }\n</button>\n", styles: [":host{display:flex;height:100%;align-items:center}button{width:100%;margin-top:.25rem}.fd-button__text{font-size:.78rem}\n"] }]
+            args: [{ selector: 'bsu-ui-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n    (click)=\"onClick()\"\n    [disabled]=\"(disable$ | async)!!\"\n    fd-button\n    [fdType]=\"parameters?.FdType$Caption\"\n    [glyph]=\"parameters?.Icon\"\n    [title]=\"label | bbbTranslate\"\n>\n    @if (!parameters?.Icon && context?.Setting?.FieldIcon && !JsonExtraProp?.Icon) {\n    <img [src]=\"context?.Setting.FieldIcon\" />\n    } @if (label && !JsonExtraProp?.OnlyIcon && !parameters?.OnlyIcon) {\n    <span class=\"fd-button__text\">{{ label | bbbTranslate }}</span>\n    }\n</button>\n<input fd-form-control class=\"extra-input-hidden\" />\n", styles: [":host{display:flex;height:100%;align-items:center}button{width:100%}.fd-button__text{font-size:.78rem}\n"] }]
         }], propDecorators: { designMode: [{
                 type: HostBinding,
                 args: ['style.margin']
@@ -14500,34 +14500,6 @@ const directives = [
 ];
 const INIT_SAPFIORI = (rtlService, contentDensityService, themeService, portalService, domSanitizer) => () => {
     rtlService.rtl.next(BarsaApi.LoginFormData.IsRtl);
-    const YekanDigit = 'IRANYekanDigits';
-    let fontFamily = YekanDigit;
-    const iranSans = 'BarsaFont';
-    if (BarsaApi.LoginFormData.Culture === 'en-US') {
-        fontFamily = iranSans;
-    }
-    const css = `* {
-    --sapFontFamily: '${iranSans}';
-    --fdDynamicPage_Title_Font_Family: '${fontFamily}';
-    --fdButton_Font_Family: '${iranSans}';
-    --fdIcon_Tab_Bar_Label_Font_Family: '${iranSans}';
-    --sapFontFamily: '${fontFamily}';
-    --fdWizard_Label_Font_Family: '${fontFamily}';
-    --sapFontLightFamily: '${fontFamily}';
-    --sapFontHeaderFamily: '${fontFamily}';
-    --_ui5_input_compact_height: 1.625rem;
-    --sapFontSize: 0.885rem;
-    /* --sapContent_HeaderShadow: none; */
-}`, head = document.head || document.getElementsByTagName('head')[0], style = document.createElement('style');
-    head.appendChild(style);
-    style.type = 'text/css';
-    if (style.styleSheet) {
-        // This is required for IE8 and below.
-        style.styleSheet.cssText = css;
-    }
-    else {
-        style.appendChild(document.createTextNode(css));
-    }
     portalService.userPortalSettings$.pipe().subscribe((userPortalSettings) => {
         const userSettings = userPortalSettings['UserPortalSettings'];
         if (!userSettings) {