barsa-sap-ui 2.3.82 → 2.3.84

package/fesm2022/barsa-sap-ui.mjs

@@ -4610,11 +4610,11 @@ class BlobViewerComponent extends BaseComponent {
         this.valueUrl = this._domSanitizer.bypassSecurityTrustResourceUrl(url.createObjectURL(blob));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BlobViewerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: BlobViewerComponent, isStandalone: false, selector: "bsu-blob-viewer", inputs: { file: "file" }, viewQueries: [{ propertyName: "_pdfViewerOnDemand", first: true, predicate: ["pdfViewerOnDemand"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (loading()) {\r\n<bsu-mask></bsu-mask>\r\n} @else if (valueUrl) { @switch (file.Type) { @case ('pdf') {\r\n<ng-container *ngTemplateOutlet=\"objectTpl\"></ng-container>\r\n} @case('txt'){\r\n<ng-container *ngTemplateOutlet=\"objectTpl\"></ng-container>\r\n} @case('m4a'){\r\n<ng-container *ngTemplateOutlet=\"audio\"></ng-container>\r\n} @case('x-ms-wma'){\r\n<ng-container *ngTemplateOutlet=\"audio\"></ng-container>\r\n} @case('x-wav'){\r\n<ng-container *ngTemplateOutlet=\"audio\"></ng-container>\r\n} @case('mp4'){\r\n<ng-container *ngTemplateOutlet=\"video\"></ng-container>\r\n} @case('webm'){\r\n<ng-container *ngTemplateOutlet=\"video\"></ng-container>\r\n} } }\r\n\r\n<ng-template #objectTpl let-type>\r\n    @if(!isMobile){\r\n    <object\r\n        style=\"flex-grow: 1\"\r\n        [attr.data]=\"valueUrl\"\r\n        type=\"application/pdf\"\r\n        width=\"100%\"\r\n        height=\"100%\"\r\n        [attr.html]=\"fallbackUrl\"\r\n    ></object>\r\n    }\r\n</ng-template>\r\n<ng-template #audio>\r\n    <audio controls>\r\n        <source [src]=\"valueUrl\" />\r\n        Your browser does not support the audio element.\r\n    </audio>\r\n</ng-template>\r\n<ng-template #video>\r\n    <video controls>\r\n        <source [src]=\"valueUrl\" />\r\n        Your browser does not support the audio element.\r\n    </video>\r\n</ng-template>\r\n@if(blobUrl && isMobile){\r\n<div intersectionObserver [intersectionThreshold]=\"0.1\" (visibilityChange)=\"onVisibilityChange($event)\"></div>\r\n<ng2-pdfjs-viewer\r\n    class=\"tw-flex-1\"\r\n    #pdfViewerOnDemand\r\n    [downloadFileName]=\"blobUrl\"\r\n    [externalWindow]=\"false\"\r\n    [openFile]=\"false\"\r\n    [viewBookmark]=\"false\"\r\n    [showSpinner]=\"true\"\r\n    [download]=\"true\"\r\n    [pdfSrc]=\"blobUrl\"\r\n></ng2-pdfjs-viewer>\r\n}\r\n", styles: [":host{display:flex;position:relative;height:100%;width:100%;flex:1;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.IntersectionObserverDirective, selector: "[intersectionObserver]", inputs: ["intersectionDebounce", "intersectionRootMargin", "intersectionRoot", "intersectionThreshold"], outputs: ["visibilityChange"] }, { kind: "component", type: i3$5.PdfJsViewerComponent, selector: "ng2-pdfjs-viewer", inputs: ["viewerId", "viewerFolder", "externalWindow", "target", "showSpinner", "downloadFileName", "openFile", "download", "startDownload", "viewBookmark", "print", "startPrint", "fullScreen", "find", "zoom", "nameddest", "pagemode", "lastPage", "rotatecw", "rotateccw", "cursor", "scroll", "spread", "locale", "useOnlyCssZoom", "errorOverride", "errorAppend", "errorMessage", "diagnosticLogs", "externalWindowOptions", "page", "pdfSrc"], outputs: ["onBeforePrint", "onAfterPrint", "onDocumentLoad", "onPageChange"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: BlobViewerComponent, isStandalone: false, selector: "bsu-blob-viewer", inputs: { file: "file" }, viewQueries: [{ propertyName: "_pdfViewerOnDemand", first: true, predicate: ["pdfViewerOnDemand"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (loading()) {\r\n<bsu-mask></bsu-mask>\r\n} @else if (valueUrl) { @switch (file.Type) { @case ('pdf') {\r\n<ng-container *ngTemplateOutlet=\"objectTpl\"></ng-container>\r\n} @case('txt'){\r\n<ng-container *ngTemplateOutlet=\"objectTpl\"></ng-container>\r\n} @case('text'){\r\n<ng-container *ngTemplateOutlet=\"objectTpl\"></ng-container>\r\n} @case('m4a'){\r\n<ng-container *ngTemplateOutlet=\"audio\"></ng-container>\r\n} @case('x-ms-wma'){\r\n<ng-container *ngTemplateOutlet=\"audio\"></ng-container>\r\n} @case('x-wav'){\r\n<ng-container *ngTemplateOutlet=\"audio\"></ng-container>\r\n} @case('mp4'){\r\n<ng-container *ngTemplateOutlet=\"video\"></ng-container>\r\n} @case('webm'){\r\n<ng-container *ngTemplateOutlet=\"video\"></ng-container>\r\n} } }\r\n\r\n<ng-template #objectTpl let-type>\r\n    @if(!isMobile){\r\n    <object\r\n        style=\"flex-grow: 1\"\r\n        [attr.data]=\"valueUrl\"\r\n        type=\"application/pdf\"\r\n        width=\"100%\"\r\n        height=\"100%\"\r\n        [attr.html]=\"fallbackUrl\"\r\n    ></object>\r\n    }\r\n</ng-template>\r\n<ng-template #audio>\r\n    <audio controls>\r\n        <source [src]=\"valueUrl\" />\r\n        Your browser does not support the audio element.\r\n    </audio>\r\n</ng-template>\r\n<ng-template #video>\r\n    <video controls>\r\n        <source [src]=\"valueUrl\" />\r\n        Your browser does not support the audio element.\r\n    </video>\r\n</ng-template>\r\n@if(blobUrl && isMobile){\r\n<div intersectionObserver [intersectionThreshold]=\"0.1\" (visibilityChange)=\"onVisibilityChange($event)\"></div>\r\n<ng2-pdfjs-viewer\r\n    class=\"tw-flex-1\"\r\n    #pdfViewerOnDemand\r\n    [downloadFileName]=\"blobUrl\"\r\n    [externalWindow]=\"false\"\r\n    [openFile]=\"false\"\r\n    [viewBookmark]=\"false\"\r\n    [showSpinner]=\"true\"\r\n    [download]=\"true\"\r\n    [pdfSrc]=\"blobUrl\"\r\n></ng2-pdfjs-viewer>\r\n}\r\n", styles: [":host{display:flex;position:relative;height:100%;width:100%;flex:1;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.IntersectionObserverDirective, selector: "[intersectionObserver]", inputs: ["intersectionDebounce", "intersectionRootMargin", "intersectionRoot", "intersectionThreshold"], outputs: ["visibilityChange"] }, { kind: "component", type: i3$5.PdfJsViewerComponent, selector: "ng2-pdfjs-viewer", inputs: ["viewerId", "viewerFolder", "externalWindow", "target", "showSpinner", "downloadFileName", "openFile", "download", "startDownload", "viewBookmark", "print", "startPrint", "fullScreen", "find", "zoom", "nameddest", "pagemode", "lastPage", "rotatecw", "rotateccw", "cursor", "scroll", "spread", "locale", "useOnlyCssZoom", "errorOverride", "errorAppend", "errorMessage", "diagnosticLogs", "externalWindowOptions", "page", "pdfSrc"], outputs: ["onBeforePrint", "onAfterPrint", "onDocumentLoad", "onPageChange"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BlobViewerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-blob-viewer', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (loading()) {\r\n<bsu-mask></bsu-mask>\r\n} @else if (valueUrl) { @switch (file.Type) { @case ('pdf') {\r\n<ng-container *ngTemplateOutlet=\"objectTpl\"></ng-container>\r\n} @case('txt'){\r\n<ng-container *ngTemplateOutlet=\"objectTpl\"></ng-container>\r\n} @case('m4a'){\r\n<ng-container *ngTemplateOutlet=\"audio\"></ng-container>\r\n} @case('x-ms-wma'){\r\n<ng-container *ngTemplateOutlet=\"audio\"></ng-container>\r\n} @case('x-wav'){\r\n<ng-container *ngTemplateOutlet=\"audio\"></ng-container>\r\n} @case('mp4'){\r\n<ng-container *ngTemplateOutlet=\"video\"></ng-container>\r\n} @case('webm'){\r\n<ng-container *ngTemplateOutlet=\"video\"></ng-container>\r\n} } }\r\n\r\n<ng-template #objectTpl let-type>\r\n    @if(!isMobile){\r\n    <object\r\n        style=\"flex-grow: 1\"\r\n        [attr.data]=\"valueUrl\"\r\n        type=\"application/pdf\"\r\n        width=\"100%\"\r\n        height=\"100%\"\r\n        [attr.html]=\"fallbackUrl\"\r\n    ></object>\r\n    }\r\n</ng-template>\r\n<ng-template #audio>\r\n    <audio controls>\r\n        <source [src]=\"valueUrl\" />\r\n        Your browser does not support the audio element.\r\n    </audio>\r\n</ng-template>\r\n<ng-template #video>\r\n    <video controls>\r\n        <source [src]=\"valueUrl\" />\r\n        Your browser does not support the audio element.\r\n    </video>\r\n</ng-template>\r\n@if(blobUrl && isMobile){\r\n<div intersectionObserver [intersectionThreshold]=\"0.1\" (visibilityChange)=\"onVisibilityChange($event)\"></div>\r\n<ng2-pdfjs-viewer\r\n    class=\"tw-flex-1\"\r\n    #pdfViewerOnDemand\r\n    [downloadFileName]=\"blobUrl\"\r\n    [externalWindow]=\"false\"\r\n    [openFile]=\"false\"\r\n    [viewBookmark]=\"false\"\r\n    [showSpinner]=\"true\"\r\n    [download]=\"true\"\r\n    [pdfSrc]=\"blobUrl\"\r\n></ng2-pdfjs-viewer>\r\n}\r\n", styles: [":host{display:flex;position:relative;height:100%;width:100%;flex:1;flex-direction:column}\n"] }]
+            args: [{ selector: 'bsu-blob-viewer', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (loading()) {\r\n<bsu-mask></bsu-mask>\r\n} @else if (valueUrl) { @switch (file.Type) { @case ('pdf') {\r\n<ng-container *ngTemplateOutlet=\"objectTpl\"></ng-container>\r\n} @case('txt'){\r\n<ng-container *ngTemplateOutlet=\"objectTpl\"></ng-container>\r\n} @case('text'){\r\n<ng-container *ngTemplateOutlet=\"objectTpl\"></ng-container>\r\n} @case('m4a'){\r\n<ng-container *ngTemplateOutlet=\"audio\"></ng-container>\r\n} @case('x-ms-wma'){\r\n<ng-container *ngTemplateOutlet=\"audio\"></ng-container>\r\n} @case('x-wav'){\r\n<ng-container *ngTemplateOutlet=\"audio\"></ng-container>\r\n} @case('mp4'){\r\n<ng-container *ngTemplateOutlet=\"video\"></ng-container>\r\n} @case('webm'){\r\n<ng-container *ngTemplateOutlet=\"video\"></ng-container>\r\n} } }\r\n\r\n<ng-template #objectTpl let-type>\r\n    @if(!isMobile){\r\n    <object\r\n        style=\"flex-grow: 1\"\r\n        [attr.data]=\"valueUrl\"\r\n        type=\"application/pdf\"\r\n        width=\"100%\"\r\n        height=\"100%\"\r\n        [attr.html]=\"fallbackUrl\"\r\n    ></object>\r\n    }\r\n</ng-template>\r\n<ng-template #audio>\r\n    <audio controls>\r\n        <source [src]=\"valueUrl\" />\r\n        Your browser does not support the audio element.\r\n    </audio>\r\n</ng-template>\r\n<ng-template #video>\r\n    <video controls>\r\n        <source [src]=\"valueUrl\" />\r\n        Your browser does not support the audio element.\r\n    </video>\r\n</ng-template>\r\n@if(blobUrl && isMobile){\r\n<div intersectionObserver [intersectionThreshold]=\"0.1\" (visibilityChange)=\"onVisibilityChange($event)\"></div>\r\n<ng2-pdfjs-viewer\r\n    class=\"tw-flex-1\"\r\n    #pdfViewerOnDemand\r\n    [downloadFileName]=\"blobUrl\"\r\n    [externalWindow]=\"false\"\r\n    [openFile]=\"false\"\r\n    [viewBookmark]=\"false\"\r\n    [showSpinner]=\"true\"\r\n    [download]=\"true\"\r\n    [pdfSrc]=\"blobUrl\"\r\n></ng2-pdfjs-viewer>\r\n}\r\n", styles: [":host{display:flex;position:relative;height:100%;width:100%;flex:1;flex-direction:column}\n"] }]
         }], propDecorators: { file: [{
                 type: Input
             }], _pdfViewerOnDemand: [{
@@ -4655,7 +4655,8 @@ class FileViewerContentComponent extends BaseComponent {
             (file.mediaUrl = this._picFieldSrc.transform(file.Id, this.isImageGallery ? 'BarsaPicture.Full' : 'Attachment', '', '', 0, 0)) &&
             (file.isImage = true);
         !isImg && (file.thumbnailUrl = getIcon(ext || file.Type));
-        if (!isImg && ['webm', 'mp4', 'x-wav', 'x-ms-wma', 'm4a', 'txt', 'pdf', 'jfif'].indexOf(this.file.Type) < 0) {
+        if (!isImg &&
+            ['webm', 'mp4', 'x-wav', 'x-ms-wma', 'm4a', 'txt', 'text', 'pdf', 'jfif', 'webp', 'image'].indexOf(this.file.Type) < 0) {
             this.hideContent.set(true);
             // this._height = '0px';
             this.cantView.emit();
@@ -4751,11 +4752,11 @@ class FileViewerComponent extends BaseComponent {
         return true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FileViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: FileViewerComponent, isStandalone: false, selector: "bsu-file-viewer", viewQueries: [{ propertyName: "gallery", first: true, predicate: ["gallery"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-dialog #dialogTpl [ngClass]=\"isHorizontal ? 'horizontal' : 'vertical'\">\r\n    <fd-dialog-header>\r\n        <ng-template fdkTemplate=\"header\">\r\n            <div fd-bar-left>\r\n                <fd-bar-element>\r\n                    <h3 fd-title>{{ title | bbbTranslate }}</h3>\r\n                </fd-bar-element>\r\n            </div>\r\n            <div fd-bar-right>\r\n                @if(!(files.length===1 && files[0].Type==='pdf')){\r\n                <fd-button-bar\r\n                    ariaLabel=\"Print\"\r\n                    glyph=\"print\"\r\n                    fdType=\"transparent\"\r\n                    printFiles\r\n                    [files]=\"files\"\r\n                ></fd-button-bar>\r\n                <fd-button-bar\r\n                    ariaLabel=\"Fit image size\"\r\n                    [glyph]=\"'text-align-justified'\"\r\n                    [fdType]=\"fillWidth ? 'emphasized' : 'transparent'\"\r\n                    (click)=\"fillWidth = !fillWidth\"\r\n                ></fd-button-bar>\r\n                }\r\n                <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onClose()\"></fd-button-bar>\r\n            </div>\r\n        </ng-template>\r\n    </fd-dialog-header>\r\n    <fd-dialog-body #fdbody>\r\n        @if (isImageGallery) {\r\n        <div #gallery class=\"gallery inDialog\" fillEmptySpace [disable]=\"!isHorizontal\" [decrement]=\"'9rem'\">\r\n            @for (media of files; track media; let i = $index) {\r\n            <div\r\n                intersectionObserver\r\n                [intersectionThreshold]=\"0.5\"\r\n                (visibilityChange)=\"onFileViewerContentVisiblitChange($event, i)\"\r\n            ></div>\r\n            <bsu-file-viewer-content\r\n                [attr.id]=\"'fv_gl_' + media.Id\"\r\n                [deviceSize]=\"deviceSize\"\r\n                [file]=\"media\"\r\n                [imageOnly]=\"true\"\r\n                [fillWidth]=\"fillWidth\"\r\n                [isImageGallery]=\"isImageGallery\"\r\n                (imageLoaded)=\"onImageLoaded(i)\"\r\n                [scrollToSelected]=\"allNeedImagesLoaded() && selectedFile?.Id === media.Id\"\r\n            ></bsu-file-viewer-content>\r\n            }\r\n        </div>\r\n        } @if (!isImageGallery) {\r\n        <div class=\"gallery\">\r\n            @if (selectedFile) {\r\n            <bsu-file-viewer-content\r\n                [deviceSize]=\"deviceSize\"\r\n                [fillWidth]=\"fillWidth\"\r\n                [file]=\"selectedFile\"\r\n                [isImageGallery]=\"isImageGallery\"\r\n            ></bsu-file-viewer-content>\r\n            }\r\n        </div>\r\n        } @if (deviceSize !== 's' && isImageGallery) {\r\n        <div\r\n            class=\"thumbnail\"\r\n            style=\"flex-shrink: 1\"\r\n            fillEmptySpace\r\n            [disable]=\"isHorizontal\"\r\n            [class.tw-h-36]=\"isHorizontal\"\r\n        >\r\n            <ng-cotainer *ngTemplateOutlet=\"layoutGridTpl; context: { $implicit: files }\"></ng-cotainer>\r\n        </div>\r\n        }\r\n    </fd-dialog-body>\r\n</fd-dialog>\r\n<ng-template #layoutGridTpl let-files>\r\n    <fd-layout-grid>\r\n        @if (files) {\r\n        <div fdLayoutGridRow>\r\n            @for (file of files; track file; let i = $index) {\r\n            <div [fdLayoutGridCol]=\"6\" [colMd]=\"3\" [colLg]=\"2\" [colXl]=\"2\" (click)=\"onMedaiClick(file, i)\">\r\n                <bsu-file-viewer-content\r\n                    [selected]=\"scrollToThumbnailIndex === i\"\r\n                    [cardMode]=\"true\"\r\n                    [deviceSize]=\"deviceSize\"\r\n                    [file]=\"file\"\r\n                    [isImageGallery]=\"isImageGallery\"\r\n                    [scrollToSelected]=\"scrollToThumbnailIndex === i\"\r\n                ></bsu-file-viewer-content>\r\n            </div>\r\n            }\r\n        </div>\r\n        }\r\n    </fd-layout-grid>\r\n</ng-template>\r\n", styles: ["fd-dialog .gallery{overflow:auto}fd-dialog .gallery .pics{position:relative}fd-dialog fd-dialog-body{padding:0!important}fd-dialog fd-dialog-body ::ng-deep>section{display:flex}fd-dialog.horizontal fd-dialog-body ::ng-deep>section{flex-direction:column}fd-dialog.horizontal .gallery{flex-direction:row}fd-dialog.horizontal .thumbnail{border-top:1px solid #ccc;overflow-x:auto}fd-dialog.vertical fd-dialog-body ::ng-deep>section{flex-direction:row-reverse;padding:0;height:100%}fd-dialog.vertical .gallery{flex-direction:column;height:100%;flex:1;border-right:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}fd-dialog.vertical .thumbnail{position:sticky;top:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);height:100%;width:200px;overflow-y:auto}fd-dialog.vertical .thumbnail ::ng-deep .fd-row>div{width:100%;min-width:100%}fd-card.media fd-card-footer button{border:none}fd-card.inDialog fd-card-header{padding-top:5px;padding-bottom:5px}.fd-col{min-width:165px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.IntersectionObserverDirective, selector: "[intersectionObserver]", inputs: ["intersectionDebounce", "intersectionRootMargin", "intersectionRoot", "intersectionThreshold"], outputs: ["visibilityChange"] }, { kind: "directive", type: i2.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["containerDom", "decrement", "disable", "height", "dontUseTopBound", "setMinHeight"], outputs: ["heightChanged"], exportAs: ["fillEmptySpace"] }, { kind: "directive", type: i2.PrintFilesDirective, selector: "[printFiles]", inputs: ["files", "file", "isImageGallery", "component"] }, { kind: "directive", type: i2.ScrollToSelectedDirective, selector: "[scrollToSelected]", inputs: ["scrollToSelected"] }, { kind: "directive", type: i3$2.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3$2.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i3$2.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: i3$2.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i4$4.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i4$4.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i4$4.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: i3$3.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i3$3.DialogBodyComponent, selector: "fd-dialog-body", inputs: ["disablePaddings"] }, { kind: "component", type: i3$3.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i4$2.TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i5.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: FileViewerContentComponent, selector: "bsu-file-viewer-content", inputs: ["fillWidth", "imageOnly", "isImageGallery", "cardMode", "showFooter", "showContent", "selected", "width", "deviceSize", "cardContentHeight", "file"], outputs: ["cantView", "imageLoaded"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: FileViewerComponent, isStandalone: false, selector: "bsu-file-viewer", viewQueries: [{ propertyName: "gallery", first: true, predicate: ["gallery"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-dialog #dialogTpl [ngClass]=\"isHorizontal ? 'horizontal' : 'vertical'\">\r\n    <fd-dialog-header>\r\n        <ng-template fdkTemplate=\"header\">\r\n            <div fd-bar-left>\r\n                <fd-bar-element>\r\n                    <h3 fd-title>{{ title | bbbTranslate }}</h3>\r\n                </fd-bar-element>\r\n            </div>\r\n            <div fd-bar-right>\r\n                @if(!((files.length===1 && files[0].Type==='pdf' ) || (selectedIndex>-1 && !isImageGallery && files[selectedIndex].Type==='pdf'))){\r\n                <fd-button-bar\r\n                    ariaLabel=\"Print\"\r\n                    glyph=\"print\"\r\n                    fdType=\"transparent\"\r\n                    printFiles\r\n                    [files]=\"files\"\r\n                ></fd-button-bar>\r\n                <fd-button-bar\r\n                    ariaLabel=\"Fit image size\"\r\n                    [glyph]=\"'text-align-justified'\"\r\n                    [fdType]=\"fillWidth ? 'emphasized' : 'transparent'\"\r\n                    (click)=\"fillWidth = !fillWidth\"\r\n                ></fd-button-bar>\r\n                }\r\n                <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onClose()\"></fd-button-bar>\r\n            </div>\r\n        </ng-template>\r\n    </fd-dialog-header>\r\n    <fd-dialog-body #fdbody>\r\n        @if (isImageGallery) {\r\n        <div #gallery class=\"gallery inDialog\" fillEmptySpace [disable]=\"!isHorizontal\" [decrement]=\"'9rem'\">\r\n            @for (media of files; track media; let i = $index) {\r\n            <div\r\n                intersectionObserver\r\n                [intersectionThreshold]=\"0.5\"\r\n                (visibilityChange)=\"onFileViewerContentVisiblitChange($event, i)\"\r\n            ></div>\r\n            <bsu-file-viewer-content\r\n                [attr.id]=\"'fv_gl_' + media.Id\"\r\n                [deviceSize]=\"deviceSize\"\r\n                [file]=\"media\"\r\n                [imageOnly]=\"true\"\r\n                [fillWidth]=\"fillWidth\"\r\n                [isImageGallery]=\"isImageGallery\"\r\n                (imageLoaded)=\"onImageLoaded(i)\"\r\n                [scrollToSelected]=\"allNeedImagesLoaded() && selectedFile?.Id === media.Id\"\r\n            ></bsu-file-viewer-content>\r\n            }\r\n        </div>\r\n        } @if (!isImageGallery) {\r\n        <div class=\"gallery\">\r\n            @if (selectedFile) {\r\n            <bsu-file-viewer-content\r\n                [deviceSize]=\"deviceSize\"\r\n                [fillWidth]=\"fillWidth\"\r\n                [file]=\"selectedFile\"\r\n                [isImageGallery]=\"isImageGallery\"\r\n            ></bsu-file-viewer-content>\r\n            }\r\n        </div>\r\n        } @if (deviceSize !== 's' && isImageGallery) {\r\n        <div\r\n            class=\"thumbnail\"\r\n            style=\"flex-shrink: 1\"\r\n            fillEmptySpace\r\n            [disable]=\"isHorizontal\"\r\n            [class.tw-h-36]=\"isHorizontal\"\r\n        >\r\n            <ng-cotainer *ngTemplateOutlet=\"layoutGridTpl; context: { $implicit: files }\"></ng-cotainer>\r\n        </div>\r\n        }\r\n    </fd-dialog-body>\r\n</fd-dialog>\r\n<ng-template #layoutGridTpl let-files>\r\n    <fd-layout-grid>\r\n        @if (files) {\r\n        <div fdLayoutGridRow>\r\n            @for (file of files; track file; let i = $index) {\r\n            <div [fdLayoutGridCol]=\"6\" [colMd]=\"3\" [colLg]=\"2\" [colXl]=\"2\" (click)=\"onMedaiClick(file, i)\">\r\n                <bsu-file-viewer-content\r\n                    [selected]=\"scrollToThumbnailIndex === i\"\r\n                    [cardMode]=\"true\"\r\n                    [deviceSize]=\"deviceSize\"\r\n                    [file]=\"file\"\r\n                    [isImageGallery]=\"isImageGallery\"\r\n                    [scrollToSelected]=\"scrollToThumbnailIndex === i\"\r\n                ></bsu-file-viewer-content>\r\n            </div>\r\n            }\r\n        </div>\r\n        }\r\n    </fd-layout-grid>\r\n</ng-template>\r\n", styles: ["fd-dialog .gallery{overflow:auto}fd-dialog .gallery .pics{position:relative}fd-dialog fd-dialog-body{padding:0!important}fd-dialog fd-dialog-body ::ng-deep>section{display:flex}fd-dialog.horizontal fd-dialog-body ::ng-deep>section{flex-direction:column}fd-dialog.horizontal .gallery{flex-direction:row}fd-dialog.horizontal .thumbnail{border-top:1px solid #ccc;overflow-x:auto}fd-dialog.vertical fd-dialog-body ::ng-deep>section{flex-direction:row-reverse;padding:0;height:100%}fd-dialog.vertical .gallery{flex-direction:column;height:100%;flex:1;border-right:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}fd-dialog.vertical .thumbnail{position:sticky;top:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);height:100%;width:200px;overflow-y:auto}fd-dialog.vertical .thumbnail ::ng-deep .fd-row>div{width:100%;min-width:100%}fd-card.media fd-card-footer button{border:none}fd-card.inDialog fd-card-header{padding-top:5px;padding-bottom:5px}.fd-col{min-width:165px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.IntersectionObserverDirective, selector: "[intersectionObserver]", inputs: ["intersectionDebounce", "intersectionRootMargin", "intersectionRoot", "intersectionThreshold"], outputs: ["visibilityChange"] }, { kind: "directive", type: i2.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["containerDom", "decrement", "disable", "height", "dontUseTopBound", "setMinHeight"], outputs: ["heightChanged"], exportAs: ["fillEmptySpace"] }, { kind: "directive", type: i2.PrintFilesDirective, selector: "[printFiles]", inputs: ["files", "file", "isImageGallery", "component"] }, { kind: "directive", type: i2.ScrollToSelectedDirective, selector: "[scrollToSelected]", inputs: ["scrollToSelected"] }, { kind: "directive", type: i3$2.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3$2.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i3$2.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: i3$2.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i4$4.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i4$4.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i4$4.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: i3$3.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i3$3.DialogBodyComponent, selector: "fd-dialog-body", inputs: ["disablePaddings"] }, { kind: "component", type: i3$3.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i4$2.TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i5.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: FileViewerContentComponent, selector: "bsu-file-viewer-content", inputs: ["fillWidth", "imageOnly", "isImageGallery", "cardMode", "showFooter", "showContent", "selected", "width", "deviceSize", "cardContentHeight", "file"], outputs: ["cantView", "imageLoaded"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FileViewerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-file-viewer', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<fd-dialog #dialogTpl [ngClass]=\"isHorizontal ? 'horizontal' : 'vertical'\">\r\n    <fd-dialog-header>\r\n        <ng-template fdkTemplate=\"header\">\r\n            <div fd-bar-left>\r\n                <fd-bar-element>\r\n                    <h3 fd-title>{{ title | bbbTranslate }}</h3>\r\n                </fd-bar-element>\r\n            </div>\r\n            <div fd-bar-right>\r\n                @if(!(files.length===1 && files[0].Type==='pdf')){\r\n                <fd-button-bar\r\n                    ariaLabel=\"Print\"\r\n                    glyph=\"print\"\r\n                    fdType=\"transparent\"\r\n                    printFiles\r\n                    [files]=\"files\"\r\n                ></fd-button-bar>\r\n                <fd-button-bar\r\n                    ariaLabel=\"Fit image size\"\r\n                    [glyph]=\"'text-align-justified'\"\r\n                    [fdType]=\"fillWidth ? 'emphasized' : 'transparent'\"\r\n                    (click)=\"fillWidth = !fillWidth\"\r\n                ></fd-button-bar>\r\n                }\r\n                <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onClose()\"></fd-button-bar>\r\n            </div>\r\n        </ng-template>\r\n    </fd-dialog-header>\r\n    <fd-dialog-body #fdbody>\r\n        @if (isImageGallery) {\r\n        <div #gallery class=\"gallery inDialog\" fillEmptySpace [disable]=\"!isHorizontal\" [decrement]=\"'9rem'\">\r\n            @for (media of files; track media; let i = $index) {\r\n            <div\r\n                intersectionObserver\r\n                [intersectionThreshold]=\"0.5\"\r\n                (visibilityChange)=\"onFileViewerContentVisiblitChange($event, i)\"\r\n            ></div>\r\n            <bsu-file-viewer-content\r\n                [attr.id]=\"'fv_gl_' + media.Id\"\r\n                [deviceSize]=\"deviceSize\"\r\n                [file]=\"media\"\r\n                [imageOnly]=\"true\"\r\n                [fillWidth]=\"fillWidth\"\r\n                [isImageGallery]=\"isImageGallery\"\r\n                (imageLoaded)=\"onImageLoaded(i)\"\r\n                [scrollToSelected]=\"allNeedImagesLoaded() && selectedFile?.Id === media.Id\"\r\n            ></bsu-file-viewer-content>\r\n            }\r\n        </div>\r\n        } @if (!isImageGallery) {\r\n        <div class=\"gallery\">\r\n            @if (selectedFile) {\r\n            <bsu-file-viewer-content\r\n                [deviceSize]=\"deviceSize\"\r\n                [fillWidth]=\"fillWidth\"\r\n                [file]=\"selectedFile\"\r\n                [isImageGallery]=\"isImageGallery\"\r\n            ></bsu-file-viewer-content>\r\n            }\r\n        </div>\r\n        } @if (deviceSize !== 's' && isImageGallery) {\r\n        <div\r\n            class=\"thumbnail\"\r\n            style=\"flex-shrink: 1\"\r\n            fillEmptySpace\r\n            [disable]=\"isHorizontal\"\r\n            [class.tw-h-36]=\"isHorizontal\"\r\n        >\r\n            <ng-cotainer *ngTemplateOutlet=\"layoutGridTpl; context: { $implicit: files }\"></ng-cotainer>\r\n        </div>\r\n        }\r\n    </fd-dialog-body>\r\n</fd-dialog>\r\n<ng-template #layoutGridTpl let-files>\r\n    <fd-layout-grid>\r\n        @if (files) {\r\n        <div fdLayoutGridRow>\r\n            @for (file of files; track file; let i = $index) {\r\n            <div [fdLayoutGridCol]=\"6\" [colMd]=\"3\" [colLg]=\"2\" [colXl]=\"2\" (click)=\"onMedaiClick(file, i)\">\r\n                <bsu-file-viewer-content\r\n                    [selected]=\"scrollToThumbnailIndex === i\"\r\n                    [cardMode]=\"true\"\r\n                    [deviceSize]=\"deviceSize\"\r\n                    [file]=\"file\"\r\n                    [isImageGallery]=\"isImageGallery\"\r\n                    [scrollToSelected]=\"scrollToThumbnailIndex === i\"\r\n                ></bsu-file-viewer-content>\r\n            </div>\r\n            }\r\n        </div>\r\n        }\r\n    </fd-layout-grid>\r\n</ng-template>\r\n", styles: ["fd-dialog .gallery{overflow:auto}fd-dialog .gallery .pics{position:relative}fd-dialog fd-dialog-body{padding:0!important}fd-dialog fd-dialog-body ::ng-deep>section{display:flex}fd-dialog.horizontal fd-dialog-body ::ng-deep>section{flex-direction:column}fd-dialog.horizontal .gallery{flex-direction:row}fd-dialog.horizontal .thumbnail{border-top:1px solid #ccc;overflow-x:auto}fd-dialog.vertical fd-dialog-body ::ng-deep>section{flex-direction:row-reverse;padding:0;height:100%}fd-dialog.vertical .gallery{flex-direction:column;height:100%;flex:1;border-right:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}fd-dialog.vertical .thumbnail{position:sticky;top:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);height:100%;width:200px;overflow-y:auto}fd-dialog.vertical .thumbnail ::ng-deep .fd-row>div{width:100%;min-width:100%}fd-card.media fd-card-footer button{border:none}fd-card.inDialog fd-card-header{padding-top:5px;padding-bottom:5px}.fd-col{min-width:165px}\n"] }]
+            args: [{ selector: 'bsu-file-viewer', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<fd-dialog #dialogTpl [ngClass]=\"isHorizontal ? 'horizontal' : 'vertical'\">\r\n    <fd-dialog-header>\r\n        <ng-template fdkTemplate=\"header\">\r\n            <div fd-bar-left>\r\n                <fd-bar-element>\r\n                    <h3 fd-title>{{ title | bbbTranslate }}</h3>\r\n                </fd-bar-element>\r\n            </div>\r\n            <div fd-bar-right>\r\n                @if(!((files.length===1 && files[0].Type==='pdf' ) || (selectedIndex>-1 && !isImageGallery && files[selectedIndex].Type==='pdf'))){\r\n                <fd-button-bar\r\n                    ariaLabel=\"Print\"\r\n                    glyph=\"print\"\r\n                    fdType=\"transparent\"\r\n                    printFiles\r\n                    [files]=\"files\"\r\n                ></fd-button-bar>\r\n                <fd-button-bar\r\n                    ariaLabel=\"Fit image size\"\r\n                    [glyph]=\"'text-align-justified'\"\r\n                    [fdType]=\"fillWidth ? 'emphasized' : 'transparent'\"\r\n                    (click)=\"fillWidth = !fillWidth\"\r\n                ></fd-button-bar>\r\n                }\r\n                <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onClose()\"></fd-button-bar>\r\n            </div>\r\n        </ng-template>\r\n    </fd-dialog-header>\r\n    <fd-dialog-body #fdbody>\r\n        @if (isImageGallery) {\r\n        <div #gallery class=\"gallery inDialog\" fillEmptySpace [disable]=\"!isHorizontal\" [decrement]=\"'9rem'\">\r\n            @for (media of files; track media; let i = $index) {\r\n            <div\r\n                intersectionObserver\r\n                [intersectionThreshold]=\"0.5\"\r\n                (visibilityChange)=\"onFileViewerContentVisiblitChange($event, i)\"\r\n            ></div>\r\n            <bsu-file-viewer-content\r\n                [attr.id]=\"'fv_gl_' + media.Id\"\r\n                [deviceSize]=\"deviceSize\"\r\n                [file]=\"media\"\r\n                [imageOnly]=\"true\"\r\n                [fillWidth]=\"fillWidth\"\r\n                [isImageGallery]=\"isImageGallery\"\r\n                (imageLoaded)=\"onImageLoaded(i)\"\r\n                [scrollToSelected]=\"allNeedImagesLoaded() && selectedFile?.Id === media.Id\"\r\n            ></bsu-file-viewer-content>\r\n            }\r\n        </div>\r\n        } @if (!isImageGallery) {\r\n        <div class=\"gallery\">\r\n            @if (selectedFile) {\r\n            <bsu-file-viewer-content\r\n                [deviceSize]=\"deviceSize\"\r\n                [fillWidth]=\"fillWidth\"\r\n                [file]=\"selectedFile\"\r\n                [isImageGallery]=\"isImageGallery\"\r\n            ></bsu-file-viewer-content>\r\n            }\r\n        </div>\r\n        } @if (deviceSize !== 's' && isImageGallery) {\r\n        <div\r\n            class=\"thumbnail\"\r\n            style=\"flex-shrink: 1\"\r\n            fillEmptySpace\r\n            [disable]=\"isHorizontal\"\r\n            [class.tw-h-36]=\"isHorizontal\"\r\n        >\r\n            <ng-cotainer *ngTemplateOutlet=\"layoutGridTpl; context: { $implicit: files }\"></ng-cotainer>\r\n        </div>\r\n        }\r\n    </fd-dialog-body>\r\n</fd-dialog>\r\n<ng-template #layoutGridTpl let-files>\r\n    <fd-layout-grid>\r\n        @if (files) {\r\n        <div fdLayoutGridRow>\r\n            @for (file of files; track file; let i = $index) {\r\n            <div [fdLayoutGridCol]=\"6\" [colMd]=\"3\" [colLg]=\"2\" [colXl]=\"2\" (click)=\"onMedaiClick(file, i)\">\r\n                <bsu-file-viewer-content\r\n                    [selected]=\"scrollToThumbnailIndex === i\"\r\n                    [cardMode]=\"true\"\r\n                    [deviceSize]=\"deviceSize\"\r\n                    [file]=\"file\"\r\n                    [isImageGallery]=\"isImageGallery\"\r\n                    [scrollToSelected]=\"scrollToThumbnailIndex === i\"\r\n                ></bsu-file-viewer-content>\r\n            </div>\r\n            }\r\n        </div>\r\n        }\r\n    </fd-layout-grid>\r\n</ng-template>\r\n", styles: ["fd-dialog .gallery{overflow:auto}fd-dialog .gallery .pics{position:relative}fd-dialog fd-dialog-body{padding:0!important}fd-dialog fd-dialog-body ::ng-deep>section{display:flex}fd-dialog.horizontal fd-dialog-body ::ng-deep>section{flex-direction:column}fd-dialog.horizontal .gallery{flex-direction:row}fd-dialog.horizontal .thumbnail{border-top:1px solid #ccc;overflow-x:auto}fd-dialog.vertical fd-dialog-body ::ng-deep>section{flex-direction:row-reverse;padding:0;height:100%}fd-dialog.vertical .gallery{flex-direction:column;height:100%;flex:1;border-right:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}fd-dialog.vertical .thumbnail{position:sticky;top:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);height:100%;width:200px;overflow-y:auto}fd-dialog.vertical .thumbnail ::ng-deep .fd-row>div{width:100%;min-width:100%}fd-card.media fd-card-footer button{border:none}fd-card.inDialog fd-card-header{padding-top:5px;padding-bottom:5px}.fd-col{min-width:165px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { gallery: [{
                 type: ViewChild,
                 args: ['gallery']
@@ -4836,11 +4837,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
 
 class BarsaBarDownloadFileComponent extends BaseViewItemPropsComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BarsaBarDownloadFileComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: BarsaBarDownloadFileComponent, isStandalone: false, selector: "bsu-barsa-bar-download-file", inputs: { popover: "popover", file: "file", files: "files", hideFullScreen: "hideFullScreen", isMobile: "isMobile", canPrint: "canPrint", deviceSize: "deviceSize" }, providers: [UploadService], usesInheritance: true, ngImport: i0, template: "<div fd-bar barDesign=\"footer\">\r\n    <div fd-bar-right>\r\n        <fd-button-bar\r\n            fdType=\"transparent\"\r\n            glyph=\"download\"\r\n            downloadFiles\r\n            [files]=\"file ? [file] : files\"\r\n            (click)=\"popover.close()\"\r\n        ></fd-button-bar>\r\n        @if (!isMobile && !hideFullScreen) {\r\n        <fd-button-bar\r\n            fdType=\"transparent\"\r\n            glyph=\"resize\"\r\n            fullscreenFiles\r\n            [deviceSize]=\"deviceSize\"\r\n            [files]=\"files\"\r\n            (click)=\"popover.close()\"\r\n        ></fd-button-bar>\r\n        } @if (canPrint) {\r\n        <fd-button-bar\r\n            fdType=\"transparent\"\r\n            glyph=\"print\"\r\n            printFiles\r\n            [deviceSize]=\"deviceSize\"\r\n            [files]=\"files\"\r\n            (click)=\"popover.close()\"\r\n        ></fd-button-bar>\r\n        }\r\n    </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i2.PrintFilesDirective, selector: "[printFiles]", inputs: ["files", "file", "isImageGallery", "component"] }, { kind: "component", type: i3$2.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size", "role"] }, { kind: "directive", type: i3$2.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i3$2.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "directive", type: FullscreenFilesDirective, selector: "[fullscreenFiles]", inputs: ["files", "selectedIndex", "title", "deviceSize", "isImageGallery", "component"] }, { kind: "directive", type: DownloadFilesDirective, selector: "[downloadFiles]", inputs: ["files"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: BarsaBarDownloadFileComponent, isStandalone: false, selector: "bsu-barsa-bar-download-file", inputs: { popover: "popover", file: "file", files: "files", hideFullScreen: "hideFullScreen", isMobile: "isMobile", canPrint: "canPrint", selectedIndex: "selectedIndex", deviceSize: "deviceSize" }, providers: [UploadService], usesInheritance: true, ngImport: i0, template: "<div fd-bar barDesign=\"footer\">\r\n    <div fd-bar-right>\r\n        <fd-button-bar\r\n            fdType=\"transparent\"\r\n            glyph=\"download\"\r\n            downloadFiles\r\n            [files]=\"file ? [file] : files\"\r\n            (click)=\"popover.close()\"\r\n        ></fd-button-bar>\r\n        @if (!isMobile && !hideFullScreen) {\r\n        <fd-button-bar\r\n            fdType=\"transparent\"\r\n            glyph=\"resize\"\r\n            fullscreenFiles\r\n            [deviceSize]=\"deviceSize\"\r\n            [files]=\"files\"\r\n            [selectedIndex]=\"selectedIndex\"\r\n            (click)=\"popover.close()\"\r\n        ></fd-button-bar>\r\n        } @if (canPrint) {\r\n        <fd-button-bar\r\n            fdType=\"transparent\"\r\n            glyph=\"print\"\r\n            printFiles\r\n            [deviceSize]=\"deviceSize\"\r\n            [files]=\"files\"\r\n            (click)=\"popover.close()\"\r\n        ></fd-button-bar>\r\n        }\r\n    </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i2.PrintFilesDirective, selector: "[printFiles]", inputs: ["files", "file", "isImageGallery", "component"] }, { kind: "component", type: i3$2.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size", "role"] }, { kind: "directive", type: i3$2.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i3$2.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "directive", type: FullscreenFilesDirective, selector: "[fullscreenFiles]", inputs: ["files", "selectedIndex", "title", "deviceSize", "isImageGallery", "component"] }, { kind: "directive", type: DownloadFilesDirective, selector: "[downloadFiles]", inputs: ["files"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BarsaBarDownloadFileComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-barsa-bar-download-file', providers: [UploadService], standalone: false, template: "<div fd-bar barDesign=\"footer\">\r\n    <div fd-bar-right>\r\n        <fd-button-bar\r\n            fdType=\"transparent\"\r\n            glyph=\"download\"\r\n            downloadFiles\r\n            [files]=\"file ? [file] : files\"\r\n            (click)=\"popover.close()\"\r\n        ></fd-button-bar>\r\n        @if (!isMobile && !hideFullScreen) {\r\n        <fd-button-bar\r\n            fdType=\"transparent\"\r\n            glyph=\"resize\"\r\n            fullscreenFiles\r\n            [deviceSize]=\"deviceSize\"\r\n            [files]=\"files\"\r\n            (click)=\"popover.close()\"\r\n        ></fd-button-bar>\r\n        } @if (canPrint) {\r\n        <fd-button-bar\r\n            fdType=\"transparent\"\r\n            glyph=\"print\"\r\n            printFiles\r\n            [deviceSize]=\"deviceSize\"\r\n            [files]=\"files\"\r\n            (click)=\"popover.close()\"\r\n        ></fd-button-bar>\r\n        }\r\n    </div>\r\n</div>\r\n" }]
+            args: [{ selector: 'bsu-barsa-bar-download-file', providers: [UploadService], standalone: false, template: "<div fd-bar barDesign=\"footer\">\r\n    <div fd-bar-right>\r\n        <fd-button-bar\r\n            fdType=\"transparent\"\r\n            glyph=\"download\"\r\n            downloadFiles\r\n            [files]=\"file ? [file] : files\"\r\n            (click)=\"popover.close()\"\r\n        ></fd-button-bar>\r\n        @if (!isMobile && !hideFullScreen) {\r\n        <fd-button-bar\r\n            fdType=\"transparent\"\r\n            glyph=\"resize\"\r\n            fullscreenFiles\r\n            [deviceSize]=\"deviceSize\"\r\n            [files]=\"files\"\r\n            [selectedIndex]=\"selectedIndex\"\r\n            (click)=\"popover.close()\"\r\n        ></fd-button-bar>\r\n        } @if (canPrint) {\r\n        <fd-button-bar\r\n            fdType=\"transparent\"\r\n            glyph=\"print\"\r\n            printFiles\r\n            [deviceSize]=\"deviceSize\"\r\n            [files]=\"files\"\r\n            (click)=\"popover.close()\"\r\n        ></fd-button-bar>\r\n        }\r\n    </div>\r\n</div>\r\n" }]
         }], propDecorators: { popover: [{
                 type: Input
             }], file: [{
@@ -4853,6 +4854,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                 type: Input
             }], canPrint: [{
                 type: Input
+            }], selectedIndex: [{
+                type: Input
             }], deviceSize: [{
                 type: Input
             }] } });
@@ -4865,15 +4868,17 @@ class FileViewerPopoverComponent extends BaseComponent {
         this.popoverOpened = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FileViewerPopoverComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: FileViewerPopoverComponent, isStandalone: false, selector: "bsu-file-viewer-popover", inputs: { files: "files", file: "file", deviceSize: "deviceSize", canDownload: "canDownload", disableRemove: "disableRemove", fdType: "fdType", attachmentViewType: "attachmentViewType" }, outputs: { remove: "remove" }, usesInheritance: true, ngImport: i0, template: "<!-- <div class=\"box\" #divRef (mouseover)=\"divRef.classList.add('onside')\" (mouseout)=\"divRef.classList.remove('onside')\">\r\n<div class=\"box-content\">\r\n  <fd-icon [glyph]=\"'pdf-attachment'\"></fd-icon>\r\n</div>\r\n<div class=\"box-file-download\">\r\n  <div class=\"icon\">\r\n    <img\r\n      id=\":1wy\"\r\n      class=\"aSM\"\r\n      src=\"//ssl.gstatic.com/docs/doclist/images/mediatype/icon_2_archive_x16.png\"\r\n      title=\"Compressed Archive\"\r\n      />\r\n    </div>\r\n    <div class=\"filename-wrapper\">\r\n      <span class=\"filename\">build.rar</span>\r\n    </div>\r\n  </div>\r\n  <div class=\"download-wrapper\">\r\n    <button fd-button glyph=\"download\" fdType=\"transparent\"></button>\r\n    <button fd-button glyph=\"download\" fdType=\"transparent\"></button>\r\n  </div>\r\n</div> -->\r\n\r\n<div style=\"display: flex; align-items: center; column-gap: 1px\">\r\n    <button\r\n        fd-button\r\n        [fdPopoverTrigger]=\"deviceSize === 's' ? popoverMobile : popoverLarge\"\r\n        [label]=\"attachmentViewType === 1 ? ('\u0645\u0634\u0627\u0647\u062F\u0647' | bbbTranslate) : file.FileName || ''\"\r\n        [title]=\"attachmentViewType === 1 ? ('\u0645\u0634\u0627\u0647\u062F\u0647' | bbbTranslate) : file.FileName || ''\"\r\n        [glyph]=\"attachmentViewType === 1 ? '' : 'attachment'\"\r\n        [fdMenu]=\"deviceSize === 's' || attachmentViewType === 1 ? false : true\"\r\n        [fdType]=\"fdType\"\r\n        class=\"btn-actionsheet\"\r\n        (click)=\"popoverOpened = true\"\r\n    ></button>\r\n    <fd-popover\r\n        #popoverMobile\r\n        [mobile]=\"true\"\r\n        [mobileConfig]=\"{ title: file?.FileName || 'ShowFiles' | bbbTranslate, hasCloseButton: true }\"\r\n    >\r\n        <ng-template #popoverBodyContent>\r\n            @if(popoverOpened){\r\n            <ng-container\r\n                *ngTemplateOutlet=\"popoverbodyTpl; context: { $implicit: popoverMobile, mobile: true }\"\r\n            ></ng-container>\r\n            }\r\n        </ng-template>\r\n    </fd-popover>\r\n    <fd-popover #popoverLarge>\r\n        <fd-popover-body>\r\n            @if(popoverOpened){\r\n            <ng-container\r\n                *ngTemplateOutlet=\"popoverbodyTpl; context: { $implicit: popoverLarge, mobile: false }\"\r\n            ></ng-container>\r\n            }\r\n        </fd-popover-body>\r\n    </fd-popover>\r\n\r\n    @if (!disableRemove) {\r\n    <button fd-button glyph=\"delete\" (click)=\"remove.emit()\"></button>\r\n    }\r\n</div>\r\n\r\n<ng-template #popoverbodyTpl let-popover let-mobile=\"mobile\">\r\n    <!-- <div fd-popover-body-header>\r\n        <div fd-bar [cozy]=\"true\" id=\"popover-bar-header-3\">\r\n            <div fd-bar-left>\r\n                <fd-bar-element>{{ file.FileName }}</fd-bar-element>\r\n            </div>\r\n        </div>\r\n    </div> -->\r\n    <bsu-file-viewer-content\r\n        [file]=\"file\"\r\n        [width]=\"mobile ? '100vw' : '30vw'\"\r\n        [cardMode]=\"true\"\r\n        [showContent]=\"true\"\r\n        [showFooter]=\"true\"\r\n        [deviceSize]=\"deviceSize || 's'\"\r\n        (cantView)=\"hideFullScreen = true\"\r\n        [class.mobile]=\"mobile\"\r\n    ></bsu-file-viewer-content>\r\n    @if (canDownload) {\r\n    <div fd-popover-body-footer>\r\n        <bsu-barsa-bar-download-file\r\n            [isMobile]=\"mobile\"\r\n            [popover]=\"popover\"\r\n            [files]=\"files?.length ? files : [file]\"\r\n            [file]=\"file\"\r\n            [deviceSize]=\"deviceSize || 's'\"\r\n            [hideFullScreen]=\"hideFullScreen\"\r\n        ></bsu-barsa-bar-download-file>\r\n    </div>\r\n    }\r\n</ng-template>\r\n", styles: [":host{display:block}.btn-actionsheet{width:100%!important;max-width:100%!important}.box{display:flex;flex-direction:column;width:175px;height:120px;position:relative;border:1px solid #ccc}.box .box-content{height:85px;text-align:center;display:flex;align-items:center;justify-content:center}.box .box-content fd-icon{font-size:1.825rem;color:#e5e5e5}.box .box-file-download{background-color:#f5f5f5;border-top:1px solid #e5e5e5;display:flex;gap:.285rem}.box .box-file-download .icon{align-items:center;float:left;display:-webkit-box;display:-webkit-flex;display:flex;height:32px;-webkit-justify-content:center;justify-content:center;width:32px}.box .box-file-download .filename-wrapper{display:flex;overflow:hidden}.box .box-file-download .filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#777;font-size:12px;font-weight:700;line-height:16px;margin-top:8px;word-wrap:normal}.box .download-wrapper{display:none}.box.onside{background:#f5f5f5}.box.onside .box-content{display:none}.box.onside .box-file-download{border-top:none;height:85px}.box.onside .download-wrapper{display:flex;gap:.285rem;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i1$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "directive", type: i7$2.PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "directive", type: i7$2.PopoverTriggerDirective, selector: "[fdPopoverTrigger], [fd-popover-trigger]", inputs: ["fdPopoverTrigger"] }, { kind: "component", type: BarsaBarDownloadFileComponent, selector: "bsu-barsa-bar-download-file", inputs: ["popover", "file", "files", "hideFullScreen", "isMobile", "canPrint", "deviceSize"] }, { kind: "component", type: FileViewerContentComponent, selector: "bsu-file-viewer-content", inputs: ["fillWidth", "imageOnly", "isImageGallery", "cardMode", "showFooter", "showContent", "selected", "width", "deviceSize", "cardContentHeight", "file"], outputs: ["cantView", "imageLoaded"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: FileViewerPopoverComponent, isStandalone: false, selector: "bsu-file-viewer-popover", inputs: { files: "files", file: "file", index: "index", deviceSize: "deviceSize", canDownload: "canDownload", disableRemove: "disableRemove", fdType: "fdType", attachmentViewType: "attachmentViewType" }, outputs: { remove: "remove" }, usesInheritance: true, ngImport: i0, template: "<div style=\"display: flex; align-items: center; column-gap: 1px\">\r\n    <button\r\n        fd-button\r\n        [fdPopoverTrigger]=\"deviceSize === 's' ? popoverMobile : popoverLarge\"\r\n        [label]=\"attachmentViewType === 1 ? ('\u0645\u0634\u0627\u0647\u062F\u0647' | bbbTranslate) : file.FileName || ''\"\r\n        [title]=\"attachmentViewType === 1 ? ('\u0645\u0634\u0627\u0647\u062F\u0647' | bbbTranslate) : file.FileName || ''\"\r\n        [glyph]=\"attachmentViewType === 1 ? '' : 'attachment'\"\r\n        [fdMenu]=\"deviceSize === 's' || attachmentViewType === 1 ? false : true\"\r\n        [fdType]=\"fdType\"\r\n        class=\"btn-actionsheet\"\r\n        (click)=\"popoverOpened = true\"\r\n    ></button>\r\n    <fd-popover\r\n        #popoverMobile\r\n        [mobile]=\"true\"\r\n        [mobileConfig]=\"{ title: file?.FileName || 'ShowFiles' | bbbTranslate, hasCloseButton: true }\"\r\n    >\r\n        <ng-template #popoverBodyContent>\r\n            @if(popoverOpened){\r\n            <ng-container\r\n                *ngTemplateOutlet=\"popoverbodyTpl; context: { $implicit: popoverMobile, mobile: true }\"\r\n            ></ng-container>\r\n            }\r\n        </ng-template>\r\n    </fd-popover>\r\n    <fd-popover #popoverLarge>\r\n        <fd-popover-body class=\"file-viewer-popover-body\">\r\n            @if(popoverOpened){\r\n            <ng-container\r\n                *ngTemplateOutlet=\"popoverbodyTpl; context: { $implicit: popoverLarge, mobile: false }\"\r\n            ></ng-container>\r\n            }\r\n        </fd-popover-body>\r\n    </fd-popover>\r\n\r\n    @if (!disableRemove) {\r\n    <button fd-button glyph=\"delete\" (click)=\"remove.emit()\"></button>\r\n    }\r\n</div>\r\n\r\n<ng-template #popoverbodyTpl let-popover let-mobile=\"mobile\">\r\n    <!-- <div fd-popover-body-header>\r\n        <div fd-bar [cozy]=\"true\" id=\"popover-bar-header-3\">\r\n            <div fd-bar-left>\r\n                <fd-bar-element>{{ file.FileName }}</fd-bar-element>\r\n            </div>\r\n        </div>\r\n    </div> -->\r\n    <bsu-file-viewer-content\r\n        [file]=\"file\"\r\n        [width]=\"mobile ? '100vw' : '30vw'\"\r\n        [cardMode]=\"true\"\r\n        [showContent]=\"true\"\r\n        [showFooter]=\"true\"\r\n        [deviceSize]=\"deviceSize || 's'\"\r\n        (cantView)=\"hideFullScreen = true\"\r\n        [class.mobile]=\"mobile\"\r\n    ></bsu-file-viewer-content>\r\n    @if (canDownload) {\r\n    <div fd-popover-body-footer>\r\n        <bsu-barsa-bar-download-file\r\n            [isMobile]=\"mobile\"\r\n            [popover]=\"popover\"\r\n            [files]=\"files?.length ? files : [file]\"\r\n            [file]=\"file\"\r\n            [selectedIndex]=\"index\"\r\n            [deviceSize]=\"deviceSize || 's'\"\r\n            [hideFullScreen]=\"hideFullScreen\"\r\n        ></bsu-barsa-bar-download-file>\r\n    </div>\r\n    }\r\n</ng-template>\r\n", styles: [":host{display:block}.btn-actionsheet{width:100%!important;max-width:100%!important}.box{display:flex;flex-direction:column;width:175px;height:120px;position:relative;border:1px solid #ccc}.box .box-content{height:85px;text-align:center;display:flex;align-items:center;justify-content:center}.box .box-content fd-icon{font-size:1.825rem;color:#e5e5e5}.box .box-file-download{background-color:#f5f5f5;border-top:1px solid #e5e5e5;display:flex;gap:.285rem}.box .box-file-download .icon{align-items:center;float:left;display:-webkit-box;display:-webkit-flex;display:flex;height:32px;-webkit-justify-content:center;justify-content:center;width:32px}.box .box-file-download .filename-wrapper{display:flex;overflow:hidden}.box .box-file-download .filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#777;font-size:12px;font-weight:700;line-height:16px;margin-top:8px;word-wrap:normal}.box .download-wrapper{display:none}.box.onside{background:#f5f5f5}.box.onside .box-content{display:none}.box.onside .box-file-download{border-top:none;height:85px}.box.onside .download-wrapper{display:flex;gap:.285rem;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i1$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "directive", type: i7$2.PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "directive", type: i7$2.PopoverTriggerDirective, selector: "[fdPopoverTrigger], [fd-popover-trigger]", inputs: ["fdPopoverTrigger"] }, { kind: "component", type: BarsaBarDownloadFileComponent, selector: "bsu-barsa-bar-download-file", inputs: ["popover", "file", "files", "hideFullScreen", "isMobile", "canPrint", "selectedIndex", "deviceSize"] }, { kind: "component", type: FileViewerContentComponent, selector: "bsu-file-viewer-content", inputs: ["fillWidth", "imageOnly", "isImageGallery", "cardMode", "showFooter", "showContent", "selected", "width", "deviceSize", "cardContentHeight", "file"], outputs: ["cantView", "imageLoaded"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FileViewerPopoverComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-file-viewer-popover', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<!-- <div class=\"box\" #divRef (mouseover)=\"divRef.classList.add('onside')\" (mouseout)=\"divRef.classList.remove('onside')\">\r\n<div class=\"box-content\">\r\n  <fd-icon [glyph]=\"'pdf-attachment'\"></fd-icon>\r\n</div>\r\n<div class=\"box-file-download\">\r\n  <div class=\"icon\">\r\n    <img\r\n      id=\":1wy\"\r\n      class=\"aSM\"\r\n      src=\"//ssl.gstatic.com/docs/doclist/images/mediatype/icon_2_archive_x16.png\"\r\n      title=\"Compressed Archive\"\r\n      />\r\n    </div>\r\n    <div class=\"filename-wrapper\">\r\n      <span class=\"filename\">build.rar</span>\r\n    </div>\r\n  </div>\r\n  <div class=\"download-wrapper\">\r\n    <button fd-button glyph=\"download\" fdType=\"transparent\"></button>\r\n    <button fd-button glyph=\"download\" fdType=\"transparent\"></button>\r\n  </div>\r\n</div> -->\r\n\r\n<div style=\"display: flex; align-items: center; column-gap: 1px\">\r\n    <button\r\n        fd-button\r\n        [fdPopoverTrigger]=\"deviceSize === 's' ? popoverMobile : popoverLarge\"\r\n        [label]=\"attachmentViewType === 1 ? ('\u0645\u0634\u0627\u0647\u062F\u0647' | bbbTranslate) : file.FileName || ''\"\r\n        [title]=\"attachmentViewType === 1 ? ('\u0645\u0634\u0627\u0647\u062F\u0647' | bbbTranslate) : file.FileName || ''\"\r\n        [glyph]=\"attachmentViewType === 1 ? '' : 'attachment'\"\r\n        [fdMenu]=\"deviceSize === 's' || attachmentViewType === 1 ? false : true\"\r\n        [fdType]=\"fdType\"\r\n        class=\"btn-actionsheet\"\r\n        (click)=\"popoverOpened = true\"\r\n    ></button>\r\n    <fd-popover\r\n        #popoverMobile\r\n        [mobile]=\"true\"\r\n        [mobileConfig]=\"{ title: file?.FileName || 'ShowFiles' | bbbTranslate, hasCloseButton: true }\"\r\n    >\r\n        <ng-template #popoverBodyContent>\r\n            @if(popoverOpened){\r\n            <ng-container\r\n                *ngTemplateOutlet=\"popoverbodyTpl; context: { $implicit: popoverMobile, mobile: true }\"\r\n            ></ng-container>\r\n            }\r\n        </ng-template>\r\n    </fd-popover>\r\n    <fd-popover #popoverLarge>\r\n        <fd-popover-body>\r\n            @if(popoverOpened){\r\n            <ng-container\r\n                *ngTemplateOutlet=\"popoverbodyTpl; context: { $implicit: popoverLarge, mobile: false }\"\r\n            ></ng-container>\r\n            }\r\n        </fd-popover-body>\r\n    </fd-popover>\r\n\r\n    @if (!disableRemove) {\r\n    <button fd-button glyph=\"delete\" (click)=\"remove.emit()\"></button>\r\n    }\r\n</div>\r\n\r\n<ng-template #popoverbodyTpl let-popover let-mobile=\"mobile\">\r\n    <!-- <div fd-popover-body-header>\r\n        <div fd-bar [cozy]=\"true\" id=\"popover-bar-header-3\">\r\n            <div fd-bar-left>\r\n                <fd-bar-element>{{ file.FileName }}</fd-bar-element>\r\n            </div>\r\n        </div>\r\n    </div> -->\r\n    <bsu-file-viewer-content\r\n        [file]=\"file\"\r\n        [width]=\"mobile ? '100vw' : '30vw'\"\r\n        [cardMode]=\"true\"\r\n        [showContent]=\"true\"\r\n        [showFooter]=\"true\"\r\n        [deviceSize]=\"deviceSize || 's'\"\r\n        (cantView)=\"hideFullScreen = true\"\r\n        [class.mobile]=\"mobile\"\r\n    ></bsu-file-viewer-content>\r\n    @if (canDownload) {\r\n    <div fd-popover-body-footer>\r\n        <bsu-barsa-bar-download-file\r\n            [isMobile]=\"mobile\"\r\n            [popover]=\"popover\"\r\n            [files]=\"files?.length ? files : [file]\"\r\n            [file]=\"file\"\r\n            [deviceSize]=\"deviceSize || 's'\"\r\n            [hideFullScreen]=\"hideFullScreen\"\r\n        ></bsu-barsa-bar-download-file>\r\n    </div>\r\n    }\r\n</ng-template>\r\n", styles: [":host{display:block}.btn-actionsheet{width:100%!important;max-width:100%!important}.box{display:flex;flex-direction:column;width:175px;height:120px;position:relative;border:1px solid #ccc}.box .box-content{height:85px;text-align:center;display:flex;align-items:center;justify-content:center}.box .box-content fd-icon{font-size:1.825rem;color:#e5e5e5}.box .box-file-download{background-color:#f5f5f5;border-top:1px solid #e5e5e5;display:flex;gap:.285rem}.box .box-file-download .icon{align-items:center;float:left;display:-webkit-box;display:-webkit-flex;display:flex;height:32px;-webkit-justify-content:center;justify-content:center;width:32px}.box .box-file-download .filename-wrapper{display:flex;overflow:hidden}.box .box-file-download .filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#777;font-size:12px;font-weight:700;line-height:16px;margin-top:8px;word-wrap:normal}.box .download-wrapper{display:none}.box.onside{background:#f5f5f5}.box.onside .box-content{display:none}.box.onside .box-file-download{border-top:none;height:85px}.box.onside .download-wrapper{display:flex;gap:.285rem;justify-content:center}\n"] }]
+            args: [{ selector: 'bsu-file-viewer-popover', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div style=\"display: flex; align-items: center; column-gap: 1px\">\r\n    <button\r\n        fd-button\r\n        [fdPopoverTrigger]=\"deviceSize === 's' ? popoverMobile : popoverLarge\"\r\n        [label]=\"attachmentViewType === 1 ? ('\u0645\u0634\u0627\u0647\u062F\u0647' | bbbTranslate) : file.FileName || ''\"\r\n        [title]=\"attachmentViewType === 1 ? ('\u0645\u0634\u0627\u0647\u062F\u0647' | bbbTranslate) : file.FileName || ''\"\r\n        [glyph]=\"attachmentViewType === 1 ? '' : 'attachment'\"\r\n        [fdMenu]=\"deviceSize === 's' || attachmentViewType === 1 ? false : true\"\r\n        [fdType]=\"fdType\"\r\n        class=\"btn-actionsheet\"\r\n        (click)=\"popoverOpened = true\"\r\n    ></button>\r\n    <fd-popover\r\n        #popoverMobile\r\n        [mobile]=\"true\"\r\n        [mobileConfig]=\"{ title: file?.FileName || 'ShowFiles' | bbbTranslate, hasCloseButton: true }\"\r\n    >\r\n        <ng-template #popoverBodyContent>\r\n            @if(popoverOpened){\r\n            <ng-container\r\n                *ngTemplateOutlet=\"popoverbodyTpl; context: { $implicit: popoverMobile, mobile: true }\"\r\n            ></ng-container>\r\n            }\r\n        </ng-template>\r\n    </fd-popover>\r\n    <fd-popover #popoverLarge>\r\n        <fd-popover-body class=\"file-viewer-popover-body\">\r\n            @if(popoverOpened){\r\n            <ng-container\r\n                *ngTemplateOutlet=\"popoverbodyTpl; context: { $implicit: popoverLarge, mobile: false }\"\r\n            ></ng-container>\r\n            }\r\n        </fd-popover-body>\r\n    </fd-popover>\r\n\r\n    @if (!disableRemove) {\r\n    <button fd-button glyph=\"delete\" (click)=\"remove.emit()\"></button>\r\n    }\r\n</div>\r\n\r\n<ng-template #popoverbodyTpl let-popover let-mobile=\"mobile\">\r\n    <!-- <div fd-popover-body-header>\r\n        <div fd-bar [cozy]=\"true\" id=\"popover-bar-header-3\">\r\n            <div fd-bar-left>\r\n                <fd-bar-element>{{ file.FileName }}</fd-bar-element>\r\n            </div>\r\n        </div>\r\n    </div> -->\r\n    <bsu-file-viewer-content\r\n        [file]=\"file\"\r\n        [width]=\"mobile ? '100vw' : '30vw'\"\r\n        [cardMode]=\"true\"\r\n        [showContent]=\"true\"\r\n        [showFooter]=\"true\"\r\n        [deviceSize]=\"deviceSize || 's'\"\r\n        (cantView)=\"hideFullScreen = true\"\r\n        [class.mobile]=\"mobile\"\r\n    ></bsu-file-viewer-content>\r\n    @if (canDownload) {\r\n    <div fd-popover-body-footer>\r\n        <bsu-barsa-bar-download-file\r\n            [isMobile]=\"mobile\"\r\n            [popover]=\"popover\"\r\n            [files]=\"files?.length ? files : [file]\"\r\n            [file]=\"file\"\r\n            [selectedIndex]=\"index\"\r\n            [deviceSize]=\"deviceSize || 's'\"\r\n            [hideFullScreen]=\"hideFullScreen\"\r\n        ></bsu-barsa-bar-download-file>\r\n    </div>\r\n    }\r\n</ng-template>\r\n", styles: [":host{display:block}.btn-actionsheet{width:100%!important;max-width:100%!important}.box{display:flex;flex-direction:column;width:175px;height:120px;position:relative;border:1px solid #ccc}.box .box-content{height:85px;text-align:center;display:flex;align-items:center;justify-content:center}.box .box-content fd-icon{font-size:1.825rem;color:#e5e5e5}.box .box-file-download{background-color:#f5f5f5;border-top:1px solid #e5e5e5;display:flex;gap:.285rem}.box .box-file-download .icon{align-items:center;float:left;display:-webkit-box;display:-webkit-flex;display:flex;height:32px;-webkit-justify-content:center;justify-content:center;width:32px}.box .box-file-download .filename-wrapper{display:flex;overflow:hidden}.box .box-file-download .filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#777;font-size:12px;font-weight:700;line-height:16px;margin-top:8px;word-wrap:normal}.box .download-wrapper{display:none}.box.onside{background:#f5f5f5}.box.onside .box-content{display:none}.box.onside .box-file-download{border-top:none;height:85px}.box.onside .download-wrapper{display:flex;gap:.285rem;justify-content:center}\n"] }]
         }], propDecorators: { files: [{
                 type: Input
             }], file: [{
                 type: Input
+            }], index: [{
+                type: Input
             }], deviceSize: [{
                 type: Input
             }], canDownload: [{
@@ -4930,11 +4935,11 @@ class ColumnRendererComponent extends BaseComponent {
         this._renderer2.setStyle(this._filePopover.nativeElement, 'max-width', `${this.containerDom?.offsetWidth}px`);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ColumnRendererComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: ColumnRendererComponent, isStandalone: false, selector: "bsu-column-renderer,[colRenderer]", inputs: { cellEdit: "cellEdit", column: "column", allColumns: "allColumns", mo: "mo", index: "index", editMode: "editMode", attachmentViewType: "attachmentViewType", customRowHeight: "customRowHeight", controlUi: "controlUi", formLayoutShowLabel: "formLayoutShowLabel", isChecked: "isChecked", isNewInlineMo: "isNewInlineMo", containerDom: "containerDom", disableEllapsis: "disableEllapsis", rtl: "rtl", isMobile: "isMobile", fdTextMode: "fdTextMode", deviceName: "deviceName", deviceSize: "deviceSize", value: "value", icon: "icon" }, host: { properties: { "class.isMobile": "this._isSmall" } }, viewQueries: [{ propertyName: "_filePopover", first: true, predicate: ["fileviewerPopover"], descendants: true, read: ElementRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (column) {\r\n<ng-container *ngTemplateOutlet=\"editMode ? formControlTemplate : renderCellTemplate\"> </ng-container>\r\n}\r\n<ng-template #renderCellTemplate>\r\n    @switch (column.FieldTypeId) { @case (42) {\r\n    <ng-container *ngTemplateOutlet=\"renderCellImage\"></ng-container>\r\n    } @case (33) {\r\n    <ng-container *ngTemplateOutlet=\"renderCellFileInfo\"></ng-container>\r\n    } @case (31) {\r\n    <ng-container *ngTemplateOutlet=\"renderCellFileListKhati\"></ng-container>\r\n    } @case (11) {\r\n    <ng-container *ngTemplateOutlet=\"renderCellListTasavir\"></ng-container>\r\n    } @case (5) {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"column.Extra?.ShowCheckInGrid ? renderCellChecbox : renderChecboxImage\"\r\n    ></ng-container>\r\n    } @default {\r\n    <ng-container *ngTemplateOutlet=\"renderGeneral\"></ng-container>\r\n    } }\r\n</ng-template>\r\n<ng-template #renderGeneral>\r\n    <div\r\n        class=\"renderGeneral\"\r\n        [class.onlyIcon]=\"column.Extra?.IconDisplayTypeEnum === 'Image'\"\r\n        [style.width]=\"\"\r\n        [attr.title]=\"value\"\r\n    >\r\n        @if (icon) {\r\n        <img [attr.rtl]=\"rtl\" [src]=\"icon\" />\r\n        }\r\n        <!-- <fd-text\r\n    #fdText\r\n    *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\"\r\n    [maxLines]=\"1\"\r\n    [text]=\"value\"\r\n    [fd-inline-help]=\"value\"\r\n    [disabled]=\"!fdText._hasMore\"\r\n  ></fd-text> -->\r\n\r\n        <!-- <bsu-barsa-text-ellipsis\r\n  [style.width]=\"column.$Width\"\r\n  *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\"\r\n  [text]=\"value\"\r\n></bsu-barsa-text-ellipsis> -->\r\n        <!-- <div *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\" style=\"word-break:break-word\">\r\n{{ value }}\r\n</div> -->\r\n        @if (column.Extra?.IconDisplayTypeEnum !== 'Image') { @if(!isMobile && !fdTextMode){\r\n        <div            \r\n            [ellapsisText]=\"value\"\r\n            [disableEllapsis]=\"editMode\"\r\n            [class.ellapsis]=\"!disableEllapsis\"\r\n            [columnValue]=\"value\"\r\n            (ellapsised)=\"onElapsised($event)\"\r\n        ></div>\r\n        } @else{\r\n        <fd-text [attr.title]=\"value\" class=\"col-value\" [text]=\"value\" [maxLines]=\"2\"></fd-text>\r\n        } }\r\n    </div>\r\n</ng-template>\r\n<ng-template #formControlTemplate>\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            !controlUi || controlUi.FieldUi.originalXtype === 'Ui.ReadOnlyField'\r\n                ? renderCellTemplate\r\n                : layoutControlTemplate\r\n        \"\r\n    ></ng-container>\r\n</ng-template>\r\n<ng-template #layoutControlTemplate>\r\n    @if (controlUi) {\r\n    <bsu-layout-control\r\n        [inlineEdit]=\"true\"\r\n        [caption]=\"column.Caption\"\r\n        [cellEdit]=\"cellEdit\"\r\n        [config]=\"controlUi\"\r\n        [focusControl]=\"index === 0 && (isChecked || isNewInlineMo)\"\r\n        [showLabel]=\"formLayoutShowLabel\"\r\n    ></bsu-layout-control>\r\n    }\r\n</ng-template>\r\n<ng-template #renderCellListTasavir>\r\n    @if (mo[column.Name] && mo[column.Name].Images) {\r\n    <div style=\"display: flex; flex-wrap: wrap; gap: 0.15rem\">\r\n        @for (pic of mo[column.Name].Images; track pic) {\r\n        <img\r\n            fullscreen\r\n            fullscreenFiles\r\n            [files]=\"mo[column.Name].Images\"\r\n            [isImageGallery]=\"true\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [src]=\"pic.FileId | picFieldSrc: 'BarsaPicture.Thumbnail':null:'':32:32\"\r\n            style=\"width: 3rem; height: 3rem\"\r\n        />\r\n        }\r\n    </div>\r\n    }\r\n</ng-template>\r\n<ng-template #renderCellFileListKhati>\r\n    @if (mo[column.Name]) {\r\n    <div class=\"file-viewer-attachments\">\r\n        @for (file of mo[column.Name].Files; track file) { @if (!file.IsDeleted) {\r\n        <bsu-file-viewer-popover\r\n            #fileviewerPopover\r\n            intersectionObserver\r\n            [intersectionThreshold]=\"0.1\"\r\n            (visibilityChange)=\"$event === 'Visible' && onSetMaxWidth()\"\r\n            [file]=\"file\"\r\n            [attachmentViewType]=\"+attachmentViewType\"\r\n            [files]=\"mo[column.Name].Files\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [canDownload]=\"true\"\r\n            [disableRemove]=\"true\"\r\n            [fdType]=\"'transparent'\"\r\n            preventDefault\r\n            stopPropagation\r\n        ></bsu-file-viewer-popover>\r\n        }\r\n        <!-- <fd-token *ngIf=\"!file.IsDeleted\" [readOnly]=\"true\">{{ file.FileName }}</fd-token> -->\r\n        }\r\n    </div>\r\n    }\r\n</ng-template>\r\n<ng-template #renderCellFileInfo>\r\n    @if (mo[column.Name]) {\r\n    <fd-avatar\r\n        [transparent]=\"true\"\r\n        [size]=\"column.FieldTypeId === '42' || column.FieldTypeId === 42 ? 'xs' : deviceSize === 's' ? 's' : 'm'\"\r\n        [image]=\"mo[column.Name] | picFieldSrc: 'PictureFileInfo':null:column.FieldDefId\"\r\n    ></fd-avatar>\r\n    }\r\n</ng-template>\r\n<ng-template #renderCellChecbox>\r\n    <fd-icon [glyph]=\"mo[column.Name] === true ? 'accept' : 'less'\"></fd-icon>\r\n</ng-template>\r\n<ng-template #renderChecboxImage>\r\n    @if (column.Extra?.TrueImage === '') {\r\n    {{ value }}\r\n    } @if (column.Extra?.TrueImage !== '') {\r\n    <img [src]=\"mo[column.Name] ? column.Extra?.TrueImage : column.Extra?.FalseImage\" aling=\"middle\" />\r\n    }\r\n</ng-template>\r\n<ng-template #renderCellImage>\r\n    @if (mo[column.Name] && mo[column.Name]['Url']) {\r\n    <fd-avatar\r\n        [size]=\"column.FieldTypeId === '42' || column.FieldTypeId === 42 ? 'xs' : deviceSize === 's' ? 's' : 'm'\"\r\n        [transparent]=\"true\"\r\n        [image]=\"mo[column.Name]['Url']\"\r\n    ></fd-avatar>\r\n    }\r\n</ng-template>\r\n", styles: [":host{display:contents;overflow:hidden;padding:0}:host.isMobile span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space:pre-wrap}.renderGeneral{display:flex;width:100%;height:100%;align-items:center;justify-content:start}.renderGeneral.onlyIcon{justify-content:center}fd-text.col-value ::ng-deep p{color:inherit;font-size:inherit;font-family:inherit;font-weight:inherit}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.IntersectionObserverDirective, selector: "[intersectionObserver]", inputs: ["intersectionDebounce", "intersectionRootMargin", "intersectionRoot", "intersectionThreshold"], outputs: ["visibilityChange"] }, { kind: "directive", type: i2.EllapsisTextDirective, selector: "[ellapsisText]", inputs: ["ellapsisText", "fontSize", "disableEllapsis"], outputs: ["ellapsised"] }, { kind: "directive", type: i2.StopPropagationDirective, selector: "[stopPropagation]" }, { kind: "directive", type: i2.PreventDefaultDirective, selector: "[preventDefault]" }, { kind: "directive", type: i2.ColumnValueDirective, selector: "[columnValue]", inputs: ["columnValue"] }, { kind: "component", type: i3$6.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "colorIndication", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i5$3.TextComponent, selector: "fd-text", inputs: ["text", "maxLines", "whitespaces", "hyphenation", "expandable", "isCollapsed"], outputs: ["isCollapsedChange"] }, { kind: "component", type: LayoutControlComponent, selector: "bsu-layout-control", inputs: ["inlineEdit", "cellEdit", "caption", "focusControl", "showLabel", "maxLabelWidth", "hasHorizontalText", "contentDensity", "flex", "RefreshLabel", "SetVisible"], outputs: ["events"] }, { kind: "component", type: FileViewerPopoverComponent, selector: "bsu-file-viewer-popover", inputs: ["files", "file", "deviceSize", "canDownload", "disableRemove", "fdType", "attachmentViewType"], outputs: ["remove"] }, { kind: "directive", type: FullscreenFilesDirective, selector: "[fullscreenFiles]", inputs: ["files", "selectedIndex", "title", "deviceSize", "isImageGallery", "component"] }, { kind: "pipe", type: i2.PictureFieldSourcePipe, name: "picFieldSrc" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: ColumnRendererComponent, isStandalone: false, selector: "bsu-column-renderer,[colRenderer]", inputs: { cellEdit: "cellEdit", column: "column", allColumns: "allColumns", mo: "mo", index: "index", editMode: "editMode", attachmentViewType: "attachmentViewType", customRowHeight: "customRowHeight", controlUi: "controlUi", formLayoutShowLabel: "formLayoutShowLabel", isChecked: "isChecked", isNewInlineMo: "isNewInlineMo", containerDom: "containerDom", disableEllapsis: "disableEllapsis", rtl: "rtl", isMobile: "isMobile", fdTextMode: "fdTextMode", deviceName: "deviceName", deviceSize: "deviceSize", value: "value", icon: "icon" }, host: { properties: { "class.isMobile": "this._isSmall" } }, viewQueries: [{ propertyName: "_filePopover", first: true, predicate: ["fileviewerPopover"], descendants: true, read: ElementRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (column) {\r\n<ng-container *ngTemplateOutlet=\"editMode ? formControlTemplate : renderCellTemplate\"> </ng-container>\r\n}\r\n<ng-template #renderCellTemplate>\r\n    @switch (column.FieldTypeId) { @case (42) {\r\n    <ng-container *ngTemplateOutlet=\"renderCellImage\"></ng-container>\r\n    } @case (33) {\r\n    <ng-container *ngTemplateOutlet=\"renderCellFileInfo\"></ng-container>\r\n    } @case (31) {\r\n    <ng-container *ngTemplateOutlet=\"renderCellFileListKhati\"></ng-container>\r\n    } @case (11) {\r\n    <ng-container *ngTemplateOutlet=\"renderCellListTasavir\"></ng-container>\r\n    } @case (5) {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"column.Extra?.ShowCheckInGrid ? renderCellChecbox : renderChecboxImage\"\r\n    ></ng-container>\r\n    } @default {\r\n    <ng-container *ngTemplateOutlet=\"renderGeneral\"></ng-container>\r\n    } }\r\n</ng-template>\r\n<ng-template #renderGeneral>\r\n    <div\r\n        class=\"renderGeneral\"\r\n        [class.onlyIcon]=\"column.Extra?.IconDisplayTypeEnum === 'Image'\"\r\n        [style.width]=\"\"\r\n        [attr.title]=\"value\"\r\n    >\r\n        @if (icon) {\r\n        <img [attr.rtl]=\"rtl\" [src]=\"icon\" />\r\n        }\r\n        <!-- <fd-text\r\n    #fdText\r\n    *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\"\r\n    [maxLines]=\"1\"\r\n    [text]=\"value\"\r\n    [fd-inline-help]=\"value\"\r\n    [disabled]=\"!fdText._hasMore\"\r\n  ></fd-text> -->\r\n\r\n        <!-- <bsu-barsa-text-ellipsis\r\n  [style.width]=\"column.$Width\"\r\n  *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\"\r\n  [text]=\"value\"\r\n></bsu-barsa-text-ellipsis> -->\r\n        <!-- <div *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\" style=\"word-break:break-word\">\r\n{{ value }}\r\n</div> -->\r\n        @if (column.Extra?.IconDisplayTypeEnum !== 'Image') { @if(!isMobile && !fdTextMode){\r\n        <div            \r\n            [ellapsisText]=\"value\"\r\n            [disableEllapsis]=\"editMode\"\r\n            [class.ellapsis]=\"!disableEllapsis\"\r\n            [columnValue]=\"value\"\r\n            (ellapsised)=\"onElapsised($event)\"\r\n        ></div>\r\n        } @else{\r\n        <fd-text [attr.title]=\"value\" class=\"col-value\" [text]=\"value\" [maxLines]=\"2\"></fd-text>\r\n        } }\r\n    </div>\r\n</ng-template>\r\n<ng-template #formControlTemplate>\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            !controlUi || controlUi.FieldUi.originalXtype === 'Ui.ReadOnlyField'\r\n                ? renderCellTemplate\r\n                : layoutControlTemplate\r\n        \"\r\n    ></ng-container>\r\n</ng-template>\r\n<ng-template #layoutControlTemplate>\r\n    @if (controlUi) {\r\n    <bsu-layout-control\r\n        [inlineEdit]=\"true\"\r\n        [caption]=\"column.Caption\"\r\n        [cellEdit]=\"cellEdit\"\r\n        [config]=\"controlUi\"\r\n        [focusControl]=\"index === 0 && (isChecked || isNewInlineMo)\"\r\n        [showLabel]=\"formLayoutShowLabel\"\r\n    ></bsu-layout-control>\r\n    }\r\n</ng-template>\r\n<ng-template #renderCellListTasavir>\r\n    @if (mo[column.Name] && mo[column.Name].Images) {\r\n    <div style=\"display: flex; flex-wrap: wrap; gap: 0.15rem\">\r\n        @for (pic of mo[column.Name].Images; track pic) {\r\n        <img\r\n            fullscreen\r\n            fullscreenFiles\r\n            [files]=\"mo[column.Name].Images\"\r\n            [isImageGallery]=\"true\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [src]=\"pic.FileId | picFieldSrc: 'BarsaPicture.Thumbnail':null:'':32:32\"\r\n            style=\"width: 3rem; height: 3rem\"\r\n        />\r\n        }\r\n    </div>\r\n    }\r\n</ng-template>\r\n<ng-template #renderCellFileListKhati>\r\n    @if (mo[column.Name]) {\r\n    <div class=\"file-viewer-attachments\">\r\n        @for (file of mo[column.Name].Files; track file;let index=$index) { @if (!file.IsDeleted) {\r\n        <bsu-file-viewer-popover\r\n            #fileviewerPopover\r\n            intersectionObserver\r\n            [intersectionThreshold]=\"0.1\"\r\n            (visibilityChange)=\"$event === 'Visible' && onSetMaxWidth()\"\r\n            [file]=\"file\"\r\n            [index]=\"index\"\r\n            [attachmentViewType]=\"+attachmentViewType\"\r\n            [files]=\"mo[column.Name].Files\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [canDownload]=\"true\"\r\n            [disableRemove]=\"true\"\r\n            [fdType]=\"'transparent'\"\r\n            preventDefault\r\n            stopPropagation\r\n        ></bsu-file-viewer-popover>\r\n        }\r\n        <!-- <fd-token *ngIf=\"!file.IsDeleted\" [readOnly]=\"true\">{{ file.FileName }}</fd-token> -->\r\n        }\r\n    </div>\r\n    }\r\n</ng-template>\r\n<ng-template #renderCellFileInfo>\r\n    @if (mo[column.Name]) {\r\n    <fd-avatar\r\n        [transparent]=\"true\"\r\n        [size]=\"column.FieldTypeId === '42' || column.FieldTypeId === 42 ? 'xs' : deviceSize === 's' ? 's' : 'm'\"\r\n        [image]=\"mo[column.Name] | picFieldSrc: 'PictureFileInfo':null:column.FieldDefId\"\r\n    ></fd-avatar>\r\n    }\r\n</ng-template>\r\n<ng-template #renderCellChecbox>\r\n    <fd-icon [glyph]=\"mo[column.Name] === true ? 'accept' : 'less'\"></fd-icon>\r\n</ng-template>\r\n<ng-template #renderChecboxImage>\r\n    @if (column.Extra?.TrueImage === '') {\r\n    {{ value }}\r\n    } @if (column.Extra?.TrueImage !== '') {\r\n    <img [src]=\"mo[column.Name] ? column.Extra?.TrueImage : column.Extra?.FalseImage\" aling=\"middle\" />\r\n    }\r\n</ng-template>\r\n<ng-template #renderCellImage>\r\n    @if (mo[column.Name] && mo[column.Name]['Url']) {\r\n    <fd-avatar\r\n        [size]=\"column.FieldTypeId === '42' || column.FieldTypeId === 42 ? 'xs' : deviceSize === 's' ? 's' : 'm'\"\r\n        [transparent]=\"true\"\r\n        [image]=\"mo[column.Name]['Url']\"\r\n    ></fd-avatar>\r\n    }\r\n</ng-template>\r\n", styles: [":host{display:contents;overflow:hidden;padding:0}:host.isMobile span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space:pre-wrap}.renderGeneral{display:flex;width:100%;height:100%;align-items:center;justify-content:start}.renderGeneral.onlyIcon{justify-content:center}fd-text.col-value ::ng-deep p{color:inherit;font-size:inherit;font-family:inherit;font-weight:inherit}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.IntersectionObserverDirective, selector: "[intersectionObserver]", inputs: ["intersectionDebounce", "intersectionRootMargin", "intersectionRoot", "intersectionThreshold"], outputs: ["visibilityChange"] }, { kind: "directive", type: i2.EllapsisTextDirective, selector: "[ellapsisText]", inputs: ["ellapsisText", "fontSize", "disableEllapsis"], outputs: ["ellapsised"] }, { kind: "directive", type: i2.StopPropagationDirective, selector: "[stopPropagation]" }, { kind: "directive", type: i2.PreventDefaultDirective, selector: "[preventDefault]" }, { kind: "directive", type: i2.ColumnValueDirective, selector: "[columnValue]", inputs: ["columnValue"] }, { kind: "component", type: i3$6.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "colorIndication", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i5$3.TextComponent, selector: "fd-text", inputs: ["text", "maxLines", "whitespaces", "hyphenation", "expandable", "isCollapsed"], outputs: ["isCollapsedChange"] }, { kind: "component", type: LayoutControlComponent, selector: "bsu-layout-control", inputs: ["inlineEdit", "cellEdit", "caption", "focusControl", "showLabel", "maxLabelWidth", "hasHorizontalText", "contentDensity", "flex", "RefreshLabel", "SetVisible"], outputs: ["events"] }, { kind: "component", type: FileViewerPopoverComponent, selector: "bsu-file-viewer-popover", inputs: ["files", "file", "index", "deviceSize", "canDownload", "disableRemove", "fdType", "attachmentViewType"], outputs: ["remove"] }, { kind: "directive", type: FullscreenFilesDirective, selector: "[fullscreenFiles]", inputs: ["files", "selectedIndex", "title", "deviceSize", "isImageGallery", "component"] }, { kind: "pipe", type: i2.PictureFieldSourcePipe, name: "picFieldSrc" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ColumnRendererComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-column-renderer,[colRenderer]', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (column) {\r\n<ng-container *ngTemplateOutlet=\"editMode ? formControlTemplate : renderCellTemplate\"> </ng-container>\r\n}\r\n<ng-template #renderCellTemplate>\r\n    @switch (column.FieldTypeId) { @case (42) {\r\n    <ng-container *ngTemplateOutlet=\"renderCellImage\"></ng-container>\r\n    } @case (33) {\r\n    <ng-container *ngTemplateOutlet=\"renderCellFileInfo\"></ng-container>\r\n    } @case (31) {\r\n    <ng-container *ngTemplateOutlet=\"renderCellFileListKhati\"></ng-container>\r\n    } @case (11) {\r\n    <ng-container *ngTemplateOutlet=\"renderCellListTasavir\"></ng-container>\r\n    } @case (5) {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"column.Extra?.ShowCheckInGrid ? renderCellChecbox : renderChecboxImage\"\r\n    ></ng-container>\r\n    } @default {\r\n    <ng-container *ngTemplateOutlet=\"renderGeneral\"></ng-container>\r\n    } }\r\n</ng-template>\r\n<ng-template #renderGeneral>\r\n    <div\r\n        class=\"renderGeneral\"\r\n        [class.onlyIcon]=\"column.Extra?.IconDisplayTypeEnum === 'Image'\"\r\n        [style.width]=\"\"\r\n        [attr.title]=\"value\"\r\n    >\r\n        @if (icon) {\r\n        <img [attr.rtl]=\"rtl\" [src]=\"icon\" />\r\n        }\r\n        <!-- <fd-text\r\n    #fdText\r\n    *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\"\r\n    [maxLines]=\"1\"\r\n    [text]=\"value\"\r\n    [fd-inline-help]=\"value\"\r\n    [disabled]=\"!fdText._hasMore\"\r\n  ></fd-text> -->\r\n\r\n        <!-- <bsu-barsa-text-ellipsis\r\n  [style.width]=\"column.$Width\"\r\n  *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\"\r\n  [text]=\"value\"\r\n></bsu-barsa-text-ellipsis> -->\r\n        <!-- <div *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\" style=\"word-break:break-word\">\r\n{{ value }}\r\n</div> -->\r\n        @if (column.Extra?.IconDisplayTypeEnum !== 'Image') { @if(!isMobile && !fdTextMode){\r\n        <div            \r\n            [ellapsisText]=\"value\"\r\n            [disableEllapsis]=\"editMode\"\r\n            [class.ellapsis]=\"!disableEllapsis\"\r\n            [columnValue]=\"value\"\r\n            (ellapsised)=\"onElapsised($event)\"\r\n        ></div>\r\n        } @else{\r\n        <fd-text [attr.title]=\"value\" class=\"col-value\" [text]=\"value\" [maxLines]=\"2\"></fd-text>\r\n        } }\r\n    </div>\r\n</ng-template>\r\n<ng-template #formControlTemplate>\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            !controlUi || controlUi.FieldUi.originalXtype === 'Ui.ReadOnlyField'\r\n                ? renderCellTemplate\r\n                : layoutControlTemplate\r\n        \"\r\n    ></ng-container>\r\n</ng-template>\r\n<ng-template #layoutControlTemplate>\r\n    @if (controlUi) {\r\n    <bsu-layout-control\r\n        [inlineEdit]=\"true\"\r\n        [caption]=\"column.Caption\"\r\n        [cellEdit]=\"cellEdit\"\r\n        [config]=\"controlUi\"\r\n        [focusControl]=\"index === 0 && (isChecked || isNewInlineMo)\"\r\n        [showLabel]=\"formLayoutShowLabel\"\r\n    ></bsu-layout-control>\r\n    }\r\n</ng-template>\r\n<ng-template #renderCellListTasavir>\r\n    @if (mo[column.Name] && mo[column.Name].Images) {\r\n    <div style=\"display: flex; flex-wrap: wrap; gap: 0.15rem\">\r\n        @for (pic of mo[column.Name].Images; track pic) {\r\n        <img\r\n            fullscreen\r\n            fullscreenFiles\r\n            [files]=\"mo[column.Name].Images\"\r\n            [isImageGallery]=\"true\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [src]=\"pic.FileId | picFieldSrc: 'BarsaPicture.Thumbnail':null:'':32:32\"\r\n            style=\"width: 3rem; height: 3rem\"\r\n        />\r\n        }\r\n    </div>\r\n    }\r\n</ng-template>\r\n<ng-template #renderCellFileListKhati>\r\n    @if (mo[column.Name]) {\r\n    <div class=\"file-viewer-attachments\">\r\n        @for (file of mo[column.Name].Files; track file) { @if (!file.IsDeleted) {\r\n        <bsu-file-viewer-popover\r\n            #fileviewerPopover\r\n            intersectionObserver\r\n            [intersectionThreshold]=\"0.1\"\r\n            (visibilityChange)=\"$event === 'Visible' && onSetMaxWidth()\"\r\n            [file]=\"file\"\r\n            [attachmentViewType]=\"+attachmentViewType\"\r\n            [files]=\"mo[column.Name].Files\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [canDownload]=\"true\"\r\n            [disableRemove]=\"true\"\r\n            [fdType]=\"'transparent'\"\r\n            preventDefault\r\n            stopPropagation\r\n        ></bsu-file-viewer-popover>\r\n        }\r\n        <!-- <fd-token *ngIf=\"!file.IsDeleted\" [readOnly]=\"true\">{{ file.FileName }}</fd-token> -->\r\n        }\r\n    </div>\r\n    }\r\n</ng-template>\r\n<ng-template #renderCellFileInfo>\r\n    @if (mo[column.Name]) {\r\n    <fd-avatar\r\n        [transparent]=\"true\"\r\n        [size]=\"column.FieldTypeId === '42' || column.FieldTypeId === 42 ? 'xs' : deviceSize === 's' ? 's' : 'm'\"\r\n        [image]=\"mo[column.Name] | picFieldSrc: 'PictureFileInfo':null:column.FieldDefId\"\r\n    ></fd-avatar>\r\n    }\r\n</ng-template>\r\n<ng-template #renderCellChecbox>\r\n    <fd-icon [glyph]=\"mo[column.Name] === true ? 'accept' : 'less'\"></fd-icon>\r\n</ng-template>\r\n<ng-template #renderChecboxImage>\r\n    @if (column.Extra?.TrueImage === '') {\r\n    {{ value }}\r\n    } @if (column.Extra?.TrueImage !== '') {\r\n    <img [src]=\"mo[column.Name] ? column.Extra?.TrueImage : column.Extra?.FalseImage\" aling=\"middle\" />\r\n    }\r\n</ng-template>\r\n<ng-template #renderCellImage>\r\n    @if (mo[column.Name] && mo[column.Name]['Url']) {\r\n    <fd-avatar\r\n        [size]=\"column.FieldTypeId === '42' || column.FieldTypeId === 42 ? 'xs' : deviceSize === 's' ? 's' : 'm'\"\r\n        [transparent]=\"true\"\r\n        [image]=\"mo[column.Name]['Url']\"\r\n    ></fd-avatar>\r\n    }\r\n</ng-template>\r\n", styles: [":host{display:contents;overflow:hidden;padding:0}:host.isMobile span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space:pre-wrap}.renderGeneral{display:flex;width:100%;height:100%;align-items:center;justify-content:start}.renderGeneral.onlyIcon{justify-content:center}fd-text.col-value ::ng-deep p{color:inherit;font-size:inherit;font-family:inherit;font-weight:inherit}\n"] }]
+            args: [{ selector: 'bsu-column-renderer,[colRenderer]', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (column) {\r\n<ng-container *ngTemplateOutlet=\"editMode ? formControlTemplate : renderCellTemplate\"> </ng-container>\r\n}\r\n<ng-template #renderCellTemplate>\r\n    @switch (column.FieldTypeId) { @case (42) {\r\n    <ng-container *ngTemplateOutlet=\"renderCellImage\"></ng-container>\r\n    } @case (33) {\r\n    <ng-container *ngTemplateOutlet=\"renderCellFileInfo\"></ng-container>\r\n    } @case (31) {\r\n    <ng-container *ngTemplateOutlet=\"renderCellFileListKhati\"></ng-container>\r\n    } @case (11) {\r\n    <ng-container *ngTemplateOutlet=\"renderCellListTasavir\"></ng-container>\r\n    } @case (5) {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"column.Extra?.ShowCheckInGrid ? renderCellChecbox : renderChecboxImage\"\r\n    ></ng-container>\r\n    } @default {\r\n    <ng-container *ngTemplateOutlet=\"renderGeneral\"></ng-container>\r\n    } }\r\n</ng-template>\r\n<ng-template #renderGeneral>\r\n    <div\r\n        class=\"renderGeneral\"\r\n        [class.onlyIcon]=\"column.Extra?.IconDisplayTypeEnum === 'Image'\"\r\n        [style.width]=\"\"\r\n        [attr.title]=\"value\"\r\n    >\r\n        @if (icon) {\r\n        <img [attr.rtl]=\"rtl\" [src]=\"icon\" />\r\n        }\r\n        <!-- <fd-text\r\n    #fdText\r\n    *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\"\r\n    [maxLines]=\"1\"\r\n    [text]=\"value\"\r\n    [fd-inline-help]=\"value\"\r\n    [disabled]=\"!fdText._hasMore\"\r\n  ></fd-text> -->\r\n\r\n        <!-- <bsu-barsa-text-ellipsis\r\n  [style.width]=\"column.$Width\"\r\n  *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\"\r\n  [text]=\"value\"\r\n></bsu-barsa-text-ellipsis> -->\r\n        <!-- <div *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\" style=\"word-break:break-word\">\r\n{{ value }}\r\n</div> -->\r\n        @if (column.Extra?.IconDisplayTypeEnum !== 'Image') { @if(!isMobile && !fdTextMode){\r\n        <div            \r\n            [ellapsisText]=\"value\"\r\n            [disableEllapsis]=\"editMode\"\r\n            [class.ellapsis]=\"!disableEllapsis\"\r\n            [columnValue]=\"value\"\r\n            (ellapsised)=\"onElapsised($event)\"\r\n        ></div>\r\n        } @else{\r\n        <fd-text [attr.title]=\"value\" class=\"col-value\" [text]=\"value\" [maxLines]=\"2\"></fd-text>\r\n        } }\r\n    </div>\r\n</ng-template>\r\n<ng-template #formControlTemplate>\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            !controlUi || controlUi.FieldUi.originalXtype === 'Ui.ReadOnlyField'\r\n                ? renderCellTemplate\r\n                : layoutControlTemplate\r\n        \"\r\n    ></ng-container>\r\n</ng-template>\r\n<ng-template #layoutControlTemplate>\r\n    @if (controlUi) {\r\n    <bsu-layout-control\r\n        [inlineEdit]=\"true\"\r\n        [caption]=\"column.Caption\"\r\n        [cellEdit]=\"cellEdit\"\r\n        [config]=\"controlUi\"\r\n        [focusControl]=\"index === 0 && (isChecked || isNewInlineMo)\"\r\n        [showLabel]=\"formLayoutShowLabel\"\r\n    ></bsu-layout-control>\r\n    }\r\n</ng-template>\r\n<ng-template #renderCellListTasavir>\r\n    @if (mo[column.Name] && mo[column.Name].Images) {\r\n    <div style=\"display: flex; flex-wrap: wrap; gap: 0.15rem\">\r\n        @for (pic of mo[column.Name].Images; track pic) {\r\n        <img\r\n            fullscreen\r\n            fullscreenFiles\r\n            [files]=\"mo[column.Name].Images\"\r\n            [isImageGallery]=\"true\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [src]=\"pic.FileId | picFieldSrc: 'BarsaPicture.Thumbnail':null:'':32:32\"\r\n            style=\"width: 3rem; height: 3rem\"\r\n        />\r\n        }\r\n    </div>\r\n    }\r\n</ng-template>\r\n<ng-template #renderCellFileListKhati>\r\n    @if (mo[column.Name]) {\r\n    <div class=\"file-viewer-attachments\">\r\n        @for (file of mo[column.Name].Files; track file;let index=$index) { @if (!file.IsDeleted) {\r\n        <bsu-file-viewer-popover\r\n            #fileviewerPopover\r\n            intersectionObserver\r\n            [intersectionThreshold]=\"0.1\"\r\n            (visibilityChange)=\"$event === 'Visible' && onSetMaxWidth()\"\r\n            [file]=\"file\"\r\n            [index]=\"index\"\r\n            [attachmentViewType]=\"+attachmentViewType\"\r\n            [files]=\"mo[column.Name].Files\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [canDownload]=\"true\"\r\n            [disableRemove]=\"true\"\r\n            [fdType]=\"'transparent'\"\r\n            preventDefault\r\n            stopPropagation\r\n        ></bsu-file-viewer-popover>\r\n        }\r\n        <!-- <fd-token *ngIf=\"!file.IsDeleted\" [readOnly]=\"true\">{{ file.FileName }}</fd-token> -->\r\n        }\r\n    </div>\r\n    }\r\n</ng-template>\r\n<ng-template #renderCellFileInfo>\r\n    @if (mo[column.Name]) {\r\n    <fd-avatar\r\n        [transparent]=\"true\"\r\n        [size]=\"column.FieldTypeId === '42' || column.FieldTypeId === 42 ? 'xs' : deviceSize === 's' ? 's' : 'm'\"\r\n        [image]=\"mo[column.Name] | picFieldSrc: 'PictureFileInfo':null:column.FieldDefId\"\r\n    ></fd-avatar>\r\n    }\r\n</ng-template>\r\n<ng-template #renderCellChecbox>\r\n    <fd-icon [glyph]=\"mo[column.Name] === true ? 'accept' : 'less'\"></fd-icon>\r\n</ng-template>\r\n<ng-template #renderChecboxImage>\r\n    @if (column.Extra?.TrueImage === '') {\r\n    {{ value }}\r\n    } @if (column.Extra?.TrueImage !== '') {\r\n    <img [src]=\"mo[column.Name] ? column.Extra?.TrueImage : column.Extra?.FalseImage\" aling=\"middle\" />\r\n    }\r\n</ng-template>\r\n<ng-template #renderCellImage>\r\n    @if (mo[column.Name] && mo[column.Name]['Url']) {\r\n    <fd-avatar\r\n        [size]=\"column.FieldTypeId === '42' || column.FieldTypeId === 42 ? 'xs' : deviceSize === 's' ? 's' : 'm'\"\r\n        [transparent]=\"true\"\r\n        [image]=\"mo[column.Name]['Url']\"\r\n    ></fd-avatar>\r\n    }\r\n</ng-template>\r\n", styles: [":host{display:contents;overflow:hidden;padding:0}:host.isMobile span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space:pre-wrap}.renderGeneral{display:flex;width:100%;height:100%;align-items:center;justify-content:start}.renderGeneral.onlyIcon{justify-content:center}fd-text.col-value ::ng-deep p{color:inherit;font-size:inherit;font-family:inherit;font-weight:inherit}\n"] }]
         }], propDecorators: { _filePopover: [{
                 type: ViewChild,
                 args: ['fileviewerPopover', { static: false, read: ElementRef }]
@@ -8801,7 +8806,7 @@ class UiFileLinearListBoxComponent extends DeviceInfoFieldBaseComponent {
         this._fileCountSource.next(value?.filter((c) => !c.IsDeleted).length);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: UiFileLinearListBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: UiFileLinearListBoxComponent, isStandalone: false, selector: "bsu-ui-file-linear-list-box", inputs: { value: "value" }, providers: [UploadService], viewQueries: [{ propertyName: "fileUploadComponent", first: true, predicate: FileUploaderComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<input fd-form-control class=\"hide\" />\r\n@if (value) {\r\n<div\r\n    class=\"token-container fd-input\"\r\n    contentDensity\r\n    [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\r\n    [disabled]=\"(disable$ | async) === true ? true : null\"\r\n    intersectionObserver\r\n    [intersectionThreshold]=\"0.1\"\r\n    (visibilityChange)=\"onVisibilityChange($event)\"\r\n    style=\"height: auto !important\"\r\n>\r\n    <div class=\"token-wrapper\">\r\n        @for (file of value; track trackById(file,$index)) { @if (!file.IsDeleted) {\r\n        <fd-popover #popover>\r\n            <fd-popover-control>\r\n                <fd-token (onCloseClick)=\"onFileDeleted(file.Id)\" [readOnly]=\"(disableOrReadonly$ | async)!!\"\r\n                    >{{ file.FileName }}\r\n                    @if (file.IsNew) { @if (valueExtra$ | async; as valueExtra) { @if (valueExtra[file.Id].UploadState\r\n                    !== 'Complete') {\r\n                    <span\r\n                        fd-object-status\r\n                        [status]=\"file.Id | uploadFileStatus: valueExtra\"\r\n                        [label]=\"valueExtra[file.Id]?.UploadState || ''\"\r\n                        [title]=\"valueExtra[file.Id]?.UploadState\"\r\n                        [aria-label]=\"'File Upload Status Is ' + valueExtra[file.Id]?.UploadState\"\r\n                    ></span>\r\n                    } @if (valueExtra[file.Id].Progress) {\r\n                    <fd-object-number\r\n                        [number]=\"valueExtra[file.Id].Progress || 0\"\r\n                        unit=\"%\"\r\n                        status=\"informative\"\r\n                    ></fd-object-number>\r\n                    } @if (valueExtra[file.Id].UploadState === 'Uploading') {\r\n                    <fd-busy-indicator [loading]=\"true\" [size]=\"'s'\"></fd-busy-indicator>\r\n                    } } }\r\n                </fd-token>\r\n            </fd-popover-control>\r\n            <fd-popover-body>\r\n                @if (valueExtra$ | async; as valueExtra) { @if ( (valueExtra[file.Id].UploadState !== 'Error' ||\r\n                valueExtra[file.Id].UploadState === 'Complete') && !file.IsNew ) {\r\n                <bsu-file-viewer-content\r\n                    [file]=\"file\"\r\n                    [width]=\"isMobile ? '100vw' : '30vw'\"\r\n                    [cardMode]=\"true\"\r\n                    [showContent]=\"true\"\r\n                    [showFooter]=\"true\"\r\n                    [deviceSize]=\"(deviceSize$ | async) || 's'\"\r\n                    (cantView)=\"file.cantView = true\"\r\n                ></bsu-file-viewer-content>\r\n                <div fd-popover-body-footer>\r\n                    <bsu-barsa-bar-download-file\r\n                        [isMobile]=\"false\"\r\n                        [popover]=\"popover\"\r\n                        [canPrint]=\"file.Type | isImageType\"\r\n                        [files]=\"[file]\"\r\n                        [hideFullScreen]=\"file.cantView\"\r\n                        [deviceSize]=\"(deviceSize$ | async) || 's'\"\r\n                    ></bsu-barsa-bar-download-file>\r\n                </div>\r\n                <!-- <ul fd-list>\r\n                    <li fd-list-item>\r\n                        <a fd-list-link (click)=\"onDownloadFile(file)\">\r\n                            <i fd-list-icon glyph=\"download\"></i>\r\n                            <span fd-list-title>\r\n                                {{ 'Download' | bbbTranslate }}\r\n                            </span>\r\n                            <fd-busy-indicator [loading]=\"fileDownloading\" [size]=\"'s'\"></fd-busy-indicator>\r\n                        </a>\r\n                    </li>\r\n                </ul> -->\r\n                } }\r\n            </fd-popover-body>\r\n        </fd-popover>\r\n        } }\r\n        <div style=\"display: flex\">\r\n            @if (loading) {\r\n            <div style=\"position: relative; width: 3rem\">\r\n                <bsu-mask [size]=\"'s'\" style=\"background: transparent\"></bsu-mask>\r\n            </div>\r\n            } @if ((fileCount$ | async) | canUploadFile: maxFileCount:(disable$ | async)===true:(readonly$ |\r\n            async)===true) {\r\n            <fd-file-uploader\r\n                class=\"file-linear-upload\"\r\n                fd-toolbar-item\r\n                [id]=\"id\"\r\n                [name]=\"'linear_' + id\"\r\n                [placeholder]=\"'AttachFile' | bbbTranslate\"\r\n                [buttonLabel]=\"'AttachFile' | bbbTranslate\"\r\n                [buttonAriaLabel]=\"'AttachFile' | bbbTranslate\"\r\n                [accept]=\"validExtension\"\r\n                [multiple]=\"maxFileCount > 1 || Setting.IsMultiSelect\"\r\n                (selectedFilesChanged)=\"onFileSelection($event)\"\r\n                [contentDensity]=\"(contentDensity$ | async)!!\"\r\n            ></fd-file-uploader>\r\n            }\r\n        </div>\r\n    </div>\r\n</div>\r\n}\r\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.isMobile ::ng-deep fd-token>span{-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:pre-wrap;height:auto;text-align:right}:host.isMobile ::ng-deep body[dir=ltr] fd-token>span{text-align:left}.token-container{padding:3px;display:flex;width:100%}.token-container[readonly=true]{border:none}.token-wrapper{align-items:center;flex-grow:1;display:flex;flex-wrap:wrap;width:100%}.token-wrapper fd-token,.token-wrapper .file-linear-upload{padding:4px}\n"], dependencies: [{ kind: "directive", type: i2.IntersectionObserverDirective, selector: "[intersectionObserver]", inputs: ["intersectionDebounce", "intersectionRootMargin", "intersectionRoot", "intersectionThreshold"], outputs: ["visibilityChange"] }, { kind: "component", type: i5$1.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "ariaValueText", "title", "label", "ariaLive"] }, { kind: "component", type: i5$5.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: i2$1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i5$6.ObjectNumberComponent, selector: "fd-object-number", inputs: ["number", "decimal", "unit", "emphasized", "large", "status", "class", "ariaLabelledBy", "ariaLabel"] }, { kind: "component", type: i10.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "glyphFont", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large", "secondaryIndication", "textTemplate"] }, { kind: "component", type: i7$2.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "directive", type: i7$2.PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "directive", type: i8.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "component", type: i13.TokenComponent, selector: "fd-token", inputs: ["disabled", "selected", "readOnly"], outputs: ["onCloseClick", "onRemove", "onTokenClick", "onTokenKeydown", "elementFocused"] }, { kind: "component", type: BarsaBarDownloadFileComponent, selector: "bsu-barsa-bar-download-file", inputs: ["popover", "file", "files", "hideFullScreen", "isMobile", "canPrint", "deviceSize"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: FileViewerContentComponent, selector: "bsu-file-viewer-content", inputs: ["fillWidth", "imageOnly", "isImageGallery", "cardMode", "showFooter", "showContent", "selected", "width", "deviceSize", "cardContentHeight", "file"], outputs: ["cantView", "imageLoaded"] }, { kind: "directive", type: ContentDensityDirective, selector: "[contentDensity]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.CanUploadFilePipe, name: "canUploadFile" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.IsImagePipe, name: "isImageType" }, { kind: "pipe", type: UploadFileStatusPipe, name: "uploadFileStatus" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: UiFileLinearListBoxComponent, isStandalone: false, selector: "bsu-ui-file-linear-list-box", inputs: { value: "value" }, providers: [UploadService], viewQueries: [{ propertyName: "fileUploadComponent", first: true, predicate: FileUploaderComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<input fd-form-control class=\"hide\" />\r\n@if (value) {\r\n<div\r\n    class=\"token-container fd-input\"\r\n    contentDensity\r\n    [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\r\n    [disabled]=\"(disable$ | async) === true ? true : null\"\r\n    intersectionObserver\r\n    [intersectionThreshold]=\"0.1\"\r\n    (visibilityChange)=\"onVisibilityChange($event)\"\r\n    style=\"height: auto !important\"\r\n>\r\n    <div class=\"token-wrapper\">\r\n        @for (file of value; track trackById(file,$index)) { @if (!file.IsDeleted) {\r\n        <fd-popover #popover>\r\n            <fd-popover-control>\r\n                <fd-token (onCloseClick)=\"onFileDeleted(file.Id)\" [readOnly]=\"(disableOrReadonly$ | async)!!\"\r\n                    >{{ file.FileName }}\r\n                    @if (file.IsNew) { @if (valueExtra$ | async; as valueExtra) { @if (valueExtra[file.Id].UploadState\r\n                    !== 'Complete') {\r\n                    <span\r\n                        fd-object-status\r\n                        [status]=\"file.Id | uploadFileStatus: valueExtra\"\r\n                        [label]=\"valueExtra[file.Id]?.UploadState || ''\"\r\n                        [title]=\"valueExtra[file.Id]?.UploadState\"\r\n                        [aria-label]=\"'File Upload Status Is ' + valueExtra[file.Id]?.UploadState\"\r\n                    ></span>\r\n                    } @if (valueExtra[file.Id].Progress) {\r\n                    <fd-object-number\r\n                        [number]=\"valueExtra[file.Id].Progress || 0\"\r\n                        unit=\"%\"\r\n                        status=\"informative\"\r\n                    ></fd-object-number>\r\n                    } @if (valueExtra[file.Id].UploadState === 'Uploading') {\r\n                    <fd-busy-indicator [loading]=\"true\" [size]=\"'s'\"></fd-busy-indicator>\r\n                    } } }\r\n                </fd-token>\r\n            </fd-popover-control>\r\n            <fd-popover-body>\r\n                @if (valueExtra$ | async; as valueExtra) { @if ( (valueExtra[file.Id].UploadState !== 'Error' ||\r\n                valueExtra[file.Id].UploadState === 'Complete') && !file.IsNew ) {\r\n                <bsu-file-viewer-content\r\n                    [file]=\"file\"\r\n                    [width]=\"isMobile ? '100vw' : '30vw'\"\r\n                    [cardMode]=\"true\"\r\n                    [showContent]=\"true\"\r\n                    [showFooter]=\"true\"\r\n                    [deviceSize]=\"(deviceSize$ | async) || 's'\"\r\n                    (cantView)=\"file.cantView = true\"\r\n                ></bsu-file-viewer-content>\r\n                <div fd-popover-body-footer>\r\n                    <bsu-barsa-bar-download-file\r\n                        [isMobile]=\"false\"\r\n                        [popover]=\"popover\"\r\n                        [canPrint]=\"file.Type | isImageType\"\r\n                        [files]=\"[file]\"\r\n                        [hideFullScreen]=\"file.cantView\"\r\n                        [deviceSize]=\"(deviceSize$ | async) || 's'\"\r\n                    ></bsu-barsa-bar-download-file>\r\n                </div>\r\n                <!-- <ul fd-list>\r\n                    <li fd-list-item>\r\n                        <a fd-list-link (click)=\"onDownloadFile(file)\">\r\n                            <i fd-list-icon glyph=\"download\"></i>\r\n                            <span fd-list-title>\r\n                                {{ 'Download' | bbbTranslate }}\r\n                            </span>\r\n                            <fd-busy-indicator [loading]=\"fileDownloading\" [size]=\"'s'\"></fd-busy-indicator>\r\n                        </a>\r\n                    </li>\r\n                </ul> -->\r\n                } }\r\n            </fd-popover-body>\r\n        </fd-popover>\r\n        } }\r\n        <div style=\"display: flex\">\r\n            @if (loading) {\r\n            <div style=\"position: relative; width: 3rem\">\r\n                <bsu-mask [size]=\"'s'\" style=\"background: transparent\"></bsu-mask>\r\n            </div>\r\n            } @if ((fileCount$ | async) | canUploadFile: maxFileCount:(disable$ | async)===true:(readonly$ |\r\n            async)===true) {\r\n            <fd-file-uploader\r\n                class=\"file-linear-upload\"\r\n                fd-toolbar-item\r\n                [id]=\"id\"\r\n                [name]=\"'linear_' + id\"\r\n                [placeholder]=\"'AttachFile' | bbbTranslate\"\r\n                [buttonLabel]=\"'AttachFile' | bbbTranslate\"\r\n                [buttonAriaLabel]=\"'AttachFile' | bbbTranslate\"\r\n                [accept]=\"validExtension\"\r\n                [multiple]=\"maxFileCount > 1 || Setting.IsMultiSelect\"\r\n                (selectedFilesChanged)=\"onFileSelection($event)\"\r\n                [contentDensity]=\"(contentDensity$ | async)!!\"\r\n            ></fd-file-uploader>\r\n            }\r\n        </div>\r\n    </div>\r\n</div>\r\n}\r\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.isMobile ::ng-deep fd-token>span{-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:pre-wrap;height:auto;text-align:right}:host.isMobile ::ng-deep body[dir=ltr] fd-token>span{text-align:left}.token-container{padding:3px;display:flex;width:100%}.token-container[readonly=true]{border:none}.token-wrapper{align-items:center;flex-grow:1;display:flex;flex-wrap:wrap;width:100%}.token-wrapper fd-token,.token-wrapper .file-linear-upload{padding:4px}\n"], dependencies: [{ kind: "directive", type: i2.IntersectionObserverDirective, selector: "[intersectionObserver]", inputs: ["intersectionDebounce", "intersectionRootMargin", "intersectionRoot", "intersectionThreshold"], outputs: ["visibilityChange"] }, { kind: "component", type: i5$1.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "ariaValueText", "title", "label", "ariaLive"] }, { kind: "component", type: i5$5.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: i2$1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i5$6.ObjectNumberComponent, selector: "fd-object-number", inputs: ["number", "decimal", "unit", "emphasized", "large", "status", "class", "ariaLabelledBy", "ariaLabel"] }, { kind: "component", type: i10.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "glyphFont", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large", "secondaryIndication", "textTemplate"] }, { kind: "component", type: i7$2.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "directive", type: i7$2.PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "directive", type: i8.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "component", type: i13.TokenComponent, selector: "fd-token", inputs: ["disabled", "selected", "readOnly"], outputs: ["onCloseClick", "onRemove", "onTokenClick", "onTokenKeydown", "elementFocused"] }, { kind: "component", type: BarsaBarDownloadFileComponent, selector: "bsu-barsa-bar-download-file", inputs: ["popover", "file", "files", "hideFullScreen", "isMobile", "canPrint", "selectedIndex", "deviceSize"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: FileViewerContentComponent, selector: "bsu-file-viewer-content", inputs: ["fillWidth", "imageOnly", "isImageGallery", "cardMode", "showFooter", "showContent", "selected", "width", "deviceSize", "cardContentHeight", "file"], outputs: ["cantView", "imageLoaded"] }, { kind: "directive", type: ContentDensityDirective, selector: "[contentDensity]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.CanUploadFilePipe, name: "canUploadFile" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.IsImagePipe, name: "isImageType" }, { kind: "pipe", type: UploadFileStatusPipe, name: "uploadFileStatus" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: UiFileLinearListBoxComponent, decorators: [{
             type: Component,
@@ -13999,7 +14004,7 @@ class BarsaPishnamayeshPayamComponent extends FieldBaseComponent {
                 useFactory: getDateService$1,
                 deps: [LogService]
             }
-        ], usesInheritance: true, ngImport: i0, template: "@if (data) {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        showPayamClass;\r\n        context: {\r\n            $implicit: data,\r\n            primary: !data?.$details?.length,\r\n            isFirst: true\r\n        }\r\n    \"\r\n>\r\n</ng-container>\r\n}\r\n<ng-template #showPayamClass let-data let-primary=\"primary\" let-isFirst=\"isFirst\">\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            namayeshPayam;\r\n            context: {\r\n                $implicit: data.payam.Subject,\r\n                mailNoText: data.payam.MailNoText,\r\n                fromText: data.payam.FromText,\r\n                toText: data.$toText,\r\n                importance: data.$importance,\r\n                readDate: data.$readDate,\r\n                sendDate: data.$sendDate,\r\n                ccText: data.$ccText,\r\n                bccText: data.$bccText,\r\n                accessLevel: data.$accessLevel,\r\n                content: data.$content,\r\n                fromPhoto: data.$fromPhoto,\r\n                details: data.$details,\r\n                attachments: data.$attachments,\r\n                todo: data.$todo,\r\n                customText: data.payam.CustomText,\r\n                primary: primary,\r\n                isFirst: isFirst\r\n            }\r\n        \"\r\n    >\r\n    </ng-container>\r\n</ng-template>\r\n\r\n<ng-template\r\n    #namayeshPayam\r\n    let-subject\r\n    let-mailNoText=\"mailNoText\"\r\n    let-content=\"content\"\r\n    let-fromText=\"fromText\"\r\n    let-toText=\"toText\"\r\n    let-importance=\"importance\"\r\n    let-readDate=\"readDate\"\r\n    let-sendDate=\"sendDate\"\r\n    let-ccText=\"ccText\"\r\n    let-bccText=\"bccText\"\r\n    let-fromPhoto=\"fromPhoto\"\r\n    let-details=\"details\"\r\n    let-accessLevel=\"accessLevel\"\r\n    let-primary=\"primary\"\r\n    let-isFirst=\"isFirst\"\r\n    let-attachments=\"attachments\"\r\n    let-todo=\"todo\"\r\n    let-customText=\"customText\"\r\n>\r\n    <fd-card cardType=\"object\">\r\n        <fd-card-header>\r\n            <fd-card-main-header>\r\n                <fd-avatar\r\n                    [image]=\"fromPhoto\"\r\n                    [circle]=\"true\"\r\n                    size=\"s\"\r\n                    [ariaLabel]=\"fromText\"\r\n                    [label]=\"fromText\"\r\n                    [title]=\"fromText\"\r\n                ></fd-avatar>\r\n                <div fd-card-title class=\"header-fields\">\r\n                    <h5 fd-title>\r\n                        <a fd-link [emphasized]=\"true\" aria-label=\"Sender\"> {{ fromText }}</a>\r\n                    </h5>\r\n                    <fd-object-identifier [description]=\"'(' + sendDate + ')'\"> </fd-object-identifier>\r\n                </div>\r\n                <div fd-card-subtitle>\r\n                    <h5 fd-title>\r\n                        {{ subject }} @if(mailNoText){ <span>({{ mailNoText }})</span>}\r\n                    </h5>\r\n                    <fd-popover>\r\n                        <fd-popover-control>\r\n                            <button fd-button fdType=\"transparent\" [fdMenu]=\"true\">\r\n                                {{ 'Recievers' | bbbTranslate }}\r\n                            </button>\r\n                        </fd-popover-control>\r\n                        <fd-popover-body>\r\n                            <ul fd-list>\r\n                                @for (rec of toText; track rec) {\r\n                                <li fd-list-item>\r\n                                    <a fd-list-link>{{ rec }}</a>\r\n                                </li>\r\n                                }\r\n                            </ul>\r\n                        </fd-popover-body>\r\n                    </fd-popover>\r\n                </div>\r\n            </fd-card-main-header>\r\n        </fd-card-header>\r\n        <fd-card-content>\r\n            <fd-panel [expanded]=\"isFirst\">\r\n                <div fd-panel-title id=\"panel-expandable-title-1\">\r\n                    <h5 fd-title>{{ '\u0645\u062D\u062A\u0648\u0627\u06CC \u067E\u06CC\u0627\u0645' | bbbTranslate }}</h5>\r\n                    <div class=\"payamIcons\">\r\n                        @if (importance.icon) {\r\n                        <fd-popover>\r\n                            <fd-popover-control>\r\n                                <img [src]=\"'/Customization/Mail/' + importance.icon\" />\r\n                            </fd-popover-control>\r\n                            <fd-popover-body>\r\n                                <ul fd-list>\r\n                                    <li fd-list-item>{{ importance.text }}</li>\r\n                                </ul>\r\n                            </fd-popover-body>\r\n                        </fd-popover>\r\n                        } @if (accessLevel.icon) {\r\n                        <fd-popover>\r\n                            <fd-popover-control>\r\n                                <img [src]=\"'/Customization/Mail/' + accessLevel.icon\" />\r\n                            </fd-popover-control>\r\n                            <fd-popover-body>\r\n                                <ul fd-list>\r\n                                    <li fd-list-item>{{ accessLevel.text }}</li>\r\n                                </ul>\r\n                            </fd-popover-body>\r\n                        </fd-popover>\r\n                        } @if (todo) {\r\n                        <fd-info-label [label]=\"todo.text\" [color]=\"todo.color\" [title]=\"todo.text\"></fd-info-label>\r\n                        }\r\n                    </div>\r\n                </div>\r\n                <div fd-panel-content>\r\n                    @if (customText) {\r\n                    <div>\r\n                        <fd-message-strip type=\"information\" [noIcon]=\"true\" [dismissible]=\"false\">\r\n                            {{ customText }}\r\n                        </fd-message-strip>\r\n                    </div>\r\n                    }\r\n                    <div [innerHtml]=\"content\" [disable]=\"!primary || attachments?.length\"></div>\r\n\r\n                    @if (attachments?.length) {\r\n                    <div class=\"file-viewer-attachments\">\r\n                        @for (file of attachments; track file) { @if (!file.IsDeleted) {\r\n                        <bsu-file-viewer-popover\r\n                            [file]=\"file\"\r\n                            [files]=\"attachments\"\r\n                            [deviceSize]=\"(deviceSize$ | async)!!\"\r\n                            [canDownload]=\"true\"\r\n                            [disableRemove]=\"true\"\r\n                        ></bsu-file-viewer-popover>\r\n                        } } @if (attachments.length > 1) {\r\n                        <button\r\n                            fd-button\r\n                            [title]=\"'Download' | bbbTranslate\"\r\n                            [glyph]=\"'download'\"\r\n                            downloadFiles\r\n                            [files]=\"attachments\"\r\n                        ></button>\r\n                        }\r\n                    </div>\r\n                    }\r\n                    <div class=\"readAt\">\r\n                        @if (readDate) {\r\n                        <fd-object-identifier [description]=\"('ReadAt' | bbbTranslate) + ': (' + readDate + ')'\">\r\n                        </fd-object-identifier>\r\n                        }\r\n                    </div>\r\n                </div>\r\n            </fd-panel>\r\n        </fd-card-content>\r\n        <!-- <fd-card-footer>\r\n    <button *fdCardFooterActionItem fd-button fdCompact>Assign to Project</button>\r\n  </fd-card-footer> -->\r\n    </fd-card>\r\n    @for (detail of details; track detail) {\r\n    <ng-contianer>\r\n        <ng-container\r\n            *ngTemplateOutlet=\"\r\n                showPayamClass;\r\n                context: {\r\n                    $implicit: detail\r\n                }\r\n            \"\r\n        >\r\n        </ng-container>\r\n    </ng-contianer>\r\n    }\r\n</ng-template>\r\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}:host ::ng-deep ol{list-style:auto;margin:unset;padding:revert}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: i3$6.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "colorIndication", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i2$6.LinkComponent, selector: "[fdLink], [fd-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: i1$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i7$3.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: i7$3.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "component", type: i7$3.CardMainHeaderComponent, selector: "fd-card-main-header", inputs: ["interactive", "title"] }, { kind: "component", type: i7$3.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i7$3.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i7$3.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "component", type: i6$1.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", "subline", "unreadIndicator", "role", "settingsList", "settingsListFooter"], outputs: ["focusEscapeList"] }, { kind: "component", type: i7.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "active", "unread", "byline", "ariaRole", "id", "preventClick", "settingsListTpl"], outputs: ["keyDown"] }, { kind: "directive", type: i7.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "component", type: i5.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i2$8.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "dismissBtnTitle", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "width", "minWidth", "marginBottom", "indicationColor"], outputs: ["onDismiss"] }, { kind: "component", type: i10$1.ObjectIdentifierComponent, selector: "fd-object-identifier", inputs: ["description", "bold", "medium"] }, { kind: "component", type: i3$9.PanelComponent, selector: "fd-panel", inputs: ["class", "fixed", "id", "expandId", "expandAriaLabel", "expandAriaLabelledBy", "expanded", "transparent", "noRadius"], outputs: ["expandedChange"] }, { kind: "directive", type: i3$9.PanelContentDirective, selector: "[fd-panel-content]", inputs: ["height", "minHeight", "maxHeight", "ariaLabel", "ariaLabelledBy", "role", "noPadding", "transparent", "id"] }, { kind: "directive", type: i3$9.PanelTitleDirective, selector: "[fd-panel-title]", inputs: ["id"] }, { kind: "component", type: i7$2.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "component", type: FileViewerPopoverComponent, selector: "bsu-file-viewer-popover", inputs: ["files", "file", "deviceSize", "canDownload", "disableRemove", "fdType", "attachmentViewType"], outputs: ["remove"] }, { kind: "directive", type: DownloadFilesDirective, selector: "[downloadFiles]", inputs: ["files"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "@if (data) {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        showPayamClass;\r\n        context: {\r\n            $implicit: data,\r\n            primary: !data?.$details?.length,\r\n            isFirst: true\r\n        }\r\n    \"\r\n>\r\n</ng-container>\r\n}\r\n<ng-template #showPayamClass let-data let-primary=\"primary\" let-isFirst=\"isFirst\">\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            namayeshPayam;\r\n            context: {\r\n                $implicit: data.payam.Subject,\r\n                mailNoText: data.payam.MailNoText,\r\n                fromText: data.payam.FromText,\r\n                toText: data.$toText,\r\n                importance: data.$importance,\r\n                readDate: data.$readDate,\r\n                sendDate: data.$sendDate,\r\n                ccText: data.$ccText,\r\n                bccText: data.$bccText,\r\n                accessLevel: data.$accessLevel,\r\n                content: data.$content,\r\n                fromPhoto: data.$fromPhoto,\r\n                details: data.$details,\r\n                attachments: data.$attachments,\r\n                todo: data.$todo,\r\n                customText: data.payam.CustomText,\r\n                primary: primary,\r\n                isFirst: isFirst\r\n            }\r\n        \"\r\n    >\r\n    </ng-container>\r\n</ng-template>\r\n\r\n<ng-template\r\n    #namayeshPayam\r\n    let-subject\r\n    let-mailNoText=\"mailNoText\"\r\n    let-content=\"content\"\r\n    let-fromText=\"fromText\"\r\n    let-toText=\"toText\"\r\n    let-importance=\"importance\"\r\n    let-readDate=\"readDate\"\r\n    let-sendDate=\"sendDate\"\r\n    let-ccText=\"ccText\"\r\n    let-bccText=\"bccText\"\r\n    let-fromPhoto=\"fromPhoto\"\r\n    let-details=\"details\"\r\n    let-accessLevel=\"accessLevel\"\r\n    let-primary=\"primary\"\r\n    let-isFirst=\"isFirst\"\r\n    let-attachments=\"attachments\"\r\n    let-todo=\"todo\"\r\n    let-customText=\"customText\"\r\n>\r\n    <fd-card cardType=\"object\">\r\n        <fd-card-header>\r\n            <fd-card-main-header>\r\n                <fd-avatar\r\n                    [image]=\"fromPhoto\"\r\n                    [circle]=\"true\"\r\n                    size=\"s\"\r\n                    [ariaLabel]=\"fromText\"\r\n                    [label]=\"fromText\"\r\n                    [title]=\"fromText\"\r\n                ></fd-avatar>\r\n                <div fd-card-title class=\"header-fields\">\r\n                    <h5 fd-title>\r\n                        <a fd-link [emphasized]=\"true\" aria-label=\"Sender\"> {{ fromText }}</a>\r\n                    </h5>\r\n                    <fd-object-identifier [description]=\"'(' + sendDate + ')'\"> </fd-object-identifier>\r\n                </div>\r\n                <div fd-card-subtitle>\r\n                    <h5 fd-title>\r\n                        {{ subject }} @if(mailNoText){ <span>({{ mailNoText }})</span>}\r\n                    </h5>\r\n                    <fd-popover>\r\n                        <fd-popover-control>\r\n                            <button fd-button fdType=\"transparent\" [fdMenu]=\"true\">\r\n                                {{ 'Recievers' | bbbTranslate }}\r\n                            </button>\r\n                        </fd-popover-control>\r\n                        <fd-popover-body>\r\n                            <ul fd-list>\r\n                                @for (rec of toText; track rec) {\r\n                                <li fd-list-item>\r\n                                    <a fd-list-link>{{ rec }}</a>\r\n                                </li>\r\n                                }\r\n                            </ul>\r\n                        </fd-popover-body>\r\n                    </fd-popover>\r\n                </div>\r\n            </fd-card-main-header>\r\n        </fd-card-header>\r\n        <fd-card-content>\r\n            <fd-panel [expanded]=\"isFirst\">\r\n                <div fd-panel-title id=\"panel-expandable-title-1\">\r\n                    <h5 fd-title>{{ '\u0645\u062D\u062A\u0648\u0627\u06CC \u067E\u06CC\u0627\u0645' | bbbTranslate }}</h5>\r\n                    <div class=\"payamIcons\">\r\n                        @if (importance.icon) {\r\n                        <fd-popover>\r\n                            <fd-popover-control>\r\n                                <img [src]=\"'/Customization/Mail/' + importance.icon\" />\r\n                            </fd-popover-control>\r\n                            <fd-popover-body>\r\n                                <ul fd-list>\r\n                                    <li fd-list-item>{{ importance.text }}</li>\r\n                                </ul>\r\n                            </fd-popover-body>\r\n                        </fd-popover>\r\n                        } @if (accessLevel.icon) {\r\n                        <fd-popover>\r\n                            <fd-popover-control>\r\n                                <img [src]=\"'/Customization/Mail/' + accessLevel.icon\" />\r\n                            </fd-popover-control>\r\n                            <fd-popover-body>\r\n                                <ul fd-list>\r\n                                    <li fd-list-item>{{ accessLevel.text }}</li>\r\n                                </ul>\r\n                            </fd-popover-body>\r\n                        </fd-popover>\r\n                        } @if (todo) {\r\n                        <fd-info-label [label]=\"todo.text\" [color]=\"todo.color\" [title]=\"todo.text\"></fd-info-label>\r\n                        }\r\n                    </div>\r\n                </div>\r\n                <div fd-panel-content>\r\n                    @if (customText) {\r\n                    <div>\r\n                        <fd-message-strip type=\"information\" [noIcon]=\"true\" [dismissible]=\"false\">\r\n                            {{ customText }}\r\n                        </fd-message-strip>\r\n                    </div>\r\n                    }\r\n                    <div [innerHtml]=\"content\" [disable]=\"!primary || attachments?.length\"></div>\r\n\r\n                    @if (attachments?.length) {\r\n                    <div class=\"file-viewer-attachments\">\r\n                        @for (file of attachments; track file;let index=$index) { @if (!file.IsDeleted) {\r\n                        <bsu-file-viewer-popover\r\n                            [file]=\"file\"\r\n                            [index]=\"index\"\r\n                            [files]=\"attachments\"\r\n                            [deviceSize]=\"(deviceSize$ | async)!!\"\r\n                            [canDownload]=\"true\"\r\n                            [disableRemove]=\"true\"\r\n                        ></bsu-file-viewer-popover>\r\n                        } } @if (attachments.length > 1) {\r\n                        <button\r\n                            fd-button\r\n                            [title]=\"'Download' | bbbTranslate\"\r\n                            [glyph]=\"'download'\"\r\n                            downloadFiles\r\n                            [files]=\"attachments\"\r\n                        ></button>\r\n                        }\r\n                    </div>\r\n                    }\r\n                    <div class=\"readAt\">\r\n                        @if (readDate) {\r\n                        <fd-object-identifier [description]=\"('ReadAt' | bbbTranslate) + ': (' + readDate + ')'\">\r\n                        </fd-object-identifier>\r\n                        }\r\n                    </div>\r\n                </div>\r\n            </fd-panel>\r\n        </fd-card-content>\r\n        <!-- <fd-card-footer>\r\n    <button *fdCardFooterActionItem fd-button fdCompact>Assign to Project</button>\r\n  </fd-card-footer> -->\r\n    </fd-card>\r\n    @for (detail of details; track detail) {\r\n    <ng-contianer>\r\n        <ng-container\r\n            *ngTemplateOutlet=\"\r\n                showPayamClass;\r\n                context: {\r\n                    $implicit: detail\r\n                }\r\n            \"\r\n        >\r\n        </ng-container>\r\n    </ng-contianer>\r\n    }\r\n</ng-template>\r\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}:host ::ng-deep ol{list-style:auto;margin:unset;padding:revert}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: i3$6.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "colorIndication", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i2$6.LinkComponent, selector: "[fdLink], [fd-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: i1$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i7$3.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: i7$3.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "component", type: i7$3.CardMainHeaderComponent, selector: "fd-card-main-header", inputs: ["interactive", "title"] }, { kind: "component", type: i7$3.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i7$3.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i7$3.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "component", type: i6$1.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", "subline", "unreadIndicator", "role", "settingsList", "settingsListFooter"], outputs: ["focusEscapeList"] }, { kind: "component", type: i7.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "active", "unread", "byline", "ariaRole", "id", "preventClick", "settingsListTpl"], outputs: ["keyDown"] }, { kind: "directive", type: i7.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "component", type: i5.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i2$8.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "dismissBtnTitle", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "width", "minWidth", "marginBottom", "indicationColor"], outputs: ["onDismiss"] }, { kind: "component", type: i10$1.ObjectIdentifierComponent, selector: "fd-object-identifier", inputs: ["description", "bold", "medium"] }, { kind: "component", type: i3$9.PanelComponent, selector: "fd-panel", inputs: ["class", "fixed", "id", "expandId", "expandAriaLabel", "expandAriaLabelledBy", "expanded", "transparent", "noRadius"], outputs: ["expandedChange"] }, { kind: "directive", type: i3$9.PanelContentDirective, selector: "[fd-panel-content]", inputs: ["height", "minHeight", "maxHeight", "ariaLabel", "ariaLabelledBy", "role", "noPadding", "transparent", "id"] }, { kind: "directive", type: i3$9.PanelTitleDirective, selector: "[fd-panel-title]", inputs: ["id"] }, { kind: "component", type: i7$2.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "component", type: FileViewerPopoverComponent, selector: "bsu-file-viewer-popover", inputs: ["files", "file", "index", "deviceSize", "canDownload", "disableRemove", "fdType", "attachmentViewType"], outputs: ["remove"] }, { kind: "directive", type: DownloadFilesDirective, selector: "[downloadFiles]", inputs: ["files"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BarsaPishnamayeshPayamComponent, decorators: [{
             type: Component,
@@ -14009,7 +14014,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                             useFactory: getDateService$1,
                             deps: [LogService]
                         }
-                    ], standalone: false, template: "@if (data) {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        showPayamClass;\r\n        context: {\r\n            $implicit: data,\r\n            primary: !data?.$details?.length,\r\n            isFirst: true\r\n        }\r\n    \"\r\n>\r\n</ng-container>\r\n}\r\n<ng-template #showPayamClass let-data let-primary=\"primary\" let-isFirst=\"isFirst\">\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            namayeshPayam;\r\n            context: {\r\n                $implicit: data.payam.Subject,\r\n                mailNoText: data.payam.MailNoText,\r\n                fromText: data.payam.FromText,\r\n                toText: data.$toText,\r\n                importance: data.$importance,\r\n                readDate: data.$readDate,\r\n                sendDate: data.$sendDate,\r\n                ccText: data.$ccText,\r\n                bccText: data.$bccText,\r\n                accessLevel: data.$accessLevel,\r\n                content: data.$content,\r\n                fromPhoto: data.$fromPhoto,\r\n                details: data.$details,\r\n                attachments: data.$attachments,\r\n                todo: data.$todo,\r\n                customText: data.payam.CustomText,\r\n                primary: primary,\r\n                isFirst: isFirst\r\n            }\r\n        \"\r\n    >\r\n    </ng-container>\r\n</ng-template>\r\n\r\n<ng-template\r\n    #namayeshPayam\r\n    let-subject\r\n    let-mailNoText=\"mailNoText\"\r\n    let-content=\"content\"\r\n    let-fromText=\"fromText\"\r\n    let-toText=\"toText\"\r\n    let-importance=\"importance\"\r\n    let-readDate=\"readDate\"\r\n    let-sendDate=\"sendDate\"\r\n    let-ccText=\"ccText\"\r\n    let-bccText=\"bccText\"\r\n    let-fromPhoto=\"fromPhoto\"\r\n    let-details=\"details\"\r\n    let-accessLevel=\"accessLevel\"\r\n    let-primary=\"primary\"\r\n    let-isFirst=\"isFirst\"\r\n    let-attachments=\"attachments\"\r\n    let-todo=\"todo\"\r\n    let-customText=\"customText\"\r\n>\r\n    <fd-card cardType=\"object\">\r\n        <fd-card-header>\r\n            <fd-card-main-header>\r\n                <fd-avatar\r\n                    [image]=\"fromPhoto\"\r\n                    [circle]=\"true\"\r\n                    size=\"s\"\r\n                    [ariaLabel]=\"fromText\"\r\n                    [label]=\"fromText\"\r\n                    [title]=\"fromText\"\r\n                ></fd-avatar>\r\n                <div fd-card-title class=\"header-fields\">\r\n                    <h5 fd-title>\r\n                        <a fd-link [emphasized]=\"true\" aria-label=\"Sender\"> {{ fromText }}</a>\r\n                    </h5>\r\n                    <fd-object-identifier [description]=\"'(' + sendDate + ')'\"> </fd-object-identifier>\r\n                </div>\r\n                <div fd-card-subtitle>\r\n                    <h5 fd-title>\r\n                        {{ subject }} @if(mailNoText){ <span>({{ mailNoText }})</span>}\r\n                    </h5>\r\n                    <fd-popover>\r\n                        <fd-popover-control>\r\n                            <button fd-button fdType=\"transparent\" [fdMenu]=\"true\">\r\n                                {{ 'Recievers' | bbbTranslate }}\r\n                            </button>\r\n                        </fd-popover-control>\r\n                        <fd-popover-body>\r\n                            <ul fd-list>\r\n                                @for (rec of toText; track rec) {\r\n                                <li fd-list-item>\r\n                                    <a fd-list-link>{{ rec }}</a>\r\n                                </li>\r\n                                }\r\n                            </ul>\r\n                        </fd-popover-body>\r\n                    </fd-popover>\r\n                </div>\r\n            </fd-card-main-header>\r\n        </fd-card-header>\r\n        <fd-card-content>\r\n            <fd-panel [expanded]=\"isFirst\">\r\n                <div fd-panel-title id=\"panel-expandable-title-1\">\r\n                    <h5 fd-title>{{ '\u0645\u062D\u062A\u0648\u0627\u06CC \u067E\u06CC\u0627\u0645' | bbbTranslate }}</h5>\r\n                    <div class=\"payamIcons\">\r\n                        @if (importance.icon) {\r\n                        <fd-popover>\r\n                            <fd-popover-control>\r\n                                <img [src]=\"'/Customization/Mail/' + importance.icon\" />\r\n                            </fd-popover-control>\r\n                            <fd-popover-body>\r\n                                <ul fd-list>\r\n                                    <li fd-list-item>{{ importance.text }}</li>\r\n                                </ul>\r\n                            </fd-popover-body>\r\n                        </fd-popover>\r\n                        } @if (accessLevel.icon) {\r\n                        <fd-popover>\r\n                            <fd-popover-control>\r\n                                <img [src]=\"'/Customization/Mail/' + accessLevel.icon\" />\r\n                            </fd-popover-control>\r\n                            <fd-popover-body>\r\n                                <ul fd-list>\r\n                                    <li fd-list-item>{{ accessLevel.text }}</li>\r\n                                </ul>\r\n                            </fd-popover-body>\r\n                        </fd-popover>\r\n                        } @if (todo) {\r\n                        <fd-info-label [label]=\"todo.text\" [color]=\"todo.color\" [title]=\"todo.text\"></fd-info-label>\r\n                        }\r\n                    </div>\r\n                </div>\r\n                <div fd-panel-content>\r\n                    @if (customText) {\r\n                    <div>\r\n                        <fd-message-strip type=\"information\" [noIcon]=\"true\" [dismissible]=\"false\">\r\n                            {{ customText }}\r\n                        </fd-message-strip>\r\n                    </div>\r\n                    }\r\n                    <div [innerHtml]=\"content\" [disable]=\"!primary || attachments?.length\"></div>\r\n\r\n                    @if (attachments?.length) {\r\n                    <div class=\"file-viewer-attachments\">\r\n                        @for (file of attachments; track file) { @if (!file.IsDeleted) {\r\n                        <bsu-file-viewer-popover\r\n                            [file]=\"file\"\r\n                            [files]=\"attachments\"\r\n                            [deviceSize]=\"(deviceSize$ | async)!!\"\r\n                            [canDownload]=\"true\"\r\n                            [disableRemove]=\"true\"\r\n                        ></bsu-file-viewer-popover>\r\n                        } } @if (attachments.length > 1) {\r\n                        <button\r\n                            fd-button\r\n                            [title]=\"'Download' | bbbTranslate\"\r\n                            [glyph]=\"'download'\"\r\n                            downloadFiles\r\n                            [files]=\"attachments\"\r\n                        ></button>\r\n                        }\r\n                    </div>\r\n                    }\r\n                    <div class=\"readAt\">\r\n                        @if (readDate) {\r\n                        <fd-object-identifier [description]=\"('ReadAt' | bbbTranslate) + ': (' + readDate + ')'\">\r\n                        </fd-object-identifier>\r\n                        }\r\n                    </div>\r\n                </div>\r\n            </fd-panel>\r\n        </fd-card-content>\r\n        <!-- <fd-card-footer>\r\n    <button *fdCardFooterActionItem fd-button fdCompact>Assign to Project</button>\r\n  </fd-card-footer> -->\r\n    </fd-card>\r\n    @for (detail of details; track detail) {\r\n    <ng-contianer>\r\n        <ng-container\r\n            *ngTemplateOutlet=\"\r\n                showPayamClass;\r\n                context: {\r\n                    $implicit: detail\r\n                }\r\n            \"\r\n        >\r\n        </ng-container>\r\n    </ng-contianer>\r\n    }\r\n</ng-template>\r\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}:host ::ng-deep ol{list-style:auto;margin:unset;padding:revert}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"] }]
+                    ], standalone: false, template: "@if (data) {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        showPayamClass;\r\n        context: {\r\n            $implicit: data,\r\n            primary: !data?.$details?.length,\r\n            isFirst: true\r\n        }\r\n    \"\r\n>\r\n</ng-container>\r\n}\r\n<ng-template #showPayamClass let-data let-primary=\"primary\" let-isFirst=\"isFirst\">\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            namayeshPayam;\r\n            context: {\r\n                $implicit: data.payam.Subject,\r\n                mailNoText: data.payam.MailNoText,\r\n                fromText: data.payam.FromText,\r\n                toText: data.$toText,\r\n                importance: data.$importance,\r\n                readDate: data.$readDate,\r\n                sendDate: data.$sendDate,\r\n                ccText: data.$ccText,\r\n                bccText: data.$bccText,\r\n                accessLevel: data.$accessLevel,\r\n                content: data.$content,\r\n                fromPhoto: data.$fromPhoto,\r\n                details: data.$details,\r\n                attachments: data.$attachments,\r\n                todo: data.$todo,\r\n                customText: data.payam.CustomText,\r\n                primary: primary,\r\n                isFirst: isFirst\r\n            }\r\n        \"\r\n    >\r\n    </ng-container>\r\n</ng-template>\r\n\r\n<ng-template\r\n    #namayeshPayam\r\n    let-subject\r\n    let-mailNoText=\"mailNoText\"\r\n    let-content=\"content\"\r\n    let-fromText=\"fromText\"\r\n    let-toText=\"toText\"\r\n    let-importance=\"importance\"\r\n    let-readDate=\"readDate\"\r\n    let-sendDate=\"sendDate\"\r\n    let-ccText=\"ccText\"\r\n    let-bccText=\"bccText\"\r\n    let-fromPhoto=\"fromPhoto\"\r\n    let-details=\"details\"\r\n    let-accessLevel=\"accessLevel\"\r\n    let-primary=\"primary\"\r\n    let-isFirst=\"isFirst\"\r\n    let-attachments=\"attachments\"\r\n    let-todo=\"todo\"\r\n    let-customText=\"customText\"\r\n>\r\n    <fd-card cardType=\"object\">\r\n        <fd-card-header>\r\n            <fd-card-main-header>\r\n                <fd-avatar\r\n                    [image]=\"fromPhoto\"\r\n                    [circle]=\"true\"\r\n                    size=\"s\"\r\n                    [ariaLabel]=\"fromText\"\r\n                    [label]=\"fromText\"\r\n                    [title]=\"fromText\"\r\n                ></fd-avatar>\r\n                <div fd-card-title class=\"header-fields\">\r\n                    <h5 fd-title>\r\n                        <a fd-link [emphasized]=\"true\" aria-label=\"Sender\"> {{ fromText }}</a>\r\n                    </h5>\r\n                    <fd-object-identifier [description]=\"'(' + sendDate + ')'\"> </fd-object-identifier>\r\n                </div>\r\n                <div fd-card-subtitle>\r\n                    <h5 fd-title>\r\n                        {{ subject }} @if(mailNoText){ <span>({{ mailNoText }})</span>}\r\n                    </h5>\r\n                    <fd-popover>\r\n                        <fd-popover-control>\r\n                            <button fd-button fdType=\"transparent\" [fdMenu]=\"true\">\r\n                                {{ 'Recievers' | bbbTranslate }}\r\n                            </button>\r\n                        </fd-popover-control>\r\n                        <fd-popover-body>\r\n                            <ul fd-list>\r\n                                @for (rec of toText; track rec) {\r\n                                <li fd-list-item>\r\n                                    <a fd-list-link>{{ rec }}</a>\r\n                                </li>\r\n                                }\r\n                            </ul>\r\n                        </fd-popover-body>\r\n                    </fd-popover>\r\n                </div>\r\n            </fd-card-main-header>\r\n        </fd-card-header>\r\n        <fd-card-content>\r\n            <fd-panel [expanded]=\"isFirst\">\r\n                <div fd-panel-title id=\"panel-expandable-title-1\">\r\n                    <h5 fd-title>{{ '\u0645\u062D\u062A\u0648\u0627\u06CC \u067E\u06CC\u0627\u0645' | bbbTranslate }}</h5>\r\n                    <div class=\"payamIcons\">\r\n                        @if (importance.icon) {\r\n                        <fd-popover>\r\n                            <fd-popover-control>\r\n                                <img [src]=\"'/Customization/Mail/' + importance.icon\" />\r\n                            </fd-popover-control>\r\n                            <fd-popover-body>\r\n                                <ul fd-list>\r\n                                    <li fd-list-item>{{ importance.text }}</li>\r\n                                </ul>\r\n                            </fd-popover-body>\r\n                        </fd-popover>\r\n                        } @if (accessLevel.icon) {\r\n                        <fd-popover>\r\n                            <fd-popover-control>\r\n                                <img [src]=\"'/Customization/Mail/' + accessLevel.icon\" />\r\n                            </fd-popover-control>\r\n                            <fd-popover-body>\r\n                                <ul fd-list>\r\n                                    <li fd-list-item>{{ accessLevel.text }}</li>\r\n                                </ul>\r\n                            </fd-popover-body>\r\n                        </fd-popover>\r\n                        } @if (todo) {\r\n                        <fd-info-label [label]=\"todo.text\" [color]=\"todo.color\" [title]=\"todo.text\"></fd-info-label>\r\n                        }\r\n                    </div>\r\n                </div>\r\n                <div fd-panel-content>\r\n                    @if (customText) {\r\n                    <div>\r\n                        <fd-message-strip type=\"information\" [noIcon]=\"true\" [dismissible]=\"false\">\r\n                            {{ customText }}\r\n                        </fd-message-strip>\r\n                    </div>\r\n                    }\r\n                    <div [innerHtml]=\"content\" [disable]=\"!primary || attachments?.length\"></div>\r\n\r\n                    @if (attachments?.length) {\r\n                    <div class=\"file-viewer-attachments\">\r\n                        @for (file of attachments; track file;let index=$index) { @if (!file.IsDeleted) {\r\n                        <bsu-file-viewer-popover\r\n                            [file]=\"file\"\r\n                            [index]=\"index\"\r\n                            [files]=\"attachments\"\r\n                            [deviceSize]=\"(deviceSize$ | async)!!\"\r\n                            [canDownload]=\"true\"\r\n                            [disableRemove]=\"true\"\r\n                        ></bsu-file-viewer-popover>\r\n                        } } @if (attachments.length > 1) {\r\n                        <button\r\n                            fd-button\r\n                            [title]=\"'Download' | bbbTranslate\"\r\n                            [glyph]=\"'download'\"\r\n                            downloadFiles\r\n                            [files]=\"attachments\"\r\n                        ></button>\r\n                        }\r\n                    </div>\r\n                    }\r\n                    <div class=\"readAt\">\r\n                        @if (readDate) {\r\n                        <fd-object-identifier [description]=\"('ReadAt' | bbbTranslate) + ': (' + readDate + ')'\">\r\n                        </fd-object-identifier>\r\n                        }\r\n                    </div>\r\n                </div>\r\n            </fd-panel>\r\n        </fd-card-content>\r\n        <!-- <fd-card-footer>\r\n    <button *fdCardFooterActionItem fd-button fdCompact>Assign to Project</button>\r\n  </fd-card-footer> -->\r\n    </fd-card>\r\n    @for (detail of details; track detail) {\r\n    <ng-contianer>\r\n        <ng-container\r\n            *ngTemplateOutlet=\"\r\n                showPayamClass;\r\n                context: {\r\n                    $implicit: detail\r\n                }\r\n            \"\r\n        >\r\n        </ng-container>\r\n    </ng-contianer>\r\n    }\r\n</ng-template>\r\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}:host ::ng-deep ol{list-style:auto;margin:unset;padding:revert}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"] }]
         }] });
 class PayamClassType {
     constructor(payam, _domSanitizer, _dateService) {
@@ -14810,11 +14815,11 @@ class BarsaCardRowPayamComponent extends BaseViewItemPropsComponent {
         this.content = this._domSanitizer.bypassSecurityTrustHtml(`<div style="color:black;font-size:12pt;font-family:Calibri,Helvetica,sans-serif;">okkkk</div>`);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BarsaCardRowPayamComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: BarsaCardRowPayamComponent, isStandalone: false, selector: "bsu-barsa-card-row-payam", usesInheritance: true, ngImport: i0, template: "<fd-card cardType=\"object\" class=\"docs-flex-item-margin\">\r\n    <fd-card-header (click)=\"hideContent = !hideContent\" bodyClick style=\"border-bottom: none\">\r\n        <fd-card-main-header>\r\n            <fd-avatar\r\n                image=\"http://picsum.photos/id/1018/400\"\r\n                [circle]=\"true\"\r\n                size=\"s\"\r\n                ariaLabel=\"avatar image\"\r\n                title=\"avatar image\"\r\n            ></fd-avatar>\r\n            <h2 fd-card-title>\r\n                <div style=\"display: flex; column-gap: 1.275rem\">\r\n                    <span>\u0631\u0627\u0647\u0628\u0631 \u0633\u06CC\u0633\u062A\u0645</span>\r\n                    <fd-object-attribute style=\"direction: ltr\">\u062E\u0648\u0627\u0646\u062F\u0647 \u062F\u0631: 1402/12/28 14:20 </fd-object-attribute>\r\n                    <span fd-object-status status=\"negative\" label=\"\u062E\u06CC\u0644\u06CC \u0645\u0647\u0645\" aria-label=\"\u062E\u06CC\u0644\u06CC \u0645\u0647\u0645\"></span>\r\n                </div>\r\n                <div style=\"position: absolute; left: 1.2rem; top: 50%\"><fd-icon [glyph]=\"'attachment'\"></fd-icon></div>\r\n            </h2>\r\n\r\n            <h3 fd-card-subtitle>\r\n                @if (hideContent) {\r\n                <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\r\n                } @if (!hideContent) {\r\n                <ng-container *ngTemplateOutlet=\"toTpl\"></ng-container>\r\n                }\r\n            </h3>\r\n            @if (hideContent) {\r\n            <span fd-card-counter><div style=\"direction: ltr\">1402/12/28 14:20</div> </span>\r\n            } @if (!hideContent) {\r\n            <span\r\n                fd-card-counter\r\n                ulvContextMenu\r\n                [menuItems]=\"contextMenuItems\"\r\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n            ></span>\r\n            }\r\n        </fd-card-main-header>\r\n    </fd-card-header>\r\n    @if (!hideContent) {\r\n    <fd-card-content>\r\n        <ng-container *ngTemplateOutlet=\"attachmentsTpl\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\r\n    </fd-card-content>\r\n    }\r\n</fd-card>\r\n\r\n<ng-template #contentTpl>\r\n    <div style=\"padding-top: 0.5rem; margin-top: 1rem; border-top: 1px solid #ccc\" [innerHtml]=\"content\"></div>\r\n</ng-template>\r\n\r\n<ng-template #toTpl>\r\n    <div>To: \u0645\u0646</div>\r\n    <div>Cc: \u0645\u0646</div>\r\n</ng-template>\r\n<ng-template #attachmentsTpl>\r\n    <div class=\"file-viewer-attachments\">\r\n        @for (file of mo.F5.Files; track file) { @if (!file.IsDeleted) {\r\n        <bsu-file-viewer-popover\r\n            [file]=\"file\"\r\n            [files]=\"mo.F5.Files\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [canDownload]=\"true\"\r\n            [disableRemove]=\"true\"\r\n            [fdType]=\"'transparent'\"\r\n        ></bsu-file-viewer-popover>\r\n        } }\r\n    </div>\r\n    @if (mo.F5.Files.length > 1) {\r\n    <button\r\n        fd-button\r\n        [fdType]=\"'transparent'\"\r\n        [label]=\"'Download' | bbbTranslate: 'All'\"\r\n        [glyph]=\"'download'\"\r\n        downloadFiles\r\n        [files]=\"mo.F5.Files\"\r\n    ></button>\r\n    }\r\n</ng-template>\r\n", styles: [":host{display:block;width:100%;height:100%;padding-bottom:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.BodyClickDirective, selector: "[bodyClick]", inputs: ["disableBodyClick"] }, { kind: "component", type: i3$6.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "colorIndication", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i1$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i7$3.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: i7$3.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "component", type: i7$3.CardMainHeaderComponent, selector: "fd-card-main-header", inputs: ["interactive", "title"] }, { kind: "component", type: i7$3.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i7$3.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i7$3.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "directive", type: i7$3.CardCounterDirective, selector: "[fd-card-counter]", inputs: ["statusInput"] }, { kind: "component", type: i3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i10.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "glyphFont", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large", "secondaryIndication", "textTemplate"] }, { kind: "component", type: i8$4.ObjectAttributeComponent, selector: "fd-object-attribute", inputs: ["label", "linkText", "islink", "disabled"], outputs: ["objectAttributeclick"] }, { kind: "component", type: UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "rightClickEnable", "closeOnOutsideClick", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode", "contextMenuOverflowText", "appendTo"], outputs: ["commandClick"] }, { kind: "component", type: FileViewerPopoverComponent, selector: "bsu-file-viewer-popover", inputs: ["files", "file", "deviceSize", "canDownload", "disableRemove", "fdType", "attachmentViewType"], outputs: ["remove"] }, { kind: "directive", type: DownloadFilesDirective, selector: "[downloadFiles]", inputs: ["files"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: BarsaCardRowPayamComponent, isStandalone: false, selector: "bsu-barsa-card-row-payam", usesInheritance: true, ngImport: i0, template: "<fd-card cardType=\"object\" class=\"docs-flex-item-margin\">\r\n    <fd-card-header (click)=\"hideContent = !hideContent\" bodyClick style=\"border-bottom: none\">\r\n        <fd-card-main-header>\r\n            <fd-avatar\r\n                image=\"http://picsum.photos/id/1018/400\"\r\n                [circle]=\"true\"\r\n                size=\"s\"\r\n                ariaLabel=\"avatar image\"\r\n                title=\"avatar image\"\r\n            ></fd-avatar>\r\n            <h2 fd-card-title>\r\n                <div style=\"display: flex; column-gap: 1.275rem\">\r\n                    <span>\u0631\u0627\u0647\u0628\u0631 \u0633\u06CC\u0633\u062A\u0645</span>\r\n                    <fd-object-attribute style=\"direction: ltr\">\u062E\u0648\u0627\u0646\u062F\u0647 \u062F\u0631: 1402/12/28 14:20 </fd-object-attribute>\r\n                    <span fd-object-status status=\"negative\" label=\"\u062E\u06CC\u0644\u06CC \u0645\u0647\u0645\" aria-label=\"\u062E\u06CC\u0644\u06CC \u0645\u0647\u0645\"></span>\r\n                </div>\r\n                <div style=\"position: absolute; left: 1.2rem; top: 50%\"><fd-icon [glyph]=\"'attachment'\"></fd-icon></div>\r\n            </h2>\r\n\r\n            <h3 fd-card-subtitle>\r\n                @if (hideContent) {\r\n                <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\r\n                } @if (!hideContent) {\r\n                <ng-container *ngTemplateOutlet=\"toTpl\"></ng-container>\r\n                }\r\n            </h3>\r\n            @if (hideContent) {\r\n            <span fd-card-counter><div style=\"direction: ltr\">1402/12/28 14:20</div> </span>\r\n            } @if (!hideContent) {\r\n            <span\r\n                fd-card-counter\r\n                ulvContextMenu\r\n                [menuItems]=\"contextMenuItems\"\r\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n            ></span>\r\n            }\r\n        </fd-card-main-header>\r\n    </fd-card-header>\r\n    @if (!hideContent) {\r\n    <fd-card-content>\r\n        <ng-container *ngTemplateOutlet=\"attachmentsTpl\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\r\n    </fd-card-content>\r\n    }\r\n</fd-card>\r\n\r\n<ng-template #contentTpl>\r\n    <div style=\"padding-top: 0.5rem; margin-top: 1rem; border-top: 1px solid #ccc\" [innerHtml]=\"content\"></div>\r\n</ng-template>\r\n\r\n<ng-template #toTpl>\r\n    <div>To: \u0645\u0646</div>\r\n    <div>Cc: \u0645\u0646</div>\r\n</ng-template>\r\n<ng-template #attachmentsTpl>\r\n    <div class=\"file-viewer-attachments\">\r\n        @for (file of mo.F5.Files; track file;let index=$index) { @if (!file.IsDeleted) {\r\n        <bsu-file-viewer-popover\r\n            [file]=\"file\"\r\n            [index]=\"index\"\r\n            [files]=\"mo.F5.Files\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [canDownload]=\"true\"\r\n            [disableRemove]=\"true\"\r\n            [fdType]=\"'transparent'\"\r\n        ></bsu-file-viewer-popover>\r\n        } }\r\n    </div>\r\n    @if (mo.F5.Files.length > 1) {\r\n    <button\r\n        fd-button\r\n        [fdType]=\"'transparent'\"\r\n        [label]=\"'Download' | bbbTranslate: 'All'\"\r\n        [glyph]=\"'download'\"\r\n        downloadFiles\r\n        [files]=\"mo.F5.Files\"\r\n    ></button>\r\n    }\r\n</ng-template>\r\n", styles: [":host{display:block;width:100%;height:100%;padding-bottom:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.BodyClickDirective, selector: "[bodyClick]", inputs: ["disableBodyClick"] }, { kind: "component", type: i3$6.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "colorIndication", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i1$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i7$3.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: i7$3.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "component", type: i7$3.CardMainHeaderComponent, selector: "fd-card-main-header", inputs: ["interactive", "title"] }, { kind: "component", type: i7$3.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i7$3.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i7$3.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "directive", type: i7$3.CardCounterDirective, selector: "[fd-card-counter]", inputs: ["statusInput"] }, { kind: "component", type: i3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i10.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "glyphFont", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large", "secondaryIndication", "textTemplate"] }, { kind: "component", type: i8$4.ObjectAttributeComponent, selector: "fd-object-attribute", inputs: ["label", "linkText", "islink", "disabled"], outputs: ["objectAttributeclick"] }, { kind: "component", type: UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "rightClickEnable", "closeOnOutsideClick", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode", "contextMenuOverflowText", "appendTo"], outputs: ["commandClick"] }, { kind: "component", type: FileViewerPopoverComponent, selector: "bsu-file-viewer-popover", inputs: ["files", "file", "index", "deviceSize", "canDownload", "disableRemove", "fdType", "attachmentViewType"], outputs: ["remove"] }, { kind: "directive", type: DownloadFilesDirective, selector: "[downloadFiles]", inputs: ["files"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BarsaCardRowPayamComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-barsa-card-row-payam', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<fd-card cardType=\"object\" class=\"docs-flex-item-margin\">\r\n    <fd-card-header (click)=\"hideContent = !hideContent\" bodyClick style=\"border-bottom: none\">\r\n        <fd-card-main-header>\r\n            <fd-avatar\r\n                image=\"http://picsum.photos/id/1018/400\"\r\n                [circle]=\"true\"\r\n                size=\"s\"\r\n                ariaLabel=\"avatar image\"\r\n                title=\"avatar image\"\r\n            ></fd-avatar>\r\n            <h2 fd-card-title>\r\n                <div style=\"display: flex; column-gap: 1.275rem\">\r\n                    <span>\u0631\u0627\u0647\u0628\u0631 \u0633\u06CC\u0633\u062A\u0645</span>\r\n                    <fd-object-attribute style=\"direction: ltr\">\u062E\u0648\u0627\u0646\u062F\u0647 \u062F\u0631: 1402/12/28 14:20 </fd-object-attribute>\r\n                    <span fd-object-status status=\"negative\" label=\"\u062E\u06CC\u0644\u06CC \u0645\u0647\u0645\" aria-label=\"\u062E\u06CC\u0644\u06CC \u0645\u0647\u0645\"></span>\r\n                </div>\r\n                <div style=\"position: absolute; left: 1.2rem; top: 50%\"><fd-icon [glyph]=\"'attachment'\"></fd-icon></div>\r\n            </h2>\r\n\r\n            <h3 fd-card-subtitle>\r\n                @if (hideContent) {\r\n                <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\r\n                } @if (!hideContent) {\r\n                <ng-container *ngTemplateOutlet=\"toTpl\"></ng-container>\r\n                }\r\n            </h3>\r\n            @if (hideContent) {\r\n            <span fd-card-counter><div style=\"direction: ltr\">1402/12/28 14:20</div> </span>\r\n            } @if (!hideContent) {\r\n            <span\r\n                fd-card-counter\r\n                ulvContextMenu\r\n                [menuItems]=\"contextMenuItems\"\r\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n            ></span>\r\n            }\r\n        </fd-card-main-header>\r\n    </fd-card-header>\r\n    @if (!hideContent) {\r\n    <fd-card-content>\r\n        <ng-container *ngTemplateOutlet=\"attachmentsTpl\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\r\n    </fd-card-content>\r\n    }\r\n</fd-card>\r\n\r\n<ng-template #contentTpl>\r\n    <div style=\"padding-top: 0.5rem; margin-top: 1rem; border-top: 1px solid #ccc\" [innerHtml]=\"content\"></div>\r\n</ng-template>\r\n\r\n<ng-template #toTpl>\r\n    <div>To: \u0645\u0646</div>\r\n    <div>Cc: \u0645\u0646</div>\r\n</ng-template>\r\n<ng-template #attachmentsTpl>\r\n    <div class=\"file-viewer-attachments\">\r\n        @for (file of mo.F5.Files; track file) { @if (!file.IsDeleted) {\r\n        <bsu-file-viewer-popover\r\n            [file]=\"file\"\r\n            [files]=\"mo.F5.Files\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [canDownload]=\"true\"\r\n            [disableRemove]=\"true\"\r\n            [fdType]=\"'transparent'\"\r\n        ></bsu-file-viewer-popover>\r\n        } }\r\n    </div>\r\n    @if (mo.F5.Files.length > 1) {\r\n    <button\r\n        fd-button\r\n        [fdType]=\"'transparent'\"\r\n        [label]=\"'Download' | bbbTranslate: 'All'\"\r\n        [glyph]=\"'download'\"\r\n        downloadFiles\r\n        [files]=\"mo.F5.Files\"\r\n    ></button>\r\n    }\r\n</ng-template>\r\n", styles: [":host{display:block;width:100%;height:100%;padding-bottom:.5rem}\n"] }]
+            args: [{ selector: 'bsu-barsa-card-row-payam', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<fd-card cardType=\"object\" class=\"docs-flex-item-margin\">\r\n    <fd-card-header (click)=\"hideContent = !hideContent\" bodyClick style=\"border-bottom: none\">\r\n        <fd-card-main-header>\r\n            <fd-avatar\r\n                image=\"http://picsum.photos/id/1018/400\"\r\n                [circle]=\"true\"\r\n                size=\"s\"\r\n                ariaLabel=\"avatar image\"\r\n                title=\"avatar image\"\r\n            ></fd-avatar>\r\n            <h2 fd-card-title>\r\n                <div style=\"display: flex; column-gap: 1.275rem\">\r\n                    <span>\u0631\u0627\u0647\u0628\u0631 \u0633\u06CC\u0633\u062A\u0645</span>\r\n                    <fd-object-attribute style=\"direction: ltr\">\u062E\u0648\u0627\u0646\u062F\u0647 \u062F\u0631: 1402/12/28 14:20 </fd-object-attribute>\r\n                    <span fd-object-status status=\"negative\" label=\"\u062E\u06CC\u0644\u06CC \u0645\u0647\u0645\" aria-label=\"\u062E\u06CC\u0644\u06CC \u0645\u0647\u0645\"></span>\r\n                </div>\r\n                <div style=\"position: absolute; left: 1.2rem; top: 50%\"><fd-icon [glyph]=\"'attachment'\"></fd-icon></div>\r\n            </h2>\r\n\r\n            <h3 fd-card-subtitle>\r\n                @if (hideContent) {\r\n                <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\r\n                } @if (!hideContent) {\r\n                <ng-container *ngTemplateOutlet=\"toTpl\"></ng-container>\r\n                }\r\n            </h3>\r\n            @if (hideContent) {\r\n            <span fd-card-counter><div style=\"direction: ltr\">1402/12/28 14:20</div> </span>\r\n            } @if (!hideContent) {\r\n            <span\r\n                fd-card-counter\r\n                ulvContextMenu\r\n                [menuItems]=\"contextMenuItems\"\r\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n            ></span>\r\n            }\r\n        </fd-card-main-header>\r\n    </fd-card-header>\r\n    @if (!hideContent) {\r\n    <fd-card-content>\r\n        <ng-container *ngTemplateOutlet=\"attachmentsTpl\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\r\n    </fd-card-content>\r\n    }\r\n</fd-card>\r\n\r\n<ng-template #contentTpl>\r\n    <div style=\"padding-top: 0.5rem; margin-top: 1rem; border-top: 1px solid #ccc\" [innerHtml]=\"content\"></div>\r\n</ng-template>\r\n\r\n<ng-template #toTpl>\r\n    <div>To: \u0645\u0646</div>\r\n    <div>Cc: \u0645\u0646</div>\r\n</ng-template>\r\n<ng-template #attachmentsTpl>\r\n    <div class=\"file-viewer-attachments\">\r\n        @for (file of mo.F5.Files; track file;let index=$index) { @if (!file.IsDeleted) {\r\n        <bsu-file-viewer-popover\r\n            [file]=\"file\"\r\n            [index]=\"index\"\r\n            [files]=\"mo.F5.Files\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [canDownload]=\"true\"\r\n            [disableRemove]=\"true\"\r\n            [fdType]=\"'transparent'\"\r\n        ></bsu-file-viewer-popover>\r\n        } }\r\n    </div>\r\n    @if (mo.F5.Files.length > 1) {\r\n    <button\r\n        fd-button\r\n        [fdType]=\"'transparent'\"\r\n        [label]=\"'Download' | bbbTranslate: 'All'\"\r\n        [glyph]=\"'download'\"\r\n        downloadFiles\r\n        [files]=\"mo.F5.Files\"\r\n    ></button>\r\n    }\r\n</ng-template>\r\n", styles: [":host{display:block;width:100%;height:100%;padding-bottom:.5rem}\n"] }]
         }] });
 
 class BarsaQuestionPostComponent extends BaseViewItemPropsComponent {