barsa-develop-components 1.0.429 → 1.0.430

package/fesm2020/barsa-develop-components.mjs

@@ -2692,7 +2692,7 @@ class BarsaDocumentListItemComponent extends BaseComponent {
     }
 }
 BarsaDocumentListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaDocumentListItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.PictureFieldSourcePipe }], target: i0.ɵɵFactoryTarget.Component });
-BarsaDocumentListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaDocumentListItemComponent, selector: "bdc-barsa-document-list-item", inputs: { documentItem: "documentItem", deviceSize: "deviceSize", files: "files", accepted: "accepted", rejectedReason: "rejectedReason", readonly: "readonly", status: "status", uploadingState: "uploadingState" }, outputs: { statusChanged: "statusChanged", rejectTextChange: "rejectTextChange", fileSelectionChange: "fileSelectionChange", removeFile: "removeFile", fullscreen: "fullscreen", download: "download", downloadAll: "downloadAll" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<!-- <li fd-list-item style=\"padding: 0.5rem 1rem\">\n    <span fd-list-thumbnail>\n        <fd-icon *ngIf=\"documentItem.FontIcon\" [glyph]=\"documentItem.FontIcon\"></fd-icon>\n        <fd-avatar\n            *ngIf=\"documentItem.Avatar\"\n            size=\"s\"\n            [image]=\"documentItem.Avatar.FileId | picFieldSrc: 'ID':null:''\"\n            [clickable]=\"true\"\n        ></fd-avatar\n    ></span>\n    \n    <div fd-list-content>\n        <div fd-list-title>\n            <div style=\"display: flex; column-gap: 3px\">\n                <strong\n                    >{{ documentItem.Title }}\n                    <span fd-object-status status=\"negative\" *ngIf=\"documentItem.IsRequired\"\n                        >*({{ '\u0627\u062C\u0628\u0627\u0631\u06CC' | bbbTranslate }})\n                    </span>\n                </strong>\n                <div\n                    *ngIf=\"documentItem.$Accepted === false || documentItem.$Accepted === true\"\n                    style=\"display: flex; column-gap: 3px; flex-wrap: wrap; align-items: center\"\n                >\n                    <span\n                        fd-object-status\n                        [status]=\"accepted ? 'positive' : 'negative'\"\n                        [label]=\"accepted ? acceptedText : rejectedText\"\n                        [clickable]=\"true\"\n                        [inverted]=\"true\"\n                        [aria-label]=\"accepted ? acceptedText : rejectedText\"\n                    ></span>\n                    <fd-popover title=\"Rejected document\" *ngIf=\"rejectedReason && !accepted\">\n                        <fd-popover-control>\n                            <span\n                                fd-object-status\n                                status=\"negative\"\n                                glyph=\"question-mark\"\n                                glyphAriaLabel=\"Negative\"\n                                title=\"Rejected document\"\n                            ></span>\n                        </fd-popover-control>\n                        <fd-popover-body>\n                            <fd-message-strip type=\"error\" [dismissible]=\"false\">\n                                {{ rejectedReason }}\n                            </fd-message-strip>\n                        </fd-popover-body>\n                    </fd-popover>\n                </div>\n            </div>\n        </div>\n        <div fd-list-byline [twoCol]=\"true\" [class.smallSize]=\"deviceSize === 's'\">\n            <div fd-list-byline-left>\n                <div style=\"display: flex; flex-direction: column; row-gap: 5px; flex-wrap: wrap\">\n                    <span>\n                        {{ documentItem.Description }}\n                    </span>\n                    <div style=\"display: flex; flex-wrap: wrap; column-gap: 3px; align-items: center\">\n                        <ng-container *ngIf=\"hasFiles\">\n                            <button fd-button [fdType]=\"'transparent'\" glyph=\"show\" (click)=\"onFullscreen()\"></button>\n                            <ng-container *ngFor=\"let file of files\">\n                                <fd-token\n                                    [readOnly]=\"readonly\"\n                                    *ngIf=\"!file.IsDeleted\"\n                                    (onCloseClick)=\"onRemoveFile(file)\"\n                                    >{{ file.FileName }}</fd-token\n                                >\n                            </ng-container>\n                        </ng-container>\n                        <button\n                            fd-button\n                            *ngIf=\"documentItem.MaxFileCount && !readonly\"\n                            glyph=\"attachment\"\n                            [label]=\"'AttachFile' | bbbTranslate\"\n                            (click)=\"!readonly && uploader.open()\"\n                        ></button>\n                        <fd-file-uploader\n                            #uploader\n                            [style.display]=\"'none'\"\n                            fd-toolbar-item\n                            [id]=\"documentItem.ItemKey\"\n                            [name]=\"'pictures_' + documentItem.ItemKey\"\n                            [accept]=\"documentItem.$ValidExtensions\"\n                            [fileLimit]=\"documentItem.MaxFileCount\"\n                            [multiple]=\"documentItem.MaxFileCount > 0\"\n                            (selectedFilesChanged)=\"onFileSelection($event)\"\n                        ></fd-file-uploader>\n                    </div>\n                </div>\n            </div>\n            <div fd-list-byline-right *ngIf=\"documentItem.CanAccept\">\n                <bdc-accept-reject\n                    [rejectedReason]=\"rejectedReason\"\n                    [positiveText]=\"acceptedText\"\n                    [negativeText]=\"rejectedText\"\n                    [deviceSize]=\"deviceSize\"\n                    [readonly]=\"readonly\"\n                ></bdc-accept-reject>\n            </div>\n        </div>\n    </div>\n</li> -->\n\n<tr fd-table-row>\n    <td fd-table-cell>\n        <fd-avatar\n            *ngIf=\"documentItem.Avatar && !files.length; else fontIconTpl\"\n            size=\"s\"\n            [image]=\"documentItem.Avatar.FileId | picFieldSrc: 'ID':null:'':64:64\"\n            [clickable]=\"true\"\n            [transparent]=\"true\"\n        ></fd-avatar>\n        <ng-template #fontIconTpl>\n            <fd-avatar\n                *ngIf=\"files.length\"\n                [transparent]=\"true\"\n                size=\"s\"\n                [image]=\"firstImageUrl\"\n                [clickable]=\"true\"\n            ></fd-avatar>\n            <fd-avatar\n                *ngIf=\"!files.length\"\n                [transparent]=\"true\"\n                size=\"s\"\n                [glyph]=\"documentItem.FontIcon\"\n                [clickable]=\"true\"\n            ></fd-avatar>\n        </ng-template>\n    </td>\n    <td fd-table-cell style=\"min-width: 140px\">\n        <p fd-table-text>\n            <strong\n                >{{ documentItem.Title }}\n                <span fd-object-status status=\"negative\" *ngIf=\"documentItem.IsRequired\"\n                    >*({{ '\u0627\u062C\u0628\u0627\u0631\u06CC' | bbbTranslate }})\n                </span>\n            </strong>\n        </p>\n        <div>\n            <span>\n                {{ documentItem.Description }}\n            </span>\n        </div>\n    </td>\n\n    <td fd-table-cell>\n        <ng-container>\n            <!-- <ul fd-list>\n                <li fd-list-item *ngFor=\"let file of files; let ind = index\">\n                    <span fd-list-title>\n                        {{ file.FileName }}\n                    </span>\n                    <span fd-list-secondary>\n                        <button ariaLabel=\"Remove\" title=\"Remove\" fd-button glyph=\"delete\" ></button>\n                    </span>\n                </li>\n            </ul> -->\n            <div style=\"display: flex; align-items: flex-start; column-gap: 3px; row-gap: 3px; flex-direction: column\">\n                <ng-container *ngFor=\"let file of files\">\n                    <!-- <span><fd-icon glyph=\"attachment\"></fd-icon><a fd-link>{{file.FileName}}</a></span> -->\n                    <bsu-file-viewer-popover\n                        *ngIf=\"!file.IsDeleted\"\n                        [file]=\"file\"\n                        [deviceSize]=\"deviceSize\"\n                        [canDownload]=\"true\"\n                        (remove)=\"removeFile.emit(file)\"\n                    ></bsu-file-viewer-popover>\n                </ng-container>\n                <!-- <button\n                    fd-button\n                    *ngIf=\"+documentItem.MaxFileCount && !readonly\"\n                    glyph=\"add\"\n                    (click)=\"!readonly && uploader.open()\"\n                ></button> -->\n            </div>\n            <!-- <p *ngFor=\"let file of files\" fd-table-text>\n                <fd-action-sheet  >\n                    <fd-action-sheet-control>\n                        <button\n                            fd-button\n                            glyph=\"settings\"\n                            title=\"Open Action Sheet Mobile\"\n                            id=\"fd-action-sheet-mobile-control\"\n                            aria-haspopup=\"menu\"\n                            [label]=\"file.FileName ||''\"\n                            aria-controls=\"fd-action-sheet-mobile-body\"\n                        ></button>\n                    </fd-action-sheet-control>\n            \n                    <fd-action-sheet-body\n                        actionSheetBodyId=\"fd-action-sheet-mobile-body\"\n                        ariaLabelledBy=\"fd-action-sheet-mobile-control\"\n                    >\n                        <li fd-action-sheet-item label=\"Search\" glyph=\"search\"></li>\n                        <li fd-action-sheet-item label=\"Download\" glyph=\"download\" ></li>\n                        <li fd-action-sheet-item label=\"Accept\" glyph=\"accept\" ></li>\n                        <li fd-action-sheet-item label=\"Reject\" glyph=\"cancel\" ></li>\n                        <li fd-action-sheet-item label=\"Decide Later\" [isCloseButton]=\"true\"></li>\n                        <li fd-action-sheet-item label=\"Cancel\" [negative]=\"true\" [isCloseButton]=\"true\"></li>\n                    </fd-action-sheet-body>\n                </fd-action-sheet>\n            </p> -->\n        </ng-container>\n    </td>\n    <td fd-table-cell>\n        <div class=\"status\" style=\"position: relative\">\n            <button\n                fd-button\n                *ngIf=\"+documentItem.MaxFileCount && !readonly\"\n                glyph=\"attachment\"\n                [label]=\"'AttachFile' | bbbTranslate\"\n                [disabled]=\"uploadingState?.key === documentItem.Title && uploadingState?.uploading\"\n                (click)=\"!readonly && uploader.open()\"\n            >\n                <bsu-mask\n                    *ngIf=\"uploadingState?.key === documentItem.Title && uploadingState?.uploading\"\n                    [marginTop]=\"'3px'\"\n                ></bsu-mask>\n            </button>\n            <button\n                fd-button\n                glyph=\"show\"\n                fullscreenFiles\n                [files]=\"files\"\n                [title]=\"documentItem.Title\"\n                [fd-inline-help]=\"'\u0645\u0634\u0627\u0647\u062F\u0647 \u0647\u0645\u0647' | bbbTranslate\"\n                [aria-describedby]=\"'\u0645\u0634\u0627\u0647\u062F\u0647 \u0647\u0645\u0647' | bbbTranslate\"\n                [ariaLabel]=\"'\u0645\u0634\u0627\u0647\u062F\u0647 \u0647\u0645\u0647' | bbbTranslate\"\n                fullscreenFiles\n                [disabled]=\"!files.length\"\n                [files]=\"files\"\n            ></button>\n            <button\n                fd-button\n                glyph=\"download\"\n                [fd-inline-help]=\"'\u062F\u0627\u0646\u0644\u0648\u062F \u0647\u0645\u0647' | bbbTranslate\"\n                [aria-describedby]=\"'\u062F\u0627\u0646\u0644\u0648\u062F \u0647\u0645\u0647' | bbbTranslate\"\n                [ariaLabel]=\"'\u062F\u0627\u0646\u0644\u0648\u062F \u0647\u0645\u0647' | bbbTranslate\"\n                downloadFiles\n                [disabled]=\"!files.length\"\n                [files]=\"files\"\n                (click)=\"downloadAll.emit()\"\n            ></button>\n        </div>\n    </td>\n    <td fd-table-cell>\n        <fd-action-sheet #actionSheet>\n            <fd-action-sheet-control>\n                <ng-container *ngTemplateOutlet=\"statusTpl\"></ng-container>\n            </fd-action-sheet-control>\n            <fd-action-sheet-body>\n                <li\n                    fd-action-sheet-item\n                    [label]=\"'Accept' | bbbTranslate\"\n                    glyph=\"accept\"\n                    (click)=\"actionSheet.close(); onReject(2)\"\n                ></li>\n                <li\n                    fd-action-sheet-item\n                    [label]=\"'Reject' | bbbTranslate\"\n                    glyph=\"cancel\"\n                    (click)=\"actionSheet.close(); onReject(3)\"\n                ></li>\n            </fd-action-sheet-body>\n        </fd-action-sheet>\n\n        <p fd-table-text maxWidth=\"400px\" *ngIf=\"status === 3\">\n            <span *ngIf=\"readonly && rejectedReason\"> {{ rejectedReason | bbbTranslate }} </span>\n            <input\n                *ngIf=\"!readonly\"\n                fd-form-control\n                [value]=\"rejectedReason | bbbTranslate\"\n                [placeholder]=\"'\u062F\u0644\u0627\u06CC\u0644 \u0631\u062F \u0645\u062F\u0631\u06A9' | bbbTranslate\"\n            />\n        </p>\n    </td>\n</tr>\n\n<fd-file-uploader\n    #uploader\n    [style.display]=\"'none'\"\n    fd-toolbar-item\n    [id]=\"documentItem.ItemKey\"\n    [name]=\"'pictures_' + documentItem.ItemKey\"\n    [accept]=\"documentItem.$ValidExtensions\"\n    [fileLimit]=\"documentItem.MaxFileCount\"\n    [multiple]=\"documentItem.MaxFileCount > 0\"\n    (selectedFilesChanged)=\"onFileSelection($event)\"\n></fd-file-uploader>\n<ng-template #statusTpl>\n    <div class=\"status\">\n        <button fd-button fdType=\"transparent\">\n            <span\n                *ngIf=\"status === 1\"\n                fd-object-status\n                [label]=\"'[\u067E\u06CC\u0648\u0633\u062A \u0645\u062F\u0627\u0631\u06A9]' | bbbTranslate\"\n                [aria-label]=\"'[\u067E\u06CC\u0648\u0633\u062A \u0645\u062F\u0627\u0631\u06A9]' | bbbTranslate\"\n            ></span>\n            <span\n                *ngIf=\"status === 2\"\n                fd-object-status\n                glyph=\"message-success\"\n                status=\"positive\"\n                [label]=\"'Accepted' | bbbTranslate\"\n                [label]=\"'Accepted' | bbbTranslate\"\n            ></span>\n            <span\n                *ngIf=\"status === 3\"\n                fd-object-status\n                glyph=\"cancel\"\n                status=\"negative\"\n                [label]=\"'Rejected' | bbbTranslate\"\n                [aria-label]=\"'Rejected' | bbbTranslate\"\n            ></span>\n        </button>\n    </div>\n</ng-template>\n", styles: [":host{display:contents}::ng-deep .fd-list--byline .fd-list__byline-left,::ng-deep .fd-list--byline .fd-list__byline-right{line-height:1.1rem!important}.fd-list__byline.smallSize{flex-direction:column;row-gap:5px}.fd-list__byline.smallSize div{width:100%}td{white-space:nowrap;padding:.5rem}fd-avatar ::ng-deep i{font-size:2.3rem!important}.status{display:flex;align-items:center;column-gap:3px;row-gap:3px}.status span.fd-object-status{font-size:var(--sapFontSize)!important;font-weight:700!important}.status span.fd-object-status ::ng-deep fd-icon{font-size:var(--sapFontSize);font-weight:700}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3$2.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: i3$2.FileViewerPopoverComponent, selector: "bsu-file-viewer-popover", inputs: ["files", "file", "deviceSize", "canDownload", "disableRemove", "fdType"], outputs: ["remove"] }, { kind: "directive", type: i3$2.FullscreenFilesDirective, selector: "[fullscreenFiles]", inputs: ["files", "title", "isImageGallery", "component"] }, { kind: "directive", type: i3$2.DownloadFilesDirective, selector: "[downloadFiles]", inputs: ["files"] }, { kind: "component", type: i4$b.ActionSheetComponent, selector: "fd-action-sheet", inputs: ["mobile", "placement", "noArrow", "isOpen", "keyboardSupport", "triggers"], outputs: ["focusEscapeList", "isOpenChange"] }, { kind: "component", type: i4$b.ActionSheetControlComponent, selector: "fd-action-sheet-control", outputs: ["clicked"] }, { kind: "component", type: i4$b.ActionSheetItemComponent, selector: "[fd-action-sheet-item]", inputs: ["label", "glyph", "negative", "isCloseButton", "disabled"], outputs: ["keyDown"] }, { kind: "component", type: i4$b.ActionSheetBodyComponent, selector: "fd-action-sheet-body", inputs: ["actionSheetBodyId", "mobile", "ariaLabel", "ariaLabelledby"] }, { kind: "component", type: i4$8.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i7$3.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: i7.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i7.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "directive", type: i9.InlineHelpDirective, selector: "[fd-inline-help], [fd-inline-help-template]", inputs: ["triggers", "noArrow", "closeOnEscapeKey", "closeOnOutsideClick", "fd-inline-help", "fd-inline-help-template"] }, { kind: "component", type: i7$2.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large"] }, { kind: "directive", type: i4$6.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i4$6.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "tabindex", "hoverable", "fitContent", "noPadding", "noData", "key", "cellFocusedEventAnnouncer"] }, { kind: "directive", type: i4$6.TableTextDirective, selector: "[fdTableText], [fd-table-text]", inputs: ["fdTableTextClass", "noWrap", "title", "maxWidth"] }, { kind: "directive", type: i3.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "pipe", type: i1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BarsaDocumentListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaDocumentListItemComponent, selector: "bdc-barsa-document-list-item", inputs: { documentItem: "documentItem", deviceSize: "deviceSize", files: "files", accepted: "accepted", rejectedReason: "rejectedReason", readonly: "readonly", status: "status", uploadingState: "uploadingState" }, outputs: { statusChanged: "statusChanged", rejectTextChange: "rejectTextChange", fileSelectionChange: "fileSelectionChange", removeFile: "removeFile", fullscreen: "fullscreen", download: "download", downloadAll: "downloadAll" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<!-- <li fd-list-item style=\"padding: 0.5rem 1rem\">\n    <span fd-list-thumbnail>\n        <fd-icon *ngIf=\"documentItem.FontIcon\" [glyph]=\"documentItem.FontIcon\"></fd-icon>\n        <fd-avatar\n            *ngIf=\"documentItem.Avatar\"\n            size=\"s\"\n            [image]=\"documentItem.Avatar.FileId | picFieldSrc: 'ID':null:''\"\n            [clickable]=\"true\"\n        ></fd-avatar\n    ></span>\n    \n    <div fd-list-content>\n        <div fd-list-title>\n            <div style=\"display: flex; column-gap: 3px\">\n                <strong\n                    >{{ documentItem.Title }}\n                    <span fd-object-status status=\"negative\" *ngIf=\"documentItem.IsRequired\"\n                        >*({{ '\u0627\u062C\u0628\u0627\u0631\u06CC' | bbbTranslate }})\n                    </span>\n                </strong>\n                <div\n                    *ngIf=\"documentItem.$Accepted === false || documentItem.$Accepted === true\"\n                    style=\"display: flex; column-gap: 3px; flex-wrap: wrap; align-items: center\"\n                >\n                    <span\n                        fd-object-status\n                        [status]=\"accepted ? 'positive' : 'negative'\"\n                        [label]=\"accepted ? acceptedText : rejectedText\"\n                        [clickable]=\"true\"\n                        [inverted]=\"true\"\n                        [aria-label]=\"accepted ? acceptedText : rejectedText\"\n                    ></span>\n                    <fd-popover title=\"Rejected document\" *ngIf=\"rejectedReason && !accepted\">\n                        <fd-popover-control>\n                            <span\n                                fd-object-status\n                                status=\"negative\"\n                                glyph=\"question-mark\"\n                                glyphAriaLabel=\"Negative\"\n                                title=\"Rejected document\"\n                            ></span>\n                        </fd-popover-control>\n                        <fd-popover-body>\n                            <fd-message-strip type=\"error\" [dismissible]=\"false\">\n                                {{ rejectedReason }}\n                            </fd-message-strip>\n                        </fd-popover-body>\n                    </fd-popover>\n                </div>\n            </div>\n        </div>\n        <div fd-list-byline [twoCol]=\"true\" [class.smallSize]=\"deviceSize === 's'\">\n            <div fd-list-byline-left>\n                <div style=\"display: flex; flex-direction: column; row-gap: 5px; flex-wrap: wrap\">\n                    <span>\n                        {{ documentItem.Description }}\n                    </span>\n                    <div style=\"display: flex; flex-wrap: wrap; column-gap: 3px; align-items: center\">\n                        <ng-container *ngIf=\"hasFiles\">\n                            <button fd-button [fdType]=\"'transparent'\" glyph=\"show\" (click)=\"onFullscreen()\"></button>\n                            <ng-container *ngFor=\"let file of files\">\n                                <fd-token\n                                    [readOnly]=\"readonly\"\n                                    *ngIf=\"!file.IsDeleted\"\n                                    (onCloseClick)=\"onRemoveFile(file)\"\n                                    >{{ file.FileName }}</fd-token\n                                >\n                            </ng-container>\n                        </ng-container>\n                        <button\n                            fd-button\n                            *ngIf=\"documentItem.MaxFileCount && !readonly\"\n                            glyph=\"attachment\"\n                            [label]=\"'AttachFile' | bbbTranslate\"\n                            (click)=\"!readonly && uploader.open()\"\n                        ></button>\n                        <fd-file-uploader\n                            #uploader\n                            [style.display]=\"'none'\"\n                            fd-toolbar-item\n                            [id]=\"documentItem.ItemKey\"\n                            [name]=\"'pictures_' + documentItem.ItemKey\"\n                            [accept]=\"documentItem.$ValidExtensions\"\n                            [fileLimit]=\"documentItem.MaxFileCount\"\n                            [multiple]=\"documentItem.MaxFileCount > 0\"\n                            (selectedFilesChanged)=\"onFileSelection($event)\"\n                        ></fd-file-uploader>\n                    </div>\n                </div>\n            </div>\n            <div fd-list-byline-right *ngIf=\"documentItem.CanAccept\">\n                <bdc-accept-reject\n                    [rejectedReason]=\"rejectedReason\"\n                    [positiveText]=\"acceptedText\"\n                    [negativeText]=\"rejectedText\"\n                    [deviceSize]=\"deviceSize\"\n                    [readonly]=\"readonly\"\n                ></bdc-accept-reject>\n            </div>\n        </div>\n    </div>\n</li> -->\n\n<tr fd-table-row>\n    <td fd-table-cell>\n        <fd-avatar\n            *ngIf=\"documentItem.Avatar && !files.length; else fontIconTpl\"\n            size=\"s\"\n            [image]=\"documentItem.Avatar.FileId | picFieldSrc: 'ID':null:'':64:64\"\n            [clickable]=\"true\"\n            [transparent]=\"true\"\n        ></fd-avatar>\n        <ng-template #fontIconTpl>\n            <fd-avatar\n                *ngIf=\"files.length\"\n                [transparent]=\"true\"\n                size=\"s\"\n                [image]=\"firstImageUrl\"\n                [clickable]=\"true\"\n            ></fd-avatar>\n            <fd-avatar\n                *ngIf=\"!files.length\"\n                [transparent]=\"true\"\n                size=\"s\"\n                [glyph]=\"documentItem.FontIcon\"\n                [clickable]=\"true\"\n            ></fd-avatar>\n        </ng-template>\n    </td>\n    <td fd-table-cell style=\"min-width: 140px\">\n        <p fd-table-text>\n            <strong\n                >{{ documentItem.Title }}\n                <span fd-object-status status=\"negative\" *ngIf=\"documentItem.IsRequired\"\n                    >*({{ '\u0627\u062C\u0628\u0627\u0631\u06CC' | bbbTranslate }})\n                </span>\n            </strong>\n        </p>\n        <div>\n            <span>\n                {{ documentItem.Description }}\n            </span>\n        </div>\n    </td>\n\n    <td fd-table-cell>\n        <ng-container>\n            <!-- <ul fd-list>\n                <li fd-list-item *ngFor=\"let file of files; let ind = index\">\n                    <span fd-list-title>\n                        {{ file.FileName }}\n                    </span>\n                    <span fd-list-secondary>\n                        <button ariaLabel=\"Remove\" title=\"Remove\" fd-button glyph=\"delete\" ></button>\n                    </span>\n                </li>\n            </ul> -->\n            <div style=\"display: flex; align-items: flex-start; column-gap: 3px; row-gap: 3px; flex-direction: column\">\n                <ng-container *ngFor=\"let file of files\">\n                    <!-- <span><fd-icon glyph=\"attachment\"></fd-icon><a fd-link>{{file.FileName}}</a></span> -->\n                    <bsu-file-viewer-popover\n                        *ngIf=\"!file.IsDeleted\"\n                        [file]=\"file\"\n                        [deviceSize]=\"deviceSize\"\n                        [canDownload]=\"true\"\n                        (remove)=\"removeFile.emit(file)\"\n                    ></bsu-file-viewer-popover>\n                </ng-container>\n                <!-- <button\n                    fd-button\n                    *ngIf=\"+documentItem.MaxFileCount && !readonly\"\n                    glyph=\"add\"\n                    (click)=\"!readonly && uploader.open()\"\n                ></button> -->\n            </div>\n            <!-- <p *ngFor=\"let file of files\" fd-table-text>\n                <fd-action-sheet  >\n                    <fd-action-sheet-control>\n                        <button\n                            fd-button\n                            glyph=\"settings\"\n                            title=\"Open Action Sheet Mobile\"\n                            id=\"fd-action-sheet-mobile-control\"\n                            aria-haspopup=\"menu\"\n                            [label]=\"file.FileName ||''\"\n                            aria-controls=\"fd-action-sheet-mobile-body\"\n                        ></button>\n                    </fd-action-sheet-control>\n            \n                    <fd-action-sheet-body\n                        actionSheetBodyId=\"fd-action-sheet-mobile-body\"\n                        ariaLabelledBy=\"fd-action-sheet-mobile-control\"\n                    >\n                        <li fd-action-sheet-item label=\"Search\" glyph=\"search\"></li>\n                        <li fd-action-sheet-item label=\"Download\" glyph=\"download\" ></li>\n                        <li fd-action-sheet-item label=\"Accept\" glyph=\"accept\" ></li>\n                        <li fd-action-sheet-item label=\"Reject\" glyph=\"cancel\" ></li>\n                        <li fd-action-sheet-item label=\"Decide Later\" [isCloseButton]=\"true\"></li>\n                        <li fd-action-sheet-item label=\"Cancel\" [negative]=\"true\" [isCloseButton]=\"true\"></li>\n                    </fd-action-sheet-body>\n                </fd-action-sheet>\n            </p> -->\n        </ng-container>\n    </td>\n    <td fd-table-cell>\n        <div class=\"status\" style=\"position: relative\">\n            <button\n                fd-button\n                *ngIf=\"+documentItem.MaxFileCount && !readonly\"\n                glyph=\"attachment\"\n                [label]=\"'AttachFile' | bbbTranslate\"\n                [disabled]=\"uploadingState?.key === documentItem.Title && uploadingState?.uploading\"\n                (click)=\"!readonly && uploader.open()\"\n            >\n                <bsu-mask\n                    *ngIf=\"uploadingState?.key === documentItem.Title && uploadingState?.uploading\"\n                    [marginTop]=\"'3px'\"\n                ></bsu-mask>\n            </button>\n            <button\n                fd-button\n                glyph=\"show\"\n                fullscreenFiles\n                [files]=\"files\"\n                [title]=\"documentItem.Title\"\n                [fd-inline-help]=\"'\u0645\u0634\u0627\u0647\u062F\u0647 \u0647\u0645\u0647' | bbbTranslate\"\n                [aria-describedby]=\"'\u0645\u0634\u0627\u0647\u062F\u0647 \u0647\u0645\u0647' | bbbTranslate\"\n                [ariaLabel]=\"'\u0645\u0634\u0627\u0647\u062F\u0647 \u0647\u0645\u0647' | bbbTranslate\"\n                fullscreenFiles\n                [disabled]=\"!files.length\"\n                [files]=\"files\"\n            ></button>\n            <button\n                fd-button\n                glyph=\"download\"\n                [fd-inline-help]=\"'\u062F\u0627\u0646\u0644\u0648\u062F \u0647\u0645\u0647' | bbbTranslate\"\n                [aria-describedby]=\"'\u062F\u0627\u0646\u0644\u0648\u062F \u0647\u0645\u0647' | bbbTranslate\"\n                [ariaLabel]=\"'\u062F\u0627\u0646\u0644\u0648\u062F \u0647\u0645\u0647' | bbbTranslate\"\n                downloadFiles\n                [disabled]=\"!files.length\"\n                [files]=\"files\"\n                (click)=\"downloadAll.emit()\"\n            ></button>\n        </div>\n    </td>\n    <td fd-table-cell>\n        <fd-action-sheet #actionSheet>\n            <fd-action-sheet-control>\n                <ng-container *ngTemplateOutlet=\"statusTpl\"></ng-container>\n            </fd-action-sheet-control>\n            <fd-action-sheet-body>\n                <li\n                    fd-action-sheet-item\n                    [label]=\"'Accept' | bbbTranslate\"\n                    glyph=\"accept\"\n                    (click)=\"actionSheet.close(); onReject(2)\"\n                ></li>\n                <li\n                    fd-action-sheet-item\n                    [label]=\"'Reject' | bbbTranslate\"\n                    glyph=\"cancel\"\n                    (click)=\"actionSheet.close(); onReject(3)\"\n                ></li>\n            </fd-action-sheet-body>\n        </fd-action-sheet>\n\n        <p fd-table-text maxWidth=\"400px\" *ngIf=\"status === 3\">\n            <span *ngIf=\"readonly && rejectedReason\"> {{ rejectedReason | bbbTranslate }} </span>\n            <input\n                *ngIf=\"!readonly\"\n                fd-form-control\n                [value]=\"rejectedReason | bbbTranslate\"\n                [placeholder]=\"'\u062F\u0644\u0627\u06CC\u0644 \u0631\u062F \u0645\u062F\u0631\u06A9' | bbbTranslate\"\n            />\n        </p>\n    </td>\n</tr>\n\n<fd-file-uploader\n    #uploader\n    [style.display]=\"'none'\"\n    fd-toolbar-item\n    [id]=\"documentItem.ItemKey\"\n    [name]=\"'pictures_' + documentItem.ItemKey\"\n    [accept]=\"documentItem.$ValidExtensions\"\n    [fileLimit]=\"documentItem.MaxFileCount\"\n    [multiple]=\"documentItem.MaxFileCount > 0\"\n    (selectedFilesChanged)=\"onFileSelection($event)\"\n></fd-file-uploader>\n<ng-template #statusTpl>\n    <div class=\"status\">\n        <button fd-button fdType=\"transparent\">\n            <span\n                *ngIf=\"status === 1\"\n                fd-object-status\n                [label]=\"'[\u067E\u06CC\u0648\u0633\u062A \u0645\u062F\u0627\u0631\u06A9]' | bbbTranslate\"\n                [aria-label]=\"'[\u067E\u06CC\u0648\u0633\u062A \u0645\u062F\u0627\u0631\u06A9]' | bbbTranslate\"\n            ></span>\n            <span\n                *ngIf=\"status === 2\"\n                fd-object-status\n                glyph=\"message-success\"\n                status=\"positive\"\n                [label]=\"'Accepted' | bbbTranslate\"\n                [label]=\"'Accepted' | bbbTranslate\"\n            ></span>\n            <span\n                *ngIf=\"status === 3\"\n                fd-object-status\n                glyph=\"cancel\"\n                status=\"negative\"\n                [label]=\"'Rejected' | bbbTranslate\"\n                [aria-label]=\"'Rejected' | bbbTranslate\"\n            ></span>\n        </button>\n    </div>\n</ng-template>\n", styles: [":host{display:contents}::ng-deep .fd-list--byline .fd-list__byline-left,::ng-deep .fd-list--byline .fd-list__byline-right{line-height:1.1rem!important}.fd-list__byline.smallSize{flex-direction:column;row-gap:5px}.fd-list__byline.smallSize div{width:100%}td{white-space:nowrap;padding:.5rem}fd-avatar ::ng-deep i{font-size:2.3rem!important}.status{display:flex;align-items:center;column-gap:3px;row-gap:3px}.status span.fd-object-status{font-size:var(--sapFontSize)!important;font-weight:700!important}.status span.fd-object-status ::ng-deep fd-icon{font-size:var(--sapFontSize);font-weight:700}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3$2.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: i3$2.FileViewerPopoverComponent, selector: "bsu-file-viewer-popover", inputs: ["files", "file", "deviceSize", "canDownload", "disableRemove", "fdType"], outputs: ["remove"] }, { kind: "directive", type: i3$2.FullscreenFilesDirective, selector: "[fullscreenFiles]", inputs: ["files", "title", "deviceSize", "isImageGallery", "component"] }, { kind: "directive", type: i3$2.DownloadFilesDirective, selector: "[downloadFiles]", inputs: ["files"] }, { kind: "component", type: i4$b.ActionSheetComponent, selector: "fd-action-sheet", inputs: ["mobile", "placement", "noArrow", "isOpen", "keyboardSupport", "triggers"], outputs: ["focusEscapeList", "isOpenChange"] }, { kind: "component", type: i4$b.ActionSheetControlComponent, selector: "fd-action-sheet-control", outputs: ["clicked"] }, { kind: "component", type: i4$b.ActionSheetItemComponent, selector: "[fd-action-sheet-item]", inputs: ["label", "glyph", "negative", "isCloseButton", "disabled"], outputs: ["keyDown"] }, { kind: "component", type: i4$b.ActionSheetBodyComponent, selector: "fd-action-sheet-body", inputs: ["actionSheetBodyId", "mobile", "ariaLabel", "ariaLabelledby"] }, { kind: "component", type: i4$8.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i7$3.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: i7.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i7.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "directive", type: i9.InlineHelpDirective, selector: "[fd-inline-help], [fd-inline-help-template]", inputs: ["triggers", "noArrow", "closeOnEscapeKey", "closeOnOutsideClick", "fd-inline-help", "fd-inline-help-template"] }, { kind: "component", type: i7$2.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large"] }, { kind: "directive", type: i4$6.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i4$6.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "tabindex", "hoverable", "fitContent", "noPadding", "noData", "key", "cellFocusedEventAnnouncer"] }, { kind: "directive", type: i4$6.TableTextDirective, selector: "[fdTableText], [fd-table-text]", inputs: ["fdTableTextClass", "noWrap", "title", "maxWidth"] }, { kind: "directive", type: i3.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "pipe", type: i1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaDocumentListItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bdc-barsa-document-list-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- <li fd-list-item style=\"padding: 0.5rem 1rem\">\n    <span fd-list-thumbnail>\n        <fd-icon *ngIf=\"documentItem.FontIcon\" [glyph]=\"documentItem.FontIcon\"></fd-icon>\n        <fd-avatar\n            *ngIf=\"documentItem.Avatar\"\n            size=\"s\"\n            [image]=\"documentItem.Avatar.FileId | picFieldSrc: 'ID':null:''\"\n            [clickable]=\"true\"\n        ></fd-avatar\n    ></span>\n    \n    <div fd-list-content>\n        <div fd-list-title>\n            <div style=\"display: flex; column-gap: 3px\">\n                <strong\n                    >{{ documentItem.Title }}\n                    <span fd-object-status status=\"negative\" *ngIf=\"documentItem.IsRequired\"\n                        >*({{ '\u0627\u062C\u0628\u0627\u0631\u06CC' | bbbTranslate }})\n                    </span>\n                </strong>\n                <div\n                    *ngIf=\"documentItem.$Accepted === false || documentItem.$Accepted === true\"\n                    style=\"display: flex; column-gap: 3px; flex-wrap: wrap; align-items: center\"\n                >\n                    <span\n                        fd-object-status\n                        [status]=\"accepted ? 'positive' : 'negative'\"\n                        [label]=\"accepted ? acceptedText : rejectedText\"\n                        [clickable]=\"true\"\n                        [inverted]=\"true\"\n                        [aria-label]=\"accepted ? acceptedText : rejectedText\"\n                    ></span>\n                    <fd-popover title=\"Rejected document\" *ngIf=\"rejectedReason && !accepted\">\n                        <fd-popover-control>\n                            <span\n                                fd-object-status\n                                status=\"negative\"\n                                glyph=\"question-mark\"\n                                glyphAriaLabel=\"Negative\"\n                                title=\"Rejected document\"\n                            ></span>\n                        </fd-popover-control>\n                        <fd-popover-body>\n                            <fd-message-strip type=\"error\" [dismissible]=\"false\">\n                                {{ rejectedReason }}\n                            </fd-message-strip>\n                        </fd-popover-body>\n                    </fd-popover>\n                </div>\n            </div>\n        </div>\n        <div fd-list-byline [twoCol]=\"true\" [class.smallSize]=\"deviceSize === 's'\">\n            <div fd-list-byline-left>\n                <div style=\"display: flex; flex-direction: column; row-gap: 5px; flex-wrap: wrap\">\n                    <span>\n                        {{ documentItem.Description }}\n                    </span>\n                    <div style=\"display: flex; flex-wrap: wrap; column-gap: 3px; align-items: center\">\n                        <ng-container *ngIf=\"hasFiles\">\n                            <button fd-button [fdType]=\"'transparent'\" glyph=\"show\" (click)=\"onFullscreen()\"></button>\n                            <ng-container *ngFor=\"let file of files\">\n                                <fd-token\n                                    [readOnly]=\"readonly\"\n                                    *ngIf=\"!file.IsDeleted\"\n                                    (onCloseClick)=\"onRemoveFile(file)\"\n                                    >{{ file.FileName }}</fd-token\n                                >\n                            </ng-container>\n                        </ng-container>\n                        <button\n                            fd-button\n                            *ngIf=\"documentItem.MaxFileCount && !readonly\"\n                            glyph=\"attachment\"\n                            [label]=\"'AttachFile' | bbbTranslate\"\n                            (click)=\"!readonly && uploader.open()\"\n                        ></button>\n                        <fd-file-uploader\n                            #uploader\n                            [style.display]=\"'none'\"\n                            fd-toolbar-item\n                            [id]=\"documentItem.ItemKey\"\n                            [name]=\"'pictures_' + documentItem.ItemKey\"\n                            [accept]=\"documentItem.$ValidExtensions\"\n                            [fileLimit]=\"documentItem.MaxFileCount\"\n                            [multiple]=\"documentItem.MaxFileCount > 0\"\n                            (selectedFilesChanged)=\"onFileSelection($event)\"\n                        ></fd-file-uploader>\n                    </div>\n                </div>\n            </div>\n            <div fd-list-byline-right *ngIf=\"documentItem.CanAccept\">\n                <bdc-accept-reject\n                    [rejectedReason]=\"rejectedReason\"\n                    [positiveText]=\"acceptedText\"\n                    [negativeText]=\"rejectedText\"\n                    [deviceSize]=\"deviceSize\"\n                    [readonly]=\"readonly\"\n                ></bdc-accept-reject>\n            </div>\n        </div>\n    </div>\n</li> -->\n\n<tr fd-table-row>\n    <td fd-table-cell>\n        <fd-avatar\n            *ngIf=\"documentItem.Avatar && !files.length; else fontIconTpl\"\n            size=\"s\"\n            [image]=\"documentItem.Avatar.FileId | picFieldSrc: 'ID':null:'':64:64\"\n            [clickable]=\"true\"\n            [transparent]=\"true\"\n        ></fd-avatar>\n        <ng-template #fontIconTpl>\n            <fd-avatar\n                *ngIf=\"files.length\"\n                [transparent]=\"true\"\n                size=\"s\"\n                [image]=\"firstImageUrl\"\n                [clickable]=\"true\"\n            ></fd-avatar>\n            <fd-avatar\n                *ngIf=\"!files.length\"\n                [transparent]=\"true\"\n                size=\"s\"\n                [glyph]=\"documentItem.FontIcon\"\n                [clickable]=\"true\"\n            ></fd-avatar>\n        </ng-template>\n    </td>\n    <td fd-table-cell style=\"min-width: 140px\">\n        <p fd-table-text>\n            <strong\n                >{{ documentItem.Title }}\n                <span fd-object-status status=\"negative\" *ngIf=\"documentItem.IsRequired\"\n                    >*({{ '\u0627\u062C\u0628\u0627\u0631\u06CC' | bbbTranslate }})\n                </span>\n            </strong>\n        </p>\n        <div>\n            <span>\n                {{ documentItem.Description }}\n            </span>\n        </div>\n    </td>\n\n    <td fd-table-cell>\n        <ng-container>\n            <!-- <ul fd-list>\n                <li fd-list-item *ngFor=\"let file of files; let ind = index\">\n                    <span fd-list-title>\n                        {{ file.FileName }}\n                    </span>\n                    <span fd-list-secondary>\n                        <button ariaLabel=\"Remove\" title=\"Remove\" fd-button glyph=\"delete\" ></button>\n                    </span>\n                </li>\n            </ul> -->\n            <div style=\"display: flex; align-items: flex-start; column-gap: 3px; row-gap: 3px; flex-direction: column\">\n                <ng-container *ngFor=\"let file of files\">\n                    <!-- <span><fd-icon glyph=\"attachment\"></fd-icon><a fd-link>{{file.FileName}}</a></span> -->\n                    <bsu-file-viewer-popover\n                        *ngIf=\"!file.IsDeleted\"\n                        [file]=\"file\"\n                        [deviceSize]=\"deviceSize\"\n                        [canDownload]=\"true\"\n                        (remove)=\"removeFile.emit(file)\"\n                    ></bsu-file-viewer-popover>\n                </ng-container>\n                <!-- <button\n                    fd-button\n                    *ngIf=\"+documentItem.MaxFileCount && !readonly\"\n                    glyph=\"add\"\n                    (click)=\"!readonly && uploader.open()\"\n                ></button> -->\n            </div>\n            <!-- <p *ngFor=\"let file of files\" fd-table-text>\n                <fd-action-sheet  >\n                    <fd-action-sheet-control>\n                        <button\n                            fd-button\n                            glyph=\"settings\"\n                            title=\"Open Action Sheet Mobile\"\n                            id=\"fd-action-sheet-mobile-control\"\n                            aria-haspopup=\"menu\"\n                            [label]=\"file.FileName ||''\"\n                            aria-controls=\"fd-action-sheet-mobile-body\"\n                        ></button>\n                    </fd-action-sheet-control>\n            \n                    <fd-action-sheet-body\n                        actionSheetBodyId=\"fd-action-sheet-mobile-body\"\n                        ariaLabelledBy=\"fd-action-sheet-mobile-control\"\n                    >\n                        <li fd-action-sheet-item label=\"Search\" glyph=\"search\"></li>\n                        <li fd-action-sheet-item label=\"Download\" glyph=\"download\" ></li>\n                        <li fd-action-sheet-item label=\"Accept\" glyph=\"accept\" ></li>\n                        <li fd-action-sheet-item label=\"Reject\" glyph=\"cancel\" ></li>\n                        <li fd-action-sheet-item label=\"Decide Later\" [isCloseButton]=\"true\"></li>\n                        <li fd-action-sheet-item label=\"Cancel\" [negative]=\"true\" [isCloseButton]=\"true\"></li>\n                    </fd-action-sheet-body>\n                </fd-action-sheet>\n            </p> -->\n        </ng-container>\n    </td>\n    <td fd-table-cell>\n        <div class=\"status\" style=\"position: relative\">\n            <button\n                fd-button\n                *ngIf=\"+documentItem.MaxFileCount && !readonly\"\n                glyph=\"attachment\"\n                [label]=\"'AttachFile' | bbbTranslate\"\n                [disabled]=\"uploadingState?.key === documentItem.Title && uploadingState?.uploading\"\n                (click)=\"!readonly && uploader.open()\"\n            >\n                <bsu-mask\n                    *ngIf=\"uploadingState?.key === documentItem.Title && uploadingState?.uploading\"\n                    [marginTop]=\"'3px'\"\n                ></bsu-mask>\n            </button>\n            <button\n                fd-button\n                glyph=\"show\"\n                fullscreenFiles\n                [files]=\"files\"\n                [title]=\"documentItem.Title\"\n                [fd-inline-help]=\"'\u0645\u0634\u0627\u0647\u062F\u0647 \u0647\u0645\u0647' | bbbTranslate\"\n                [aria-describedby]=\"'\u0645\u0634\u0627\u0647\u062F\u0647 \u0647\u0645\u0647' | bbbTranslate\"\n                [ariaLabel]=\"'\u0645\u0634\u0627\u0647\u062F\u0647 \u0647\u0645\u0647' | bbbTranslate\"\n                fullscreenFiles\n                [disabled]=\"!files.length\"\n                [files]=\"files\"\n            ></button>\n            <button\n                fd-button\n                glyph=\"download\"\n                [fd-inline-help]=\"'\u062F\u0627\u0646\u0644\u0648\u062F \u0647\u0645\u0647' | bbbTranslate\"\n                [aria-describedby]=\"'\u062F\u0627\u0646\u0644\u0648\u062F \u0647\u0645\u0647' | bbbTranslate\"\n                [ariaLabel]=\"'\u062F\u0627\u0646\u0644\u0648\u062F \u0647\u0645\u0647' | bbbTranslate\"\n                downloadFiles\n                [disabled]=\"!files.length\"\n                [files]=\"files\"\n                (click)=\"downloadAll.emit()\"\n            ></button>\n        </div>\n    </td>\n    <td fd-table-cell>\n        <fd-action-sheet #actionSheet>\n            <fd-action-sheet-control>\n                <ng-container *ngTemplateOutlet=\"statusTpl\"></ng-container>\n            </fd-action-sheet-control>\n            <fd-action-sheet-body>\n                <li\n                    fd-action-sheet-item\n                    [label]=\"'Accept' | bbbTranslate\"\n                    glyph=\"accept\"\n                    (click)=\"actionSheet.close(); onReject(2)\"\n                ></li>\n                <li\n                    fd-action-sheet-item\n                    [label]=\"'Reject' | bbbTranslate\"\n                    glyph=\"cancel\"\n                    (click)=\"actionSheet.close(); onReject(3)\"\n                ></li>\n            </fd-action-sheet-body>\n        </fd-action-sheet>\n\n        <p fd-table-text maxWidth=\"400px\" *ngIf=\"status === 3\">\n            <span *ngIf=\"readonly && rejectedReason\"> {{ rejectedReason | bbbTranslate }} </span>\n            <input\n                *ngIf=\"!readonly\"\n                fd-form-control\n                [value]=\"rejectedReason | bbbTranslate\"\n                [placeholder]=\"'\u062F\u0644\u0627\u06CC\u0644 \u0631\u062F \u0645\u062F\u0631\u06A9' | bbbTranslate\"\n            />\n        </p>\n    </td>\n</tr>\n\n<fd-file-uploader\n    #uploader\n    [style.display]=\"'none'\"\n    fd-toolbar-item\n    [id]=\"documentItem.ItemKey\"\n    [name]=\"'pictures_' + documentItem.ItemKey\"\n    [accept]=\"documentItem.$ValidExtensions\"\n    [fileLimit]=\"documentItem.MaxFileCount\"\n    [multiple]=\"documentItem.MaxFileCount > 0\"\n    (selectedFilesChanged)=\"onFileSelection($event)\"\n></fd-file-uploader>\n<ng-template #statusTpl>\n    <div class=\"status\">\n        <button fd-button fdType=\"transparent\">\n            <span\n                *ngIf=\"status === 1\"\n                fd-object-status\n                [label]=\"'[\u067E\u06CC\u0648\u0633\u062A \u0645\u062F\u0627\u0631\u06A9]' | bbbTranslate\"\n                [aria-label]=\"'[\u067E\u06CC\u0648\u0633\u062A \u0645\u062F\u0627\u0631\u06A9]' | bbbTranslate\"\n            ></span>\n            <span\n                *ngIf=\"status === 2\"\n                fd-object-status\n                glyph=\"message-success\"\n                status=\"positive\"\n                [label]=\"'Accepted' | bbbTranslate\"\n                [label]=\"'Accepted' | bbbTranslate\"\n            ></span>\n            <span\n                *ngIf=\"status === 3\"\n                fd-object-status\n                glyph=\"cancel\"\n                status=\"negative\"\n                [label]=\"'Rejected' | bbbTranslate\"\n                [aria-label]=\"'Rejected' | bbbTranslate\"\n            ></span>\n        </button>\n    </div>\n</ng-template>\n", styles: [":host{display:contents}::ng-deep .fd-list--byline .fd-list__byline-left,::ng-deep .fd-list--byline .fd-list__byline-right{line-height:1.1rem!important}.fd-list__byline.smallSize{flex-direction:column;row-gap:5px}.fd-list__byline.smallSize div{width:100%}td{white-space:nowrap;padding:.5rem}fd-avatar ::ng-deep i{font-size:2.3rem!important}.status{display:flex;align-items:center;column-gap:3px;row-gap:3px}.status span.fd-object-status{font-size:var(--sapFontSize)!important;font-weight:700!important}.status span.fd-object-status ::ng-deep fd-icon{font-size:var(--sapFontSize);font-weight:700}\n"] }]