barsa-sap-ui 2.3.156 → 2.3.157

package/fesm2022/barsa-sap-ui.mjs

@@ -9922,24 +9922,24 @@ class UiLinearListContainerWithButtonComponent extends DeviceInfoFieldBaseCompon
         // this.multiInputComponent.selected = this.originalMoList;
         // this._setIdsOMoByValue();
         // const oldHanlde = this.multiInputComponent._addOnButtonClicked;
-        const m = this.multiInputComponent;
+        const multiInput = this.multiInputComponent;
         // eslint-disable-next-line @typescript-eslint/no-this-alias
-        const me = this;
-        m._addOnButtonClicked = () => {
+        const self = this;
+        multiInput._addOnButtonClicked = () => {
             this._handleAddonButtonClicked();
         };
         // m.filterFn = (dropdownValues, searchTerm) => dropdownValues;
-        m._onCheckboxClick = function (option, event, index, isListItem = false) {
-            const toggledSelection = !m._selectionModel.isSelected(option.id);
+        multiInput._onCheckboxClick = function (option, event, index, isListItem = false) {
+            const toggledSelection = !multiInput._selectionModel.isSelected(option.id);
             if (event.key === 'Enter') {
-                me._changeDropDownOpenState(false, true);
+                self._changeDropDownOpenState(false, true);
             }
-            m._rangeSelector.onRangeElementToggled(index, event);
-            const sub = m._viewModel$.pipe(first()).subscribe((vm) => {
-                m._rangeSelector.applyValueToEachInRange((idx) => m._handleSelect(toggledSelection, vm.displayedOptions[idx], false));
-                m._changeDetRef.detectChanges();
+            multiInput._rangeSelector.onRangeElementToggled(index, event);
+            const sub = multiInput._viewModel$.pipe(first()).subscribe((vm) => {
+                multiInput._rangeSelector.applyValueToEachInRange((idx) => multiInput._handleSelect(toggledSelection, vm.displayedOptions[idx], false));
+                multiInput._changeDetRef.detectChanges();
             });
-            m._subscriptions.add(sub);
+            multiInput._subscriptions.add(sub);
             if (isListItem) {
                 // m.openChangeHandle(false);
                 //  m.searchInputElement?.nativeElement.focus();
@@ -9949,7 +9949,7 @@ class UiLinearListContainerWithButtonComponent extends DeviceInfoFieldBaseCompon
                 // stop propagation on the checkbox so event doesn't reach the list item
                 event.stopPropagation();
             }
-        }.bind(m);
+        }.bind(multiInput);
     }
     ngAfterViewInit() {
         super.ngAfterViewInit();
@@ -10996,6 +10996,9 @@ class UiPicturesInfoComponent extends DeviceInfoFieldBaseComponent {
         super.ngOnDestroy();
         this.context.un('DisplayImages', this._displayImages);
     }
+    onDownloadAsPdf() {
+        this.context.fireEvent('DownloadPictureList', this);
+    }
     onMoveUp(selectedId) {
         this.move(selectedId, -1);
     }
@@ -11220,11 +11223,11 @@ class UiPicturesInfoComponent extends DeviceInfoFieldBaseComponent {
         this.value = value;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: UiPicturesInfoComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: UiPicturesInfoComponent, isStandalone: false, selector: "bsu-ui-pictures-info", inputs: { value: "value" }, providers: [UploadService], viewQueries: [{ propertyName: "_fileUploader", first: true, predicate: FileUploaderComponent, descendants: true }, { propertyName: "_fileGalleryViewer", first: true, predicate: FileGalleryViewerComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-file-uploader\r\n    #uploader\r\n    [style.display]=\"'none'\"\r\n    [id]=\"id\"\r\n    [name]=\"'pictures_' + id\"\r\n    [placeholder]=\"'AttachPicture' | bbbTranslate\"\r\n    [buttonLabel]=\"'AttachPicture' | bbbTranslate\"\r\n    [buttonAriaLabel]=\"'AttachPicture' | bbbTranslate\"\r\n    accept=\".png,.jpg,.bpm,.jpeg,.gif,.png,.tif,.pdf\"\r\n    [multiple]=\"maxFileCount === 0 || maxFileCount > 1\"\r\n    (selectedFilesChanged)=\"onFileSelection($event)\"\r\n    (selectedInvalidFiles)=\"onInvalidFiles($event)\"\r\n></fd-file-uploader>\r\n\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        isInlineGallery ? inlineGallery : layoutGridTpl;\r\n        context: {\r\n            disableOrReadonly: (disableOrReadonly$ | async),\r\n            mediaData: (mediaData$ | async),\r\n            deviceSize: (deviceSize$ | async),\r\n            uploader: uploader\r\n        }\r\n    \"\r\n></ng-container>\r\n<ng-template #inlineGallery let-mediaData=\"mediaData\" let-deviceSize=\"deviceSize\">\r\n    <fd-toolbar [shouldOverflow]=\"true\">\r\n        @if(mediaData.length && selectedMedia){\r\n        <button\r\n            fd-toolbar-item\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            [label]=\"'Download' | bbbTranslate\"\r\n            glyph=\"download\"\r\n            [name]=\"selectedMedia.label\"\r\n            [src]=\"selectedMedia.mediaUrl\"\r\n            saveImage\r\n        ></button>\r\n        }\r\n        <button\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            [label]=\"'Scan' | bbbTranslate\"\r\n            fd-toolbar-item\r\n            [glyph]=\"'x-ray'\"\r\n            [fdMenuTrigger]=\"menu\"\r\n        ></button>\r\n        @if(!Setting.GroupList?.length){\r\n        <button\r\n            fd-button\r\n            fd-toolbar-item\r\n            glyph=\"add-photo\"\r\n            fdType=\"transparent\"\r\n            [label]=\"'AttachFile' | bbbTranslate\"\r\n            (click)=\"onPrimaryUpload(uploader)\"\r\n        ></button>\r\n        }@else{\r\n        <fd-split-button\r\n            fd-toolbar-item\r\n            [mainAction]=\"{ mainActionTitle: ('AttachFile' | bbbTranslate), keepMainAction: true }\"\r\n            (primaryButtonClicked)=\"onPrimaryUpload(uploader)\"\r\n        >\r\n            <fd-menu #menu>\r\n                @for (groupItem of Setting.GroupList; track groupItem.Id; let index = $index) {\r\n                <li fd-menu-item (click)=\"onGroupAttach(groupItem, uploader)\">\r\n                    <div fd-menu-interactive>\r\n                        <span fd-menu-title>{{ groupItem.Name | bbbTranslate }}</span>\r\n                    </div>\r\n                </li>\r\n                }\r\n            </fd-menu>\r\n        </fd-split-button>\r\n        }\r\n\r\n        <button\r\n            fd-toolbar-item\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            [label]=\"'Rotate' | bbbTranslate\"\r\n            glyph=\"rotate\"\r\n            (click)=\"onRotate2()\"\r\n        ></button>\r\n        <button\r\n            fd-toolbar-item\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            [label]=\"'Delete' | bbbTranslate\"\r\n            glyph=\"delete\"\r\n            (click)=\"onDelete(selectedId)\"\r\n        ></button>\r\n        <button\r\n            fd-toolbar-item\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            [title]=\"'MoveUp' | bbbTranslate\"\r\n            glyph=\"arrow-top\"\r\n            (click)=\"onMoveUp(selectedId)\"\r\n        ></button>\r\n            <button\r\n            fd-toolbar-item\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            [title]=\"'MoveDown' | bbbTranslate\"\r\n            glyph=\"arrow-bottom\"\r\n            (click)=\"onMoveDown(selectedId)\"\r\n        ></button>\r\n        <fd-toolbar-separator></fd-toolbar-separator>\r\n        <button\r\n            fd-toolbar-item\r\n            fd-button\r\n            [glyph]=\"'text-align-justified'\"\r\n            [fdType]=\"fillWidth ? 'emphasized' : 'transparent'\"\r\n            fdType=\"transparent\"\r\n            (click)=\"fillWidth = !fillWidth\"\r\n        ></button>\r\n        <button glyph=\"print\" fdType=\"transparent\" fd-toolbar-item fd-button [files]=\"mediaData\" printFiles></button>\r\n    </fd-toolbar>\r\n\r\n    <bsu-file-gallery-viewer\r\n        [style.max-height]=\"'100svh'\"\r\n        fillEmptySpace\r\n        [decrement]=\"'4.5rem'\"\r\n        [fillWidth]=\"true\"\r\n        [fillWidth]=\"fillWidth\"\r\n        [groupList]=\"Setting.GroupList\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [title]=\"'AttachPicture' | bbbTranslate\"\r\n        [files]=\"mediaData\"\r\n        [isImageGallery]=\"true\"\r\n        [isHorizontal]=\"isThumbnailHorizontal\"\r\n        [selectedId]=\"selectedId\"\r\n        (selectedIdChange)=\"selectedId = $event\"\r\n        (changeOrder)=\"onChangeOrder($event)\"\r\n    ></bsu-file-gallery-viewer>\r\n</ng-template>\r\n<ng-template\r\n    #layoutGridTpl\r\n    let-inDialog=\"inDialog\"\r\n    let-gallery=\"gallery\"\r\n    let-disableOrReadonly=\"disableOrReadonly\"\r\n    let-mediaData=\"mediaData\"\r\n    let-deviceSize=\"deviceSize\"\r\n    let-uploader=\"uploader\"\r\n>\r\n    <bsu-file-card-viewer\r\n        [inDialog]=\"inDialog\"\r\n        [mediaData]=\"mediaData\"\r\n        [disableOrReadonly]=\"disableOrReadonly\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [uploader]=\"uploader\"\r\n        [groupList]=\"Setting.GroupList\"\r\n        [uploadingState]=\"(uploadingState$ | async)!!\"\r\n        [scanMenu]=\"menu\"\r\n        (rotateMedia)=\"onRotate($event)\"\r\n        (deleteMedia)=\"onDelete($event)\"\r\n        (openUploader)=\"onOpenUploader($event, uploader)\"\r\n    ></bsu-file-card-viewer>\r\n</ng-template>\r\n\r\n<fd-menu #menu>\r\n    <li fd-menu-item (click)=\"onScan()\">\r\n        <a fd-menu-interactive>\r\n            <span fd-menu-title>{{ 'Scan' | bbbTranslate }}</span>\r\n        </a>\r\n    </li>\r\n    <li fd-menu-item (click)=\"onAdvanceScan()\">\r\n        <a fd-menu-interactive>\r\n            <span fd-menu-title>{{ 'AdvancedScan' | bbbTranslate }}</span>\r\n        </a>\r\n    </li>\r\n</fd-menu>\r\n", styles: [":host{position:relative}:host ::ng-deep .delete button{border-color:transparent!important;background-color:transparent!important}.big-imgs-box{position:relative}.big-imgs-box>fd-toolbar{position:absolute;z-index:5;opacity:.5}.big-imgs-box>fd-toolbar:hover{opacity:1}fd-toolbar{width:100%}fd-dialog-footer{justify-content:center}.hatchBackground{min-height:100px}.gallery{display:flex;width:100%;height:400px;column-gap:1px;background-color:var(--sapField_Background, #fff)}.gallery ::-webkit-scrollbar{width:7px;height:7px}.gallery ::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:4px}.gallery ::-webkit-scrollbar-thumb{background:#555454;border-radius:4px}.gallery ::-webkit-scrollbar-thumb:hover{background:#2c2b2b}.gallery .column{overflow-y:scroll;display:flex;flex-direction:column;row-gap:3%;align-items:center}.gallery .column .pics{width:100%;display:flex;justify-content:center}.gallery .column .pics img{border-radius:5px}.gallery .column.small-imgs-box{flex:10%}.gallery .column.big-imgs-box{flex:90%}.gallery .selected{background-color:#fff;border:3px solid #0294d8;padding:10px}.gallery .fill-all .pics{height:100%}.gallery .fill-all img{width:100%!important;height:100%!important;object-fit:fill!important}.gallery .fill-original img{width:unset;height:unset}.gallery .zoom1 img{zoom:1}.gallery .zoom1-5 img{zoom:1.5}.gallery .zoom2 img{zoom:2}fd-dialog .gallery{overflow:auto}fd-dialog .gallery .column{overflow:initial}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}fd-dialog.vertical .gallery{flex-direction:column;height:100%}fd-dialog.vertical .thumbnail{border-left: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}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["mode", "containerDom", "decrement", "disable", "height", "dontUseTopBound", "setMinHeight", "setMaxHeight"], outputs: ["heightChanged"], exportAs: ["fillEmptySpace"] }, { kind: "directive", type: i2.PrintFilesDirective, selector: "[printFiles]", inputs: ["files", "file", "isImageGallery", "component"] }, { kind: "directive", type: i2.SaveImageDirective, selector: "[saveImage]", inputs: ["name", "src"] }, { kind: "component", type: i1$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class", "id"], exportAs: ["fd-button"] }, { kind: "component", type: i4$8.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: i5$2.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i5$2.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu", "hasSeparator"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "component", type: i5$2.MenuInteractiveComponent, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i5$2.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "directive", type: i5$2.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i8.SplitButtonComponent, selector: "fd-split-button", inputs: ["glyph", "glyphFont", "disabled", "fdType", "expandButtonTitle", "selected", "fixedWidth", "mainAction", "arialLabel"], outputs: ["primaryButtonClicked"] }, { kind: "component", type: i7$1.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "title", "active", "clearBorder", "forceOverflow", "tabindex", "headingLevel", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i7$1.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "component", type: i7$1.ToolbarSeparatorComponent, selector: "fd-toolbar-separator" }, { kind: "component", type: FileGalleryViewerComponent, selector: "bsu-file-gallery-viewer", inputs: ["fillWidth", "deviceSize", "title", "files", "contentDensity", "isImageGallery", "isHorizontal", "selectedFile", "groupList", "scrollToId", "selectedId"], outputs: ["selectedIdChange", "changeOrder"] }, { kind: "component", type: FileCardViewerComponent, selector: "bsu-file-card-viewer", inputs: ["mediaData", "inDialog", "disableOrReadonly", "deviceSize", "uploadingState", "uploader", "scanMenu", "groupList"], outputs: ["openUploader", "rotateMedia", "deleteMedia"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: UiPicturesInfoComponent, isStandalone: false, selector: "bsu-ui-pictures-info", inputs: { value: "value" }, providers: [UploadService], viewQueries: [{ propertyName: "_fileUploader", first: true, predicate: FileUploaderComponent, descendants: true }, { propertyName: "_fileGalleryViewer", first: true, predicate: FileGalleryViewerComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-file-uploader\r\n    #uploader\r\n    [style.display]=\"'none'\"\r\n    [id]=\"id\"\r\n    [name]=\"'pictures_' + id\"\r\n    [placeholder]=\"'AttachPicture' | bbbTranslate\"\r\n    [buttonLabel]=\"'AttachPicture' | bbbTranslate\"\r\n    [buttonAriaLabel]=\"'AttachPicture' | bbbTranslate\"\r\n    accept=\".png,.jpg,.bpm,.jpeg,.gif,.png,.tif,.pdf\"\r\n    [multiple]=\"maxFileCount === 0 || maxFileCount > 1\"\r\n    (selectedFilesChanged)=\"onFileSelection($event)\"\r\n    (selectedInvalidFiles)=\"onInvalidFiles($event)\"\r\n></fd-file-uploader>\r\n\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        isInlineGallery ? inlineGallery : layoutGridTpl;\r\n        context: {\r\n            disableOrReadonly: (disableOrReadonly$ | async),\r\n            mediaData: (mediaData$ | async),\r\n            deviceSize: (deviceSize$ | async),\r\n            uploader: uploader\r\n        }\r\n    \"\r\n></ng-container>\r\n<ng-template #inlineGallery let-mediaData=\"mediaData\" let-deviceSize=\"deviceSize\">\r\n    <fd-toolbar [shouldOverflow]=\"true\">\r\n        @if(mediaData.length && selectedMedia){\r\n        <button\r\n            fd-toolbar-item\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            [label]=\"'Download' | bbbTranslate\"\r\n            glyph=\"download\"\r\n            [name]=\"selectedMedia.label\"\r\n            [src]=\"selectedMedia.mediaUrl\"\r\n            saveImage\r\n        ></button>\r\n        }\r\n        <button\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            [label]=\"'Scan' | bbbTranslate\"\r\n            fd-toolbar-item\r\n            [glyph]=\"'x-ray'\"\r\n            [fdMenuTrigger]=\"menu\"\r\n        ></button>\r\n        @if(!Setting.GroupList?.length){\r\n        <button\r\n            fd-button\r\n            fd-toolbar-item\r\n            glyph=\"add-photo\"\r\n            fdType=\"transparent\"\r\n            [label]=\"'AttachFile' | bbbTranslate\"\r\n            (click)=\"onPrimaryUpload(uploader)\"\r\n        ></button>\r\n        }@else{\r\n        <fd-split-button\r\n            fd-toolbar-item\r\n            [mainAction]=\"{ mainActionTitle: ('AttachFile' | bbbTranslate), keepMainAction: true }\"\r\n            (primaryButtonClicked)=\"onPrimaryUpload(uploader)\"\r\n        >\r\n            <fd-menu #menu>\r\n                @for (groupItem of Setting.GroupList; track groupItem.Id; let index = $index) {\r\n                <li fd-menu-item (click)=\"onGroupAttach(groupItem, uploader)\">\r\n                    <div fd-menu-interactive>\r\n                        <span fd-menu-title>{{ groupItem.Name | bbbTranslate }}</span>\r\n                    </div>\r\n                </li>\r\n                }\r\n            </fd-menu>\r\n        </fd-split-button>\r\n        }\r\n\r\n        <button\r\n            fd-toolbar-item\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            [label]=\"'Rotate' | bbbTranslate\"\r\n            glyph=\"rotate\"\r\n            (click)=\"onRotate2()\"\r\n        ></button>\r\n        <button\r\n            fd-toolbar-item\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            [label]=\"'Delete' | bbbTranslate\"\r\n            glyph=\"delete\"\r\n            (click)=\"onDelete(selectedId)\"\r\n        ></button>\r\n        <button\r\n            fd-toolbar-item\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            [title]=\"'MoveUp' | bbbTranslate\"\r\n            glyph=\"arrow-top\"\r\n            (click)=\"onMoveUp(selectedId)\"\r\n        ></button>\r\n            <button\r\n            fd-toolbar-item\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            [title]=\"'MoveDown' | bbbTranslate\"\r\n            glyph=\"arrow-bottom\"\r\n            (click)=\"onMoveDown(selectedId)\"\r\n        ></button>\r\n        <fd-toolbar-separator></fd-toolbar-separator>\r\n        <button\r\n            fd-toolbar-item\r\n            fd-button\r\n            [glyph]=\"'text-align-justified'\"\r\n            [fdType]=\"fillWidth ? 'emphasized' : 'transparent'\"\r\n            fdType=\"transparent\"\r\n            (click)=\"fillWidth = !fillWidth\"\r\n        ></button>\r\n        <button glyph=\"print\" fdType=\"transparent\" fd-toolbar-item fd-button [files]=\"mediaData\" printFiles></button>\r\n        \r\n        <button glyph=\"download\" fdType=\"transparent\" fd-toolbar-item fd-button (click)=\"onDownloadAsPdf()\"></button>\r\n    </fd-toolbar>\r\n\r\n    <bsu-file-gallery-viewer\r\n        [style.max-height]=\"'100svh'\"\r\n        fillEmptySpace\r\n        [decrement]=\"'4.5rem'\"\r\n        [fillWidth]=\"true\"\r\n        [fillWidth]=\"fillWidth\"\r\n        [groupList]=\"Setting.GroupList\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [title]=\"'AttachPicture' | bbbTranslate\"\r\n        [files]=\"mediaData\"\r\n        [isImageGallery]=\"true\"\r\n        [isHorizontal]=\"isThumbnailHorizontal\"\r\n        [selectedId]=\"selectedId\"\r\n        (selectedIdChange)=\"selectedId = $event\"\r\n        (changeOrder)=\"onChangeOrder($event)\"\r\n    ></bsu-file-gallery-viewer>\r\n</ng-template>\r\n<ng-template\r\n    #layoutGridTpl\r\n    let-inDialog=\"inDialog\"\r\n    let-gallery=\"gallery\"\r\n    let-disableOrReadonly=\"disableOrReadonly\"\r\n    let-mediaData=\"mediaData\"\r\n    let-deviceSize=\"deviceSize\"\r\n    let-uploader=\"uploader\"\r\n>\r\n    <bsu-file-card-viewer\r\n        [inDialog]=\"inDialog\"\r\n        [mediaData]=\"mediaData\"\r\n        [disableOrReadonly]=\"disableOrReadonly\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [uploader]=\"uploader\"\r\n        [groupList]=\"Setting.GroupList\"\r\n        [uploadingState]=\"(uploadingState$ | async)!!\"\r\n        [scanMenu]=\"menu\"\r\n        (rotateMedia)=\"onRotate($event)\"\r\n        (deleteMedia)=\"onDelete($event)\"\r\n        (openUploader)=\"onOpenUploader($event, uploader)\"\r\n    ></bsu-file-card-viewer>\r\n</ng-template>\r\n\r\n<fd-menu #menu>\r\n    <li fd-menu-item (click)=\"onScan()\">\r\n        <a fd-menu-interactive>\r\n            <span fd-menu-title>{{ 'Scan' | bbbTranslate }}</span>\r\n        </a>\r\n    </li>\r\n    <li fd-menu-item (click)=\"onAdvanceScan()\">\r\n        <a fd-menu-interactive>\r\n            <span fd-menu-title>{{ 'AdvancedScan' | bbbTranslate }}</span>\r\n        </a>\r\n    </li>\r\n</fd-menu>\r\n", styles: [":host{position:relative}:host ::ng-deep .delete button{border-color:transparent!important;background-color:transparent!important}.big-imgs-box{position:relative}.big-imgs-box>fd-toolbar{position:absolute;z-index:5;opacity:.5}.big-imgs-box>fd-toolbar:hover{opacity:1}fd-toolbar{width:100%}fd-dialog-footer{justify-content:center}.hatchBackground{min-height:100px}.gallery{display:flex;width:100%;height:400px;column-gap:1px;background-color:var(--sapField_Background, #fff)}.gallery ::-webkit-scrollbar{width:7px;height:7px}.gallery ::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:4px}.gallery ::-webkit-scrollbar-thumb{background:#555454;border-radius:4px}.gallery ::-webkit-scrollbar-thumb:hover{background:#2c2b2b}.gallery .column{overflow-y:scroll;display:flex;flex-direction:column;row-gap:3%;align-items:center}.gallery .column .pics{width:100%;display:flex;justify-content:center}.gallery .column .pics img{border-radius:5px}.gallery .column.small-imgs-box{flex:10%}.gallery .column.big-imgs-box{flex:90%}.gallery .selected{background-color:#fff;border:3px solid #0294d8;padding:10px}.gallery .fill-all .pics{height:100%}.gallery .fill-all img{width:100%!important;height:100%!important;object-fit:fill!important}.gallery .fill-original img{width:unset;height:unset}.gallery .zoom1 img{zoom:1}.gallery .zoom1-5 img{zoom:1.5}.gallery .zoom2 img{zoom:2}fd-dialog .gallery{overflow:auto}fd-dialog .gallery .column{overflow:initial}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}fd-dialog.vertical .gallery{flex-direction:column;height:100%}fd-dialog.vertical .thumbnail{border-left: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}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["mode", "containerDom", "decrement", "disable", "height", "dontUseTopBound", "setMinHeight", "setMaxHeight"], outputs: ["heightChanged"], exportAs: ["fillEmptySpace"] }, { kind: "directive", type: i2.PrintFilesDirective, selector: "[printFiles]", inputs: ["files", "file", "isImageGallery", "component"] }, { kind: "directive", type: i2.SaveImageDirective, selector: "[saveImage]", inputs: ["name", "src"] }, { kind: "component", type: i1$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class", "id"], exportAs: ["fd-button"] }, { kind: "component", type: i4$8.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: i5$2.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i5$2.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu", "hasSeparator"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "component", type: i5$2.MenuInteractiveComponent, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i5$2.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "directive", type: i5$2.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i8.SplitButtonComponent, selector: "fd-split-button", inputs: ["glyph", "glyphFont", "disabled", "fdType", "expandButtonTitle", "selected", "fixedWidth", "mainAction", "arialLabel"], outputs: ["primaryButtonClicked"] }, { kind: "component", type: i7$1.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "title", "active", "clearBorder", "forceOverflow", "tabindex", "headingLevel", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i7$1.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "component", type: i7$1.ToolbarSeparatorComponent, selector: "fd-toolbar-separator" }, { kind: "component", type: FileGalleryViewerComponent, selector: "bsu-file-gallery-viewer", inputs: ["fillWidth", "deviceSize", "title", "files", "contentDensity", "isImageGallery", "isHorizontal", "selectedFile", "groupList", "scrollToId", "selectedId"], outputs: ["selectedIdChange", "changeOrder"] }, { kind: "component", type: FileCardViewerComponent, selector: "bsu-file-card-viewer", inputs: ["mediaData", "inDialog", "disableOrReadonly", "deviceSize", "uploadingState", "uploader", "scanMenu", "groupList"], outputs: ["openUploader", "rotateMedia", "deleteMedia"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: UiPicturesInfoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-pictures-info', providers: [UploadService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<fd-file-uploader\r\n    #uploader\r\n    [style.display]=\"'none'\"\r\n    [id]=\"id\"\r\n    [name]=\"'pictures_' + id\"\r\n    [placeholder]=\"'AttachPicture' | bbbTranslate\"\r\n    [buttonLabel]=\"'AttachPicture' | bbbTranslate\"\r\n    [buttonAriaLabel]=\"'AttachPicture' | bbbTranslate\"\r\n    accept=\".png,.jpg,.bpm,.jpeg,.gif,.png,.tif,.pdf\"\r\n    [multiple]=\"maxFileCount === 0 || maxFileCount > 1\"\r\n    (selectedFilesChanged)=\"onFileSelection($event)\"\r\n    (selectedInvalidFiles)=\"onInvalidFiles($event)\"\r\n></fd-file-uploader>\r\n\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        isInlineGallery ? inlineGallery : layoutGridTpl;\r\n        context: {\r\n            disableOrReadonly: (disableOrReadonly$ | async),\r\n            mediaData: (mediaData$ | async),\r\n            deviceSize: (deviceSize$ | async),\r\n            uploader: uploader\r\n        }\r\n    \"\r\n></ng-container>\r\n<ng-template #inlineGallery let-mediaData=\"mediaData\" let-deviceSize=\"deviceSize\">\r\n    <fd-toolbar [shouldOverflow]=\"true\">\r\n        @if(mediaData.length && selectedMedia){\r\n        <button\r\n            fd-toolbar-item\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            [label]=\"'Download' | bbbTranslate\"\r\n            glyph=\"download\"\r\n            [name]=\"selectedMedia.label\"\r\n            [src]=\"selectedMedia.mediaUrl\"\r\n            saveImage\r\n        ></button>\r\n        }\r\n        <button\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            [label]=\"'Scan' | bbbTranslate\"\r\n            fd-toolbar-item\r\n            [glyph]=\"'x-ray'\"\r\n            [fdMenuTrigger]=\"menu\"\r\n        ></button>\r\n        @if(!Setting.GroupList?.length){\r\n        <button\r\n            fd-button\r\n            fd-toolbar-item\r\n            glyph=\"add-photo\"\r\n            fdType=\"transparent\"\r\n            [label]=\"'AttachFile' | bbbTranslate\"\r\n            (click)=\"onPrimaryUpload(uploader)\"\r\n        ></button>\r\n        }@else{\r\n        <fd-split-button\r\n            fd-toolbar-item\r\n            [mainAction]=\"{ mainActionTitle: ('AttachFile' | bbbTranslate), keepMainAction: true }\"\r\n            (primaryButtonClicked)=\"onPrimaryUpload(uploader)\"\r\n        >\r\n            <fd-menu #menu>\r\n                @for (groupItem of Setting.GroupList; track groupItem.Id; let index = $index) {\r\n                <li fd-menu-item (click)=\"onGroupAttach(groupItem, uploader)\">\r\n                    <div fd-menu-interactive>\r\n                        <span fd-menu-title>{{ groupItem.Name | bbbTranslate }}</span>\r\n                    </div>\r\n                </li>\r\n                }\r\n            </fd-menu>\r\n        </fd-split-button>\r\n        }\r\n\r\n        <button\r\n            fd-toolbar-item\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            [label]=\"'Rotate' | bbbTranslate\"\r\n            glyph=\"rotate\"\r\n            (click)=\"onRotate2()\"\r\n        ></button>\r\n        <button\r\n            fd-toolbar-item\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            [label]=\"'Delete' | bbbTranslate\"\r\n            glyph=\"delete\"\r\n            (click)=\"onDelete(selectedId)\"\r\n        ></button>\r\n        <button\r\n            fd-toolbar-item\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            [title]=\"'MoveUp' | bbbTranslate\"\r\n            glyph=\"arrow-top\"\r\n            (click)=\"onMoveUp(selectedId)\"\r\n        ></button>\r\n            <button\r\n            fd-toolbar-item\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            [title]=\"'MoveDown' | bbbTranslate\"\r\n            glyph=\"arrow-bottom\"\r\n            (click)=\"onMoveDown(selectedId)\"\r\n        ></button>\r\n        <fd-toolbar-separator></fd-toolbar-separator>\r\n        <button\r\n            fd-toolbar-item\r\n            fd-button\r\n            [glyph]=\"'text-align-justified'\"\r\n            [fdType]=\"fillWidth ? 'emphasized' : 'transparent'\"\r\n            fdType=\"transparent\"\r\n            (click)=\"fillWidth = !fillWidth\"\r\n        ></button>\r\n        <button glyph=\"print\" fdType=\"transparent\" fd-toolbar-item fd-button [files]=\"mediaData\" printFiles></button>\r\n    </fd-toolbar>\r\n\r\n    <bsu-file-gallery-viewer\r\n        [style.max-height]=\"'100svh'\"\r\n        fillEmptySpace\r\n        [decrement]=\"'4.5rem'\"\r\n        [fillWidth]=\"true\"\r\n        [fillWidth]=\"fillWidth\"\r\n        [groupList]=\"Setting.GroupList\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [title]=\"'AttachPicture' | bbbTranslate\"\r\n        [files]=\"mediaData\"\r\n        [isImageGallery]=\"true\"\r\n        [isHorizontal]=\"isThumbnailHorizontal\"\r\n        [selectedId]=\"selectedId\"\r\n        (selectedIdChange)=\"selectedId = $event\"\r\n        (changeOrder)=\"onChangeOrder($event)\"\r\n    ></bsu-file-gallery-viewer>\r\n</ng-template>\r\n<ng-template\r\n    #layoutGridTpl\r\n    let-inDialog=\"inDialog\"\r\n    let-gallery=\"gallery\"\r\n    let-disableOrReadonly=\"disableOrReadonly\"\r\n    let-mediaData=\"mediaData\"\r\n    let-deviceSize=\"deviceSize\"\r\n    let-uploader=\"uploader\"\r\n>\r\n    <bsu-file-card-viewer\r\n        [inDialog]=\"inDialog\"\r\n        [mediaData]=\"mediaData\"\r\n        [disableOrReadonly]=\"disableOrReadonly\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [uploader]=\"uploader\"\r\n        [groupList]=\"Setting.GroupList\"\r\n        [uploadingState]=\"(uploadingState$ | async)!!\"\r\n        [scanMenu]=\"menu\"\r\n        (rotateMedia)=\"onRotate($event)\"\r\n        (deleteMedia)=\"onDelete($event)\"\r\n        (openUploader)=\"onOpenUploader($event, uploader)\"\r\n    ></bsu-file-card-viewer>\r\n</ng-template>\r\n\r\n<fd-menu #menu>\r\n    <li fd-menu-item (click)=\"onScan()\">\r\n        <a fd-menu-interactive>\r\n            <span fd-menu-title>{{ 'Scan' | bbbTranslate }}</span>\r\n        </a>\r\n    </li>\r\n    <li fd-menu-item (click)=\"onAdvanceScan()\">\r\n        <a fd-menu-interactive>\r\n            <span fd-menu-title>{{ 'AdvancedScan' | bbbTranslate }}</span>\r\n        </a>\r\n    </li>\r\n</fd-menu>\r\n", styles: [":host{position:relative}:host ::ng-deep .delete button{border-color:transparent!important;background-color:transparent!important}.big-imgs-box{position:relative}.big-imgs-box>fd-toolbar{position:absolute;z-index:5;opacity:.5}.big-imgs-box>fd-toolbar:hover{opacity:1}fd-toolbar{width:100%}fd-dialog-footer{justify-content:center}.hatchBackground{min-height:100px}.gallery{display:flex;width:100%;height:400px;column-gap:1px;background-color:var(--sapField_Background, #fff)}.gallery ::-webkit-scrollbar{width:7px;height:7px}.gallery ::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:4px}.gallery ::-webkit-scrollbar-thumb{background:#555454;border-radius:4px}.gallery ::-webkit-scrollbar-thumb:hover{background:#2c2b2b}.gallery .column{overflow-y:scroll;display:flex;flex-direction:column;row-gap:3%;align-items:center}.gallery .column .pics{width:100%;display:flex;justify-content:center}.gallery .column .pics img{border-radius:5px}.gallery .column.small-imgs-box{flex:10%}.gallery .column.big-imgs-box{flex:90%}.gallery .selected{background-color:#fff;border:3px solid #0294d8;padding:10px}.gallery .fill-all .pics{height:100%}.gallery .fill-all img{width:100%!important;height:100%!important;object-fit:fill!important}.gallery .fill-original img{width:unset;height:unset}.gallery .zoom1 img{zoom:1}.gallery .zoom1-5 img{zoom:1.5}.gallery .zoom2 img{zoom:2}fd-dialog .gallery{overflow:auto}fd-dialog .gallery .column{overflow:initial}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}fd-dialog.vertical .gallery{flex-direction:column;height:100%}fd-dialog.vertical .thumbnail{border-left: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}\n"] }]
+            args: [{ selector: 'bsu-ui-pictures-info', providers: [UploadService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<fd-file-uploader\r\n    #uploader\r\n    [style.display]=\"'none'\"\r\n    [id]=\"id\"\r\n    [name]=\"'pictures_' + id\"\r\n    [placeholder]=\"'AttachPicture' | bbbTranslate\"\r\n    [buttonLabel]=\"'AttachPicture' | bbbTranslate\"\r\n    [buttonAriaLabel]=\"'AttachPicture' | bbbTranslate\"\r\n    accept=\".png,.jpg,.bpm,.jpeg,.gif,.png,.tif,.pdf\"\r\n    [multiple]=\"maxFileCount === 0 || maxFileCount > 1\"\r\n    (selectedFilesChanged)=\"onFileSelection($event)\"\r\n    (selectedInvalidFiles)=\"onInvalidFiles($event)\"\r\n></fd-file-uploader>\r\n\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        isInlineGallery ? inlineGallery : layoutGridTpl;\r\n        context: {\r\n            disableOrReadonly: (disableOrReadonly$ | async),\r\n            mediaData: (mediaData$ | async),\r\n            deviceSize: (deviceSize$ | async),\r\n            uploader: uploader\r\n        }\r\n    \"\r\n></ng-container>\r\n<ng-template #inlineGallery let-mediaData=\"mediaData\" let-deviceSize=\"deviceSize\">\r\n    <fd-toolbar [shouldOverflow]=\"true\">\r\n        @if(mediaData.length && selectedMedia){\r\n        <button\r\n            fd-toolbar-item\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            [label]=\"'Download' | bbbTranslate\"\r\n            glyph=\"download\"\r\n            [name]=\"selectedMedia.label\"\r\n            [src]=\"selectedMedia.mediaUrl\"\r\n            saveImage\r\n        ></button>\r\n        }\r\n        <button\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            [label]=\"'Scan' | bbbTranslate\"\r\n            fd-toolbar-item\r\n            [glyph]=\"'x-ray'\"\r\n            [fdMenuTrigger]=\"menu\"\r\n        ></button>\r\n        @if(!Setting.GroupList?.length){\r\n        <button\r\n            fd-button\r\n            fd-toolbar-item\r\n            glyph=\"add-photo\"\r\n            fdType=\"transparent\"\r\n            [label]=\"'AttachFile' | bbbTranslate\"\r\n            (click)=\"onPrimaryUpload(uploader)\"\r\n        ></button>\r\n        }@else{\r\n        <fd-split-button\r\n            fd-toolbar-item\r\n            [mainAction]=\"{ mainActionTitle: ('AttachFile' | bbbTranslate), keepMainAction: true }\"\r\n            (primaryButtonClicked)=\"onPrimaryUpload(uploader)\"\r\n        >\r\n            <fd-menu #menu>\r\n                @for (groupItem of Setting.GroupList; track groupItem.Id; let index = $index) {\r\n                <li fd-menu-item (click)=\"onGroupAttach(groupItem, uploader)\">\r\n                    <div fd-menu-interactive>\r\n                        <span fd-menu-title>{{ groupItem.Name | bbbTranslate }}</span>\r\n                    </div>\r\n                </li>\r\n                }\r\n            </fd-menu>\r\n        </fd-split-button>\r\n        }\r\n\r\n        <button\r\n            fd-toolbar-item\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            [label]=\"'Rotate' | bbbTranslate\"\r\n            glyph=\"rotate\"\r\n            (click)=\"onRotate2()\"\r\n        ></button>\r\n        <button\r\n            fd-toolbar-item\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            [label]=\"'Delete' | bbbTranslate\"\r\n            glyph=\"delete\"\r\n            (click)=\"onDelete(selectedId)\"\r\n        ></button>\r\n        <button\r\n            fd-toolbar-item\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            [title]=\"'MoveUp' | bbbTranslate\"\r\n            glyph=\"arrow-top\"\r\n            (click)=\"onMoveUp(selectedId)\"\r\n        ></button>\r\n            <button\r\n            fd-toolbar-item\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            [title]=\"'MoveDown' | bbbTranslate\"\r\n            glyph=\"arrow-bottom\"\r\n            (click)=\"onMoveDown(selectedId)\"\r\n        ></button>\r\n        <fd-toolbar-separator></fd-toolbar-separator>\r\n        <button\r\n            fd-toolbar-item\r\n            fd-button\r\n            [glyph]=\"'text-align-justified'\"\r\n            [fdType]=\"fillWidth ? 'emphasized' : 'transparent'\"\r\n            fdType=\"transparent\"\r\n            (click)=\"fillWidth = !fillWidth\"\r\n        ></button>\r\n        <button glyph=\"print\" fdType=\"transparent\" fd-toolbar-item fd-button [files]=\"mediaData\" printFiles></button>\r\n        \r\n        <button glyph=\"download\" fdType=\"transparent\" fd-toolbar-item fd-button (click)=\"onDownloadAsPdf()\"></button>\r\n    </fd-toolbar>\r\n\r\n    <bsu-file-gallery-viewer\r\n        [style.max-height]=\"'100svh'\"\r\n        fillEmptySpace\r\n        [decrement]=\"'4.5rem'\"\r\n        [fillWidth]=\"true\"\r\n        [fillWidth]=\"fillWidth\"\r\n        [groupList]=\"Setting.GroupList\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [title]=\"'AttachPicture' | bbbTranslate\"\r\n        [files]=\"mediaData\"\r\n        [isImageGallery]=\"true\"\r\n        [isHorizontal]=\"isThumbnailHorizontal\"\r\n        [selectedId]=\"selectedId\"\r\n        (selectedIdChange)=\"selectedId = $event\"\r\n        (changeOrder)=\"onChangeOrder($event)\"\r\n    ></bsu-file-gallery-viewer>\r\n</ng-template>\r\n<ng-template\r\n    #layoutGridTpl\r\n    let-inDialog=\"inDialog\"\r\n    let-gallery=\"gallery\"\r\n    let-disableOrReadonly=\"disableOrReadonly\"\r\n    let-mediaData=\"mediaData\"\r\n    let-deviceSize=\"deviceSize\"\r\n    let-uploader=\"uploader\"\r\n>\r\n    <bsu-file-card-viewer\r\n        [inDialog]=\"inDialog\"\r\n        [mediaData]=\"mediaData\"\r\n        [disableOrReadonly]=\"disableOrReadonly\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [uploader]=\"uploader\"\r\n        [groupList]=\"Setting.GroupList\"\r\n        [uploadingState]=\"(uploadingState$ | async)!!\"\r\n        [scanMenu]=\"menu\"\r\n        (rotateMedia)=\"onRotate($event)\"\r\n        (deleteMedia)=\"onDelete($event)\"\r\n        (openUploader)=\"onOpenUploader($event, uploader)\"\r\n    ></bsu-file-card-viewer>\r\n</ng-template>\r\n\r\n<fd-menu #menu>\r\n    <li fd-menu-item (click)=\"onScan()\">\r\n        <a fd-menu-interactive>\r\n            <span fd-menu-title>{{ 'Scan' | bbbTranslate }}</span>\r\n        </a>\r\n    </li>\r\n    <li fd-menu-item (click)=\"onAdvanceScan()\">\r\n        <a fd-menu-interactive>\r\n            <span fd-menu-title>{{ 'AdvancedScan' | bbbTranslate }}</span>\r\n        </a>\r\n    </li>\r\n</fd-menu>\r\n", styles: [":host{position:relative}:host ::ng-deep .delete button{border-color:transparent!important;background-color:transparent!important}.big-imgs-box{position:relative}.big-imgs-box>fd-toolbar{position:absolute;z-index:5;opacity:.5}.big-imgs-box>fd-toolbar:hover{opacity:1}fd-toolbar{width:100%}fd-dialog-footer{justify-content:center}.hatchBackground{min-height:100px}.gallery{display:flex;width:100%;height:400px;column-gap:1px;background-color:var(--sapField_Background, #fff)}.gallery ::-webkit-scrollbar{width:7px;height:7px}.gallery ::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:4px}.gallery ::-webkit-scrollbar-thumb{background:#555454;border-radius:4px}.gallery ::-webkit-scrollbar-thumb:hover{background:#2c2b2b}.gallery .column{overflow-y:scroll;display:flex;flex-direction:column;row-gap:3%;align-items:center}.gallery .column .pics{width:100%;display:flex;justify-content:center}.gallery .column .pics img{border-radius:5px}.gallery .column.small-imgs-box{flex:10%}.gallery .column.big-imgs-box{flex:90%}.gallery .selected{background-color:#fff;border:3px solid #0294d8;padding:10px}.gallery .fill-all .pics{height:100%}.gallery .fill-all img{width:100%!important;height:100%!important;object-fit:fill!important}.gallery .fill-original img{width:unset;height:unset}.gallery .zoom1 img{zoom:1}.gallery .zoom1-5 img{zoom:1.5}.gallery .zoom2 img{zoom:2}fd-dialog .gallery{overflow:auto}fd-dialog .gallery .column{overflow:initial}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}fd-dialog.vertical .gallery{flex-direction:column;height:100%}fd-dialog.vertical .thumbnail{border-left: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}\n"] }]
         }], propDecorators: { _fileUploader: [{
                 type: ViewChild,
                 args: [FileUploaderComponent]