barsa-sap-ui 2.0.45 → 2.0.47

package/esm2022/lib/barsa-custom-inline-edit/barsa-custom-inline-edit.component.mjs

@@ -5,7 +5,7 @@ import * as i1 from "@fundamental-ngx/core/button";
 import * as i2 from "../barsa-custom-inline-edit-row/barsa-custom-inline-edit-row.component";
 export class BarsaCustomInlineEditComponent extends ReportViewBaseComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaCustomInlineEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaCustomInlineEditComponent, selector: "bsu-barsa-custom-inline-edit", providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "@for (mo of moDataList; track _trackByRow(index, mo); let index = $index; let odd = $odd) {\n<div style=\"display: flex; align-items: center\" [style.background-color]=\"odd ? null : 'var(--sapBaseColor)'\">\n    <bsu-barsa-custom-inline-edit-row\n        [mo]=\"mo\"\n        [moDataList]=\"moDataList\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [isChecked]=\"true\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataList.length\"\n        [columnsCount]=\"columnsCount.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [columns]=\"columns\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [inlineEditMode]=\"true\"\n        [allowInlineEdit]=\"true\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (deselectAll)=\"onDeselectAll()\"\n        (rowClick)=\"onRowClick($event)\"\n        (ulvCommand)=\"onUlvCommand($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n    >\n    </bsu-barsa-custom-inline-edit-row>\n    <button\n        fd-button\n        fdType=\"transparent\"\n        glyph=\"delete\"\n        (click)=\"rowCheck.emit({mo, index}); contextMenuItems[0].handler(contextMenuItems[0])\"\n    ></button>\n</div>\n}\n<div style=\"margin-top: 0.5rem\">\n    <button fd-button (click)=\"createNewMo.emit()\">\u0627\u0641\u0632\u0648\u062F\u0646</button>\n</div>\n", styles: [":host{display:flex;flex-direction:column;padding-bottom:.275rem}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i2.BarsaCustomInlineEditRowComponent, selector: "bsu-barsa-custom-inline-edit-row" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaCustomInlineEditComponent, selector: "bsu-barsa-custom-inline-edit", providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "@for (mo of moDataList; track _trackByRow(index, mo); let index = $index; let odd = $odd) {\n<div style=\"display: flex; align-items: center\" [style.background-color]=\"odd ? null : 'var(--sapBaseColor)'\">\n    <bsu-barsa-custom-inline-edit-row\n        [mo]=\"mo\"\n        [moDataList]=\"moDataList\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [isChecked]=\"true\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataList.length\"\n        [columnsCount]=\"columnsCount.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [columns]=\"columns\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [inlineEditMode]=\"true\"\n        [allowInlineEdit]=\"true\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (deselectAll)=\"onDeselectAll()\"\n        (rowClick)=\"onRowClick($event)\"\n        (ulvCommand)=\"onUlvCommand($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n    >\n    </bsu-barsa-custom-inline-edit-row>\n    <button\n        fd-button\n        fdType=\"transparent\"\n        glyph=\"delete\"\n        (click)=\"rowCheck.emit({mo, index}); contextMenuItems[0].handler(contextMenuItems[0])\"\n    ></button>\n</div>\n}\n<div style=\"margin-top: 0.5rem\">\n    <button fd-button (click)=\"createNewMo.emit()\">\u0627\u0641\u0632\u0648\u062F\u0646</button>\n</div>\n", styles: [":host{display:flex;flex-direction:column;padding-bottom:.275rem}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i2.BarsaCustomInlineEditRowComponent, selector: "bsu-barsa-custom-inline-edit-row" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaCustomInlineEditComponent, decorators: [{
             type: Component,

package/esm2022/lib/barsa-enum-menu-button/barsa-enum-menu-button.component.mjs

@@ -52,7 +52,7 @@ export class BarsaEnumMenuButtonComponent extends FieldBaseComponent {
         this.fireContextEvent('select', this.value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaEnumMenuButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaEnumMenuButtonComponent, selector: "bsu-barsa-enum-menu-button", usesInheritance: true, ngImport: i0, template: "<button\n    fd-button\n    [label]=\"valueCaption ? valueCaption : Setting.ControlFieldCaptionTranslated\"\n    [title]=\"Setting.ControlFieldCaptionTranslated\"\n    [fdType]=\"valueStatus\"\n    [fdMenu]=\"(disableOrReadonly$ | async) === true ? false : true\"\n    [fdMenuTrigger]=\"(disableOrReadonly$ | async) === true ? undefined : menu\"\n    [class.placeholder-custom]=\"!valueItem || valueItem?.IsEmpty\"\n></button>\n<fd-menu #menu>\n    @for (item of context.store.data[context.store.root]; track item) {\n    <li fd-menu-item>\n        <a fd-menu-interactive (click)=\"onValueChange(menu, item.id)\">\n            <span fd-menu-title [class.list-empty-item]=\"item.IsEmpty\">{{ item.txt }}</span>\n        </a>\n    </li>\n    }\n</fd-menu>\n", styles: [""], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i2.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i2.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu", "hasSeparator"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "component", type: i2.MenuInteractiveComponent, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i2.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "directive", type: i2.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaEnumMenuButtonComponent, selector: "bsu-barsa-enum-menu-button", usesInheritance: true, ngImport: i0, template: "<button\n    fd-button\n    [label]=\"valueCaption ? valueCaption : Setting.ControlFieldCaptionTranslated\"\n    [title]=\"Setting.ControlFieldCaptionTranslated\"\n    [fdType]=\"valueStatus\"\n    [fdMenu]=\"(disableOrReadonly$ | async) === true ? false : true\"\n    [fdMenuTrigger]=\"(disableOrReadonly$ | async) === true ? undefined : menu\"\n    [class.placeholder-custom]=\"!valueItem || valueItem?.IsEmpty\"\n></button>\n<fd-menu #menu>\n    @for (item of context.store.data[context.store.root]; track item) {\n    <li fd-menu-item>\n        <a fd-menu-interactive (click)=\"onValueChange(menu, item.id)\">\n            <span fd-menu-title [class.list-empty-item]=\"item.IsEmpty\">{{ item.txt }}</span>\n        </a>\n    </li>\n    }\n</fd-menu>\n", styles: [""], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i2.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i2.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu", "hasSeparator"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "component", type: i2.MenuInteractiveComponent, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i2.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "directive", type: i2.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaEnumMenuButtonComponent, decorators: [{
             type: Component,

package/esm2022/lib/barsa-form-side-content/barsa-form-side-content.component.mjs

@@ -32,7 +32,7 @@ export class BarsaFormSideContentComponent extends FormPropsBaseComponent {
         return isSmallDevice;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaFormSideContentComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaFormSideContentComponent, selector: "bsu-barsa-form-side-content", host: { properties: { "class.smallDevice": "this._isSmallDevice", "style.background": "this._background" } }, providers: [LayoutService], usesInheritance: true, ngImport: i0, template: "@if(isMobile) {\n<button\n    fd-shellbar-side-nav\n    fd-button\n    fdType=\"transparent\"\n    glyph=\"menu2\"\n    style=\"width: 2.75rem\"\n    (click)=\"$event.stopPropagation(); isOpenQuickAccess = true\"\n></button>\n\n<div\n    class=\"sidemenu-h tw-fixed tw-bg-white tw-transition-all tw-z-[100] tw-shadow-2xl tw-overflow-auto\"\n    [class.tw-w-screen]=\"isMobile\"\n    [class.-tw-right-full]=\"isMobile\"\n    [class.tw-w-96]=\"!isMobile\"\n    [class.-tw-right-96]=\"!isMobile\"\n    fillEmptySpace\n    [class.!tw-right-0]=\"isOpenQuickAccess\"\n    (click)=\"$event.stopPropagation()\"\n>\n    <button\n        fd-shellbar-side-nav\n        fd-button\n        fdType=\"transparent\"\n        glyph=\"decline\"\n        (click)=\"$event.stopPropagation(); isOpenQuickAccess = false\"\n        routeFormChange\n        [bodyClick]=\"true\"\n        (stateChanged)=\"afterViewInit && (isOpenQuickAccess = false)\"\n    ></button>\n    @if (sideContentLayout ) {\n    <bsu-ly-layout-panel\n        style=\"width: 100%\"\n        [config]=\"sideContentLayout\"\n        [hideTitle]=\"parameters?.HideSideContentTitle === true\"\n        (click)=\"isOpenQuickAccess = false\"\n    ></bsu-ly-layout-panel\n    >}\n</div>\n} @if (sideContentLayout && mainContentLayout) {\n\n<fd-dynamic-side-content\n    [class.rtl]=\"rtl\"\n    fillEmptySpace\n    [decrement]=\"'40px'\"\n    [disable]=\"autoHeight\"\n    [setMinHeight]=\"true\"\n    [size]=\"isMobile ? 'sm' : smallDevice ? 'md' : 'xl'\"\n>\n    <fd-dynamic-side-content-side>\n        <bsu-ly-layout-panel [config]=\"sideContentLayout\" [hideTitle]=\"parameters?.HideSideContentTitle === true\">\n        </bsu-ly-layout-panel>\n    </fd-dynamic-side-content-side>\n    <fd-dynamic-side-content-main [style.width]=\"isMobile ? null : parameters?.MainContentWidth\">\n        <bsu-ly-layout-panel [config]=\"mainContentLayout\" [hideTitle]=\"parameters?.HideMainContentTitle === true\">\n        </bsu-ly-layout-panel>\n    </fd-dynamic-side-content-main>\n</fd-dynamic-side-content>\n} @else {\n<fd-message-strip type=\"error\" [dismissible]=\"false\"\n    >side content and main content does not defined correctly.</fd-message-strip\n>\n}\n<ng-template #error>\n    <fd-message-strip type=\"error\" [dismissible]=\"false\"\n        >side content and main content does not defined correctly.</fd-message-strip\n    >\n</ng-template>\n", styles: [":host{width:100%;height:100%;display:flex;position:relative;flex-direction:column}fd-dynamic-side-content-main{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important}fd-dynamic-side-content-side{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important;border-left:none}fd-dynamic-side-content.rtl fd-dynamic-side-content-side{border-left:none!important}:host ::ng-deep bnrc-field-ui{padding:0!important}:host ::ng-deep bsu-ly-vertical-layout bsu-ly-layout-panel:last-of-type .fd-panel__content{border-bottom:none!important}\n"], dependencies: [{ kind: "directive", type: i1.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["containerDom", "decrement", "disable", "height", "dontUseTopBound", "setMinHeight"], exportAs: ["fillEmptySpace"] }, { kind: "directive", type: i1.BodyClickDirective, selector: "[bodyClick]", inputs: ["disableBodyClick"] }, { kind: "directive", type: i1.RouteFormChangeDirective, selector: "[routeFormChange]", inputs: ["handleBodyClick"], outputs: ["stateChanged"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i3.DynamicSideContentComponent, selector: "fd-dynamic-side-content", inputs: ["position", "size", "id"] }, { kind: "component", type: i3.DynamicSideContentSideComponent, selector: "fd-dynamic-side-content-side", inputs: ["id"] }, { kind: "component", type: i3.DynamicSideContentMainComponent, selector: "fd-dynamic-side-content-main", inputs: ["id"] }, { kind: "component", type: i4.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "width", "minWidth", "marginBottom", "indicationColor"], outputs: ["onDismiss"] }, { kind: "directive", type: i5.ShellbarSidenavDirective, selector: "[fdShellbarSidenav], [fd-shellbar-side-nav]" }, { kind: "component", type: i6.LyLayoutPanelComponent, selector: "bsu-ly-layout-panel", inputs: ["renderItems", "isRoot", "hideTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaFormSideContentComponent, selector: "bsu-barsa-form-side-content", host: { properties: { "class.smallDevice": "this._isSmallDevice", "style.background": "this._background" } }, providers: [LayoutService], usesInheritance: true, ngImport: i0, template: "@if(isMobile) {\n<button\n    fd-shellbar-side-nav\n    fd-button\n    fdType=\"transparent\"\n    glyph=\"menu2\"\n    style=\"width: 2.75rem\"\n    (click)=\"$event.stopPropagation(); isOpenQuickAccess = true\"\n></button>\n\n<div\n    class=\"sidemenu-h tw-fixed tw-bg-white tw-transition-all tw-z-[100] tw-shadow-2xl tw-overflow-auto\"\n    [class.tw-w-screen]=\"isMobile\"\n    [class.-tw-right-full]=\"isMobile\"\n    [class.tw-w-96]=\"!isMobile\"\n    [class.-tw-right-96]=\"!isMobile\"\n    fillEmptySpace\n    [class.!tw-right-0]=\"isOpenQuickAccess\"\n    (click)=\"$event.stopPropagation()\"\n>\n    <button\n        fd-shellbar-side-nav\n        fd-button\n        fdType=\"transparent\"\n        glyph=\"decline\"\n        (click)=\"$event.stopPropagation(); isOpenQuickAccess = false\"\n        routeFormChange\n        [bodyClick]=\"true\"\n        (stateChanged)=\"afterViewInit && (isOpenQuickAccess = false)\"\n    ></button>\n    @if (sideContentLayout ) {\n    <bsu-ly-layout-panel\n        style=\"width: 100%\"\n        [config]=\"sideContentLayout\"\n        [hideTitle]=\"parameters?.HideSideContentTitle === true\"\n        (click)=\"isOpenQuickAccess = false\"\n    ></bsu-ly-layout-panel\n    >}\n</div>\n} @if (sideContentLayout && mainContentLayout) {\n\n<fd-dynamic-side-content\n    [class.rtl]=\"rtl\"\n    fillEmptySpace\n    [decrement]=\"'40px'\"\n    [disable]=\"autoHeight\"\n    [setMinHeight]=\"true\"\n    [size]=\"isMobile ? 'sm' : smallDevice ? 'md' : 'xl'\"\n>\n    <fd-dynamic-side-content-side>\n        <bsu-ly-layout-panel [config]=\"sideContentLayout\" [hideTitle]=\"parameters?.HideSideContentTitle === true\">\n        </bsu-ly-layout-panel>\n    </fd-dynamic-side-content-side>\n    <fd-dynamic-side-content-main [style.width]=\"isMobile ? null : parameters?.MainContentWidth\">\n        <bsu-ly-layout-panel [config]=\"mainContentLayout\" [hideTitle]=\"parameters?.HideMainContentTitle === true\">\n        </bsu-ly-layout-panel>\n    </fd-dynamic-side-content-main>\n</fd-dynamic-side-content>\n} @else {\n<fd-message-strip type=\"error\" [dismissible]=\"false\"\n    >side content and main content does not defined correctly.</fd-message-strip\n>\n}\n<ng-template #error>\n    <fd-message-strip type=\"error\" [dismissible]=\"false\"\n        >side content and main content does not defined correctly.</fd-message-strip\n    >\n</ng-template>\n", styles: [":host{width:100%;height:100%;display:flex;position:relative;flex-direction:column}fd-dynamic-side-content-main{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important}fd-dynamic-side-content-side{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important;border-left:none}fd-dynamic-side-content.rtl fd-dynamic-side-content-side{border-left:none!important}:host ::ng-deep bnrc-field-ui{padding:0!important}:host ::ng-deep bsu-ly-vertical-layout bsu-ly-layout-panel:last-of-type .fd-panel__content{border-bottom:none!important}\n"], dependencies: [{ kind: "directive", type: i1.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["containerDom", "decrement", "disable", "height", "dontUseTopBound", "setMinHeight"], exportAs: ["fillEmptySpace"] }, { kind: "directive", type: i1.BodyClickDirective, selector: "[bodyClick]", inputs: ["disableBodyClick"] }, { kind: "directive", type: i1.RouteFormChangeDirective, selector: "[routeFormChange]", inputs: ["handleBodyClick"], outputs: ["stateChanged"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i3.DynamicSideContentComponent, selector: "fd-dynamic-side-content", inputs: ["position", "size", "id"] }, { kind: "component", type: i3.DynamicSideContentSideComponent, selector: "fd-dynamic-side-content-side", inputs: ["id"] }, { kind: "component", type: i3.DynamicSideContentMainComponent, selector: "fd-dynamic-side-content-main", inputs: ["id"] }, { kind: "component", type: i4.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "width", "minWidth", "marginBottom", "indicationColor"], outputs: ["onDismiss"] }, { kind: "directive", type: i5.ShellbarSidenavDirective, selector: "[fdShellbarSidenav], [fd-shellbar-side-nav]" }, { kind: "component", type: i6.LyLayoutPanelComponent, selector: "bsu-ly-layout-panel", inputs: ["renderItems", "isRoot", "hideTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaFormSideContentComponent, decorators: [{
             type: Component,

package/esm2022/lib/barsa-grid-layout-panel/barsa-grid-layout-panel.component.mjs

@@ -18,7 +18,7 @@ export class BarsaGridLayoutPanelComponent extends LayoutPanelBaseComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaGridLayoutPanelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaGridLayoutPanelComponent, selector: "bsu-barsa-grid-layout-panel", providers: [LayoutService], usesInheritance: true, ngImport: i0, template: "@if (parameters?.CardMode) {\n<fd-card [style.margin]=\"parameters?.Margin\">\n    <fd-card-content>\n        <ng-container *ngTemplateOutlet=\"layoutGridTpl; context: { $implicit: true }\"></ng-container>\n    </fd-card-content>\n</fd-card>\n} @else { @if (config) {\n<fd-layout-grid [style.margin]=\"parameters?.CardMode ? null : parameters?.Margin\">\n    <div fdLayoutGridRow>\n        @for (gridCol of parameters?.GridColumns?.MoDataList; track gridCol) {\n        <div\n            class=\"container\"\n            [fdLayoutGridCol]=\"gridCol.LayoutGridCol\"\n            [colMd]=\"gridCol.ColMd\"\n            [colLg]=\"gridCol.ColLg\"\n            [colXl]=\"gridCol.ColXl\"\n        >\n            @if (gridCol.$LayoutGroup) {\n            <bnrc-dynamic-layout\n                [config]=\"gridCol.$LayoutGroup\"\n                [selector]=\"'bsu-ly-layout-panel'\"\n                [name]=\"'LyLayoutPanelComponent'\"\n                [module]=\"'BarsaSapUi'\"\n                [moduleFileName]=\"'BarsaSapUi'\"\n                [maxLabelWidth]=\"(maxLabelWidth$ | async)!!\"\n                [flex]=\"isSearchPanel ? 'unset' : config.Bounds.width\"\n                [isSearchPanel]=\"isSearchPanel\"\n            >\n            </bnrc-dynamic-layout>\n            }\n            <!-- <bsu-ly-layout-panel [hideTitle]=\"true\" class=\"panel-inside-layout\"> </bsu-ly-layout-panel> -->\n        </div>\n        }\n    </div>\n</fd-layout-grid>\n} }\n<ng-template #layoutGridTpl let-cardMode>\n    @if (config) {\n    <fd-layout-grid [style.margin]=\"cardMode ? null : parameters?.Margin\">\n        <div fdLayoutGridRow>\n            @for (gridCol of parameters?.GridColumns?.MoDataList; track gridCol) {\n            <div\n                class=\"container\"\n                [fdLayoutGridCol]=\"gridCol.LayoutGridCol\"\n                [colMd]=\"gridCol.ColMd\"\n                [colLg]=\"gridCol.ColLg\"\n                [colXl]=\"gridCol.ColXl\"\n            >\n                @if (gridCol.$LayoutGroup) {\n                <bnrc-dynamic-layout\n                    [config]=\"gridCol.$LayoutGroup\"\n                    [selector]=\"'bsu-ly-layout-panel'\"\n                    [name]=\"'LyLayoutPanelComponent'\"\n                    [module]=\"'BarsaSapUi'\"\n                    [moduleFileName]=\"'BarsaSapUi'\"\n                    [maxLabelWidth]=\"(maxLabelWidth$ | async)!!\"\n                    [flex]=\"isSearchPanel ? 'unset' : config.Bounds.width\"\n                    [isSearchPanel]=\"isSearchPanel\"\n                >\n                </bnrc-dynamic-layout>\n                }\n                <!-- <bsu-ly-layout-panel [hideTitle]=\"true\" class=\"panel-inside-layout\"> </bsu-ly-layout-panel> -->\n            </div>\n            }\n        </div>\n    </fd-layout-grid>\n    }\n</ng-template>\n", styles: [":host fd-card-header{cursor:default}:host fd-card-header:hover{background:var(--fdCard_Background_Color)}:host .container ::ng-deep>bsu-ly-layout-panel>fd-panel>.fd-panel>.fd-panel__content{padding:0}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.DynamicLayoutComponent, selector: "bnrc-dynamic-layout", inputs: ["selector", "module", "name", "parameters", "moduleFileName", "flex", "config", "maxLabelWidth", "hasHorizontalText", "isSearchPanel"] }, { kind: "component", type: i3.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }, { kind: "component", type: i3.CardContentComponent, selector: "fd-card-content" }, { 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: i4.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaGridLayoutPanelComponent, selector: "bsu-barsa-grid-layout-panel", providers: [LayoutService], usesInheritance: true, ngImport: i0, template: "@if (parameters?.CardMode) {\n<fd-card [style.margin]=\"parameters?.Margin\">\n    <fd-card-content>\n        <ng-container *ngTemplateOutlet=\"layoutGridTpl; context: { $implicit: true }\"></ng-container>\n    </fd-card-content>\n</fd-card>\n} @else { @if (config) {\n<fd-layout-grid [style.margin]=\"parameters?.CardMode ? null : parameters?.Margin\">\n    <div fdLayoutGridRow>\n        @for (gridCol of parameters?.GridColumns?.MoDataList; track gridCol) {\n        <div\n            class=\"container\"\n            [fdLayoutGridCol]=\"gridCol.LayoutGridCol\"\n            [colMd]=\"gridCol.ColMd\"\n            [colLg]=\"gridCol.ColLg\"\n            [colXl]=\"gridCol.ColXl\"\n        >\n            @if (gridCol.$LayoutGroup) {\n            <bnrc-dynamic-layout\n                [config]=\"gridCol.$LayoutGroup\"\n                [selector]=\"'bsu-ly-layout-panel'\"\n                [name]=\"'LyLayoutPanelComponent'\"\n                [module]=\"'BarsaSapUi'\"\n                [moduleFileName]=\"'BarsaSapUi'\"\n                [maxLabelWidth]=\"(maxLabelWidth$ | async)!!\"\n                [flex]=\"isSearchPanel ? 'unset' : config.Bounds.width\"\n                [isSearchPanel]=\"isSearchPanel\"\n            >\n            </bnrc-dynamic-layout>\n            }\n            <!-- <bsu-ly-layout-panel [hideTitle]=\"true\" class=\"panel-inside-layout\"> </bsu-ly-layout-panel> -->\n        </div>\n        }\n    </div>\n</fd-layout-grid>\n} }\n<ng-template #layoutGridTpl let-cardMode>\n    @if (config) {\n    <fd-layout-grid [style.margin]=\"cardMode ? null : parameters?.Margin\">\n        <div fdLayoutGridRow>\n            @for (gridCol of parameters?.GridColumns?.MoDataList; track gridCol) {\n            <div\n                class=\"container\"\n                [fdLayoutGridCol]=\"gridCol.LayoutGridCol\"\n                [colMd]=\"gridCol.ColMd\"\n                [colLg]=\"gridCol.ColLg\"\n                [colXl]=\"gridCol.ColXl\"\n            >\n                @if (gridCol.$LayoutGroup) {\n                <bnrc-dynamic-layout\n                    [config]=\"gridCol.$LayoutGroup\"\n                    [selector]=\"'bsu-ly-layout-panel'\"\n                    [name]=\"'LyLayoutPanelComponent'\"\n                    [module]=\"'BarsaSapUi'\"\n                    [moduleFileName]=\"'BarsaSapUi'\"\n                    [maxLabelWidth]=\"(maxLabelWidth$ | async)!!\"\n                    [flex]=\"isSearchPanel ? 'unset' : config.Bounds.width\"\n                    [isSearchPanel]=\"isSearchPanel\"\n                >\n                </bnrc-dynamic-layout>\n                }\n                <!-- <bsu-ly-layout-panel [hideTitle]=\"true\" class=\"panel-inside-layout\"> </bsu-ly-layout-panel> -->\n            </div>\n            }\n        </div>\n    </fd-layout-grid>\n    }\n</ng-template>\n", styles: [":host fd-card-header{cursor:default}:host fd-card-header:hover{background:var(--fdCard_Background_Color)}:host .container ::ng-deep>bsu-ly-layout-panel>fd-panel>.fd-panel>.fd-panel__content{padding:0}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.DynamicLayoutComponent, selector: "bnrc-dynamic-layout", inputs: ["selector", "module", "name", "parameters", "moduleFileName", "flex", "config", "maxLabelWidth", "hasHorizontalText", "isSearchPanel"] }, { kind: "component", type: i3.CardComponent, selector: "fd-card", inputs: ["badge", "badgeIcon", "badgeColor", "badgeColorSecondary", "badgeStatus", "badgeAriaLabel", "secondBadge", "secondBadgeIcon", "secondBadgeColor", "secondBadgeColorSecondary", "secondBadgeStatus", "secondBadgeAriaLabel", "isLoading", "cardType", "id", "ariaRoledescription", "ariaDescription", "ariaLabel", "role", "interactive", "selected", "ariaPosinset", "ariaSetsize"], outputs: ["ariaPosinsetChange", "ariaSetsizeChange"] }, { kind: "component", type: i3.CardContentComponent, selector: "fd-card-content" }, { 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: i4.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaGridLayoutPanelComponent, decorators: [{
             type: Component,

package/esm2022/lib/barsa-group-cartable/barsa-cartable-group.component.mjs

@@ -85,7 +85,7 @@ export class BarsaCartableGroupComponent extends BaseViewItemPropsComponent {
         this.allItem = { allCount, unreadCount };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaCartableGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaCartableGroupComponent, selector: "bsu-barsa-cartable-group", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<!-- <li\n[interactive]=\"true\"\nfd-list-item\n[selected]=\"allItemChecked ? true : false\"\n(click)=\"onRowCheckAll()\"\n*ngIf=\"allItem\"\n>\n<div class=\"title-container\">\n  <div style=\"background-color: transparent; width: 0.2rem; height: 100%\"></div>\n  <span fd-list-title>\n    <div style=\"height: 100%; display: flex; align-items: center\">\n      <span [style.fontSize]=\"allItem.unreadCount > 0 ? 'bold' : null\">{{ '\u0647\u0645\u0647 \u0645\u0648\u0627\u0631\u062F' | bbbTranslate }}</span>\n      <ng-container *ngIf=\"allItem.unreadCount > 0\">\n        <strong style=\"padding: 0 2px; direction: ltr\">({{ allItem.unreadCount }})</strong>\n      </ng-container>\n      <span style=\"padding: 0 5px\" *ngIf=\"allItem.allCount > 0\">{{ allItem.allCount }}</span>\n    </div>\n  </span>\n</div>\n</li> -->\n\n<ng-container>\n    @if (allItem) {\n    <ng-container\n        *ngTemplateOutlet=\"\n            itemTemplate;\n            context: {\n                $implicit: '\u0647\u0645\u0647 \u0645\u0648\u0627\u0631\u062F' | bbbTranslate,\n                unreadCount: allItem.unreadCount,\n                allCount: allItem.allCount,\n                backColor: 'transparent',\n                isAll: true,\n                isChecked: allItemChecked\n            }\n        \"\n    ></ng-container>\n    }\n\n    <ng-container\n        *ngTemplateOutlet=\"\n            itemTemplate;\n            context: {\n                $implicit: parameters.CartableGroupField | rval: mo:allColumns:true,\n                unreadCount: parameters.UnreadCountField | rval: mo:allColumns,\n                allCount: parameters.AllCountField | rval: mo:allColumns,\n                backColor: (columns[0].Caption | rval: mo:columns),\n                isChecked: isChecked,\n                icon: parameters.IconField | rval: mo:allColumns:true,\n                isBuiltin: isBuiltin\n            }\n        \"\n    ></ng-container>\n</ng-container>\n@if (isLastBuiltin) {\n<li fd-list-item class=\"space\">\n    <span fd-list-title></span>\n</li>\n}\n<!-- <ng-container *ngIf=\"last\">\n<ul fd-list>\n  <li fd-list-group-header>\n    <span fd-list-title style=\"background:#f7f7f7\"></span>\n  </li>\n  <ng-container *ngFor=\"let mo2 of moDataList\">\n    <ng-container *ngIf=\"'\u0633\u06CC\u0633\u062A\u0645\u06CC' | rval: mo2:allColumns\">\n      <ng-container\n                    *ngTemplateOutlet=\"\n                        itemTemplate;\n                        context: {\n                            $implicit: parameters.CartableGroupField | rval: mo2:allColumns:true,\n                            unreadCount: parameters.UnreadCountField | rval: mo2:allColumns,\n                            allCount: parameters.AllCountField | rval: mo2:allColumns,\n                            backColor: columns[0].Caption | rval: mo2:columns,\n                            isChecked: isChecked\n                        }\n                    \"\n    ></ng-container>\n  </ng-container>\n</ng-container>\n</ul>\n</ng-container> -->\n\n<!-- <li fd-list-item [selected]=\"isChecked ? true : false\" (click)=\"onRowCheck()\" [interactive]=\"true\">\n<div class=\"title-container\">\n  <div [style.backgroundColor]=\"columns[0].Caption | rval: mo:columns\" style=\"width: 0.2rem; height: 100%\"></div>\n  <span fd-list-title>\n    <div style=\"height: 100%; display: flex; align-items: center\">\n      <span [style.fontSize]=\"parameters.UnreadCountField | rval: mo:allColumns:(true ? 'bold' : null)\"\n        >{{ parameters.CartableGroupField | rval: mo:allColumns:true }}\n      </span>\n      <ng-container *ngIf=\"parameters.UnreadCountField | rval: mo:allColumns:true\">\n        <strong style=\"padding: 0 2px; direction: ltr\"\n          >({{ parameters.UnreadCountField | rval: mo:allColumns:true }})</strong\n          >\n        </ng-container>\n        <span style=\"padding: 0 5px\">{{ parameters.AllCountField | rval: mo:allColumns:true }}</span>\n      </div>\n    </span>\n  </div>\n</li> -->\n<ng-template\n    #itemTemplate\n    let-caption\n    let-unreadCount=\"unreadCount\"\n    let-allCount=\"allCount\"\n    let-backColor=\"backColor\"\n    let-isAll=\"isAll\"\n    let-isChecked=\"isChecked\"\n    let-icon=\"icon\"\n    let-isBuiltin=\"isBuiltin\"\n>\n    @if (isBuiltin || allCount > 0 || isAll) {\n    <li fd-list-item [selected]=\"isChecked ? true : false\" (click)=\"onClick(isAll)\" [interactive]=\"true\">\n        <div class=\"title-container\">\n            <div [style.backgroundColor]=\"backColor\" style=\"width: 0.2rem; height: 100%\"></div>\n            @if (icon) {\n            <i fd-list-icon [glyph]=\"icon\"></i>\n            }\n            <span fd-list-title>\n                <div style=\"height: 100%; display: flex; align-items: center; column-gap: 5px\">\n                    @if (unreadCount && unreadCount > 0) {\n                    <strong>{{ caption }}</strong>\n                    <strong style=\"padding: 0 2px; direction: ltr\">({{ unreadCount }})</strong>\n                    } @else {\n                    <span>{{ caption }}</span>\n                    } @if (allCount && allCount > 0) {\n                    <span style=\"padding: 0 5px\">{{ allCount }}</span>\n                    }\n                </div>\n            </span>\n        </div>\n    </li>\n    }\n</ng-template>\n", styles: [":host{display:contents;width:100%;height:100%;cursor:pointer}.title-container{align-items:center;display:flex;column-gap:5px;height:100%;width:100%}li{padding:0}.space{cursor:default;background-color:var(--sapBackgroundColor);pointer-events:none}.space:focus:before{border:none}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "ariaRole", "id"], outputs: ["keyDown"] }, { kind: "directive", type: i2.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i2.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "glyphFont", "class", "role"] }, { kind: "pipe", type: i3.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i3.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaCartableGroupComponent, selector: "bsu-barsa-cartable-group", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<!-- <li\n[interactive]=\"true\"\nfd-list-item\n[selected]=\"allItemChecked ? true : false\"\n(click)=\"onRowCheckAll()\"\n*ngIf=\"allItem\"\n>\n<div class=\"title-container\">\n  <div style=\"background-color: transparent; width: 0.2rem; height: 100%\"></div>\n  <span fd-list-title>\n    <div style=\"height: 100%; display: flex; align-items: center\">\n      <span [style.fontSize]=\"allItem.unreadCount > 0 ? 'bold' : null\">{{ '\u0647\u0645\u0647 \u0645\u0648\u0627\u0631\u062F' | bbbTranslate }}</span>\n      <ng-container *ngIf=\"allItem.unreadCount > 0\">\n        <strong style=\"padding: 0 2px; direction: ltr\">({{ allItem.unreadCount }})</strong>\n      </ng-container>\n      <span style=\"padding: 0 5px\" *ngIf=\"allItem.allCount > 0\">{{ allItem.allCount }}</span>\n    </div>\n  </span>\n</div>\n</li> -->\n\n<ng-container>\n    @if (allItem) {\n    <ng-container\n        *ngTemplateOutlet=\"\n            itemTemplate;\n            context: {\n                $implicit: '\u0647\u0645\u0647 \u0645\u0648\u0627\u0631\u062F' | bbbTranslate,\n                unreadCount: allItem.unreadCount,\n                allCount: allItem.allCount,\n                backColor: 'transparent',\n                isAll: true,\n                isChecked: allItemChecked\n            }\n        \"\n    ></ng-container>\n    }\n\n    <ng-container\n        *ngTemplateOutlet=\"\n            itemTemplate;\n            context: {\n                $implicit: parameters.CartableGroupField | rval: mo:allColumns:true,\n                unreadCount: parameters.UnreadCountField | rval: mo:allColumns,\n                allCount: parameters.AllCountField | rval: mo:allColumns,\n                backColor: (columns[0].Caption | rval: mo:columns),\n                isChecked: isChecked,\n                icon: parameters.IconField | rval: mo:allColumns:true,\n                isBuiltin: isBuiltin\n            }\n        \"\n    ></ng-container>\n</ng-container>\n@if (isLastBuiltin) {\n<li fd-list-item class=\"space\">\n    <span fd-list-title></span>\n</li>\n}\n<!-- <ng-container *ngIf=\"last\">\n<ul fd-list>\n  <li fd-list-group-header>\n    <span fd-list-title style=\"background:#f7f7f7\"></span>\n  </li>\n  <ng-container *ngFor=\"let mo2 of moDataList\">\n    <ng-container *ngIf=\"'\u0633\u06CC\u0633\u062A\u0645\u06CC' | rval: mo2:allColumns\">\n      <ng-container\n                    *ngTemplateOutlet=\"\n                        itemTemplate;\n                        context: {\n                            $implicit: parameters.CartableGroupField | rval: mo2:allColumns:true,\n                            unreadCount: parameters.UnreadCountField | rval: mo2:allColumns,\n                            allCount: parameters.AllCountField | rval: mo2:allColumns,\n                            backColor: columns[0].Caption | rval: mo2:columns,\n                            isChecked: isChecked\n                        }\n                    \"\n    ></ng-container>\n  </ng-container>\n</ng-container>\n</ul>\n</ng-container> -->\n\n<!-- <li fd-list-item [selected]=\"isChecked ? true : false\" (click)=\"onRowCheck()\" [interactive]=\"true\">\n<div class=\"title-container\">\n  <div [style.backgroundColor]=\"columns[0].Caption | rval: mo:columns\" style=\"width: 0.2rem; height: 100%\"></div>\n  <span fd-list-title>\n    <div style=\"height: 100%; display: flex; align-items: center\">\n      <span [style.fontSize]=\"parameters.UnreadCountField | rval: mo:allColumns:(true ? 'bold' : null)\"\n        >{{ parameters.CartableGroupField | rval: mo:allColumns:true }}\n      </span>\n      <ng-container *ngIf=\"parameters.UnreadCountField | rval: mo:allColumns:true\">\n        <strong style=\"padding: 0 2px; direction: ltr\"\n          >({{ parameters.UnreadCountField | rval: mo:allColumns:true }})</strong\n          >\n        </ng-container>\n        <span style=\"padding: 0 5px\">{{ parameters.AllCountField | rval: mo:allColumns:true }}</span>\n      </div>\n    </span>\n  </div>\n</li> -->\n<ng-template\n    #itemTemplate\n    let-caption\n    let-unreadCount=\"unreadCount\"\n    let-allCount=\"allCount\"\n    let-backColor=\"backColor\"\n    let-isAll=\"isAll\"\n    let-isChecked=\"isChecked\"\n    let-icon=\"icon\"\n    let-isBuiltin=\"isBuiltin\"\n>\n    @if (isBuiltin || allCount > 0 || isAll) {\n    <li fd-list-item [selected]=\"isChecked ? true : false\" (click)=\"onClick(isAll)\" [interactive]=\"true\">\n        <div class=\"title-container\">\n            <div [style.backgroundColor]=\"backColor\" style=\"width: 0.2rem; height: 100%\"></div>\n            @if (icon) {\n            <i fd-list-icon [glyph]=\"icon\"></i>\n            }\n            <span fd-list-title>\n                <div style=\"height: 100%; display: flex; align-items: center; column-gap: 5px\">\n                    @if (unreadCount && unreadCount > 0) {\n                    <strong>{{ caption }}</strong>\n                    <strong style=\"padding: 0 2px; direction: ltr\">({{ unreadCount }})</strong>\n                    } @else {\n                    <span>{{ caption }}</span>\n                    } @if (allCount && allCount > 0) {\n                    <span style=\"padding: 0 5px\">{{ allCount }}</span>\n                    }\n                </div>\n            </span>\n        </div>\n    </li>\n    }\n</ng-template>\n", styles: [":host{display:contents;width:100%;height:100%;cursor:pointer}.title-container{align-items:center;display:flex;column-gap:5px;height:100%;width:100%}li{padding:0}.space{cursor:default;background-color:var(--sapBackgroundColor);pointer-events:none}.space:focus:before{border:none}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "ariaRole", "id"], outputs: ["keyDown"] }, { kind: "directive", type: i2.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i2.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "glyphFont", "class", "role", "ariaHidden"] }, { kind: "pipe", type: i3.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i3.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaCartableGroupComponent, decorators: [{
             type: Component,

package/esm2022/lib/barsa-list-file-linear/barsa-list-file-linear.component.mjs

@@ -32,7 +32,7 @@ export class BarsaListFileLinearComponent extends UiFileLinearListBoxComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaListFileLinearComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaListFileLinearComponent, selector: "bsu-barsa-list-file-linear", providers: [UploadService], usesInheritance: true, ngImport: i0, template: "@if (parameters.ModeValue === '1') {\n<ul fd-list class=\"file-viewer-attachments\">\n    @for (file of value; track file) { @if (!file.IsDeleted) {\n    <li fd-list-item style=\"background-color: #f5f5f5; margin: 0 0 0 30%; width: 100%\">\n        @if (file.inEdit) {\n        <input\n            style=\"width: 90%\"\n            fd-form-control\n            [(ngModel)]=\"file.FileName\"\n            (click)=\"$event.preventDefault(); $event.stopPropagation()\"\n            (keydown.enter)=\"onHandleRenameFile(file)\"\n        />\n        } @if (!file.inEdit) {\n        <span fd-list-title>\n            {{ file.FileName }}\n        </span>\n        }\n        <span fd-list-secondary>\n            <button\n                ariaLabel=\"Edit Or Save\"\n                fdType=\"transparent\"\n                class=\"fd-button--compact\"\n                fd-button\n                fdCompact\n                [glyph]=\"file.inEdit ? 'save' : 'edit'\"\n                (click)=\"onHandleRenameFile(file)\"\n            ></button>\n            @if (!file.inEdit) {\n            <button\n                ariaLabel=\"Remove\"\n                fdType=\"transparent\"\n                title=\"Remove\"\n                fd-button\n                glyph=\"delete\"\n                (click)=\"onFileDeleted(file.Id)\"\n            ></button>\n            }\n        </span>\n    </li>\n    } } @if (valueExtra$ | async; as valueExtra) { @for (file of valueExtra | keyvalue; track file) { @if\n    (file.value.UploadState === 'Uploading') {\n    <li style=\"background-color: #f5f5f5; margin: 0 0 0 30%; width: 100%\">\n        @if (file.value.Progress) {\n        <fd-progress-indicator state=\"informative\" [valueNow]=\"file.value.Progress\"></fd-progress-indicator>\n        }\n    </li>\n    } } }\n</ul>\n} @if (parameters.ModeValue === '2') {\n<ul fd-list [byline]=\"true\">\n    @if (fileCount$ | async; as fileCount) { @if (fileCount === 0) {\n    <li fd-list-item>\n        <div fd-list-content style=\"text-align: center\">\n            <span>{{ 'NoFiles' | bbbTranslate }}</span>\n        </div>\n    </li>\n    } } @for (file of value; track file) { @if (valueExtra$ | async; as valueExtra) { @if (!file.IsDeleted) {\n    <li fd-list-item>\n        <span fd-list-thumbnail>\n            @if (valueExtra[file.Id].IsIcon) {\n            <fd-icon [glyph]=\"valueExtra[file.Id].FileUrl\"></fd-icon>\n            } @else {\n            <fd-avatar size=\"m\" [image]=\"valueExtra[file.Id].FileUrl || ''\"></fd-avatar>\n            }\n        </span>\n        <!-- for byline, fd-list-content is mandatory -->\n        <div fd-list-content>\n            <div fd-list-title>{{ file.FileName }}</div>\n            <div fd-list-byline [twoCol]=\"true\">\n                <div fd-list-byline-left></div>\n                <div fd-list-byline-right style=\"display: flex; justify-content: flex-end\">\n                    <fd-toolbar [fdType]=\"'transparent'\" [clearBorder]=\"true\">\n                        @if (file.IsNew) {\n                        <span\n                            fd-toolbar-item\n                            fd-object-status\n                            [status]=\"file.Id | uploadFileStatus: valueExtra\"\n                            [label]=\"valueExtra[file.Id]?.UploadState || ''\"\n                            [title]=\"valueExtra[file.Id]?.UploadState\"\n                            [aria-label]=\"'File Upload Status Is ' + valueExtra[file.Id]?.UploadState\"\n                        ></span>\n                        @if (valueExtra[file.Id].UploadState === 'Uploading') {\n                        <fd-slider\n                            [contentDensity]=\"(contentDensity$ | async)!!\"\n                            [(ngModel)]=\"valueExtra[file.Id].Progress\"\n                            [name]=\"'filerLinear_' + id\"\n                            fd-toolbar-item\n                            [id]=\"id\"\n                            [min]=\"0\"\n                            [max]=\"100\"\n                            [step]=\"1\"\n                        >\n                        </fd-slider>\n                        } }\n                    </fd-toolbar>\n                </div>\n            </div>\n        </div>\n        @if ((disableOrReadonly$ | async) === false && valueExtra[file.Id].UploadState !== 'Uploading') {\n        <button fd-button fdType=\"transparent\" glyph=\"decline\" (click)=\"onFileDeleted(file.Id)\"></button>\n        } @if (valueExtra[file.Id].UploadState === 'Uploading') {\n        <button fd-button [fdType]=\"'transparent'\" [glyph]=\"'stop'\" (click)=\"onTerminate(file)\"></button>\n        } @if (valueExtra[file.Id].UploadState === 'Error') {\n        <button fd-button [fdType]=\"'transparent'\" [glyph]=\"'refresh'\" (click)=\"onRetry(file)\"></button>\n        }\n    </li>\n    } } }\n</ul>\n} @if ((disableOrReadonly$ | async) !== true) {\n<fd-toolbar\n    style=\"display: block\"\n    [style.height.px]=\"parameters.ModeValue === '1' ? 0 : null\"\n    [fdType]=\"'transparent'\"\n    [clearBorder]=\"true\"\n>\n    <fd-file-uploader\n        fd-toolbar-item\n        [class.hide-file-uploader]=\"parameters?.HideAttachButton\"\n        [id]=\"id\"\n        [name]=\"id\"\n        [placeholder]=\"'AttachFile' | bbbTranslate\"\n        [buttonLabel]=\"'AttachFile' | bbbTranslate\"\n        [buttonAriaLabel]=\"'AttachFile' | bbbTranslate\"\n        [accept]=\"Setting.ValidExtensions || ''\"\n        [multiple]=\"maxFileCount > 1\"\n        (selectedFilesChanged)=\"onFileSelection($event)\"\n        [contentDensity]=\"(contentDensity$ | async)!!\"\n    ></fd-file-uploader>\n</fd-toolbar>\n}\n", styles: [":host{display:block;width:100%;height:100%}:host ::ng-deep .fd-slider__handle{display:none}:host ::ng-deep .fd-file-uploader input{display:none}:host ::ng-deep fd-file-uploader .fd-button{background-color:var(--sapButton_Lite_Background);border-color:var(--sapButton_Lite_BorderColor);color:var(--sapButton_Lite_TextColor)}:host .hide-file-uploader{visibility:hidden;height:0;width:0}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "directive", type: i3.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5.FileUploaderComponent, selector: "fd-file-uploader", inputs: ["disabled", "required", "multiple", "accept", "dragndrop", "maxFileSize", "minFileSize", "id", "ariaLabel", "ariaLabelledBy", "placeholder", "buttonLabel", "buttonAriaLabel", "state", "fileLimit", "inputHidden", "width"], outputs: ["selectedFilesChanged", "selectedInvalidFiles", "onDragEnter", "onDragLeave"] }, { kind: "component", type: i6.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i7.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i8.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator", "role"], outputs: ["focusEscapeList"] }, { kind: "component", type: i8.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "ariaRole", "id"], outputs: ["keyDown"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i8.ListSecondaryDirective, selector: "[fd-list-secondary], [fdListSecondary]", inputs: ["type"] }, { kind: "directive", type: i8.ListBylineDirective, selector: "[fdListByline], [fd-list-byline]", inputs: ["twoCol", "wrap"] }, { kind: "directive", type: i8.ListBylineLeftDirective, selector: "[fdListBylineLeft], [fd-list-byline-left]", inputs: ["wrap"] }, { kind: "directive", type: i8.ListBylineRightDirective, selector: "[fdListBylineRight], [fd-list-byline-right]", inputs: ["status", "wrap"] }, { kind: "directive", type: i8.ListContentDirective, selector: "[fdListContent], [fd-list-content]", inputs: ["twoCol"] }, { kind: "directive", type: i8.ListThumbnailDirective, selector: "[fdListThumbnail], [fd-list-thumbnail]" }, { kind: "component", type: i9.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "glyphFont", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large", "secondaryIndication", "textTemplate"] }, { kind: "component", type: i10.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "title", "active", "clearBorder", "forceOverflow", "tabindex", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i10.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "component", type: i11.SliderComponent, selector: "fd-slider", inputs: ["id", "class", "ariaLabelledBy", "ariaLabel", "min", "max", "step", "jump", "tickmarksBetweenLabels", "mode", "showTicks", "showTicksLabels", "customValues", "tooltipMode", "hideProgressBar", "disabled", "vertical", "value"] }, { kind: "component", type: i12.ProgressIndicatorComponent, selector: "fd-progress-indicator", inputs: ["valueText", "unit", "valueMin", "valueMax", "valueNow", "state", "animate"] }, { kind: "pipe", type: i13.AsyncPipe, name: "async" }, { kind: "pipe", type: i13.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i14.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i15.UploadFileStatusPipe, name: "uploadFileStatus" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaListFileLinearComponent, selector: "bsu-barsa-list-file-linear", providers: [UploadService], usesInheritance: true, ngImport: i0, template: "@if (parameters.ModeValue === '1') {\n<ul fd-list class=\"file-viewer-attachments\">\n    @for (file of value; track file) { @if (!file.IsDeleted) {\n    <li fd-list-item style=\"background-color: #f5f5f5; margin: 0 0 0 30%; width: 100%\">\n        @if (file.inEdit) {\n        <input\n            style=\"width: 90%\"\n            fd-form-control\n            [(ngModel)]=\"file.FileName\"\n            (click)=\"$event.preventDefault(); $event.stopPropagation()\"\n            (keydown.enter)=\"onHandleRenameFile(file)\"\n        />\n        } @if (!file.inEdit) {\n        <span fd-list-title>\n            {{ file.FileName }}\n        </span>\n        }\n        <span fd-list-secondary>\n            <button\n                ariaLabel=\"Edit Or Save\"\n                fdType=\"transparent\"\n                class=\"fd-button--compact\"\n                fd-button\n                fdCompact\n                [glyph]=\"file.inEdit ? 'save' : 'edit'\"\n                (click)=\"onHandleRenameFile(file)\"\n            ></button>\n            @if (!file.inEdit) {\n            <button\n                ariaLabel=\"Remove\"\n                fdType=\"transparent\"\n                title=\"Remove\"\n                fd-button\n                glyph=\"delete\"\n                (click)=\"onFileDeleted(file.Id)\"\n            ></button>\n            }\n        </span>\n    </li>\n    } } @if (valueExtra$ | async; as valueExtra) { @for (file of valueExtra | keyvalue; track file) { @if\n    (file.value.UploadState === 'Uploading') {\n    <li style=\"background-color: #f5f5f5; margin: 0 0 0 30%; width: 100%\">\n        @if (file.value.Progress) {\n        <fd-progress-indicator state=\"informative\" [valueNow]=\"file.value.Progress\"></fd-progress-indicator>\n        }\n    </li>\n    } } }\n</ul>\n} @if (parameters.ModeValue === '2') {\n<ul fd-list [byline]=\"true\">\n    @if (fileCount$ | async; as fileCount) { @if (fileCount === 0) {\n    <li fd-list-item>\n        <div fd-list-content style=\"text-align: center\">\n            <span>{{ 'NoFiles' | bbbTranslate }}</span>\n        </div>\n    </li>\n    } } @for (file of value; track file) { @if (valueExtra$ | async; as valueExtra) { @if (!file.IsDeleted) {\n    <li fd-list-item>\n        <span fd-list-thumbnail>\n            @if (valueExtra[file.Id].IsIcon) {\n            <fd-icon [glyph]=\"valueExtra[file.Id].FileUrl\"></fd-icon>\n            } @else {\n            <fd-avatar size=\"m\" [image]=\"valueExtra[file.Id].FileUrl || ''\"></fd-avatar>\n            }\n        </span>\n        <!-- for byline, fd-list-content is mandatory -->\n        <div fd-list-content>\n            <div fd-list-title>{{ file.FileName }}</div>\n            <div fd-list-byline [twoCol]=\"true\">\n                <div fd-list-byline-left></div>\n                <div fd-list-byline-right style=\"display: flex; justify-content: flex-end\">\n                    <fd-toolbar [fdType]=\"'transparent'\" [clearBorder]=\"true\">\n                        @if (file.IsNew) {\n                        <span\n                            fd-toolbar-item\n                            fd-object-status\n                            [status]=\"file.Id | uploadFileStatus: valueExtra\"\n                            [label]=\"valueExtra[file.Id]?.UploadState || ''\"\n                            [title]=\"valueExtra[file.Id]?.UploadState\"\n                            [aria-label]=\"'File Upload Status Is ' + valueExtra[file.Id]?.UploadState\"\n                        ></span>\n                        @if (valueExtra[file.Id].UploadState === 'Uploading') {\n                        <fd-slider\n                            [contentDensity]=\"(contentDensity$ | async)!!\"\n                            [(ngModel)]=\"valueExtra[file.Id].Progress\"\n                            [name]=\"'filerLinear_' + id\"\n                            fd-toolbar-item\n                            [id]=\"id\"\n                            [min]=\"0\"\n                            [max]=\"100\"\n                            [step]=\"1\"\n                        >\n                        </fd-slider>\n                        } }\n                    </fd-toolbar>\n                </div>\n            </div>\n        </div>\n        @if ((disableOrReadonly$ | async) === false && valueExtra[file.Id].UploadState !== 'Uploading') {\n        <button fd-button fdType=\"transparent\" glyph=\"decline\" (click)=\"onFileDeleted(file.Id)\"></button>\n        } @if (valueExtra[file.Id].UploadState === 'Uploading') {\n        <button fd-button [fdType]=\"'transparent'\" [glyph]=\"'stop'\" (click)=\"onTerminate(file)\"></button>\n        } @if (valueExtra[file.Id].UploadState === 'Error') {\n        <button fd-button [fdType]=\"'transparent'\" [glyph]=\"'refresh'\" (click)=\"onRetry(file)\"></button>\n        }\n    </li>\n    } } }\n</ul>\n} @if ((disableOrReadonly$ | async) !== true) {\n<fd-toolbar\n    style=\"display: block\"\n    [style.height.px]=\"parameters.ModeValue === '1' ? 0 : null\"\n    [fdType]=\"'transparent'\"\n    [clearBorder]=\"true\"\n>\n    <fd-file-uploader\n        fd-toolbar-item\n        [class.hide-file-uploader]=\"parameters?.HideAttachButton\"\n        [id]=\"id\"\n        [name]=\"id\"\n        [placeholder]=\"'AttachFile' | bbbTranslate\"\n        [buttonLabel]=\"'AttachFile' | bbbTranslate\"\n        [buttonAriaLabel]=\"'AttachFile' | bbbTranslate\"\n        [accept]=\"Setting.ValidExtensions || ''\"\n        [multiple]=\"maxFileCount > 1\"\n        (selectedFilesChanged)=\"onFileSelection($event)\"\n        [contentDensity]=\"(contentDensity$ | async)!!\"\n    ></fd-file-uploader>\n</fd-toolbar>\n}\n", styles: [":host{display:block;width:100%;height:100%}:host ::ng-deep .fd-slider__handle{display:none}:host ::ng-deep .fd-file-uploader input{display:none}:host ::ng-deep fd-file-uploader .fd-button{background-color:var(--sapButton_Lite_Background);border-color:var(--sapButton_Lite_BorderColor);color:var(--sapButton_Lite_TextColor)}:host .hide-file-uploader{visibility:hidden;height:0;width:0}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "directive", type: i3.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5.FileUploaderComponent, selector: "fd-file-uploader", inputs: ["disabled", "required", "multiple", "accept", "dragndrop", "maxFileSize", "minFileSize", "id", "ariaLabel", "ariaLabelledBy", "placeholder", "buttonLabel", "buttonAriaLabel", "state", "fileLimit", "inputHidden", "width"], outputs: ["selectedFilesChanged", "selectedInvalidFiles", "onDragEnter", "onDragLeave"] }, { kind: "component", type: i6.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i7.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i8.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator", "role"], outputs: ["focusEscapeList"] }, { kind: "component", type: i8.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "ariaRole", "id"], outputs: ["keyDown"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i8.ListSecondaryDirective, selector: "[fd-list-secondary], [fdListSecondary]", inputs: ["type"] }, { kind: "directive", type: i8.ListBylineDirective, selector: "[fdListByline], [fd-list-byline]", inputs: ["twoCol", "wrap"] }, { kind: "directive", type: i8.ListBylineLeftDirective, selector: "[fdListBylineLeft], [fd-list-byline-left]", inputs: ["wrap"] }, { kind: "directive", type: i8.ListBylineRightDirective, selector: "[fdListBylineRight], [fd-list-byline-right]", inputs: ["status", "wrap"] }, { kind: "directive", type: i8.ListContentDirective, selector: "[fdListContent], [fd-list-content]", inputs: ["twoCol"] }, { kind: "directive", type: i8.ListThumbnailDirective, selector: "[fdListThumbnail], [fd-list-thumbnail]" }, { kind: "component", type: i9.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "glyphFont", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large", "secondaryIndication", "textTemplate"] }, { kind: "component", type: i10.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "title", "active", "clearBorder", "forceOverflow", "tabindex", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i10.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "component", type: i11.SliderComponent, selector: "fd-slider", inputs: ["id", "class", "ariaLabelledBy", "ariaLabel", "min", "max", "step", "jump", "tickmarksBetweenLabels", "mode", "showTicks", "showTicksLabels", "customValues", "tooltipMode", "hideProgressBar", "disabled", "vertical", "value"] }, { kind: "component", type: i12.ProgressIndicatorComponent, selector: "fd-progress-indicator", inputs: ["valueText", "unit", "valueMin", "valueMax", "valueNow", "state", "animate"] }, { kind: "pipe", type: i13.AsyncPipe, name: "async" }, { kind: "pipe", type: i13.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i14.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i15.UploadFileStatusPipe, name: "uploadFileStatus" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaListFileLinearComponent, decorators: [{
             type: Component,

package/esm2022/lib/barsa-list-file-linear-gmail/barsa-list-file-linear-gmail.component.mjs

@@ -20,7 +20,7 @@ export class BarsaListFileLinearGmailComponent extends UiFileLinearListBoxCompon
         this.retry(fileAttachment);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaListFileLinearGmailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaListFileLinearGmailComponent, selector: "bsu-barsa-list-file-linear-gmail", providers: [UploadService], usesInheritance: true, ngImport: i0, template: "<ul fd-list>\n    @for (item of value; track item) { @if (!item.IsDeleted) {\n    <li fd-list-item style=\"background-color: #f5f5f5; margin: 0.5rem 0 0 30%\">\n        @if (item.inEdit) {\n        <input\n            style=\"width: 90%\"\n            fd-form-control\n            [value]=\"item.fileName\"\n            (click)=\"$event.preventDefault(); $event.stopPropagation()\"\n        />\n        } @if (!item.inEdit) {\n        <span fd-list-title>\n            {{ item.fileName }}\n        </span>\n        }\n        <span fd-list-secondary>\n            <button\n                ariaLabel=\"Edit Or Save\"\n                fdType=\"transparent\"\n                class=\"fd-button--compact\"\n                fd-button\n                fdCompact\n                [glyph]=\"item.inEdit ? 'save' : 'edit'\"\n                (click)=\"item.inEdit = !item.inEdit\"\n            ></button>\n            @if (!item.inEdit) {\n            <button ariaLabel=\"Remove\" fdType=\"transparent\" title=\"Remove\" fd-button glyph=\"delete\"></button>\n            }\n        </span>\n    </li>\n    } }\n</ul>\n<ul fd-list [byline]=\"true\">\n    @if (fileCount$ | async; as fileCount) { @if (fileCount === 0) {\n    <li fd-list-item>\n        <div fd-list-content style=\"text-align: center\">\n            <span>{{ 'NoFiles' | bbbTranslate }}</span>\n        </div>\n    </li>\n    } } @for (file of value; track file) { @if (valueExtra$ | async; as valueExtra) { @if (!file.IsDeleted) {\n    <li fd-list-item>\n        <span fd-list-thumbnail>\n            @if (valueExtra[file.Id].IsIcon) {\n            <fd-icon [glyph]=\"valueExtra[file.Id].FileUrl\"></fd-icon>\n            } @else {\n            <fd-avatar size=\"m\" [image]=\"valueExtra[file.Id].FileUrl || ''\"></fd-avatar>\n            }\n        </span>\n        <!-- for byline, fd-list-content is mandatory -->\n        <div fd-list-content>\n            <div fd-list-title>{{ file.FileName }}</div>\n            <div fd-list-byline [twoCol]=\"true\">\n                <div fd-list-byline-left></div>\n                <div fd-list-byline-right style=\"display: flex; justify-content: flex-end\">\n                    <fd-toolbar [fdType]=\"'transparent'\" [clearBorder]=\"true\">\n                        @if (file.IsNew) {\n                        <span\n                            fd-toolbar-item\n                            fd-object-status\n                            [status]=\"file.Id | uploadFileStatus: valueExtra\"\n                            [label]=\"valueExtra[file.Id]?.UploadState || ''\"\n                            [title]=\"valueExtra[file.Id]?.UploadState\"\n                            [aria-label]=\"'File Upload Status Is ' + valueExtra[file.Id]?.UploadState\"\n                        ></span>\n                        @if (valueExtra[file.Id].UploadState === 'Uploading') {\n                        <fd-slider\n                            [contentDensity]=\"(contentDensity$ | async)!!\"\n                            [(ngModel)]=\"valueExtra[file.Id].Progress\"\n                            [name]=\"'filerLinear_' + id\"\n                            fd-toolbar-item\n                            [id]=\"id\"\n                            [min]=\"0\"\n                            [max]=\"100\"\n                            [step]=\"1\"\n                        >\n                        </fd-slider>\n                        } }\n                    </fd-toolbar>\n                </div>\n            </div>\n        </div>\n        @if ((disableOrReadonly$ | async) === false && valueExtra[file.Id].UploadState !== 'Uploading') {\n        <button fd-button fdType=\"transparent\" glyph=\"decline\" (click)=\"onFileDeleted(file.Id)\"></button>\n        } @if (valueExtra[file.Id].UploadState === 'Uploading') {\n        <button fd-button [fdType]=\"'transparent'\" [glyph]=\"'stop'\" (click)=\"onTerminate(file)\"></button>\n        } @if (valueExtra[file.Id].UploadState === 'Error') {\n        <button fd-button [fdType]=\"'transparent'\" [glyph]=\"'refresh'\" (click)=\"onRetry(file)\"></button>\n        }\n    </li>\n    } } }\n</ul>\n", styles: [":host{display:block;width:100%;height:100%}:host ::ng-deep .fd-slider__handle{display:none}:host ::ng-deep .fd-file-uploader input{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "directive", type: i3.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i7.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator", "role"], outputs: ["focusEscapeList"] }, { kind: "component", type: i7.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "ariaRole", "id"], outputs: ["keyDown"] }, { kind: "directive", type: i7.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i7.ListSecondaryDirective, selector: "[fd-list-secondary], [fdListSecondary]", inputs: ["type"] }, { kind: "directive", type: i7.ListBylineDirective, selector: "[fdListByline], [fd-list-byline]", inputs: ["twoCol", "wrap"] }, { kind: "directive", type: i7.ListBylineLeftDirective, selector: "[fdListBylineLeft], [fd-list-byline-left]", inputs: ["wrap"] }, { kind: "directive", type: i7.ListBylineRightDirective, selector: "[fdListBylineRight], [fd-list-byline-right]", inputs: ["status", "wrap"] }, { kind: "directive", type: i7.ListContentDirective, selector: "[fdListContent], [fd-list-content]", inputs: ["twoCol"] }, { kind: "directive", type: i7.ListThumbnailDirective, selector: "[fdListThumbnail], [fd-list-thumbnail]" }, { kind: "component", type: i8.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "glyphFont", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large", "secondaryIndication", "textTemplate"] }, { kind: "component", type: i9.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "title", "active", "clearBorder", "forceOverflow", "tabindex", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i9.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "component", type: i10.SliderComponent, selector: "fd-slider", inputs: ["id", "class", "ariaLabelledBy", "ariaLabel", "min", "max", "step", "jump", "tickmarksBetweenLabels", "mode", "showTicks", "showTicksLabels", "customValues", "tooltipMode", "hideProgressBar", "disabled", "vertical", "value"] }, { kind: "pipe", type: i11.AsyncPipe, name: "async" }, { kind: "pipe", type: i12.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i13.UploadFileStatusPipe, name: "uploadFileStatus" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaListFileLinearGmailComponent, selector: "bsu-barsa-list-file-linear-gmail", providers: [UploadService], usesInheritance: true, ngImport: i0, template: "<ul fd-list>\n    @for (item of value; track item) { @if (!item.IsDeleted) {\n    <li fd-list-item style=\"background-color: #f5f5f5; margin: 0.5rem 0 0 30%\">\n        @if (item.inEdit) {\n        <input\n            style=\"width: 90%\"\n            fd-form-control\n            [value]=\"item.fileName\"\n            (click)=\"$event.preventDefault(); $event.stopPropagation()\"\n        />\n        } @if (!item.inEdit) {\n        <span fd-list-title>\n            {{ item.fileName }}\n        </span>\n        }\n        <span fd-list-secondary>\n            <button\n                ariaLabel=\"Edit Or Save\"\n                fdType=\"transparent\"\n                class=\"fd-button--compact\"\n                fd-button\n                fdCompact\n                [glyph]=\"item.inEdit ? 'save' : 'edit'\"\n                (click)=\"item.inEdit = !item.inEdit\"\n            ></button>\n            @if (!item.inEdit) {\n            <button ariaLabel=\"Remove\" fdType=\"transparent\" title=\"Remove\" fd-button glyph=\"delete\"></button>\n            }\n        </span>\n    </li>\n    } }\n</ul>\n<ul fd-list [byline]=\"true\">\n    @if (fileCount$ | async; as fileCount) { @if (fileCount === 0) {\n    <li fd-list-item>\n        <div fd-list-content style=\"text-align: center\">\n            <span>{{ 'NoFiles' | bbbTranslate }}</span>\n        </div>\n    </li>\n    } } @for (file of value; track file) { @if (valueExtra$ | async; as valueExtra) { @if (!file.IsDeleted) {\n    <li fd-list-item>\n        <span fd-list-thumbnail>\n            @if (valueExtra[file.Id].IsIcon) {\n            <fd-icon [glyph]=\"valueExtra[file.Id].FileUrl\"></fd-icon>\n            } @else {\n            <fd-avatar size=\"m\" [image]=\"valueExtra[file.Id].FileUrl || ''\"></fd-avatar>\n            }\n        </span>\n        <!-- for byline, fd-list-content is mandatory -->\n        <div fd-list-content>\n            <div fd-list-title>{{ file.FileName }}</div>\n            <div fd-list-byline [twoCol]=\"true\">\n                <div fd-list-byline-left></div>\n                <div fd-list-byline-right style=\"display: flex; justify-content: flex-end\">\n                    <fd-toolbar [fdType]=\"'transparent'\" [clearBorder]=\"true\">\n                        @if (file.IsNew) {\n                        <span\n                            fd-toolbar-item\n                            fd-object-status\n                            [status]=\"file.Id | uploadFileStatus: valueExtra\"\n                            [label]=\"valueExtra[file.Id]?.UploadState || ''\"\n                            [title]=\"valueExtra[file.Id]?.UploadState\"\n                            [aria-label]=\"'File Upload Status Is ' + valueExtra[file.Id]?.UploadState\"\n                        ></span>\n                        @if (valueExtra[file.Id].UploadState === 'Uploading') {\n                        <fd-slider\n                            [contentDensity]=\"(contentDensity$ | async)!!\"\n                            [(ngModel)]=\"valueExtra[file.Id].Progress\"\n                            [name]=\"'filerLinear_' + id\"\n                            fd-toolbar-item\n                            [id]=\"id\"\n                            [min]=\"0\"\n                            [max]=\"100\"\n                            [step]=\"1\"\n                        >\n                        </fd-slider>\n                        } }\n                    </fd-toolbar>\n                </div>\n            </div>\n        </div>\n        @if ((disableOrReadonly$ | async) === false && valueExtra[file.Id].UploadState !== 'Uploading') {\n        <button fd-button fdType=\"transparent\" glyph=\"decline\" (click)=\"onFileDeleted(file.Id)\"></button>\n        } @if (valueExtra[file.Id].UploadState === 'Uploading') {\n        <button fd-button [fdType]=\"'transparent'\" [glyph]=\"'stop'\" (click)=\"onTerminate(file)\"></button>\n        } @if (valueExtra[file.Id].UploadState === 'Error') {\n        <button fd-button [fdType]=\"'transparent'\" [glyph]=\"'refresh'\" (click)=\"onRetry(file)\"></button>\n        }\n    </li>\n    } } }\n</ul>\n", styles: [":host{display:block;width:100%;height:100%}:host ::ng-deep .fd-slider__handle{display:none}:host ::ng-deep .fd-file-uploader input{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "directive", type: i3.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i7.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator", "role"], outputs: ["focusEscapeList"] }, { kind: "component", type: i7.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "ariaRole", "id"], outputs: ["keyDown"] }, { kind: "directive", type: i7.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i7.ListSecondaryDirective, selector: "[fd-list-secondary], [fdListSecondary]", inputs: ["type"] }, { kind: "directive", type: i7.ListBylineDirective, selector: "[fdListByline], [fd-list-byline]", inputs: ["twoCol", "wrap"] }, { kind: "directive", type: i7.ListBylineLeftDirective, selector: "[fdListBylineLeft], [fd-list-byline-left]", inputs: ["wrap"] }, { kind: "directive", type: i7.ListBylineRightDirective, selector: "[fdListBylineRight], [fd-list-byline-right]", inputs: ["status", "wrap"] }, { kind: "directive", type: i7.ListContentDirective, selector: "[fdListContent], [fd-list-content]", inputs: ["twoCol"] }, { kind: "directive", type: i7.ListThumbnailDirective, selector: "[fdListThumbnail], [fd-list-thumbnail]" }, { kind: "component", type: i8.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "glyphFont", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large", "secondaryIndication", "textTemplate"] }, { kind: "component", type: i9.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "title", "active", "clearBorder", "forceOverflow", "tabindex", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i9.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "component", type: i10.SliderComponent, selector: "fd-slider", inputs: ["id", "class", "ariaLabelledBy", "ariaLabel", "min", "max", "step", "jump", "tickmarksBetweenLabels", "mode", "showTicks", "showTicksLabels", "customValues", "tooltipMode", "hideProgressBar", "disabled", "vertical", "value"] }, { kind: "pipe", type: i11.AsyncPipe, name: "async" }, { kind: "pipe", type: i12.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i13.UploadFileStatusPipe, name: "uploadFileStatus" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaListFileLinearGmailComponent, decorators: [{
             type: Component,

package/esm2022/lib/barsa-pishnamayesh-payam/barsa-pishnamayesh-payam.component.mjs

@@ -43,7 +43,7 @@ export class BarsaPishnamayeshPayamComponent extends FieldBaseComponent {
                 useFactory: getDateService,
                 deps: [LogService]
             }
-        ], usesInheritance: true, ngImport: i0, template: "@if (data) {\n<ng-container\n    *ngTemplateOutlet=\"\n        showPayamClass;\n        context: {\n            $implicit: data,\n            primary: !data?.$details?.length,\n            isFirst: true\n        }\n    \"\n>\n</ng-container>\n}\n<ng-template #showPayamClass let-data let-primary=\"primary\" let-isFirst=\"isFirst\">\n    <ng-container\n        *ngTemplateOutlet=\"\n            namayeshPayam;\n            context: {\n                $implicit: data.payam.Subject,\n                fromText: data.payam.FromText,\n                toText: data.$toText,\n                importance: data.$importance,\n                readDate: data.$readDate,\n                sendDate: data.$sendDate,\n                ccText: data.$ccText,\n                bccText: data.$bccText,\n                accessLevel: data.$accessLevel,\n                content: data.$content,\n                fromPhoto: data.$fromPhoto,\n                details: data.$details,\n                attachments: data.$attachments,\n                todo: data.$todo,\n                customText: data.payam.CustomText,\n                primary: primary,\n                isFirst: isFirst\n            }\n        \"\n    >\n    </ng-container>\n</ng-template>\n\n<ng-template\n    #namayeshPayam\n    let-subject\n    let-content=\"content\"\n    let-fromText=\"fromText\"\n    let-toText=\"toText\"\n    let-importance=\"importance\"\n    let-readDate=\"readDate\"\n    let-sendDate=\"sendDate\"\n    let-ccText=\"ccText\"\n    let-bccText=\"bccText\"\n    let-fromPhoto=\"fromPhoto\"\n    let-details=\"details\"\n    let-accessLevel=\"accessLevel\"\n    let-primary=\"primary\"\n    let-isFirst=\"isFirst\"\n    let-attachments=\"attachments\"\n    let-todo=\"todo\"\n    let-customText=\"customText\"\n>\n    <fd-card cardType=\"object\">\n        <fd-card-header>\n            <fd-avatar\n                [image]=\"fromPhoto\"\n                [circle]=\"true\"\n                size=\"s\"\n                [ariaLabel]=\"fromText\"\n                [label]=\"fromText\"\n                [title]=\"fromText\"\n            ></fd-avatar>\n            <div fd-card-title class=\"header-fields\">\n                <h5 fd-title>\n                    <a fd-link [emphasized]=\"true\" aria-label=\"Sender\"> {{ fromText }}</a>\n                </h5>\n                <fd-object-identifier [description]=\"'(' + sendDate + ')'\"> </fd-object-identifier>\n            </div>\n            <div fd-card-subtitle>\n                <h5 fd-title>{{ subject }}</h5>\n                <fd-popover>\n                    <fd-popover-control>\n                        <button fd-button fdType=\"transparent\" [fdMenu]=\"true\">{{ 'Recievers' | bbbTranslate }}</button>\n                    </fd-popover-control>\n                    <fd-popover-body>\n                        <ul fd-list>\n                            @for (rec of toText; track rec) {\n                            <li fd-list-item>\n                                <a fd-list-link>{{ rec }}</a>\n                            </li>\n                            }\n                        </ul>\n                    </fd-popover-body>\n                </fd-popover>\n            </div>\n        </fd-card-header>\n        <fd-card-content>\n            <fd-panel [expanded]=\"isFirst\">\n                <div fd-panel-title id=\"panel-expandable-title-1\">\n                    <h5 fd-title>{{ '\u0645\u062D\u062A\u0648\u0627\u06CC \u067E\u06CC\u0627\u0645' | bbbTranslate }}</h5>\n                    <div class=\"payamIcons\">\n                        @if (importance.icon) {\n                        <fd-popover>\n                            <fd-popover-control>\n                                <img [src]=\"'/Customization/Mail/' + importance.icon\" />\n                            </fd-popover-control>\n                            <fd-popover-body>\n                                <ul fd-list>\n                                    <li fd-list-item>{{ importance.text }}</li>\n                                </ul>\n                            </fd-popover-body>\n                        </fd-popover>\n                        } @if (accessLevel.icon) {\n                        <fd-popover>\n                            <fd-popover-control>\n                                <img [src]=\"'/Customization/Mail/' + accessLevel.icon\" />\n                            </fd-popover-control>\n                            <fd-popover-body>\n                                <ul fd-list>\n                                    <li fd-list-item>{{ accessLevel.text }}</li>\n                                </ul>\n                            </fd-popover-body>\n                        </fd-popover>\n                        } @if (todo) {\n                        <fd-info-label [label]=\"todo.text\" [color]=\"todo.color\" [title]=\"todo.text\"></fd-info-label>\n                        }\n                    </div>\n                </div>\n                <div fd-panel-content>\n                    @if (customText) {\n                    <div>\n                        <fd-message-strip type=\"information\" [noIcon]=\"true\" [dismissible]=\"false\">\n                            {{ customText }}\n                        </fd-message-strip>\n                    </div>\n                    }\n                    <div [innerHtml]=\"content\" [disable]=\"!primary || attachments?.length\"></div>\n\n                    @if (attachments?.length) {\n                    <div class=\"file-viewer-attachments\">\n                        @for (file of attachments; track file) { @if (!file.IsDeleted) {\n                        <bsu-file-viewer-popover\n                            [file]=\"file\"\n                            [files]=\"attachments\"\n                            [deviceSize]=\"(deviceSize$ | async)!!\"\n                            [canDownload]=\"true\"\n                            [disableRemove]=\"true\"\n                        ></bsu-file-viewer-popover>\n                        } } @if (attachments.length > 1) {\n                        <button\n                            fd-button\n                            [title]=\"'Download' | bbbTranslate\"\n                            [glyph]=\"'download'\"\n                            downloadFiles\n                            [files]=\"attachments\"\n                        ></button>\n                        }\n                    </div>\n                    }\n                    <div class=\"readAt\">\n                        @if (readDate) {\n                        <fd-object-identifier [description]=\"('ReadAt' | bbbTranslate) + ': (' + readDate + ')'\">\n                        </fd-object-identifier>\n                        }\n                    </div>\n                </div>\n            </fd-panel>\n        </fd-card-content>\n        <!-- <fd-card-footer>\n    <button *fdCardFooterActionItem fd-button fdCompact>Assign to Project</button>\n  </fd-card-footer> -->\n    </fd-card>\n    @for (detail of details; track detail) {\n    <ng-contianer>\n        <ng-container\n            *ngTemplateOutlet=\"\n                showPayamClass;\n                context: {\n                    $implicit: detail\n                }\n            \"\n        >\n        </ng-container>\n    </ng-contianer>\n    }\n</ng-template>\n", styles: [":host{display:block;position:relative;width:100%;height:100%}:host ::ng-deep .fd-panel__content{border-bottom:none;padding-bottom:5px}:host ::ng-deep .fd-card__subtitle{display:flex;align-items:center;column-gap:5px;justify-content:start;height:auto;max-height:initial}:host ::ng-deep .fd-card__subtitle h5{white-space:initial!important}:host ::ng-deep .fd-object-identifier__text{margin-top:0}:host ::ng-deep .fd-panel__header{border-bottom:none}fd-card-header{cursor:default;border-bottom:none!important}fd-card-header:before{position:relative!important;display:none!important}fd-card-header:hover{background:var(--fdCard_Background_Color)!important}.readAt{padding-top:2rem}.readAt ::ng-deep p{color:var(--sapButton_BorderColor)!important}.payamIcons{display:flex;column-gap:5px}.payamIcons img{width:16px}@media (max-width: 410px){h5{max-width:210px}}@media (max-width: 1040px){.h5{max-width:600px}}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i3.LinkComponent, selector: "[fdLink], [fd-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }, { kind: "component", type: i5.CardHeaderComponent, selector: "fd-card-header", inputs: ["interactive", "tabindex"] }, { kind: "component", type: i5.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i5.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i5.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "component", type: i6.InfoLabelComponent, selector: "fd-info-label", inputs: ["class", "type", "glyph", "font", "color", "label", "title", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i7.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator", "role"], outputs: ["focusEscapeList"] }, { kind: "component", type: i7.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "ariaRole", "id"], outputs: ["keyDown"] }, { kind: "directive", type: i7.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "component", type: i8.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i9.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "width", "minWidth", "marginBottom", "indicationColor"], outputs: ["onDismiss"] }, { kind: "component", type: i10.ObjectIdentifierComponent, selector: "fd-object-identifier", inputs: ["description", "bold", "medium"] }, { kind: "component", type: i11.PanelComponent, selector: "fd-panel", inputs: ["class", "fixed", "id", "expandId", "expandAriaLabel", "expandAriaLabelledBy", "expanded"], outputs: ["expandedChange"] }, { kind: "directive", type: i11.PanelContentDirective, selector: "[fd-panel-content]", inputs: ["height", "minHeight", "maxHeight", "ariaLabel", "ariaLabelledBy", "role", "id"] }, { kind: "directive", type: i11.PanelTitleDirective, selector: "[fd-panel-title]", inputs: ["id"] }, { kind: "component", type: i12.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i12.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i12.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "component", type: i13.FileViewerPopoverComponent, selector: "bsu-file-viewer-popover", inputs: ["files", "file", "deviceSize", "canDownload", "disableRemove", "fdType"], outputs: ["remove"] }, { kind: "directive", type: i14.DownloadFilesDirective, selector: "[downloadFiles]", inputs: ["files"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i15.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "@if (data) {\n<ng-container\n    *ngTemplateOutlet=\"\n        showPayamClass;\n        context: {\n            $implicit: data,\n            primary: !data?.$details?.length,\n            isFirst: true\n        }\n    \"\n>\n</ng-container>\n}\n<ng-template #showPayamClass let-data let-primary=\"primary\" let-isFirst=\"isFirst\">\n    <ng-container\n        *ngTemplateOutlet=\"\n            namayeshPayam;\n            context: {\n                $implicit: data.payam.Subject,\n                fromText: data.payam.FromText,\n                toText: data.$toText,\n                importance: data.$importance,\n                readDate: data.$readDate,\n                sendDate: data.$sendDate,\n                ccText: data.$ccText,\n                bccText: data.$bccText,\n                accessLevel: data.$accessLevel,\n                content: data.$content,\n                fromPhoto: data.$fromPhoto,\n                details: data.$details,\n                attachments: data.$attachments,\n                todo: data.$todo,\n                customText: data.payam.CustomText,\n                primary: primary,\n                isFirst: isFirst\n            }\n        \"\n    >\n    </ng-container>\n</ng-template>\n\n<ng-template\n    #namayeshPayam\n    let-subject\n    let-content=\"content\"\n    let-fromText=\"fromText\"\n    let-toText=\"toText\"\n    let-importance=\"importance\"\n    let-readDate=\"readDate\"\n    let-sendDate=\"sendDate\"\n    let-ccText=\"ccText\"\n    let-bccText=\"bccText\"\n    let-fromPhoto=\"fromPhoto\"\n    let-details=\"details\"\n    let-accessLevel=\"accessLevel\"\n    let-primary=\"primary\"\n    let-isFirst=\"isFirst\"\n    let-attachments=\"attachments\"\n    let-todo=\"todo\"\n    let-customText=\"customText\"\n>\n    <fd-card cardType=\"object\">\n        <fd-card-header>\n            <fd-avatar\n                [image]=\"fromPhoto\"\n                [circle]=\"true\"\n                size=\"s\"\n                [ariaLabel]=\"fromText\"\n                [label]=\"fromText\"\n                [title]=\"fromText\"\n            ></fd-avatar>\n            <div fd-card-title class=\"header-fields\">\n                <h5 fd-title>\n                    <a fd-link [emphasized]=\"true\" aria-label=\"Sender\"> {{ fromText }}</a>\n                </h5>\n                <fd-object-identifier [description]=\"'(' + sendDate + ')'\"> </fd-object-identifier>\n            </div>\n            <div fd-card-subtitle>\n                <h5 fd-title>{{ subject }}</h5>\n                <fd-popover>\n                    <fd-popover-control>\n                        <button fd-button fdType=\"transparent\" [fdMenu]=\"true\">{{ 'Recievers' | bbbTranslate }}</button>\n                    </fd-popover-control>\n                    <fd-popover-body>\n                        <ul fd-list>\n                            @for (rec of toText; track rec) {\n                            <li fd-list-item>\n                                <a fd-list-link>{{ rec }}</a>\n                            </li>\n                            }\n                        </ul>\n                    </fd-popover-body>\n                </fd-popover>\n            </div>\n        </fd-card-header>\n        <fd-card-content>\n            <fd-panel [expanded]=\"isFirst\">\n                <div fd-panel-title id=\"panel-expandable-title-1\">\n                    <h5 fd-title>{{ '\u0645\u062D\u062A\u0648\u0627\u06CC \u067E\u06CC\u0627\u0645' | bbbTranslate }}</h5>\n                    <div class=\"payamIcons\">\n                        @if (importance.icon) {\n                        <fd-popover>\n                            <fd-popover-control>\n                                <img [src]=\"'/Customization/Mail/' + importance.icon\" />\n                            </fd-popover-control>\n                            <fd-popover-body>\n                                <ul fd-list>\n                                    <li fd-list-item>{{ importance.text }}</li>\n                                </ul>\n                            </fd-popover-body>\n                        </fd-popover>\n                        } @if (accessLevel.icon) {\n                        <fd-popover>\n                            <fd-popover-control>\n                                <img [src]=\"'/Customization/Mail/' + accessLevel.icon\" />\n                            </fd-popover-control>\n                            <fd-popover-body>\n                                <ul fd-list>\n                                    <li fd-list-item>{{ accessLevel.text }}</li>\n                                </ul>\n                            </fd-popover-body>\n                        </fd-popover>\n                        } @if (todo) {\n                        <fd-info-label [label]=\"todo.text\" [color]=\"todo.color\" [title]=\"todo.text\"></fd-info-label>\n                        }\n                    </div>\n                </div>\n                <div fd-panel-content>\n                    @if (customText) {\n                    <div>\n                        <fd-message-strip type=\"information\" [noIcon]=\"true\" [dismissible]=\"false\">\n                            {{ customText }}\n                        </fd-message-strip>\n                    </div>\n                    }\n                    <div [innerHtml]=\"content\" [disable]=\"!primary || attachments?.length\"></div>\n\n                    @if (attachments?.length) {\n                    <div class=\"file-viewer-attachments\">\n                        @for (file of attachments; track file) { @if (!file.IsDeleted) {\n                        <bsu-file-viewer-popover\n                            [file]=\"file\"\n                            [files]=\"attachments\"\n                            [deviceSize]=\"(deviceSize$ | async)!!\"\n                            [canDownload]=\"true\"\n                            [disableRemove]=\"true\"\n                        ></bsu-file-viewer-popover>\n                        } } @if (attachments.length > 1) {\n                        <button\n                            fd-button\n                            [title]=\"'Download' | bbbTranslate\"\n                            [glyph]=\"'download'\"\n                            downloadFiles\n                            [files]=\"attachments\"\n                        ></button>\n                        }\n                    </div>\n                    }\n                    <div class=\"readAt\">\n                        @if (readDate) {\n                        <fd-object-identifier [description]=\"('ReadAt' | bbbTranslate) + ': (' + readDate + ')'\">\n                        </fd-object-identifier>\n                        }\n                    </div>\n                </div>\n            </fd-panel>\n        </fd-card-content>\n        <!-- <fd-card-footer>\n    <button *fdCardFooterActionItem fd-button fdCompact>Assign to Project</button>\n  </fd-card-footer> -->\n    </fd-card>\n    @for (detail of details; track detail) {\n    <ng-contianer>\n        <ng-container\n            *ngTemplateOutlet=\"\n                showPayamClass;\n                context: {\n                    $implicit: detail\n                }\n            \"\n        >\n        </ng-container>\n    </ng-contianer>\n    }\n</ng-template>\n", styles: [":host{display:block;position:relative;width:100%;height:100%}:host ::ng-deep .fd-panel__content{border-bottom:none;padding-bottom:5px}:host ::ng-deep .fd-card__subtitle{display:flex;align-items:center;column-gap:5px;justify-content:start;height:auto;max-height:initial}:host ::ng-deep .fd-card__subtitle h5{white-space:initial!important}:host ::ng-deep .fd-object-identifier__text{margin-top:0}:host ::ng-deep .fd-panel__header{border-bottom:none}fd-card-header{cursor:default;border-bottom:none!important}fd-card-header:before{position:relative!important;display:none!important}fd-card-header:hover{background:var(--fdCard_Background_Color)!important}.readAt{padding-top:2rem}.readAt ::ng-deep p{color:var(--sapButton_BorderColor)!important}.payamIcons{display:flex;column-gap:5px}.payamIcons img{width:16px}@media (max-width: 410px){h5{max-width:210px}}@media (max-width: 1040px){.h5{max-width:600px}}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i3.LinkComponent, selector: "[fdLink], [fd-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5.CardComponent, selector: "fd-card", inputs: ["badge", "badgeIcon", "badgeColor", "badgeColorSecondary", "badgeStatus", "badgeAriaLabel", "secondBadge", "secondBadgeIcon", "secondBadgeColor", "secondBadgeColorSecondary", "secondBadgeStatus", "secondBadgeAriaLabel", "isLoading", "cardType", "id", "ariaRoledescription", "ariaDescription", "ariaLabel", "role", "interactive", "selected", "ariaPosinset", "ariaSetsize"], outputs: ["ariaPosinsetChange", "ariaSetsizeChange"] }, { kind: "component", type: i5.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "component", type: i5.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i5.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i5.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "component", type: i6.InfoLabelComponent, selector: "fd-info-label", inputs: ["class", "type", "glyph", "font", "color", "label", "title", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i7.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator", "role"], outputs: ["focusEscapeList"] }, { kind: "component", type: i7.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "ariaRole", "id"], outputs: ["keyDown"] }, { kind: "directive", type: i7.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "component", type: i8.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i9.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "width", "minWidth", "marginBottom", "indicationColor"], outputs: ["onDismiss"] }, { kind: "component", type: i10.ObjectIdentifierComponent, selector: "fd-object-identifier", inputs: ["description", "bold", "medium"] }, { kind: "component", type: i11.PanelComponent, selector: "fd-panel", inputs: ["class", "fixed", "id", "expandId", "expandAriaLabel", "expandAriaLabelledBy", "expanded"], outputs: ["expandedChange"] }, { kind: "directive", type: i11.PanelContentDirective, selector: "[fd-panel-content]", inputs: ["height", "minHeight", "maxHeight", "ariaLabel", "ariaLabelledBy", "role", "id"] }, { kind: "directive", type: i11.PanelTitleDirective, selector: "[fd-panel-title]", inputs: ["id"] }, { kind: "component", type: i12.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i12.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i12.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "component", type: i13.FileViewerPopoverComponent, selector: "bsu-file-viewer-popover", inputs: ["files", "file", "deviceSize", "canDownload", "disableRemove", "fdType"], outputs: ["remove"] }, { kind: "directive", type: i14.DownloadFilesDirective, selector: "[downloadFiles]", inputs: ["files"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i15.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaPishnamayeshPayamComponent, decorators: [{
             type: Component,

package/esm2022/lib/barsa-question-answer-form-add-comment/barsa-question-answer-form-add-comment.component.mjs

@@ -31,7 +31,7 @@ export class BarsaQuestionAnswerFormAddCommentComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaQuestionAnswerFormAddCommentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaQuestionAnswerFormAddCommentComponent, selector: "bsu-barsa-question-answer-form-add-comment", inputs: { postId: "postId" }, outputs: { addComment: "addComment" }, host: { classAttribute: "w-full" }, ngImport: i0, template: "@if (!showAddCommentTextArea) {\n<div class=\"tw-w-full tw-mt-2 tw-flex tw-gap-3\">\n    <a\n        fd-link\n        aria-label=\"Emphasized\"\n        class=\"hover:tw-cursor-pointer\"\n        (click)=\"showAddCommentTextArea = true; newCommentText = ''\"\n        >\u0627\u0631\u0633\u0627\u0644 \u0646\u0638\u0631</a\n    >\n    <ng-content></ng-content>\n</div>\n}\n<div [class.!flex]=\"showAddCommentTextArea\" class=\"tw-hidden tw-items-end tw-w-full tw-gap-4\">\n    <textarea\n        rows=\"3\"\n        class=\"tw-block tw-p-2.5 tw-w-full tw-text-sm tw-text-gray-900 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-300\"\n        placeholder=\"\u0646\u0638\u0631 \u0634\u0645\u0627...\"\n        [disabled]=\"sending\"\n        [(ngModel)]=\"newCommentText\"\n    ></textarea>\n    <div class=\"tw-flex tw-justify-end\">\n        <button fd-button fdType=\"standard\" [disabled]=\"sending || newCommentText.length < 3\" (click)=\"onAddComment()\">\n            \u0627\u0631\u0633\u0627\u0644\n        </button>\n    </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.LinkComponent, selector: "[fdLink], [fd-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaQuestionAnswerFormAddCommentComponent, selector: "bsu-barsa-question-answer-form-add-comment", inputs: { postId: "postId" }, outputs: { addComment: "addComment" }, host: { classAttribute: "w-full" }, ngImport: i0, template: "@if (!showAddCommentTextArea) {\n<div class=\"tw-w-full tw-mt-2 tw-flex tw-gap-3\">\n    <a\n        fd-link\n        aria-label=\"Emphasized\"\n        class=\"hover:tw-cursor-pointer\"\n        (click)=\"showAddCommentTextArea = true; newCommentText = ''\"\n        >\u0627\u0631\u0633\u0627\u0644 \u0646\u0638\u0631</a\n    >\n    <ng-content></ng-content>\n</div>\n}\n<div [class.!flex]=\"showAddCommentTextArea\" class=\"tw-hidden tw-items-end tw-w-full tw-gap-4\">\n    <textarea\n        rows=\"3\"\n        class=\"tw-block tw-p-2.5 tw-w-full tw-text-sm tw-text-gray-900 tw-bg-gray-50 tw-rounded-lg tw-border tw-border-gray-300\"\n        placeholder=\"\u0646\u0638\u0631 \u0634\u0645\u0627...\"\n        [disabled]=\"sending\"\n        [(ngModel)]=\"newCommentText\"\n    ></textarea>\n    <div class=\"tw-flex tw-justify-end\">\n        <button fd-button fdType=\"standard\" [disabled]=\"sending || newCommentText.length < 3\" (click)=\"onAddComment()\">\n            \u0627\u0631\u0633\u0627\u0644\n        </button>\n    </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.LinkComponent, selector: "[fdLink], [fd-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaQuestionAnswerFormAddCommentComponent, decorators: [{
             type: Component,

package/esm2022/lib/barsa-question-answer-vote-section/barsa-question-answer-vote-section.component.mjs

@@ -62,7 +62,7 @@ export class BarsaQuestionAnswerVoteSectionComponent extends BaseComponent {
         // }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaQuestionAnswerVoteSectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: BarsaQuestionAnswerVoteSectionComponent, selector: "bsu-barsa-question-answer-vote-section", inputs: { vote: "vote", voteDowns: "voteDowns", voteUps: "voteUps" }, outputs: { voteChange: "voteChange" }, providers: [UploadService], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"tw-flex tw-items-stretch tw-grow tw-shrink-0\">\n    <div class=\"tw-flex tw-flex-col tw-tems-center tw-gap-1 tw-shrink-0 tw-grow-0\">\n        <button\n            fd-button\n            [fdType]=\"vote === '' ? 'standard' : vote ? 'positive' : 'standard'\"\n            glyph=\"add\"\n            class=\"!tw-max-w-8 !tw-max-h-8 !tw-size-8 !tw-rounded-full !tw-border-2\"\n            (click)=\"onVote(true)\"\n        ></button>\n        <span class=\"tw-text-lg tw-font-bold\" dir=\"ltr\">{{ voteUps - voteDowns }}</span>\n        <button\n            fd-button\n            [fdType]=\"vote === '' ? 'standard' : !vote ? 'negative' : 'standard'\"\n            glyph=\"less\"\n            class=\"!tw-max-w-8 !tw-max-h-8 !tw-size-8 !tw-rounded-full !tw-border-2\"\n            (click)=\"onVote(false)\"\n        ></button>\n    </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i2.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: BarsaQuestionAnswerVoteSectionComponent, selector: "bsu-barsa-question-answer-vote-section", inputs: { vote: "vote", voteDowns: "voteDowns", voteUps: "voteUps" }, outputs: { voteChange: "voteChange" }, providers: [UploadService], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"tw-flex tw-items-stretch tw-grow tw-shrink-0\">\n    <div class=\"tw-flex tw-flex-col tw-tems-center tw-gap-1 tw-shrink-0 tw-grow-0\">\n        <button\n            fd-button\n            [fdType]=\"vote === '' ? 'standard' : vote ? 'positive' : 'standard'\"\n            glyph=\"add\"\n            class=\"!tw-max-w-8 !tw-max-h-8 !tw-size-8 !tw-rounded-full !tw-border-2\"\n            (click)=\"onVote(true)\"\n        ></button>\n        <span class=\"tw-text-lg tw-font-bold\" dir=\"ltr\">{{ voteUps - voteDowns }}</span>\n        <button\n            fd-button\n            [fdType]=\"vote === '' ? 'standard' : !vote ? 'negative' : 'standard'\"\n            glyph=\"less\"\n            class=\"!tw-max-w-8 !tw-max-h-8 !tw-size-8 !tw-rounded-full !tw-border-2\"\n            (click)=\"onVote(false)\"\n        ></button>\n    </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i2.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaQuestionAnswerVoteSectionComponent, decorators: [{
             type: Component,

package/esm2022/lib/barsa-report-one-of-list/barsa-report-one-of-list.component.mjs

@@ -85,7 +85,7 @@ export class BarsaReportOneOfListComponent extends ReportViewBaseComponent {
         this.hastLastRecord.set(molist.length ? true : false);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaReportOneOfListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaReportOneOfListComponent, selector: "bsu-barsa-report-one-of-list", inputs: { disabled: "disabled" }, viewQueries: [{ propertyName: "_inputGroupRef", first: true, predicate: ["InputGroupRef"], descendants: true, static: true }, { propertyName: "popover", first: true, predicate: ["popover"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"tw-relative\" #containerRef>\n    <input\n        fd-form-control\n        [readonly]=\"true\"\n        [ngModel]=\"!hastLastRecord() ? '' : (viewSetting.DbColumnName | rval: moDataList[0]:allColumns:true)\"\n        class=\"revert-readonly-bg\"\n    />\n    <div class=\"!tw-absolute tw-left-0 tw-top-[0.1875rem] tw-flex\">\n        @if (viewSetting.OpenInIndependentForm) {\n        <button\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"popup-window\"\n            ariaLabel=\"Open in an independent form\"\n            title=\"Open in an independent form\"\n            (click)=\"openInIndependentFormClicked()\"\n        ></button>\n        }\n        <button\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"list\"\n            ariaLabel=\"Show list\"\n            title=\"Show list\"\n            (click)=\"open(popover, dialogTemplate)\"\n        ></button>\n    </div>\n    <fd-popover\n        #popover\n        placement=\"bottom-end\"\n        [focusTrapped]=\"true\"\n        [focusAutoCapture]=\"true\"\n        [appendTo]=\"containerRef\"\n        class=\"!tw-block\"\n    >\n        <fd-popover-body [style.width.px]=\"containerRef.offsetWidth\">\n            <ng-container *ngTemplateOutlet=\"middle\"></ng-container>\n            <div fd-popover-body-footer>\n                <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\n            </div>\n        </fd-popover-body>\n    </fd-popover>\n</div>\n<ng-template #middle>\n    <bsu-ulv-toolbar\n        [hideToolbar]=\"customButtons.length === 0\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [toolbarButtons]=\"customButtons\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [title]=\"isMobile ? title : ''\"\n        [access]=\"access\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [inDialog]=\"inDialog\"\n        [hasSelected]=\"hasSelected\"\n        [contentDensity]=\"contentDensity\"\n        [inlineEditMode]=\"false\"\n        [allowInlineEdit]=\"false\"\n        [moDataListCount]=\"moDataList.length\"\n        [gridFreeColumnSizing]=\"false\"\n    ></bsu-ulv-toolbar>\n    <bsu-ui-table-view\n        [gridFreeColumnSizing]=\"false\"\n        [cartableTemplates]=\"cartableTemplates\"\n        [disableResize]=\"true\"\n        [disableHeaderContextMenu]=\"true\"\n        [parentHeight]=\"parentHeight\"\n        [fullscreen]=\"fullscreen\"\n        [selectedMo]=\"selectedMo\"\n        [rtl]=\"rtl\"\n        [inDialog]=\"inDialog\"\n        [disableFixedTableLayout]=\"true\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [cartableChildsMo]=\"cartableChildsMo\"\n        [contextView]=\"contextView\"\n        [isCheckList]=\"isCheckList\"\n        [allChecked]=\"allChecked\"\n        [moDataList]=\"moDataList\"\n        [access]=\"access\"\n        [hasInlineDeleteButton]=\"true\"\n        [hasInlineEditButton]=\"true\"\n        [toolbarButtons]=\"toolbarButtons\"\n        [groupby]=\"groupby\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [navigationArrow]=\"navigationArrow\"\n        [title]=\"title\"\n        [mobileOrTablet]=\"mobileOrTablet\"\n        [disableResponsive]=\"disableResponsive\"\n        [popin]=\"popin\"\n        [secondaryColumns]=\"secondaryColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [columns]=\"columns\"\n        [columnWidth]=\"100 / columns.length\"\n        [columnsCount]=\"columnsCount\"\n        [rowHoverable]=\"rowHoverable\"\n        [rowActivable]=\"rowActivable\"\n        [formSetting]=\"formSetting\"\n        [typeDefId]=\"typeDefId\"\n        [reportId]=\"reportId\"\n        [listEditViewId]=\"listEditViewId\"\n        [typeViewId]=\"typeViewId\"\n        [extraRelation]=\"extraRelation\"\n        [showOkCancelButtons]=\"showOkCancelButtons\"\n        [fitWidth]=\"false\"\n        [hasSummary]=\"hasSummary\"\n        [newInlineEditMo]=\"newInlineEditMo\"\n        (ulvCommandClick)=\"onUlvCommand($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n        (rowClick)=\"onRowClick($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n    >\n    </bsu-ui-table-view>\n</ng-template>\n<ng-template #footer let-dialog=\"dialog\" let-popover=\"popover\">\n    <div fd-bar [barDesign]=\"'footer'\">\n        <div fd-bar-right>\n            <fd-button-bar\n                [label]=\"getNewButton?.text ?? ''\"\n                fdType=\"emphasized\"\n                (click)=\"onAdd(popover)\"\n                bodyClick\n                glyph=\"add\"\n            ></fd-button-bar>\n            <fd-button-bar\n                fdType=\"transparent\"\n                label=\"\u0628\u0633\u062A\u0646\"\n                bodyClick\n                (click)=\"close(dialog)\"\n                ariaLabel=\"Close\"\n            ></fd-button-bar>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template [fdDialogTemplate] let-dialog let-dialogConfig=\"dialogConfig\" #dialogTemplate>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n        <fd-dialog-header>\n            <h1 id=\"fd-dialog-header-3\" fd-title>{{ title }}</h1>\n            <button fd-dialog-close-button (click)=\"dialog.dismiss()\"></button>\n        </fd-dialog-header>\n        <fd-dialog-body class=\"!tw-pt-0\">\n            <ng-container *ngTemplateOutlet=\"middle\"></ng-container>\n        </fd-dialog-body>\n        <fd-dialog-footer>\n            <ng-container *ngTemplateOutlet=\"footer; context: { dialog: dialog }\"></ng-container>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [".revert-readonly-bg{background-color:var(--sapField_Background)}bsu-ui-table-view ::ng-deep table tbody bsu-barsa-table-row:last-child ::ng-deep>tr>td{border-bottom:none!important}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.BodyClickDirective, selector: "[bodyClick]", inputs: ["disableBodyClick"] }, { kind: "component", type: i4.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { 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: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i7.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i7.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i7.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i7.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i7.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title", "ariaLabel"] }, { kind: "directive", type: i7.DialogTemplateDirective, selector: "[fdDialogTemplate]", inputs: ["fdDialogTemplateConfig"] }, { kind: "component", type: i8.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i9.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "directive", type: i9.PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { kind: "component", type: i9.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "component", type: i10.UlvToolbarComponent, selector: "bsu-ulv-toolbar", inputs: ["allowGridColumnSort", "useLayoutItemTextForControl", "enableSearch", "hideTitle", "title", "icon", "deviceName", "deviceSize", "access", "hideToolbar", "toolbarButtons", "contentDensity", "inlineEditMode", "allowInlineEdit", "gridSetting", "viewCollection", "reportView", "inDialog", "isMultiSelect", "hasSelected", "config", "hidden", "buttons", "moDataListCount"], outputs: ["search", "groupbyClick", "sortClick", "columnClick", "editModeClick", "viewClick", "createNewInlineMo"] }, { kind: "component", type: i11.UiTableViewComponent, selector: "bsu-ui-table-view", inputs: ["columnWidth", "minWidth", "minHeight", "disableResize", "disableHeaderContextMenu", "rowResizer", "enableResizing", "disableFixedTableLayout"] }, { kind: "pipe", type: i3.MoReportValuePipe, name: "rval" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaReportOneOfListComponent, selector: "bsu-barsa-report-one-of-list", inputs: { disabled: "disabled" }, viewQueries: [{ propertyName: "_inputGroupRef", first: true, predicate: ["InputGroupRef"], descendants: true, static: true }, { propertyName: "popover", first: true, predicate: ["popover"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"tw-relative\" #containerRef>\n    <input\n        fd-form-control\n        [readonly]=\"true\"\n        [ngModel]=\"!hastLastRecord() ? '' : (viewSetting.DbColumnName | rval: moDataList[0]:allColumns:true)\"\n        class=\"revert-readonly-bg\"\n    />\n    <div class=\"!tw-absolute tw-left-0 tw-top-[0.1875rem] tw-flex\">\n        @if (viewSetting.OpenInIndependentForm) {\n        <button\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"popup-window\"\n            ariaLabel=\"Open in an independent form\"\n            title=\"Open in an independent form\"\n            (click)=\"openInIndependentFormClicked()\"\n        ></button>\n        }\n        <button\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"list\"\n            ariaLabel=\"Show list\"\n            title=\"Show list\"\n            (click)=\"open(popover, dialogTemplate)\"\n        ></button>\n    </div>\n    <fd-popover\n        #popover\n        placement=\"bottom-end\"\n        [focusTrapped]=\"true\"\n        [focusAutoCapture]=\"true\"\n        [appendTo]=\"containerRef\"\n        class=\"!tw-block\"\n    >\n        <fd-popover-body [style.width.px]=\"containerRef.offsetWidth\">\n            <ng-container *ngTemplateOutlet=\"middle\"></ng-container>\n            <div fd-popover-body-footer>\n                <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\n            </div>\n        </fd-popover-body>\n    </fd-popover>\n</div>\n<ng-template #middle>\n    <bsu-ulv-toolbar\n        [hideToolbar]=\"customButtons.length === 0\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [toolbarButtons]=\"customButtons\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [title]=\"isMobile ? title : ''\"\n        [access]=\"access\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [inDialog]=\"inDialog\"\n        [hasSelected]=\"hasSelected\"\n        [contentDensity]=\"contentDensity\"\n        [inlineEditMode]=\"false\"\n        [allowInlineEdit]=\"false\"\n        [moDataListCount]=\"moDataList.length\"\n        [gridFreeColumnSizing]=\"false\"\n    ></bsu-ulv-toolbar>\n    <bsu-ui-table-view\n        [gridFreeColumnSizing]=\"false\"\n        [cartableTemplates]=\"cartableTemplates\"\n        [disableResize]=\"true\"\n        [disableHeaderContextMenu]=\"true\"\n        [parentHeight]=\"parentHeight\"\n        [fullscreen]=\"fullscreen\"\n        [selectedMo]=\"selectedMo\"\n        [rtl]=\"rtl\"\n        [inDialog]=\"inDialog\"\n        [disableFixedTableLayout]=\"true\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [cartableChildsMo]=\"cartableChildsMo\"\n        [contextView]=\"contextView\"\n        [isCheckList]=\"isCheckList\"\n        [allChecked]=\"allChecked\"\n        [moDataList]=\"moDataList\"\n        [access]=\"access\"\n        [hasInlineDeleteButton]=\"true\"\n        [hasInlineEditButton]=\"true\"\n        [toolbarButtons]=\"toolbarButtons\"\n        [groupby]=\"groupby\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [navigationArrow]=\"navigationArrow\"\n        [title]=\"title\"\n        [mobileOrTablet]=\"mobileOrTablet\"\n        [disableResponsive]=\"disableResponsive\"\n        [popin]=\"popin\"\n        [secondaryColumns]=\"secondaryColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [columns]=\"columns\"\n        [columnWidth]=\"100 / columns.length\"\n        [columnsCount]=\"columnsCount\"\n        [rowHoverable]=\"rowHoverable\"\n        [rowActivable]=\"rowActivable\"\n        [formSetting]=\"formSetting\"\n        [typeDefId]=\"typeDefId\"\n        [reportId]=\"reportId\"\n        [listEditViewId]=\"listEditViewId\"\n        [typeViewId]=\"typeViewId\"\n        [extraRelation]=\"extraRelation\"\n        [showOkCancelButtons]=\"showOkCancelButtons\"\n        [fitWidth]=\"false\"\n        [hasSummary]=\"hasSummary\"\n        [newInlineEditMo]=\"newInlineEditMo\"\n        (ulvCommandClick)=\"onUlvCommand($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n        (rowClick)=\"onRowClick($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n    >\n    </bsu-ui-table-view>\n</ng-template>\n<ng-template #footer let-dialog=\"dialog\" let-popover=\"popover\">\n    <div fd-bar [barDesign]=\"'footer'\">\n        <div fd-bar-right>\n            <fd-button-bar\n                [label]=\"getNewButton?.text ?? ''\"\n                fdType=\"emphasized\"\n                (click)=\"onAdd(popover)\"\n                bodyClick\n                glyph=\"add\"\n            ></fd-button-bar>\n            <fd-button-bar\n                fdType=\"transparent\"\n                label=\"\u0628\u0633\u062A\u0646\"\n                bodyClick\n                (click)=\"close(dialog)\"\n                ariaLabel=\"Close\"\n            ></fd-button-bar>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template [fdDialogTemplate] let-dialog let-dialogConfig=\"dialogConfig\" #dialogTemplate>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n        <fd-dialog-header>\n            <h1 id=\"fd-dialog-header-3\" fd-title>{{ title }}</h1>\n            <button fd-dialog-close-button (click)=\"dialog.dismiss()\"></button>\n        </fd-dialog-header>\n        <fd-dialog-body class=\"!tw-pt-0\">\n            <ng-container *ngTemplateOutlet=\"middle\"></ng-container>\n        </fd-dialog-body>\n        <fd-dialog-footer>\n            <ng-container *ngTemplateOutlet=\"footer; context: { dialog: dialog }\"></ng-container>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [".revert-readonly-bg{background-color:var(--sapField_Background)}bsu-ui-table-view ::ng-deep table tbody bsu-barsa-table-row:last-child ::ng-deep>tr>td{border-bottom:none!important}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.BodyClickDirective, selector: "[bodyClick]", inputs: ["disableBodyClick"] }, { kind: "component", type: i4.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { 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: i5.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i7.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i7.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i7.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i7.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i7.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title", "ariaLabel"] }, { kind: "directive", type: i7.DialogTemplateDirective, selector: "[fdDialogTemplate]", inputs: ["fdDialogTemplateConfig"] }, { kind: "component", type: i8.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i9.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "directive", type: i9.PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { kind: "component", type: i9.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "component", type: i10.UlvToolbarComponent, selector: "bsu-ulv-toolbar", inputs: ["allowGridColumnSort", "useLayoutItemTextForControl", "enableSearch", "hideTitle", "title", "icon", "deviceName", "deviceSize", "access", "hideToolbar", "toolbarButtons", "contentDensity", "inlineEditMode", "allowInlineEdit", "gridSetting", "viewCollection", "reportView", "inDialog", "isMultiSelect", "hasSelected", "config", "hidden", "buttons", "moDataListCount"], outputs: ["search", "groupbyClick", "sortClick", "columnClick", "editModeClick", "viewClick", "createNewInlineMo"] }, { kind: "component", type: i11.UiTableViewComponent, selector: "bsu-ui-table-view", inputs: ["columnWidth", "minWidth", "minHeight", "disableResize", "disableHeaderContextMenu", "rowResizer", "enableResizing", "disableFixedTableLayout"] }, { kind: "pipe", type: i3.MoReportValuePipe, name: "rval" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaReportOneOfListComponent, decorators: [{
             type: Component,