barsa-sap-ui 2.2.2 → 2.2.3

package/esm2022/lib/dynamic-page-size.pipe.mjs

@@ -0,0 +1,27 @@
+import { Pipe } from '@angular/core';
+import * as i0 from "@angular/core";
+export class DynamicPageSizePipe {
+    transform(deviceSize) {
+        switch (deviceSize) {
+            case 'xl':
+                return 'extra-large';
+            case 'l':
+                return 'large';
+            case 'm':
+                return 'medium';
+            case 's':
+                return 'small';
+        }
+        return 'extra-large';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DynamicPageSizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DynamicPageSizePipe, name: "dynamicPageSize" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DynamicPageSizePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'dynamicPageSize',
+                    standalone: false
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1wYWdlLXNpemUucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2JhcnNhLXNhcC11aS9zcmMvbGliL2R5bmFtaWMtcGFnZS1zaXplLnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixJQUFJLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBT3BELE1BQU0sT0FBTyxtQkFBbUI7SUFDNUIsU0FBUyxDQUFDLFVBQWtCO1FBQ3hCLFFBQVEsVUFBVSxFQUFFLENBQUM7WUFDakIsS0FBSyxJQUFJO2dCQUNMLE9BQU8sYUFBYSxDQUFDO1lBQ3pCLEtBQUssR0FBRztnQkFDSixPQUFPLE9BQU8sQ0FBQztZQUNuQixLQUFLLEdBQUc7Z0JBQ0osT0FBTyxRQUFRLENBQUM7WUFDcEIsS0FBSyxHQUFHO2dCQUNKLE9BQU8sT0FBTyxDQUFDO1FBQ3ZCLENBQUM7UUFDRCxPQUFPLGFBQWEsQ0FBQztJQUN6QixDQUFDOytHQWJRLG1CQUFtQjs2R0FBbkIsbUJBQW1COzs0RkFBbkIsbUJBQW1CO2tCQUovQixJQUFJO21CQUFDO29CQUNGLElBQUksRUFBRSxpQkFBaUI7b0JBQ3ZCLFVBQVUsRUFBRSxLQUFLO2lCQUNwQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBpcGVUcmFuc2Zvcm0sIFBpcGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRHluYW1pY1BhZ2VSZXNwb25zaXZlU2l6ZSB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZSc7XHJcblxyXG5AUGlwZSh7XHJcbiAgICBuYW1lOiAnZHluYW1pY1BhZ2VTaXplJyxcclxuICAgIHN0YW5kYWxvbmU6IGZhbHNlXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEeW5hbWljUGFnZVNpemVQaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XHJcbiAgICB0cmFuc2Zvcm0oZGV2aWNlU2l6ZTogc3RyaW5nKTogRHluYW1pY1BhZ2VSZXNwb25zaXZlU2l6ZSB7XHJcbiAgICAgICAgc3dpdGNoIChkZXZpY2VTaXplKSB7XHJcbiAgICAgICAgICAgIGNhc2UgJ3hsJzpcclxuICAgICAgICAgICAgICAgIHJldHVybiAnZXh0cmEtbGFyZ2UnO1xyXG4gICAgICAgICAgICBjYXNlICdsJzpcclxuICAgICAgICAgICAgICAgIHJldHVybiAnbGFyZ2UnO1xyXG4gICAgICAgICAgICBjYXNlICdtJzpcclxuICAgICAgICAgICAgICAgIHJldHVybiAnbWVkaXVtJztcclxuICAgICAgICAgICAgY2FzZSAncyc6XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gJ3NtYWxsJztcclxuICAgICAgICB9XHJcbiAgICAgICAgcmV0dXJuICdleHRyYS1sYXJnZSc7XHJcbiAgICB9XHJcbn1cclxuIl19

package/esm2022/lib/file-in-dialog/file-in-dialog.component.mjs

@@ -0,0 +1,44 @@
+import { ChangeDetectionStrategy, Component, TemplateRef, ViewChild } from '@angular/core';
+import { BaseComponent, BarsaApi } from 'barsa-novin-ray-core';
+import * as i0 from "@angular/core";
+import * as i1 from "barsa-novin-ray-core";
+import * as i2 from "@angular/platform-browser";
+import * as i3 from "@fundamental-ngx/core";
+import * as i4 from "@fundamental-ngx/core/dialog";
+export class FileInDialogComponent extends BaseComponent {
+    constructor(_portalService, _domSanitize, _dialogService) {
+        super();
+        this._portalService = _portalService;
+        this._domSanitize = _domSanitize;
+        this._dialogService = _dialogService;
+        this._portalService.deviceSize$.subscribe((deviceSize) => {
+            this.deviceSize = deviceSize;
+        });
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        BarsaApi.Common.File.OpenInDialog = (link, closeCallBack, scope) => {
+            const dialogConfig = {
+                data: { link: this._domSanitize.bypassSecurityTrustResourceUrl(link) },
+                fullscreen: true,
+                mobile: this.deviceSize === 's',
+                width: this.deviceSize === 's' ? '100%' : '100vw',
+                height: this.deviceSize === 's' ? '100%' : '100vh',
+                resizable: false
+            };
+            this._dialogService.open(this.dialogTemplate, dialogConfig).afterClosed.subscribe(() => {
+                closeCallBack.call(scope);
+            });
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileInDialogComponent, deps: [{ token: i1.PortalService }, { token: i2.DomSanitizer }, { token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FileInDialogComponent, selector: "bsu-file-in-dialog", viewQueries: [{ propertyName: "dialogTemplate", first: true, predicate: TemplateRef, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialogTemplate>\r\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\r\n        <fd-dialog-header>\r\n            <button fd-dialog-close-button (click)=\"dialog.dismiss('Close button')\"></button>\r\n        </fd-dialog-header>\r\n\r\n        <fd-dialog-body>\r\n            <iframe [src]=\"dialogConfig.link\" style=\"width: 100%; height: 100%; background-color: white\"></iframe>\r\n        </fd-dialog-body>\r\n    </fd-dialog>\r\n</ng-template>\r\n", styles: ["iframe{border:none}\n"], dependencies: [{ kind: "component", type: i4.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4.DialogBodyComponent, selector: "fd-dialog-body", inputs: ["disablePaddings"] }, { kind: "component", type: i4.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i4.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileInDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bsu-file-in-dialog', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialogTemplate>\r\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\r\n        <fd-dialog-header>\r\n            <button fd-dialog-close-button (click)=\"dialog.dismiss('Close button')\"></button>\r\n        </fd-dialog-header>\r\n\r\n        <fd-dialog-body>\r\n            <iframe [src]=\"dialogConfig.link\" style=\"width: 100%; height: 100%; background-color: white\"></iframe>\r\n        </fd-dialog-body>\r\n    </fd-dialog>\r\n</ng-template>\r\n", styles: ["iframe{border:none}\n"] }]
+        }], ctorParameters: () => [{ type: i1.PortalService }, { type: i2.DomSanitizer }, { type: i3.DialogService }], propDecorators: { dialogTemplate: [{
+                type: ViewChild,
+                args: [TemplateRef, { static: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1pbi1kaWFsb2cuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvZmlsZS1pbi1kaWFsb2cvZmlsZS1pbi1kaWFsb2cuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvZmlsZS1pbi1kaWFsb2cvZmlsZS1pbi1kaWFsb2cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBVSxXQUFXLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBR25HLE9BQU8sRUFBRSxhQUFhLEVBQUUsUUFBUSxFQUFpQixNQUFNLHNCQUFzQixDQUFDOzs7Ozs7QUFTOUUsTUFBTSxPQUFPLHFCQUFzQixTQUFRLGFBQWE7SUFHcEQsWUFDWSxjQUE2QixFQUM3QixZQUEwQixFQUMxQixjQUE2QjtRQUVyQyxLQUFLLEVBQUUsQ0FBQztRQUpBLG1CQUFjLEdBQWQsY0FBYyxDQUFlO1FBQzdCLGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBQzFCLG1CQUFjLEdBQWQsY0FBYyxDQUFlO1FBR3JDLElBQUksQ0FBQyxjQUFjLENBQUMsV0FBVyxDQUFDLFNBQVMsQ0FBQyxDQUFDLFVBQVUsRUFBRSxFQUFFO1lBQ3JELElBQUksQ0FBQyxVQUFVLEdBQUcsVUFBVSxDQUFDO1FBQ2pDLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELFFBQVE7UUFDSixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDakIsUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsWUFBWSxHQUFHLENBQUMsSUFBSSxFQUFFLGFBQWEsRUFBRSxLQUFLLEVBQUUsRUFBRTtZQUMvRCxNQUFNLFlBQVksR0FBRztnQkFDakIsSUFBSSxFQUFFLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxZQUFZLENBQUMsOEJBQThCLENBQUMsSUFBSSxDQUFDLEVBQUU7Z0JBQ3RFLFVBQVUsRUFBRSxJQUFJO2dCQUNoQixNQUFNLEVBQUUsSUFBSSxDQUFDLFVBQVUsS0FBSyxHQUFHO2dCQUMvQixLQUFLLEVBQUUsSUFBSSxDQUFDLFVBQVUsS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsT0FBTztnQkFDakQsTUFBTSxFQUFFLElBQUksQ0FBQyxVQUFVLEtBQUssR0FBRyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE9BQU87Z0JBQ2xELFNBQVMsRUFBRSxLQUFLO2FBQ25CLENBQUM7WUFDRixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxFQUFFLFlBQVksQ0FBQyxDQUFDLFdBQVcsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO2dCQUNuRixhQUFhLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQzlCLENBQUMsQ0FBQyxDQUFDO1FBQ1AsQ0FBQyxDQUFDO0lBQ04sQ0FBQzsrR0E3QlEscUJBQXFCO21HQUFyQixxQkFBcUIsMEdBQ25CLFdBQVcscUZDYjFCLHVoQkFXQTs7NEZEQ2EscUJBQXFCO2tCQVBqQyxTQUFTOytCQUNJLG9CQUFvQixtQkFHYix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLEtBQUs7eUlBR3lCLGNBQWM7c0JBQXZELFNBQVM7dUJBQUMsV0FBVyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIE9uSW5pdCwgVGVtcGxhdGVSZWYsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcclxuaW1wb3J0IHsgRGlhbG9nU2VydmljZSB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZSc7XHJcbmltcG9ydCB7IEJhc2VDb21wb25lbnQsIEJhcnNhQXBpLCBQb3J0YWxTZXJ2aWNlIH0gZnJvbSAnYmFyc2Etbm92aW4tcmF5LWNvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2JzdS1maWxlLWluLWRpYWxvZycsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vZmlsZS1pbi1kaWFsb2cuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vZmlsZS1pbi1kaWFsb2cuY29tcG9uZW50LnNjc3MnXSxcclxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gICAgc3RhbmRhbG9uZTogZmFsc2VcclxufSlcclxuZXhwb3J0IGNsYXNzIEZpbGVJbkRpYWxvZ0NvbXBvbmVudCBleHRlbmRzIEJhc2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gICAgQFZpZXdDaGlsZChUZW1wbGF0ZVJlZiwgeyBzdGF0aWM6IHRydWUgfSkgZGlhbG9nVGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT47XHJcbiAgICBkZXZpY2VTaXplOiBzdHJpbmc7XHJcbiAgICBjb25zdHJ1Y3RvcihcclxuICAgICAgICBwcml2YXRlIF9wb3J0YWxTZXJ2aWNlOiBQb3J0YWxTZXJ2aWNlLFxyXG4gICAgICAgIHByaXZhdGUgX2RvbVNhbml0aXplOiBEb21TYW5pdGl6ZXIsXHJcbiAgICAgICAgcHJpdmF0ZSBfZGlhbG9nU2VydmljZTogRGlhbG9nU2VydmljZVxyXG4gICAgKSB7XHJcbiAgICAgICAgc3VwZXIoKTtcclxuICAgICAgICB0aGlzLl9wb3J0YWxTZXJ2aWNlLmRldmljZVNpemUkLnN1YnNjcmliZSgoZGV2aWNlU2l6ZSkgPT4ge1xyXG4gICAgICAgICAgICB0aGlzLmRldmljZVNpemUgPSBkZXZpY2VTaXplO1xyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG5cclxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgICAgIHN1cGVyLm5nT25Jbml0KCk7XHJcbiAgICAgICAgQmFyc2FBcGkuQ29tbW9uLkZpbGUuT3BlbkluRGlhbG9nID0gKGxpbmssIGNsb3NlQ2FsbEJhY2ssIHNjb3BlKSA9PiB7XHJcbiAgICAgICAgICAgIGNvbnN0IGRpYWxvZ0NvbmZpZyA9IHtcclxuICAgICAgICAgICAgICAgIGRhdGE6IHsgbGluazogdGhpcy5fZG9tU2FuaXRpemUuYnlwYXNzU2VjdXJpdHlUcnVzdFJlc291cmNlVXJsKGxpbmspIH0sXHJcbiAgICAgICAgICAgICAgICBmdWxsc2NyZWVuOiB0cnVlLFxyXG4gICAgICAgICAgICAgICAgbW9iaWxlOiB0aGlzLmRldmljZVNpemUgPT09ICdzJyxcclxuICAgICAgICAgICAgICAgIHdpZHRoOiB0aGlzLmRldmljZVNpemUgPT09ICdzJyA/ICcxMDAlJyA6ICcxMDB2dycsXHJcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IHRoaXMuZGV2aWNlU2l6ZSA9PT0gJ3MnID8gJzEwMCUnIDogJzEwMHZoJyxcclxuICAgICAgICAgICAgICAgIHJlc2l6YWJsZTogZmFsc2VcclxuICAgICAgICAgICAgfTtcclxuICAgICAgICAgICAgdGhpcy5fZGlhbG9nU2VydmljZS5vcGVuKHRoaXMuZGlhbG9nVGVtcGxhdGUsIGRpYWxvZ0NvbmZpZykuYWZ0ZXJDbG9zZWQuc3Vic2NyaWJlKCgpID0+IHtcclxuICAgICAgICAgICAgICAgIGNsb3NlQ2FsbEJhY2suY2FsbChzY29wZSk7XHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgICAgIH07XHJcbiAgICB9XHJcbn1cclxuIiwiPG5nLXRlbXBsYXRlIGxldC1kaWFsb2cgbGV0LWRpYWxvZ0NvbmZpZz1cImRpYWxvZ0NvbmZpZ1wiICNkaWFsb2dUZW1wbGF0ZT5cclxuICAgIDxmZC1kaWFsb2cgW2RpYWxvZ0NvbmZpZ109XCJkaWFsb2dDb25maWdcIiBbZGlhbG9nUmVmXT1cImRpYWxvZ1wiPlxyXG4gICAgICAgIDxmZC1kaWFsb2ctaGVhZGVyPlxyXG4gICAgICAgICAgICA8YnV0dG9uIGZkLWRpYWxvZy1jbG9zZS1idXR0b24gKGNsaWNrKT1cImRpYWxvZy5kaXNtaXNzKCdDbG9zZSBidXR0b24nKVwiPjwvYnV0dG9uPlxyXG4gICAgICAgIDwvZmQtZGlhbG9nLWhlYWRlcj5cclxuXHJcbiAgICAgICAgPGZkLWRpYWxvZy1ib2R5PlxyXG4gICAgICAgICAgICA8aWZyYW1lIFtzcmNdPVwiZGlhbG9nQ29uZmlnLmxpbmtcIiBzdHlsZT1cIndpZHRoOiAxMDAlOyBoZWlnaHQ6IDEwMCU7IGJhY2tncm91bmQtY29sb3I6IHdoaXRlXCI+PC9pZnJhbWU+XHJcbiAgICAgICAgPC9mZC1kaWFsb2ctYm9keT5cclxuICAgIDwvZmQtZGlhbG9nPlxyXG48L25nLXRlbXBsYXRlPlxyXG4iXX0=

package/esm2022/lib/file-viewer/file-viewer.component.mjs

@@ -0,0 +1,47 @@
+import { ChangeDetectionStrategy, Component, ViewChild } from '@angular/core';
+import { BaseComponent } from 'barsa-novin-ray-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@fundamental-ngx/core";
+import * as i2 from "@angular/common";
+import * as i3 from "@fundamental-ngx/core/bar";
+import * as i4 from "@fundamental-ngx/core/layout-grid";
+import * as i5 from "@fundamental-ngx/core/dialog";
+import * as i6 from "@fundamental-ngx/cdk/utils";
+import * as i7 from "@fundamental-ngx/core/title";
+import * as i8 from "../file-viewer-content/file-viewer-content.component";
+import * as i9 from "barsa-novin-ray-core";
+export class FileViewerComponent extends BaseComponent {
+    constructor(_dialogRef) {
+        super();
+        this._dialogRef = _dialogRef;
+        const { title, files, selectedIndex, deviceSize, contentDensity, isImageGallery } = _dialogRef.data;
+        this.title = title;
+        this.files = files;
+        this.selectedFile = files[selectedIndex || 0];
+        this.deviceSize = deviceSize || 'l';
+        this.contentDensity = contentDensity || 'compact';
+        this.isImageGallery = isImageGallery;
+    }
+    ngOnInit() {
+        super.ngOnInit();
+    }
+    onMedaiClick(media, index) {
+        this.selectedFile = media;
+        if (this.isImageGallery) {
+            this.gallery.nativeElement.querySelector('[id="' + String(index) + '"]')?.scrollIntoView(true);
+        }
+    }
+    onClose() {
+        this._dialogRef.close();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileViewerComponent, deps: [{ token: i1.DialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: FileViewerComponent, selector: "bsu-file-viewer", viewQueries: [{ propertyName: "gallery", first: true, predicate: ["gallery"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-dialog #dialogTpl class=\"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                <fd-button-bar\r\n                    ariaLabel=\"Fit image size\"\r\n                    [glyph]=\"'resize'\"\r\n                    [fdType]=\"fillWidth ? 'emphasized' : 'transparent'\"\r\n                    (click)=\"fillWidth = !fillWidth\"\r\n                ></fd-button-bar>\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\">\r\n            @for (media of files; track media; let i = $index) {\r\n            <bsu-file-viewer-content\r\n                [deviceSize]=\"deviceSize\"\r\n                [file]=\"selectedFile\"\r\n                [imageOnly]=\"true\"\r\n                [fillWidth]=\"fillWidth\"\r\n                [isImageGallery]=\"isImageGallery\"\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') {\r\n        <div class=\"thumbnail\" style=\"flex-shrink: 1\">\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                    [cardMode]=\"true\"\r\n                    [deviceSize]=\"deviceSize\"\r\n                    [file]=\"file\"\r\n                    [isImageGallery]=\"isImageGallery\"\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{display:flex}fd-dialog.horizontal fd-dialog-body{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{flex-direction:row-reverse;padding:0}fd-dialog.vertical .gallery{flex-direction:column;height:100%;flex:1}fd-dialog.vertical .thumbnail{border:1px solid #ccc;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: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i3.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: i3.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i4.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i4.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i4.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: i5.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i5.DialogBodyComponent, selector: "fd-dialog-body", inputs: ["disablePaddings"] }, { kind: "component", type: i5.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i6.TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i7.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i8.FileViewerContentComponent, selector: "bsu-file-viewer-content", inputs: ["fillWidth", "imageOnly", "isImageGallery", "cardMode", "showFooter", "showContent", "width", "deviceSize", "cardContentHeight", "file"], outputs: ["cantView"] }, { kind: "pipe", type: i9.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileViewerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bsu-file-viewer', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<fd-dialog #dialogTpl class=\"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                <fd-button-bar\r\n                    ariaLabel=\"Fit image size\"\r\n                    [glyph]=\"'resize'\"\r\n                    [fdType]=\"fillWidth ? 'emphasized' : 'transparent'\"\r\n                    (click)=\"fillWidth = !fillWidth\"\r\n                ></fd-button-bar>\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\">\r\n            @for (media of files; track media; let i = $index) {\r\n            <bsu-file-viewer-content\r\n                [deviceSize]=\"deviceSize\"\r\n                [file]=\"selectedFile\"\r\n                [imageOnly]=\"true\"\r\n                [fillWidth]=\"fillWidth\"\r\n                [isImageGallery]=\"isImageGallery\"\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') {\r\n        <div class=\"thumbnail\" style=\"flex-shrink: 1\">\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                    [cardMode]=\"true\"\r\n                    [deviceSize]=\"deviceSize\"\r\n                    [file]=\"file\"\r\n                    [isImageGallery]=\"isImageGallery\"\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{display:flex}fd-dialog.horizontal fd-dialog-body{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{flex-direction:row-reverse;padding:0}fd-dialog.vertical .gallery{flex-direction:column;height:100%;flex:1}fd-dialog.vertical .thumbnail{border:1px solid #ccc;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: () => [{ type: i1.DialogRef }], propDecorators: { gallery: [{
+                type: ViewChild,
+                args: ['gallery']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS12aWV3ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvZmlsZS12aWV3ZXIvZmlsZS12aWV3ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvZmlsZS12aWV3ZXIvZmlsZS12aWV3ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBc0IsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWxHLE9BQU8sRUFBeUIsYUFBYSxFQUFzQixNQUFNLHNCQUFzQixDQUFDOzs7Ozs7Ozs7OztBQVNoRyxNQUFNLE9BQU8sbUJBQW9CLFNBQVEsYUFBYTtJQVVsRCxZQUFvQixVQUFxQjtRQUNyQyxLQUFLLEVBQUUsQ0FBQztRQURRLGVBQVUsR0FBVixVQUFVLENBQVc7UUFFckMsTUFBTSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsYUFBYSxFQUFFLFVBQVUsRUFBRSxjQUFjLEVBQUUsY0FBYyxFQUFFLEdBQUcsVUFBVSxDQUFDLElBQUksQ0FBQztRQUNwRyxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUNuQixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUNuQixJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQyxhQUFhLElBQUksQ0FBQyxDQUFDLENBQUM7UUFDOUMsSUFBSSxDQUFDLFVBQVUsR0FBRyxVQUFVLElBQUksR0FBRyxDQUFDO1FBQ3BDLElBQUksQ0FBQyxjQUFjLEdBQUcsY0FBYyxJQUFJLFNBQVMsQ0FBQztRQUNsRCxJQUFJLENBQUMsY0FBYyxHQUFHLGNBQWMsQ0FBQztJQUN6QyxDQUFDO0lBRUQsUUFBUTtRQUNKLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBQ0QsWUFBWSxDQUFDLEtBQXlCLEVBQUUsS0FBSztRQUN6QyxJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztRQUMxQixJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUN0QixJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsT0FBTyxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsR0FBRyxJQUFJLENBQUMsRUFBRSxjQUFjLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDbkcsQ0FBQztJQUNMLENBQUM7SUFDRCxPQUFPO1FBQ0gsSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUM1QixDQUFDOytHQWhDUSxtQkFBbUI7bUdBQW5CLG1CQUFtQixrTENYaEMsNnRGQW9FQTs7NEZEekRhLG1CQUFtQjtrQkFQL0IsU0FBUzsrQkFDSSxpQkFBaUIsbUJBR1YsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxLQUFLOzhFQUdLLE9BQU87c0JBQTVCLFNBQVM7dUJBQUMsU0FBUyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIE9uSW5pdCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbnRlbnREZW5zaXR5LCBEaWFsb2dSZWYgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2NvcmUnO1xyXG5pbXBvcnQgeyBBYmJyZXZhdGlvbkRldmljZVNpemUsIEJhc2VDb21wb25lbnQsIEZpbGVBdHRhY2htZW50SW5mbyB9IGZyb20gJ2JhcnNhLW5vdmluLXJheS1jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdic3UtZmlsZS12aWV3ZXInLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2ZpbGUtdmlld2VyLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL2ZpbGUtdmlld2VyLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICAgIHN0YW5kYWxvbmU6IGZhbHNlXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGaWxlVmlld2VyQ29tcG9uZW50IGV4dGVuZHMgQmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgICBAVmlld0NoaWxkKCdnYWxsZXJ5JykgZ2FsbGVyeSE6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+O1xyXG4gICAgZmlsbFdpZHRoOiBib29sZWFuO1xyXG4gICAgZGV2aWNlU2l6ZTogQWJicmV2YXRpb25EZXZpY2VTaXplO1xyXG4gICAgdGl0bGU6IHN0cmluZztcclxuICAgIGZpbGVzOiBGaWxlQXR0YWNobWVudEluZm9bXTtcclxuICAgIGNvbnRlbnREZW5zaXR5OiBDb250ZW50RGVuc2l0eTtcclxuICAgIGlzSW1hZ2VHYWxsZXJ5OiBib29sZWFuO1xyXG4gICAgc2VsZWN0ZWRGaWxlOiBGaWxlQXR0YWNobWVudEluZm87XHJcblxyXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBfZGlhbG9nUmVmOiBEaWFsb2dSZWYpIHtcclxuICAgICAgICBzdXBlcigpO1xyXG4gICAgICAgIGNvbnN0IHsgdGl0bGUsIGZpbGVzLCBzZWxlY3RlZEluZGV4LCBkZXZpY2VTaXplLCBjb250ZW50RGVuc2l0eSwgaXNJbWFnZUdhbGxlcnkgfSA9IF9kaWFsb2dSZWYuZGF0YTtcclxuICAgICAgICB0aGlzLnRpdGxlID0gdGl0bGU7XHJcbiAgICAgICAgdGhpcy5maWxlcyA9IGZpbGVzO1xyXG4gICAgICAgIHRoaXMuc2VsZWN0ZWRGaWxlID0gZmlsZXNbc2VsZWN0ZWRJbmRleCB8fCAwXTtcclxuICAgICAgICB0aGlzLmRldmljZVNpemUgPSBkZXZpY2VTaXplIHx8ICdsJztcclxuICAgICAgICB0aGlzLmNvbnRlbnREZW5zaXR5ID0gY29udGVudERlbnNpdHkgfHwgJ2NvbXBhY3QnO1xyXG4gICAgICAgIHRoaXMuaXNJbWFnZUdhbGxlcnkgPSBpc0ltYWdlR2FsbGVyeTtcclxuICAgIH1cclxuXHJcbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgICAgICBzdXBlci5uZ09uSW5pdCgpO1xyXG4gICAgfVxyXG4gICAgb25NZWRhaUNsaWNrKG1lZGlhOiBGaWxlQXR0YWNobWVudEluZm8sIGluZGV4KTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5zZWxlY3RlZEZpbGUgPSBtZWRpYTtcclxuICAgICAgICBpZiAodGhpcy5pc0ltYWdlR2FsbGVyeSkge1xyXG4gICAgICAgICAgICB0aGlzLmdhbGxlcnkubmF0aXZlRWxlbWVudC5xdWVyeVNlbGVjdG9yKCdbaWQ9XCInICsgU3RyaW5nKGluZGV4KSArICdcIl0nKT8uc2Nyb2xsSW50b1ZpZXcodHJ1ZSk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG4gICAgb25DbG9zZSgpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLl9kaWFsb2dSZWYuY2xvc2UoKTtcclxuICAgIH1cclxufVxyXG4iLCI8ZmQtZGlhbG9nICNkaWFsb2dUcGwgY2xhc3M9XCJ2ZXJ0aWNhbFwiPlxyXG4gICAgPGZkLWRpYWxvZy1oZWFkZXI+XHJcbiAgICAgICAgPG5nLXRlbXBsYXRlIGZka1RlbXBsYXRlPVwiaGVhZGVyXCI+XHJcbiAgICAgICAgICAgIDxkaXYgZmQtYmFyLWxlZnQ+XHJcbiAgICAgICAgICAgICAgICA8ZmQtYmFyLWVsZW1lbnQ+XHJcbiAgICAgICAgICAgICAgICAgICAgPGgzIGZkLXRpdGxlPnt7IHRpdGxlIHwgYmJiVHJhbnNsYXRlIH19PC9oMz5cclxuICAgICAgICAgICAgICAgIDwvZmQtYmFyLWVsZW1lbnQ+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGZkLWJhci1yaWdodD5cclxuICAgICAgICAgICAgICAgIDxmZC1idXR0b24tYmFyXHJcbiAgICAgICAgICAgICAgICAgICAgYXJpYUxhYmVsPVwiRml0IGltYWdlIHNpemVcIlxyXG4gICAgICAgICAgICAgICAgICAgIFtnbHlwaF09XCIncmVzaXplJ1wiXHJcbiAgICAgICAgICAgICAgICAgICAgW2ZkVHlwZV09XCJmaWxsV2lkdGggPyAnZW1waGFzaXplZCcgOiAndHJhbnNwYXJlbnQnXCJcclxuICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwiZmlsbFdpZHRoID0gIWZpbGxXaWR0aFwiXHJcbiAgICAgICAgICAgICAgICA+PC9mZC1idXR0b24tYmFyPlxyXG4gICAgICAgICAgICAgICAgPGZkLWJ1dHRvbi1iYXIgYXJpYUxhYmVsPVwiY2xvc2VcIiBnbHlwaD1cImRlY2xpbmVcIiAoY2xpY2spPVwib25DbG9zZSgpXCI+PC9mZC1idXR0b24tYmFyPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgPC9mZC1kaWFsb2ctaGVhZGVyPlxyXG4gICAgPGZkLWRpYWxvZy1ib2R5ICNmZGJvZHk+XHJcbiAgICAgICAgQGlmIChpc0ltYWdlR2FsbGVyeSkge1xyXG4gICAgICAgIDxkaXYgI2dhbGxlcnkgY2xhc3M9XCJnYWxsZXJ5IGluRGlhbG9nXCI+XHJcbiAgICAgICAgICAgIEBmb3IgKG1lZGlhIG9mIGZpbGVzOyB0cmFjayBtZWRpYTsgbGV0IGkgPSAkaW5kZXgpIHtcclxuICAgICAgICAgICAgPGJzdS1maWxlLXZpZXdlci1jb250ZW50XHJcbiAgICAgICAgICAgICAgICBbZGV2aWNlU2l6ZV09XCJkZXZpY2VTaXplXCJcclxuICAgICAgICAgICAgICAgIFtmaWxlXT1cInNlbGVjdGVkRmlsZVwiXHJcbiAgICAgICAgICAgICAgICBbaW1hZ2VPbmx5XT1cInRydWVcIlxyXG4gICAgICAgICAgICAgICAgW2ZpbGxXaWR0aF09XCJmaWxsV2lkdGhcIlxyXG4gICAgICAgICAgICAgICAgW2lzSW1hZ2VHYWxsZXJ5XT1cImlzSW1hZ2VHYWxsZXJ5XCJcclxuICAgICAgICAgICAgPjwvYnN1LWZpbGUtdmlld2VyLWNvbnRlbnQ+XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICB9IEBpZiAoIWlzSW1hZ2VHYWxsZXJ5KSB7XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImdhbGxlcnlcIj5cclxuICAgICAgICAgICAgQGlmIChzZWxlY3RlZEZpbGUpIHtcclxuICAgICAgICAgICAgPGJzdS1maWxlLXZpZXdlci1jb250ZW50XHJcbiAgICAgICAgICAgICAgICBbZGV2aWNlU2l6ZV09XCJkZXZpY2VTaXplXCJcclxuICAgICAgICAgICAgICAgIFtmaWxsV2lkdGhdPVwiZmlsbFdpZHRoXCJcclxuICAgICAgICAgICAgICAgIFtmaWxlXT1cInNlbGVjdGVkRmlsZVwiXHJcbiAgICAgICAgICAgICAgICBbaXNJbWFnZUdhbGxlcnldPVwiaXNJbWFnZUdhbGxlcnlcIlxyXG4gICAgICAgICAgICA+PC9ic3UtZmlsZS12aWV3ZXItY29udGVudD5cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIH0gQGlmIChkZXZpY2VTaXplICE9PSAncycpIHtcclxuICAgICAgICA8ZGl2IGNsYXNzPVwidGh1bWJuYWlsXCIgc3R5bGU9XCJmbGV4LXNocmluazogMVwiPlxyXG4gICAgICAgICAgICA8bmctY290YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJsYXlvdXRHcmlkVHBsOyBjb250ZXh0OiB7ICRpbXBsaWNpdDogZmlsZXMgfVwiPjwvbmctY290YWluZXI+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgfVxyXG4gICAgPC9mZC1kaWFsb2ctYm9keT5cclxuPC9mZC1kaWFsb2c+XHJcbjxuZy10ZW1wbGF0ZSAjbGF5b3V0R3JpZFRwbCBsZXQtZmlsZXM+XHJcbiAgICA8ZmQtbGF5b3V0LWdyaWQ+XHJcbiAgICAgICAgQGlmIChmaWxlcykge1xyXG4gICAgICAgIDxkaXYgZmRMYXlvdXRHcmlkUm93PlxyXG4gICAgICAgICAgICBAZm9yIChmaWxlIG9mIGZpbGVzOyB0cmFjayBmaWxlOyBsZXQgaSA9ICRpbmRleCkge1xyXG4gICAgICAgICAgICA8ZGl2IFtmZExheW91dEdyaWRDb2xdPVwiNlwiIFtjb2xNZF09XCIzXCIgW2NvbExnXT1cIjJcIiBbY29sWGxdPVwiMlwiIChjbGljayk9XCJvbk1lZGFpQ2xpY2soZmlsZSwgaSlcIj5cclxuICAgICAgICAgICAgICAgIDxic3UtZmlsZS12aWV3ZXItY29udGVudFxyXG4gICAgICAgICAgICAgICAgICAgIFtjYXJkTW9kZV09XCJ0cnVlXCJcclxuICAgICAgICAgICAgICAgICAgICBbZGV2aWNlU2l6ZV09XCJkZXZpY2VTaXplXCJcclxuICAgICAgICAgICAgICAgICAgICBbZmlsZV09XCJmaWxlXCJcclxuICAgICAgICAgICAgICAgICAgICBbaXNJbWFnZUdhbGxlcnldPVwiaXNJbWFnZUdhbGxlcnlcIlxyXG4gICAgICAgICAgICAgICAgPjwvYnN1LWZpbGUtdmlld2VyLWNvbnRlbnQ+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgfVxyXG4gICAgPC9mZC1sYXlvdXQtZ3JpZD5cclxuPC9uZy10ZW1wbGF0ZT5cclxuIl19

package/esm2022/lib/file-viewer-content/file-viewer-content.component.mjs

@@ -0,0 +1,71 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';
+import { BaseComponent, getIcon, isImage } from 'barsa-novin-ray-core';
+import * as i0 from "@angular/core";
+import * as i1 from "barsa-novin-ray-core";
+import * as i2 from "@angular/common";
+import * as i3 from "@fundamental-ngx/core/card";
+import * as i4 from "@fundamental-ngx/core/illustrated-message";
+import * as i5 from "../mask/mask.component";
+import * as i6 from "../blob-viewer/blob-viewer.component";
+export class FileViewerContentComponent extends BaseComponent {
+    constructor(_picFieldSrc) {
+        super();
+        this._picFieldSrc = _picFieldSrc;
+        this.cantView = new EventEmitter();
+        this._height = null;
+        this.hideContent = false;
+        this.sceneConfig = {
+            scene: { url: 'assets/images/sapIllus-Scene-NoMail.svg', id: 'sapIllus-Scene-NoMail-1' },
+            dialog: { url: 'assets/images/sapIllus-Dialog-NoMail.svg', id: 'sapIllus-Dialog-NoMail' }
+        };
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        const file = this.file;
+        const spl = file.FileName?.split('.');
+        const ext = spl ? spl[spl.length - 1] : '';
+        const isImg = isImage(ext);
+        isImg &&
+            (file.thumbnailUrl = this._picFieldSrc.transform(file.Id, this.isImageGallery ? 'BarsaPicture.Thumbnail' : 'ID', null, '', 120, 120)) &&
+            (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) {
+            this.hideContent = true;
+            // this._height = '0px';
+            this.cantView.emit();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileViewerContentComponent, deps: [{ token: i1.PictureFieldSourcePipe }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: FileViewerContentComponent, selector: "bsu-file-viewer-content", inputs: { fillWidth: "fillWidth", imageOnly: "imageOnly", isImageGallery: "isImageGallery", cardMode: "cardMode", showFooter: "showFooter", showContent: "showContent", width: "width", deviceSize: "deviceSize", cardContentHeight: "cardContentHeight", file: "file" }, outputs: { cantView: "cantView" }, host: { properties: { "style.height": "this._height" } }, usesInheritance: true, ngImport: i0, template: "<ng-container\r\n    *ngTemplateOutlet=\"cardMode ? cardTpl : file.isImage || imageOnly ? showImage : blobViewer\"\r\n></ng-container>\r\n\r\n<ng-template #showImage>\r\n    <div class=\"column big-imgs-box\" [class.fill-width]=\"fillWidth\">\r\n        <div class=\"pics\">\r\n            <bsu-mask></bsu-mask>\r\n            <img imgLazy [imgLazy]=\"file.mediaUrl\" [src]=\"file.mediaUrl\" [style.width]=\"width\" />\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n<ng-template #blobViewer>\r\n    @if(!hideContent){\r\n    <bsu-blob-viewer\r\n        [file]=\"file\"\r\n        [style.width]=\"width\"\r\n        fillEmptySpace\r\n        [disable]=\"deviceSize !== 's'\"\r\n        [decrement]=\"'25px'\"\r\n    ></bsu-blob-viewer>\r\n    }@else{ }\r\n</ng-template>\r\n<ng-template #cardTpl>\r\n    <fd-card class=\"media\" [class.hideContent]=\"hideContent\">\r\n        <fd-card-content style=\"text-align: center; padding: 0\" [style.height]=\"cardContentHeight\">\r\n            @if(hideContent && file){\r\n            <figure fd-illustrated-message type=\"dialog\" [svgConfig]=\"sceneConfig\" svgAriaLabel=\"Illustration label\">\r\n                <figcaption fd-illustrated-message-figcaption>\r\n                    <h3 fd-illustrated-message-title>{{ 'Unable To Load File' | bbbTranslate }}</h3>\r\n                </figcaption>\r\n            </figure>\r\n            } @else{\r\n            <ng-container\r\n                *ngTemplateOutlet=\"!showContent ? thumbnailTpl : file.isImage || imageOnly ? showImage : blobViewer\"\r\n            ></ng-container>\r\n            }\r\n        </fd-card-content>\r\n    </fd-card>\r\n</ng-template>\r\n<ng-template #thumbnailTpl>\r\n    <img imgLazy [imgLazy]=\"file.thumbnailUrl\" [src]=\"file.thumbnailUrl\" [style.width]=\"width\" />\r\n</ng-template>\r\n", styles: [":host{display:block;min-height:100%}fd-card.hideContent{box-shadow:none}\n"], dependencies: [{ kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.ImageLazyDirective, selector: "[imgLazy]", inputs: ["auto", "threshold", "imgLazy"], outputs: ["imageLoaded"] }, { kind: "directive", type: i1.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["containerDom", "decrement", "disable", "height", "dontUseTopBound", "setMinHeight"], exportAs: ["fillEmptySpace"] }, { kind: "component", type: i3.CardComponent, selector: "fd-card", inputs: ["badge", "badgeIcon", "badgeColor", "badgeColorSecondary", "badgeStatus", "badgeAriaLabel", "secondBadge", "secondBadgeIcon", "secondBadgeColor", "secondBadgeColorSecondary", "secondBadgeStatus", "secondBadgeAriaLabel", "isLoading", "cardType", "id", "ariaRoledescription", "ariaDescription", "ariaLabel", "role", "interactive", "selected", "ariaPosinset", "ariaSetsize"], outputs: ["ariaPosinsetChange", "ariaSetsizeChange"] }, { kind: "component", type: i3.CardContentComponent, selector: "fd-card-content" }, { kind: "component", type: i4.IllustratedMessageComponent, selector: "[fd-illustrated-message]", inputs: ["type", "svgConfig", "svgAriaLabel", "noSvg", "id", "class"] }, { kind: "component", type: i4.IllustratedMessageFigcaptionComponent, selector: "[fd-illustrated-message-figcaption]" }, { kind: "directive", type: i4.IllustratedMessageTitleDirective, selector: "[fd-illustrated-message-title]" }, { kind: "component", type: i5.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: i6.BlobViewerComponent, selector: "bsu-blob-viewer", inputs: ["file"] }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileViewerContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bsu-file-viewer-content', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-container\r\n    *ngTemplateOutlet=\"cardMode ? cardTpl : file.isImage || imageOnly ? showImage : blobViewer\"\r\n></ng-container>\r\n\r\n<ng-template #showImage>\r\n    <div class=\"column big-imgs-box\" [class.fill-width]=\"fillWidth\">\r\n        <div class=\"pics\">\r\n            <bsu-mask></bsu-mask>\r\n            <img imgLazy [imgLazy]=\"file.mediaUrl\" [src]=\"file.mediaUrl\" [style.width]=\"width\" />\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n<ng-template #blobViewer>\r\n    @if(!hideContent){\r\n    <bsu-blob-viewer\r\n        [file]=\"file\"\r\n        [style.width]=\"width\"\r\n        fillEmptySpace\r\n        [disable]=\"deviceSize !== 's'\"\r\n        [decrement]=\"'25px'\"\r\n    ></bsu-blob-viewer>\r\n    }@else{ }\r\n</ng-template>\r\n<ng-template #cardTpl>\r\n    <fd-card class=\"media\" [class.hideContent]=\"hideContent\">\r\n        <fd-card-content style=\"text-align: center; padding: 0\" [style.height]=\"cardContentHeight\">\r\n            @if(hideContent && file){\r\n            <figure fd-illustrated-message type=\"dialog\" [svgConfig]=\"sceneConfig\" svgAriaLabel=\"Illustration label\">\r\n                <figcaption fd-illustrated-message-figcaption>\r\n                    <h3 fd-illustrated-message-title>{{ 'Unable To Load File' | bbbTranslate }}</h3>\r\n                </figcaption>\r\n            </figure>\r\n            } @else{\r\n            <ng-container\r\n                *ngTemplateOutlet=\"!showContent ? thumbnailTpl : file.isImage || imageOnly ? showImage : blobViewer\"\r\n            ></ng-container>\r\n            }\r\n        </fd-card-content>\r\n    </fd-card>\r\n</ng-template>\r\n<ng-template #thumbnailTpl>\r\n    <img imgLazy [imgLazy]=\"file.thumbnailUrl\" [src]=\"file.thumbnailUrl\" [style.width]=\"width\" />\r\n</ng-template>\r\n", styles: [":host{display:block;min-height:100%}fd-card.hideContent{box-shadow:none}\n"] }]
+        }], ctorParameters: () => [{ type: i1.PictureFieldSourcePipe }], propDecorators: { fillWidth: [{
+                type: Input
+            }], imageOnly: [{
+                type: Input
+            }], isImageGallery: [{
+                type: Input
+            }], cardMode: [{
+                type: Input
+            }], showFooter: [{
+                type: Input
+            }], showContent: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], deviceSize: [{
+                type: Input
+            }], cardContentHeight: [{
+                type: Input
+            }], file: [{
+                type: Input
+            }], cantView: [{
+                type: Output
+            }], _height: [{
+                type: HostBinding,
+                args: ['style.height']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS12aWV3ZXItY29udGVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1zYXAtdWkvc3JjL2xpYi9maWxlLXZpZXdlci1jb250ZW50L2ZpbGUtdmlld2VyLWNvbnRlbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvZmlsZS12aWV3ZXItY29udGVudC9maWxlLXZpZXdlci1jb250ZW50LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JILE9BQU8sRUFDSCxhQUFhLEVBR2IsT0FBTyxFQUNQLE9BQU8sRUFFVixNQUFNLHNCQUFzQixDQUFDOzs7Ozs7OztBQVM5QixNQUFNLE9BQU8sMEJBQTJCLFNBQVEsYUFBYTtJQWtCekQsWUFBb0IsWUFBb0M7UUFDcEQsS0FBSyxFQUFFLENBQUM7UUFEUSxpQkFBWSxHQUFaLFlBQVksQ0FBd0I7UUFQOUMsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDWCxZQUFPLEdBQWtCLElBQUksQ0FBQztRQUMzRCxnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUNwQixnQkFBVyxHQUFHO1lBQ1YsS0FBSyxFQUFFLEVBQUUsR0FBRyxFQUFFLHlDQUF5QyxFQUFFLEVBQUUsRUFBRSx5QkFBeUIsRUFBRTtZQUN4RixNQUFNLEVBQUUsRUFBRSxHQUFHLEVBQUUsMENBQTBDLEVBQUUsRUFBRSxFQUFFLHdCQUF3QixFQUFFO1NBQzVGLENBQUM7SUFHRixDQUFDO0lBRUQsUUFBUTtRQUNKLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNqQixNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO1FBQ3ZCLE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ3RDLE1BQU0sR0FBRyxHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUMzQyxNQUFNLEtBQUssR0FBRyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDM0IsS0FBSztZQUNELENBQUMsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FDNUMsSUFBSSxDQUFDLEVBQUUsRUFDUCxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDLENBQUMsSUFBSSxFQUNyRCxJQUFJLEVBQ0osRUFBRSxFQUNGLEdBQUcsRUFDSCxHQUFHLENBQ04sQ0FBQztZQUNGLENBQUMsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FDeEMsSUFBSSxDQUFDLEVBQUUsRUFDUCxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLENBQUMsWUFBWSxFQUN4RCxFQUFFLEVBQ0YsRUFBRSxFQUNGLENBQUMsRUFDRCxDQUFDLENBQ0osQ0FBQztZQUNGLENBQUMsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsQ0FBQztRQUMxQixDQUFDLEtBQUssSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLEdBQUcsT0FBTyxDQUFDLEdBQUcsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztRQUMxRCxJQUFJLENBQUMsS0FBSyxJQUFJLENBQUMsTUFBTSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDO1lBQzFHLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO1lBQ3hCLHdCQUF3QjtZQUN4QixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3pCLENBQUM7SUFDTCxDQUFDOytHQXBEUSwwQkFBMEI7bUdBQTFCLDBCQUEwQiw2YkNqQnZDLGl5REEyQ0E7OzRGRDFCYSwwQkFBMEI7a0JBUHRDLFNBQVM7K0JBQ0kseUJBQXlCLG1CQUdsQix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLEtBQUs7MkZBR1IsU0FBUztzQkFBakIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDSSxRQUFRO3NCQUFqQixNQUFNO2dCQUNzQixPQUFPO3NCQUFuQyxXQUFXO3VCQUFDLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtcclxuICAgIEJhc2VDb21wb25lbnQsXHJcbiAgICBBYmJyZXZhdGlvbkRldmljZVNpemUsXHJcbiAgICBGaWxlQXR0YWNobWVudEluZm8sXHJcbiAgICBnZXRJY29uLFxyXG4gICAgaXNJbWFnZSxcclxuICAgIFBpY3R1cmVGaWVsZFNvdXJjZVBpcGVcclxufSBmcm9tICdiYXJzYS1ub3Zpbi1yYXktY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYnN1LWZpbGUtdmlld2VyLWNvbnRlbnQnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2ZpbGUtdmlld2VyLWNvbnRlbnQuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vZmlsZS12aWV3ZXItY29udGVudC5jb21wb25lbnQuc2NzcyddLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgICBzdGFuZGFsb25lOiBmYWxzZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRmlsZVZpZXdlckNvbnRlbnRDb21wb25lbnQgZXh0ZW5kcyBCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICAgIEBJbnB1dCgpIGZpbGxXaWR0aDogYm9vbGVhbjtcclxuICAgIEBJbnB1dCgpIGltYWdlT25seTogYm9vbGVhbjtcclxuICAgIEBJbnB1dCgpIGlzSW1hZ2VHYWxsZXJ5OiBib29sZWFuO1xyXG4gICAgQElucHV0KCkgY2FyZE1vZGU6IGJvb2xlYW47XHJcbiAgICBASW5wdXQoKSBzaG93Rm9vdGVyOiBib29sZWFuO1xyXG4gICAgQElucHV0KCkgc2hvd0NvbnRlbnQ6IGJvb2xlYW47XHJcbiAgICBASW5wdXQoKSB3aWR0aDogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgZGV2aWNlU2l6ZTogQWJicmV2YXRpb25EZXZpY2VTaXplO1xyXG4gICAgQElucHV0KCkgY2FyZENvbnRlbnRIZWlnaHQ6IHN0cmluZyB8IG51bGw7XHJcbiAgICBASW5wdXQoKSBmaWxlOiBGaWxlQXR0YWNobWVudEluZm87XHJcbiAgICBAT3V0cHV0KCkgY2FudFZpZXcgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgICBASG9zdEJpbmRpbmcoJ3N0eWxlLmhlaWdodCcpIF9oZWlnaHQ6IHN0cmluZyB8IG51bGwgPSBudWxsO1xyXG4gICAgaGlkZUNvbnRlbnQgPSBmYWxzZTtcclxuICAgIHNjZW5lQ29uZmlnID0ge1xyXG4gICAgICAgIHNjZW5lOiB7IHVybDogJ2Fzc2V0cy9pbWFnZXMvc2FwSWxsdXMtU2NlbmUtTm9NYWlsLnN2ZycsIGlkOiAnc2FwSWxsdXMtU2NlbmUtTm9NYWlsLTEnIH0sXHJcbiAgICAgICAgZGlhbG9nOiB7IHVybDogJ2Fzc2V0cy9pbWFnZXMvc2FwSWxsdXMtRGlhbG9nLU5vTWFpbC5zdmcnLCBpZDogJ3NhcElsbHVzLURpYWxvZy1Ob01haWwnIH1cclxuICAgIH07XHJcbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9waWNGaWVsZFNyYzogUGljdHVyZUZpZWxkU291cmNlUGlwZSkge1xyXG4gICAgICAgIHN1cGVyKCk7XHJcbiAgICB9XHJcblxyXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICAgICAgc3VwZXIubmdPbkluaXQoKTtcclxuICAgICAgICBjb25zdCBmaWxlID0gdGhpcy5maWxlO1xyXG4gICAgICAgIGNvbnN0IHNwbCA9IGZpbGUuRmlsZU5hbWU/LnNwbGl0KCcuJyk7XHJcbiAgICAgICAgY29uc3QgZXh0ID0gc3BsID8gc3BsW3NwbC5sZW5ndGggLSAxXSA6ICcnO1xyXG4gICAgICAgIGNvbnN0IGlzSW1nID0gaXNJbWFnZShleHQpO1xyXG4gICAgICAgIGlzSW1nICYmXHJcbiAgICAgICAgICAgIChmaWxlLnRodW1ibmFpbFVybCA9IHRoaXMuX3BpY0ZpZWxkU3JjLnRyYW5zZm9ybShcclxuICAgICAgICAgICAgICAgIGZpbGUuSWQsXHJcbiAgICAgICAgICAgICAgICB0aGlzLmlzSW1hZ2VHYWxsZXJ5ID8gJ0JhcnNhUGljdHVyZS5UaHVtYm5haWwnIDogJ0lEJyxcclxuICAgICAgICAgICAgICAgIG51bGwsXHJcbiAgICAgICAgICAgICAgICAnJyxcclxuICAgICAgICAgICAgICAgIDEyMCxcclxuICAgICAgICAgICAgICAgIDEyMFxyXG4gICAgICAgICAgICApKSAmJlxyXG4gICAgICAgICAgICAoZmlsZS5tZWRpYVVybCA9IHRoaXMuX3BpY0ZpZWxkU3JjLnRyYW5zZm9ybShcclxuICAgICAgICAgICAgICAgIGZpbGUuSWQsXHJcbiAgICAgICAgICAgICAgICB0aGlzLmlzSW1hZ2VHYWxsZXJ5ID8gJ0JhcnNhUGljdHVyZS5GdWxsJyA6ICdBdHRhY2htZW50JyxcclxuICAgICAgICAgICAgICAgICcnLFxyXG4gICAgICAgICAgICAgICAgJycsXHJcbiAgICAgICAgICAgICAgICAwLFxyXG4gICAgICAgICAgICAgICAgMFxyXG4gICAgICAgICAgICApKSAmJlxyXG4gICAgICAgICAgICAoZmlsZS5pc0ltYWdlID0gdHJ1ZSk7XHJcbiAgICAgICAgIWlzSW1nICYmIChmaWxlLnRodW1ibmFpbFVybCA9IGdldEljb24oZXh0IHx8IGZpbGUuVHlwZSkpO1xyXG4gICAgICAgIGlmICghaXNJbWcgJiYgWyd3ZWJtJywgJ21wNCcsICd4LXdhdicsICd4LW1zLXdtYScsICdtNGEnLCAndHh0JywgJ3BkZicsICdqZmlmJ10uaW5kZXhPZih0aGlzLmZpbGUuVHlwZSkgPCAwKSB7XHJcbiAgICAgICAgICAgIHRoaXMuaGlkZUNvbnRlbnQgPSB0cnVlO1xyXG4gICAgICAgICAgICAvLyB0aGlzLl9oZWlnaHQgPSAnMHB4JztcclxuICAgICAgICAgICAgdGhpcy5jYW50Vmlldy5lbWl0KCk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG59XHJcbiIsIjxuZy1jb250YWluZXJcclxuICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiY2FyZE1vZGUgPyBjYXJkVHBsIDogZmlsZS5pc0ltYWdlIHx8IGltYWdlT25seSA/IHNob3dJbWFnZSA6IGJsb2JWaWV3ZXJcIlxyXG4+PC9uZy1jb250YWluZXI+XHJcblxyXG48bmctdGVtcGxhdGUgI3Nob3dJbWFnZT5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2x1bW4gYmlnLWltZ3MtYm94XCIgW2NsYXNzLmZpbGwtd2lkdGhdPVwiZmlsbFdpZHRoXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInBpY3NcIj5cclxuICAgICAgICAgICAgPGJzdS1tYXNrPjwvYnN1LW1hc2s+XHJcbiAgICAgICAgICAgIDxpbWcgaW1nTGF6eSBbaW1nTGF6eV09XCJmaWxlLm1lZGlhVXJsXCIgW3NyY109XCJmaWxlLm1lZGlhVXJsXCIgW3N0eWxlLndpZHRoXT1cIndpZHRoXCIgLz5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L25nLXRlbXBsYXRlPlxyXG48bmctdGVtcGxhdGUgI2Jsb2JWaWV3ZXI+XHJcbiAgICBAaWYoIWhpZGVDb250ZW50KXtcclxuICAgIDxic3UtYmxvYi12aWV3ZXJcclxuICAgICAgICBbZmlsZV09XCJmaWxlXCJcclxuICAgICAgICBbc3R5bGUud2lkdGhdPVwid2lkdGhcIlxyXG4gICAgICAgIGZpbGxFbXB0eVNwYWNlXHJcbiAgICAgICAgW2Rpc2FibGVdPVwiZGV2aWNlU2l6ZSAhPT0gJ3MnXCJcclxuICAgICAgICBbZGVjcmVtZW50XT1cIicyNXB4J1wiXHJcbiAgICA+PC9ic3UtYmxvYi12aWV3ZXI+XHJcbiAgICB9QGVsc2V7IH1cclxuPC9uZy10ZW1wbGF0ZT5cclxuPG5nLXRlbXBsYXRlICNjYXJkVHBsPlxyXG4gICAgPGZkLWNhcmQgY2xhc3M9XCJtZWRpYVwiIFtjbGFzcy5oaWRlQ29udGVudF09XCJoaWRlQ29udGVudFwiPlxyXG4gICAgICAgIDxmZC1jYXJkLWNvbnRlbnQgc3R5bGU9XCJ0ZXh0LWFsaWduOiBjZW50ZXI7IHBhZGRpbmc6IDBcIiBbc3R5bGUuaGVpZ2h0XT1cImNhcmRDb250ZW50SGVpZ2h0XCI+XHJcbiAgICAgICAgICAgIEBpZihoaWRlQ29udGVudCAmJiBmaWxlKXtcclxuICAgICAgICAgICAgPGZpZ3VyZSBmZC1pbGx1c3RyYXRlZC1tZXNzYWdlIHR5cGU9XCJkaWFsb2dcIiBbc3ZnQ29uZmlnXT1cInNjZW5lQ29uZmlnXCIgc3ZnQXJpYUxhYmVsPVwiSWxsdXN0cmF0aW9uIGxhYmVsXCI+XHJcbiAgICAgICAgICAgICAgICA8ZmlnY2FwdGlvbiBmZC1pbGx1c3RyYXRlZC1tZXNzYWdlLWZpZ2NhcHRpb24+XHJcbiAgICAgICAgICAgICAgICAgICAgPGgzIGZkLWlsbHVzdHJhdGVkLW1lc3NhZ2UtdGl0bGU+e3sgJ1VuYWJsZSBUbyBMb2FkIEZpbGUnIHwgYmJiVHJhbnNsYXRlIH19PC9oMz5cclxuICAgICAgICAgICAgICAgIDwvZmlnY2FwdGlvbj5cclxuICAgICAgICAgICAgPC9maWd1cmU+XHJcbiAgICAgICAgICAgIH0gQGVsc2V7XHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXJcclxuICAgICAgICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiIXNob3dDb250ZW50ID8gdGh1bWJuYWlsVHBsIDogZmlsZS5pc0ltYWdlIHx8IGltYWdlT25seSA/IHNob3dJbWFnZSA6IGJsb2JWaWV3ZXJcIlxyXG4gICAgICAgICAgICA+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICA8L2ZkLWNhcmQtY29udGVudD5cclxuICAgIDwvZmQtY2FyZD5cclxuPC9uZy10ZW1wbGF0ZT5cclxuPG5nLXRlbXBsYXRlICN0aHVtYm5haWxUcGw+XHJcbiAgICA8aW1nIGltZ0xhenkgW2ltZ0xhenldPVwiZmlsZS50aHVtYm5haWxVcmxcIiBbc3JjXT1cImZpbGUudGh1bWJuYWlsVXJsXCIgW3N0eWxlLndpZHRoXT1cIndpZHRoXCIgLz5cclxuPC9uZy10ZW1wbGF0ZT5cclxuIl19

package/esm2022/lib/file-viewer-popover/file-viewer-popover.component.mjs

@@ -0,0 +1,37 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+import { BaseComponent } from 'barsa-novin-ray-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "barsa-novin-ray-core";
+import * as i3 from "@fundamental-ngx/core/button";
+import * as i4 from "@fundamental-ngx/core/popover";
+import * as i5 from "../barsa-bar-download-file/barsa-bar-download-file.component";
+import * as i6 from "../file-viewer-content/file-viewer-content.component";
+export class FileViewerPopoverComponent extends BaseComponent {
+    constructor() {
+        super(...arguments);
+        this.remove = new EventEmitter();
+        this.hideFullScreen = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileViewerPopoverComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: FileViewerPopoverComponent, selector: "bsu-file-viewer-popover", inputs: { files: "files", file: "file", deviceSize: "deviceSize", canDownload: "canDownload", disableRemove: "disableRemove", fdType: "fdType" }, 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]=\"file.FileName || ''\"\r\n        [title]=\"file.FileName || ''\"\r\n        glyph=\"attachment\"\r\n        [fdMenu]=\"true\"\r\n        [fdType]=\"fdType\"\r\n        class=\"btn-actionsheet\"\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            <ng-container\r\n                *ngTemplateOutlet=\"popoverbodyTpl; context: { $implicit: popoverMobile, mobile: true }\"\r\n            ></ng-container>\r\n        </ng-template>\r\n    </fd-popover>\r\n    <fd-popover #popoverLarge>\r\n        <fd-popover-body>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"popoverbodyTpl; context: { $implicit: popoverLarge, mobile: false }\"\r\n            ></ng-container>\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    ></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            [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: i3.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "directive", type: i4.PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { kind: "component", type: i4.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "directive", type: i4.PopoverTriggerDirective, selector: "[fdPopoverTrigger], [fd-popover-trigger]", inputs: ["fdPopoverTrigger"] }, { kind: "component", type: i5.BarsaBarDownloadFileComponent, selector: "bsu-barsa-bar-download-file", inputs: ["popover", "files", "hideFullScreen", "isMobile"] }, { kind: "component", type: i6.FileViewerContentComponent, selector: "bsu-file-viewer-content", inputs: ["fillWidth", "imageOnly", "isImageGallery", "cardMode", "showFooter", "showContent", "width", "deviceSize", "cardContentHeight", "file"], outputs: ["cantView"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", 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]=\"file.FileName || ''\"\r\n        [title]=\"file.FileName || ''\"\r\n        glyph=\"attachment\"\r\n        [fdMenu]=\"true\"\r\n        [fdType]=\"fdType\"\r\n        class=\"btn-actionsheet\"\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            <ng-container\r\n                *ngTemplateOutlet=\"popoverbodyTpl; context: { $implicit: popoverMobile, mobile: true }\"\r\n            ></ng-container>\r\n        </ng-template>\r\n    </fd-popover>\r\n    <fd-popover #popoverLarge>\r\n        <fd-popover-body>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"popoverbodyTpl; context: { $implicit: popoverLarge, mobile: false }\"\r\n            ></ng-container>\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    ></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            [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
+            }], deviceSize: [{
+                type: Input
+            }], canDownload: [{
+                type: Input
+            }], disableRemove: [{
+                type: Input
+            }], fdType: [{
+                type: Input
+            }], remove: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS12aWV3ZXItcG9wb3Zlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1zYXAtdWkvc3JjL2xpYi9maWxlLXZpZXdlci1wb3BvdmVyL2ZpbGUtdmlld2VyLXBvcG92ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvZmlsZS12aWV3ZXItcG9wb3Zlci9maWxlLXZpZXdlci1wb3BvdmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFaEcsT0FBTyxFQUF5QixhQUFhLEVBQXNCLE1BQU0sc0JBQXNCLENBQUM7Ozs7Ozs7O0FBU2hHLE1BQU0sT0FBTywwQkFBMkIsU0FBUSxhQUFhO0lBUDdEOztRQWNjLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQzVDLG1CQUFjLEdBQUcsS0FBSyxDQUFDO0tBQzFCOytHQVRZLDBCQUEwQjttR0FBMUIsMEJBQTBCLHVRQ1h2QywybUdBc0ZBOzs0RkQzRWEsMEJBQTBCO2tCQVB0QyxTQUFTOytCQUNJLHlCQUF5QixtQkFHbEIsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxLQUFLOzhCQUdSLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNJLE1BQU07c0JBQWYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBCdXR0b25UeXBlIH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlJztcclxuaW1wb3J0IHsgQWJicmV2YXRpb25EZXZpY2VTaXplLCBCYXNlQ29tcG9uZW50LCBGaWxlQXR0YWNobWVudEluZm8gfSBmcm9tICdiYXJzYS1ub3Zpbi1yYXktY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYnN1LWZpbGUtdmlld2VyLXBvcG92ZXInLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2ZpbGUtdmlld2VyLXBvcG92ZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vZmlsZS12aWV3ZXItcG9wb3Zlci5jb21wb25lbnQuc2NzcyddLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgICBzdGFuZGFsb25lOiBmYWxzZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRmlsZVZpZXdlclBvcG92ZXJDb21wb25lbnQgZXh0ZW5kcyBCYXNlQ29tcG9uZW50IHtcclxuICAgIEBJbnB1dCgpIGZpbGVzOiBGaWxlQXR0YWNobWVudEluZm9bXTtcclxuICAgIEBJbnB1dCgpIGZpbGU6IEZpbGVBdHRhY2htZW50SW5mbztcclxuICAgIEBJbnB1dCgpIGRldmljZVNpemU6IEFiYnJldmF0aW9uRGV2aWNlU2l6ZSB8IG51bGw7XHJcbiAgICBASW5wdXQoKSBjYW5Eb3dubG9hZDogYm9vbGVhbjtcclxuICAgIEBJbnB1dCgpIGRpc2FibGVSZW1vdmU6IGJvb2xlYW47XHJcbiAgICBASW5wdXQoKSBmZFR5cGU6IEJ1dHRvblR5cGU7XHJcbiAgICBAT3V0cHV0KCkgcmVtb3ZlID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gICAgaGlkZUZ1bGxTY3JlZW4gPSBmYWxzZTtcclxufVxyXG4iLCI8IS0tIDxkaXYgY2xhc3M9XCJib3hcIiAjZGl2UmVmIChtb3VzZW92ZXIpPVwiZGl2UmVmLmNsYXNzTGlzdC5hZGQoJ29uc2lkZScpXCIgKG1vdXNlb3V0KT1cImRpdlJlZi5jbGFzc0xpc3QucmVtb3ZlKCdvbnNpZGUnKVwiPlxyXG48ZGl2IGNsYXNzPVwiYm94LWNvbnRlbnRcIj5cclxuICA8ZmQtaWNvbiBbZ2x5cGhdPVwiJ3BkZi1hdHRhY2htZW50J1wiPjwvZmQtaWNvbj5cclxuPC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJib3gtZmlsZS1kb3dubG9hZFwiPlxyXG4gIDxkaXYgY2xhc3M9XCJpY29uXCI+XHJcbiAgICA8aW1nXHJcbiAgICAgIGlkPVwiOjF3eVwiXHJcbiAgICAgIGNsYXNzPVwiYVNNXCJcclxuICAgICAgc3JjPVwiLy9zc2wuZ3N0YXRpYy5jb20vZG9jcy9kb2NsaXN0L2ltYWdlcy9tZWRpYXR5cGUvaWNvbl8yX2FyY2hpdmVfeDE2LnBuZ1wiXHJcbiAgICAgIHRpdGxlPVwiQ29tcHJlc3NlZCBBcmNoaXZlXCJcclxuICAgICAgLz5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImZpbGVuYW1lLXdyYXBwZXJcIj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJmaWxlbmFtZVwiPmJ1aWxkLnJhcjwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgY2xhc3M9XCJkb3dubG9hZC13cmFwcGVyXCI+XHJcbiAgICA8YnV0dG9uIGZkLWJ1dHRvbiBnbHlwaD1cImRvd25sb2FkXCIgZmRUeXBlPVwidHJhbnNwYXJlbnRcIj48L2J1dHRvbj5cclxuICAgIDxidXR0b24gZmQtYnV0dG9uIGdseXBoPVwiZG93bmxvYWRcIiBmZFR5cGU9XCJ0cmFuc3BhcmVudFwiPjwvYnV0dG9uPlxyXG4gIDwvZGl2PlxyXG48L2Rpdj4gLS0+XHJcblxyXG48ZGl2IHN0eWxlPVwiZGlzcGxheTogZmxleDsgYWxpZ24taXRlbXM6IGNlbnRlcjsgY29sdW1uLWdhcDogMXB4XCI+XHJcbiAgICA8YnV0dG9uXHJcbiAgICAgICAgZmQtYnV0dG9uXHJcbiAgICAgICAgW2ZkUG9wb3ZlclRyaWdnZXJdPVwiZGV2aWNlU2l6ZSA9PT0gJ3MnID8gcG9wb3Zlck1vYmlsZSA6IHBvcG92ZXJMYXJnZVwiXHJcbiAgICAgICAgW2xhYmVsXT1cImZpbGUuRmlsZU5hbWUgfHwgJydcIlxyXG4gICAgICAgIFt0aXRsZV09XCJmaWxlLkZpbGVOYW1lIHx8ICcnXCJcclxuICAgICAgICBnbHlwaD1cImF0dGFjaG1lbnRcIlxyXG4gICAgICAgIFtmZE1lbnVdPVwidHJ1ZVwiXHJcbiAgICAgICAgW2ZkVHlwZV09XCJmZFR5cGVcIlxyXG4gICAgICAgIGNsYXNzPVwiYnRuLWFjdGlvbnNoZWV0XCJcclxuICAgID48L2J1dHRvbj5cclxuICAgIDxmZC1wb3BvdmVyXHJcbiAgICAgICAgI3BvcG92ZXJNb2JpbGVcclxuICAgICAgICBbbW9iaWxlXT1cInRydWVcIlxyXG4gICAgICAgIFttb2JpbGVDb25maWddPVwieyB0aXRsZTogZmlsZT8uRmlsZU5hbWUgfHwgJ1Nob3dGaWxlcycgfCBiYmJUcmFuc2xhdGUsIGhhc0Nsb3NlQnV0dG9uOiB0cnVlIH1cIlxyXG4gICAgPlxyXG4gICAgICAgIDxuZy10ZW1wbGF0ZSAjcG9wb3ZlckJvZHlDb250ZW50PlxyXG4gICAgICAgICAgICA8bmctY29udGFpbmVyXHJcbiAgICAgICAgICAgICAgICAqbmdUZW1wbGF0ZU91dGxldD1cInBvcG92ZXJib2R5VHBsOyBjb250ZXh0OiB7ICRpbXBsaWNpdDogcG9wb3Zlck1vYmlsZSwgbW9iaWxlOiB0cnVlIH1cIlxyXG4gICAgICAgICAgICA+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgIDwvZmQtcG9wb3Zlcj5cclxuICAgIDxmZC1wb3BvdmVyICNwb3BvdmVyTGFyZ2U+XHJcbiAgICAgICAgPGZkLXBvcG92ZXItYm9keT5cclxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lclxyXG4gICAgICAgICAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJwb3BvdmVyYm9keVRwbDsgY29udGV4dDogeyAkaW1wbGljaXQ6IHBvcG92ZXJMYXJnZSwgbW9iaWxlOiBmYWxzZSB9XCJcclxuICAgICAgICAgICAgPjwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDwvZmQtcG9wb3Zlci1ib2R5PlxyXG4gICAgPC9mZC1wb3BvdmVyPlxyXG5cclxuICAgIEBpZiAoIWRpc2FibGVSZW1vdmUpIHtcclxuICAgIDxidXR0b24gZmQtYnV0dG9uIGdseXBoPVwiZGVsZXRlXCIgKGNsaWNrKT1cInJlbW92ZS5lbWl0KClcIj48L2J1dHRvbj5cclxuICAgIH1cclxuPC9kaXY+XHJcblxyXG48bmctdGVtcGxhdGUgI3BvcG92ZXJib2R5VHBsIGxldC1wb3BvdmVyIGxldC1tb2JpbGU9XCJtb2JpbGVcIj5cclxuICAgIDwhLS0gPGRpdiBmZC1wb3BvdmVyLWJvZHktaGVhZGVyPlxyXG4gICAgICAgIDxkaXYgZmQtYmFyIFtjb3p5XT1cInRydWVcIiBpZD1cInBvcG92ZXItYmFyLWhlYWRlci0zXCI+XHJcbiAgICAgICAgICAgIDxkaXYgZmQtYmFyLWxlZnQ+XHJcbiAgICAgICAgICAgICAgICA8ZmQtYmFyLWVsZW1lbnQ+e3sgZmlsZS5GaWxlTmFtZSB9fTwvZmQtYmFyLWVsZW1lbnQ+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+IC0tPlxyXG4gICAgPGJzdS1maWxlLXZpZXdlci1jb250ZW50XHJcbiAgICAgICAgW2ZpbGVdPVwiZmlsZVwiXHJcbiAgICAgICAgW3dpZHRoXT1cIm1vYmlsZSA/ICcxMDB2dycgOiAnMzB2dydcIlxyXG4gICAgICAgIFtjYXJkTW9kZV09XCJ0cnVlXCJcclxuICAgICAgICBbc2hvd0NvbnRlbnRdPVwidHJ1ZVwiXHJcbiAgICAgICAgW3Nob3dGb290ZXJdPVwidHJ1ZVwiXHJcbiAgICAgICAgW2RldmljZVNpemVdPVwiZGV2aWNlU2l6ZSB8fCAncydcIlxyXG4gICAgICAgIChjYW50Vmlldyk9XCJoaWRlRnVsbFNjcmVlbiA9IHRydWVcIlxyXG4gICAgPjwvYnN1LWZpbGUtdmlld2VyLWNvbnRlbnQ+XHJcbiAgICBAaWYgKGNhbkRvd25sb2FkKSB7XHJcbiAgICA8ZGl2IGZkLXBvcG92ZXItYm9keS1mb290ZXI+XHJcbiAgICAgICAgPGJzdS1iYXJzYS1iYXItZG93bmxvYWQtZmlsZVxyXG4gICAgICAgICAgICBbaXNNb2JpbGVdPVwibW9iaWxlXCJcclxuICAgICAgICAgICAgW3BvcG92ZXJdPVwicG9wb3ZlclwiXHJcbiAgICAgICAgICAgIFtmaWxlc109XCJmaWxlcz8ubGVuZ3RoID8gZmlsZXMgOiBbZmlsZV1cIlxyXG4gICAgICAgICAgICBbaGlkZUZ1bGxTY3JlZW5dPVwiaGlkZUZ1bGxTY3JlZW5cIlxyXG4gICAgICAgID48L2JzdS1iYXJzYS1iYXItZG93bmxvYWQtZmlsZT5cclxuICAgIDwvZGl2PlxyXG4gICAgfVxyXG48L25nLXRlbXBsYXRlPlxyXG4iXX0=