@fundamental-ngx/platform 0.43.25 → 0.43.27

package/fesm2020/fundamental-ngx-platform-thumbnail.mjs

@@ -232,7 +232,7 @@ class ThumbnailDetailsComponent {
     }
 }
 ThumbnailDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ThumbnailDetailsComponent, deps: [{ token: i1.DialogRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-ThumbnailDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ThumbnailDetailsComponent, selector: "fdp-thumbnail-details", host: { listeners: { "keydown.arrowright": "onKeydownArrowRight($event)", "keydown.arrowleft": "onKeydownArrowLeft($event)" } }, viewQueries: [{ propertyName: "thumbnailImage", first: true, predicate: i0.forwardRef(function () { return ThumbnailImageComponent; }), descendants: true }], ngImport: i0, template: "<fd-dialog [attr.dir]=\"_data.rtl ? 'rtl' : 'ltr'\">\n    <fd-dialog-header>\n        <h5 [attr.id]=\"_data.thumbnailId\" [headerSize]=\"5\" fd-title>{{ _data.selectedMedia.title }}</h5>\n    </fd-dialog-header>\n    <fd-dialog-body>\n        <button\n            class=\"fd-button fdp-thumbnail-button--left\"\n            [title]=\"'platformThumbnail.detailsGotoPreviousButtonTitle' | fdTranslate\"\n            [attr.aria-label]=\"'platformThumbnail.detailsGotoPreviousButtonTitle' | fdTranslate\"\n            (click)=\"_data.rtl ? next() : previous()\"\n            [disabled]=\"leftButtonDisabled\"\n            [style.z-index]=\"1\"\n            data-slide=\"previous\"\n        >\n            <i class=\"sap-icon--slim-arrow-left\"></i>\n        </button>\n        <div class=\"fdp-media-container\">\n            <img\n                *ngIf=\"_data.selectedMedia.mediaType === 'image'\"\n                class=\"fdp-dialog-media-thumbnail-img\"\n                [attr.aria-label]=\"_data.selectedMedia.label\"\n                [src]=\"_data.selectedMedia.thumbnailUrl\"\n                alt=\"first image\"\n            />\n\n            <video\n                *ngIf=\"_data.selectedMedia.mediaType === 'video'\"\n                [attr.aria-label]=\"_data.selectedMedia.label\"\n                [src]=\"_data.selectedMedia.mediaUrl\"\n                controls\n            >\n                {{ _data.selectedMedia.alt }}\n                <track\n                    [src]=\"_data.selectedMedia.captionFile\"\n                    kind=\"captions\"\n                    srclang=\"en\"\n                    [label]=\"_data.selectedMedia.label\"\n                />\n                <track\n                    [src]=\"_data.selectedMedia.audioDescFile\"\n                    kind=\"descriptions\"\n                    srclang=\"en\"\n                    [label]=\"_data.selectedMedia.label\"\n                />\n            </video>\n        </div>\n        <button\n            class=\"fd-button fdp-thumbnail-button--right\"\n            [title]=\"'platformThumbnail.detailsGotoNextButtonTitle' | fdTranslate\"\n            [attr.aria-label]=\"'platformThumbnail.detailsGotoNextButtonTitle' | fdTranslate\"\n            (click)=\"_data.rtl ? previous() : next()\"\n            [disabled]=\"rightButtonDisabled\"\n            [style.z-index]=\"1\"\n            data-slide=\"next\"\n        >\n            <i class=\"sap-icon--slim-arrow-right\"></i>\n        </button>\n        <fdp-thumbnail-image\n            [mediaList]=\"_data.mediaList\"\n            [isHorizontal]=\"true\"\n            [maxImages]=\"_data.mediaList.length\"\n            (thumbnailClicked)=\"thumbnailClickHandle($event)\"\n        ></fdp-thumbnail-image>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                [label]=\"'platformThumbnail.detailsDialogCloseBtnLabel' | fdTranslate\"\n                fdType=\"transparent\"\n                (click)=\"closeDialog()\"\n            ></button>\n        </fd-dialog-footer-button>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [":host ::ng-deep fd-dialog :after{width:84rem;height:45.5rem}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--left{position:absolute;top:50%;left:2rem;border-radius:50%}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--left:hover{cursor:pointer}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--left:disabled{cursor:default}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--right{right:2rem;position:absolute;top:50%;border-radius:50%}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--right:hover{cursor:pointer}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--right:disabled{cursor:default}:host ::ng-deep fd-dialog fd-dialog-body .fdp-media-container{position:relative;height:33.125rem;display:flex;width:84rem;max-width:100%;justify-content:center}:host ::ng-deep fd-dialog fd-dialog-body .fdp-media-container:focus,:host ::ng-deep fd-dialog fd-dialog-body .fdp-media-container.is-focus{outline-offset:.0625rem;outline-width:var(--sapContent_FocusWidth);outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle)}:host ::ng-deep fd-dialog fd-dialog-body .fdp-media-container img{max-width:33.125rem;max-height:33.125rem;max-width:100%;height:auto;position:absolute;padding:.688rem;bottom:0}:host ::ng-deep fd-dialog fd-dialog-body .fdp-media-container video{max-width:33.125rem;max-height:33.125rem;width:33.125rem;height:33.125rem;position:absolute;padding:.688rem;bottom:0;left:0}:host ::ng-deep fd-dialog .fdp-thumbnail-image-container{text-align:center}:host ::ng-deep fd-dialog .fdp-thumbnail-image-container .fdp-thumbnail-image{width:4.625rem;height:4.625rem}:host ::ng-deep fd-dialog .fdp-thumbnail-image-container fd-avatar{width:4.625rem;height:4.625rem}:host ::ng-deep fd-dialog .fdp-thumbnail-image-container .fdp-thumbnail-image--selected,:host ::ng-deep fd-dialog .fdp-thumbnail-image-container .fdp-thumbnail-image--horizontal.fdp-thumbnail-image--selected{width:inherit!important;height:inherit!important;border:.015rem solid;border-radius:.25rem;border-color:#085caf;border-color:var(--sapButton_Emphasized_Hover_BorderColor, #085caf)}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i1.DialogFooterButtonComponent, selector: "fd-dialog-footer-button" }, { kind: "component", type: i3$1.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i4$1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: ThumbnailImageComponent, selector: "fdp-thumbnail-image", inputs: ["mediaList", "isHorizontal", "maxImages", "roleDescription", "thumbnailId"], outputs: ["thumbnailClicked", "openDetailsDialog"] }, { kind: "pipe", type: i5.FdTranslatePipe, name: "fdTranslate" }] });
+ThumbnailDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ThumbnailDetailsComponent, selector: "fdp-thumbnail-details", host: { listeners: { "keydown.arrowright": "onKeydownArrowRight($event)", "keydown.arrowleft": "onKeydownArrowLeft($event)" } }, viewQueries: [{ propertyName: "thumbnailImage", first: true, predicate: i0.forwardRef(function () { return ThumbnailImageComponent; }), descendants: true }], ngImport: i0, template: "<fd-dialog [attr.dir]=\"_data.rtl ? 'rtl' : 'ltr'\">\n    <fd-dialog-header>\n        <h5 [attr.id]=\"_data.thumbnailId\" [headerSize]=\"5\" fd-title>{{ _data.selectedMedia.title }}</h5>\n    </fd-dialog-header>\n    <fd-dialog-body>\n        <button\n            class=\"fd-button fdp-thumbnail-button--left\"\n            [title]=\"'platformThumbnail.detailsGotoPreviousButtonTitle' | fdTranslate\"\n            [attr.aria-label]=\"'platformThumbnail.detailsGotoPreviousButtonTitle' | fdTranslate\"\n            (click)=\"_data.rtl ? next() : previous()\"\n            [disabled]=\"leftButtonDisabled\"\n            [style.z-index]=\"1\"\n            data-slide=\"previous\"\n        >\n            <i class=\"sap-icon--slim-arrow-left\"></i>\n        </button>\n        <div class=\"fdp-media-container\">\n            <img\n                *ngIf=\"_data.selectedMedia.mediaType === 'image'\"\n                class=\"fdp-dialog-media-thumbnail-img\"\n                [attr.aria-label]=\"_data.selectedMedia.label\"\n                [src]=\"_data.selectedMedia.thumbnailUrl\"\n                alt=\"first image\"\n            />\n\n            <video\n                *ngIf=\"_data.selectedMedia.mediaType === 'video'\"\n                [attr.aria-label]=\"_data.selectedMedia.label\"\n                [src]=\"_data.selectedMedia.mediaUrl\"\n                controls\n            >\n                {{ _data.selectedMedia.alt }}\n                <track\n                    [src]=\"_data.selectedMedia.captionFile\"\n                    kind=\"captions\"\n                    srclang=\"en\"\n                    [label]=\"_data.selectedMedia.label\"\n                />\n                <track\n                    [src]=\"_data.selectedMedia.audioDescFile\"\n                    kind=\"descriptions\"\n                    srclang=\"en\"\n                    [label]=\"_data.selectedMedia.label\"\n                />\n            </video>\n        </div>\n        <button\n            class=\"fd-button fdp-thumbnail-button--right\"\n            [title]=\"'platformThumbnail.detailsGotoNextButtonTitle' | fdTranslate\"\n            [attr.aria-label]=\"'platformThumbnail.detailsGotoNextButtonTitle' | fdTranslate\"\n            (click)=\"_data.rtl ? previous() : next()\"\n            [disabled]=\"rightButtonDisabled\"\n            [style.z-index]=\"1\"\n            data-slide=\"next\"\n        >\n            <i class=\"sap-icon--slim-arrow-right\"></i>\n        </button>\n        <fdp-thumbnail-image\n            [mediaList]=\"_data.mediaList\"\n            [isHorizontal]=\"true\"\n            [maxImages]=\"_data.mediaList.length\"\n            (thumbnailClicked)=\"thumbnailClickHandle($event)\"\n        ></fdp-thumbnail-image>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                [label]=\"'platformThumbnail.detailsDialogCloseBtnLabel' | fdTranslate\"\n                fdType=\"transparent\"\n                (click)=\"closeDialog()\"\n            ></button>\n        </fd-dialog-footer-button>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [":host ::ng-deep fd-dialog :after{width:84rem;height:45.5rem}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--left{position:absolute;top:50%;left:2rem;border-radius:50%}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--left:hover{cursor:pointer}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--left:disabled{cursor:default}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--right{right:2rem;position:absolute;top:50%;border-radius:50%}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--right:hover{cursor:pointer}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--right:disabled{cursor:default}:host ::ng-deep fd-dialog fd-dialog-body .fdp-media-container{position:relative;height:33.125rem;display:flex;width:84rem;max-width:100%;justify-content:center}:host ::ng-deep fd-dialog fd-dialog-body .fdp-media-container:focus,:host ::ng-deep fd-dialog fd-dialog-body .fdp-media-container.is-focus{outline-offset:.0625rem;outline-width:var(--sapContent_FocusWidth);outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle)}:host ::ng-deep fd-dialog fd-dialog-body .fdp-media-container img{max-width:33.125rem;max-height:33.125rem;max-width:100%;height:auto;position:absolute;padding:.688rem;bottom:0}:host ::ng-deep fd-dialog fd-dialog-body .fdp-media-container video{max-width:33.125rem;max-height:33.125rem;width:33.125rem;height:33.125rem;position:absolute;padding:.688rem;bottom:0;left:0}:host ::ng-deep fd-dialog .fdp-thumbnail-image-container{text-align:center}:host ::ng-deep fd-dialog .fdp-thumbnail-image-container .fdp-thumbnail-image{width:4.625rem;height:4.625rem}:host ::ng-deep fd-dialog .fdp-thumbnail-image-container fd-avatar{width:4.625rem;height:4.625rem}:host ::ng-deep fd-dialog .fdp-thumbnail-image-container .fdp-thumbnail-image--selected,:host ::ng-deep fd-dialog .fdp-thumbnail-image-container .fdp-thumbnail-image--horizontal.fdp-thumbnail-image--selected{width:inherit!important;height:inherit!important;border:.015rem solid;border-radius:.25rem;border-color:#085caf;border-color:var(--sapButton_Emphasized_Hover_BorderColor, #085caf)}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i1.DialogFooterButtonComponent, selector: "fd-dialog-footer-button" }, { kind: "component", type: i3$1.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title], span[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i4$1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: ThumbnailImageComponent, selector: "fdp-thumbnail-image", inputs: ["mediaList", "isHorizontal", "maxImages", "roleDescription", "thumbnailId"], outputs: ["thumbnailClicked", "openDetailsDialog"] }, { kind: "pipe", type: i5.FdTranslatePipe, name: "fdTranslate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ThumbnailDetailsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-thumbnail-details', template: "<fd-dialog [attr.dir]=\"_data.rtl ? 'rtl' : 'ltr'\">\n    <fd-dialog-header>\n        <h5 [attr.id]=\"_data.thumbnailId\" [headerSize]=\"5\" fd-title>{{ _data.selectedMedia.title }}</h5>\n    </fd-dialog-header>\n    <fd-dialog-body>\n        <button\n            class=\"fd-button fdp-thumbnail-button--left\"\n            [title]=\"'platformThumbnail.detailsGotoPreviousButtonTitle' | fdTranslate\"\n            [attr.aria-label]=\"'platformThumbnail.detailsGotoPreviousButtonTitle' | fdTranslate\"\n            (click)=\"_data.rtl ? next() : previous()\"\n            [disabled]=\"leftButtonDisabled\"\n            [style.z-index]=\"1\"\n            data-slide=\"previous\"\n        >\n            <i class=\"sap-icon--slim-arrow-left\"></i>\n        </button>\n        <div class=\"fdp-media-container\">\n            <img\n                *ngIf=\"_data.selectedMedia.mediaType === 'image'\"\n                class=\"fdp-dialog-media-thumbnail-img\"\n                [attr.aria-label]=\"_data.selectedMedia.label\"\n                [src]=\"_data.selectedMedia.thumbnailUrl\"\n                alt=\"first image\"\n            />\n\n            <video\n                *ngIf=\"_data.selectedMedia.mediaType === 'video'\"\n                [attr.aria-label]=\"_data.selectedMedia.label\"\n                [src]=\"_data.selectedMedia.mediaUrl\"\n                controls\n            >\n                {{ _data.selectedMedia.alt }}\n                <track\n                    [src]=\"_data.selectedMedia.captionFile\"\n                    kind=\"captions\"\n                    srclang=\"en\"\n                    [label]=\"_data.selectedMedia.label\"\n                />\n                <track\n                    [src]=\"_data.selectedMedia.audioDescFile\"\n                    kind=\"descriptions\"\n                    srclang=\"en\"\n                    [label]=\"_data.selectedMedia.label\"\n                />\n            </video>\n        </div>\n        <button\n            class=\"fd-button fdp-thumbnail-button--right\"\n            [title]=\"'platformThumbnail.detailsGotoNextButtonTitle' | fdTranslate\"\n            [attr.aria-label]=\"'platformThumbnail.detailsGotoNextButtonTitle' | fdTranslate\"\n            (click)=\"_data.rtl ? previous() : next()\"\n            [disabled]=\"rightButtonDisabled\"\n            [style.z-index]=\"1\"\n            data-slide=\"next\"\n        >\n            <i class=\"sap-icon--slim-arrow-right\"></i>\n        </button>\n        <fdp-thumbnail-image\n            [mediaList]=\"_data.mediaList\"\n            [isHorizontal]=\"true\"\n            [maxImages]=\"_data.mediaList.length\"\n            (thumbnailClicked)=\"thumbnailClickHandle($event)\"\n        ></fdp-thumbnail-image>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                [label]=\"'platformThumbnail.detailsDialogCloseBtnLabel' | fdTranslate\"\n                fdType=\"transparent\"\n                (click)=\"closeDialog()\"\n            ></button>\n        </fd-dialog-footer-button>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [":host ::ng-deep fd-dialog :after{width:84rem;height:45.5rem}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--left{position:absolute;top:50%;left:2rem;border-radius:50%}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--left:hover{cursor:pointer}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--left:disabled{cursor:default}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--right{right:2rem;position:absolute;top:50%;border-radius:50%}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--right:hover{cursor:pointer}:host ::ng-deep fd-dialog fd-dialog-body .fdp-thumbnail-button--right:disabled{cursor:default}:host ::ng-deep fd-dialog fd-dialog-body .fdp-media-container{position:relative;height:33.125rem;display:flex;width:84rem;max-width:100%;justify-content:center}:host ::ng-deep fd-dialog fd-dialog-body .fdp-media-container:focus,:host ::ng-deep fd-dialog fd-dialog-body .fdp-media-container.is-focus{outline-offset:.0625rem;outline-width:var(--sapContent_FocusWidth);outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle)}:host ::ng-deep fd-dialog fd-dialog-body .fdp-media-container img{max-width:33.125rem;max-height:33.125rem;max-width:100%;height:auto;position:absolute;padding:.688rem;bottom:0}:host ::ng-deep fd-dialog fd-dialog-body .fdp-media-container video{max-width:33.125rem;max-height:33.125rem;width:33.125rem;height:33.125rem;position:absolute;padding:.688rem;bottom:0;left:0}:host ::ng-deep fd-dialog .fdp-thumbnail-image-container{text-align:center}:host ::ng-deep fd-dialog .fdp-thumbnail-image-container .fdp-thumbnail-image{width:4.625rem;height:4.625rem}:host ::ng-deep fd-dialog .fdp-thumbnail-image-container fd-avatar{width:4.625rem;height:4.625rem}:host ::ng-deep fd-dialog .fdp-thumbnail-image-container .fdp-thumbnail-image--selected,:host ::ng-deep fd-dialog .fdp-thumbnail-image-container .fdp-thumbnail-image--horizontal.fdp-thumbnail-image--selected{width:inherit!important;height:inherit!important;border:.015rem solid;border-radius:.25rem;border-color:#085caf;border-color:var(--sapButton_Emphasized_Hover_BorderColor, #085caf)}\n"] }]

package/fesm2020/fundamental-ngx-platform-thumbnail.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fundamental-ngx-platform-thumbnail.mjs","sources":["../../../../libs/platform/src/lib/thumbnail/thumbnail-image/thumbnail-image.component.ts","../../../../libs/platform/src/lib/thumbnail/thumbnail-image/thumbnail-image.component.html","../../../../libs/platform/src/lib/thumbnail/thumbnail-details/thumbnail-details.component.ts","../../../../libs/platform/src/lib/thumbnail/thumbnail-details/thumbnail-details.component.html","../../../../libs/platform/src/lib/thumbnail/thumbnail.component.ts","../../../../libs/platform/src/lib/thumbnail/thumbnail.component.html","../../../../libs/platform/src/lib/thumbnail/thumbnail.module.ts","../../../../libs/platform/src/lib/thumbnail/fundamental-ngx-platform-thumbnail.ts"],"sourcesContent":["import {\n    Component,\n    Input,\n    Optional,\n    Output,\n    EventEmitter,\n    OnChanges,\n    SimpleChanges,\n    OnInit,\n    ChangeDetectorRef,\n    ViewChildren,\n    QueryList,\n    ElementRef\n} from '@angular/core';\n\nimport { KeyUtil, RtlService } from '@fundamental-ngx/cdk/utils';\nimport { DialogService } from '@fundamental-ngx/core/dialog';\nimport { Media } from '../thumbnail.interfaces';\nimport { SPACE } from '@angular/cdk/keycodes';\n\n/**\n * @deprecated\n * ThumbnailImage component is depricated since version 0.40.0\n */\n@Component({\n    selector: 'fdp-thumbnail-image',\n    templateUrl: './thumbnail-image.component.html',\n    styleUrls: ['./thumbnail-image.component.scss']\n})\nexport class ThumbnailImageComponent implements OnChanges, OnInit {\n    /** media list obejct contains group of Media object.*/\n    @Input()\n    mediaList: Media[];\n\n    /** Boolean to set the orientaiton of thumbnail images.*/\n    @Input()\n    isHorizontal = false;\n\n    /** Maximum limit for the thumbnail images to display */\n    @Input()\n    maxImages = 5;\n\n    /** Role description for the thumbnail image  */\n    @Input()\n    roleDescription: string;\n\n    /** Thumbnail element ID */\n    @Input()\n    thumbnailId: string;\n\n    /** Output event for thumbnail image click */\n    @Output()\n    thumbnailClicked: EventEmitter<Media> = new EventEmitter();\n\n    /** Event emitted when the thumbnail image is clicked and dialog opened */\n    @Output()\n    openDetailsDialog = new EventEmitter<Media>();\n\n    /** List of thumbnail images reference */\n    @ViewChildren('thumbnailImage')\n    thumbnailImages: QueryList<ElementRef>;\n\n    /** @hidden */\n    constructor(\n        protected _changeDetectorRef: ChangeDetectorRef,\n        private _dialogService: DialogService,\n        @Optional() private _rtlService: RtlService\n    ) {}\n\n    /** @hidden */\n    ngOnInit(): void {\n        this._setOverlay();\n    }\n\n    /** @hidden */\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes.mediaList && Array.isArray(this.mediaList)) {\n            const alreadySelected: boolean = this.mediaList.some((image) => image.selected);\n            if (!alreadySelected) {\n                this.mediaList[0].selected = true;\n            }\n        }\n        this._changeDetectorRef.detectChanges();\n    }\n\n    /** Opens the Dialog when the imgaes croses the maximum number of images to display */\n    openDialog(media: Media): void {\n        this.mediaList.forEach((item) => (item.selected = false));\n        media.selected = true;\n        this.openDetailsDialog.emit(media);\n    }\n\n    /** @hidden */\n    thumbnailClick(selectedMedia: Media, event?: Event): void {\n        if (event instanceof KeyboardEvent && KeyUtil.isKeyCode(event, SPACE)) {\n            event?.preventDefault();\n        }\n        this.mediaList.forEach((item) => (item.selected = false));\n        selectedMedia.selected = true;\n        this.thumbnailClicked.emit(selectedMedia);\n    }\n\n    /** @hidden  returns boolean value for rtl */\n    private _isRtl(): boolean {\n        return this._rtlService?.rtl.getValue();\n    }\n\n    /** @hidden */\n    private _setOverlay(): void {\n        if (this.mediaList.length > this.maxImages) {\n            this.mediaList[this.maxImages - 1].overlayRequired = true;\n        }\n    }\n\n    /** Open thumbanail image */\n    openImage(image: Media, event?: Event): void {\n        image.overlayRequired ? this.openDialog(image) : this.thumbnailClick(image, event);\n    }\n}\n","<div class=\"fdp-thumbnail-image-container\" role=\"listbox\">\n    <div\n        #thumbnailImage\n        *ngFor=\"let image of mediaList | slice: 0:maxImages; let i = index\"\n        [class]=\"isHorizontal ? 'fdp-thumbnail-image--horizontal' : 'fdp-thumbnail-image'\"\n        [class.fdp-thumbnail-image--selected]=\"image.selected\"\n        [class.fdp-thumbnail-image--overlay]=\"image.overlayRequired\"\n        (click)=\"openImage(image)\"\n        (keydown.space)=\"openImage(image, $event)\"\n        tabindex=\"0\"\n        role=\"option\"\n        [attr.aria-roledescription]=\"roleDescription || ('platformThumbnail.roleDescription' | fdTranslate)\"\n        [attr.aria-selected]=\"image.selected\"\n        [attr.title]=\"image.label\"\n        [attr.aria-label]=\"image.label\"\n    >\n        <fd-avatar [image]=\"image.thumbnailUrl\" size=\"m\"></fd-avatar>\n        <div class=\"fdp-thumbnail-overflow\" *ngIf=\"image.overlayRequired\">+{{ mediaList.length - maxImages }}</div>\n    </div>\n</div>\n","import {\n    AfterViewInit,\n    ChangeDetectorRef,\n    Component,\n    HostListener,\n    OnInit,\n    ViewChild,\n    forwardRef\n} from '@angular/core';\nimport { ThumbnailImageComponent } from '../thumbnail-image/thumbnail-image.component';\nimport { DialogRef } from '@fundamental-ngx/core/dialog';\nimport { Media } from '../thumbnail.interfaces';\n\ninterface DialogRefData {\n    selectedMedia: Media;\n    mediaList: Media[];\n    rtl: boolean;\n    maxImages: number;\n    thumbnailId: string;\n}\n\n/**\n * @deprecated\n * ThumbnailDetails component is depricated since version 0.40.0\n */\n@Component({\n    selector: 'fdp-thumbnail-details',\n    templateUrl: './thumbnail-details.component.html',\n    styleUrls: ['./thumbnail-details.component.scss']\n})\nexport class ThumbnailDetailsComponent implements OnInit, AfterViewInit {\n    /** @hidden Start index of currently active items */\n    currentActiveSlidesStartIndex = 0;\n\n    /** @hidden Make left navigation button disabled */\n    leftButtonDisabled = false;\n\n    /** @hidden Make right navigation button disabled */\n    rightButtonDisabled = false;\n\n    /** medialist to display */\n    mediaList = this.dialogRef.data.mediaList;\n    /** max limit  */\n    maxImages = this.dialogRef.data.maxImages;\n\n    /** Reference to thumbnail images component */\n    @ViewChild(forwardRef(() => ThumbnailImageComponent))\n    thumbnailImage: ThumbnailImageComponent;\n\n    /** @hidden */\n    constructor(public dialogRef: DialogRef, private _cdr: ChangeDetectorRef) {}\n\n    /** @hidden */\n    ngOnInit(): void {\n        this.dialogRef.data.selectedMedia.selected = true;\n        this.currentActiveSlidesStartIndex = this.mediaList.indexOf(this.dialogRef.data.selectedMedia);\n        this._buttonVisibility();\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this.currentActiveSlidesStartIndex = this.mediaList.indexOf(this.dialogRef.data.selectedMedia);\n        if (this.mediaList.length > 0) {\n            this._buttonVisibility();\n        } else {\n            this.leftButtonDisabled = true;\n            this.rightButtonDisabled = true;\n            this._cdr.detectChanges();\n        }\n    }\n\n    /** Transitions to the previous image in the thumbnail. */\n    previous(): void {\n        if (this.currentActiveSlidesStartIndex <= 0) {\n            return;\n        }\n        this.currentActiveSlidesStartIndex = this.currentActiveSlidesStartIndex - 1;\n        this.dialogRef.data.selectedMedia = this.mediaList[this.currentActiveSlidesStartIndex];\n        const thumbnailImagesArray = this.thumbnailImage.thumbnailImages.toArray();\n        thumbnailImagesArray[this.currentActiveSlidesStartIndex].nativeElement.focus();\n        this.mediaList.forEach((item) => (item.selected = false));\n        this.mediaList[this.currentActiveSlidesStartIndex].selected = true;\n        this._cdr.detectChanges();\n        this._buttonVisibility();\n    }\n\n    /** Transitions to the next image in the thumbnail. */\n    next(): void {\n        if (this.currentActiveSlidesStartIndex >= this.dialogRef.data.mediaList.length - 1) {\n            return;\n        }\n        this.currentActiveSlidesStartIndex = this.currentActiveSlidesStartIndex + 1;\n        this.dialogRef.data.selectedMedia = this.mediaList[this.currentActiveSlidesStartIndex];\n        const thumbnailImagesArray = this.thumbnailImage.thumbnailImages.toArray();\n        thumbnailImagesArray[this.currentActiveSlidesStartIndex].nativeElement.focus();\n        this.mediaList.forEach((item) => (item.selected = false));\n        this.mediaList[this.currentActiveSlidesStartIndex].selected = true;\n        this._cdr.detectChanges();\n        this._buttonVisibility();\n    }\n\n    /** handles click on thumbnail images  */\n    thumbnailClickHandle(selectedmedia: Media): void {\n        this.dialogRef.data.selectedMedia = selectedmedia;\n        this.currentActiveSlidesStartIndex = this.mediaList.indexOf(this.dialogRef.data.selectedMedia);\n        this._buttonVisibility();\n    }\n\n    /** Close dialog */\n    closeDialog(): void {\n        if (this.mediaList.length > this.maxImages) {\n            this.dialogRef.data.mediaList[this.maxImages - 1].overlayRequired = true;\n        }\n        this.dialogRef.close();\n    }\n\n    /** @hidden Transitions to the next image in the thumbnail  */\n    @HostListener('keydown.arrowright', ['$event'])\n    onKeydownArrowRight(event: KeyboardEvent): void {\n        event.preventDefault();\n        this.dialogRef.data.rtl ? this.previous() : this.next();\n    }\n\n    /** @hidden Transitions to the previous image in the thumbnail*/\n    @HostListener('keydown.arrowleft', ['$event'])\n    onKeydownArrowLeft(event: KeyboardEvent): void {\n        event.preventDefault();\n        this.dialogRef.data.rtl ? this.next() : this.previous();\n    }\n\n    /** @hidden returns data for dialog*/\n    get _data(): DialogRefData {\n        return this.dialogRef.data;\n    }\n\n    /** @hidden Handles navigation button visibility */\n    private _buttonVisibility(): void {\n        if (this.currentActiveSlidesStartIndex === 0) {\n            if (this.dialogRef.data.rtl) {\n                this.leftButtonDisabled = false;\n                this.rightButtonDisabled = true;\n            } else {\n                this.leftButtonDisabled = true;\n                this.rightButtonDisabled = false;\n            }\n        } else if (this.currentActiveSlidesStartIndex === this.mediaList.length - 1) {\n            if (this.dialogRef.data.rtl) {\n                this.leftButtonDisabled = true;\n                this.rightButtonDisabled = false;\n            } else {\n                this.leftButtonDisabled = false;\n                this.rightButtonDisabled = true;\n            }\n        } else {\n            this.leftButtonDisabled = false;\n            this.rightButtonDisabled = false;\n        }\n        if (this.mediaList.length === 1) {\n            this.leftButtonDisabled = true;\n            this.rightButtonDisabled = true;\n        }\n    }\n}\n","<fd-dialog [attr.dir]=\"_data.rtl ? 'rtl' : 'ltr'\">\n    <fd-dialog-header>\n        <h5 [attr.id]=\"_data.thumbnailId\" [headerSize]=\"5\" fd-title>{{ _data.selectedMedia.title }}</h5>\n    </fd-dialog-header>\n    <fd-dialog-body>\n        <button\n            class=\"fd-button fdp-thumbnail-button--left\"\n            [title]=\"'platformThumbnail.detailsGotoPreviousButtonTitle' | fdTranslate\"\n            [attr.aria-label]=\"'platformThumbnail.detailsGotoPreviousButtonTitle' | fdTranslate\"\n            (click)=\"_data.rtl ? next() : previous()\"\n            [disabled]=\"leftButtonDisabled\"\n            [style.z-index]=\"1\"\n            data-slide=\"previous\"\n        >\n            <i class=\"sap-icon--slim-arrow-left\"></i>\n        </button>\n        <div class=\"fdp-media-container\">\n            <img\n                *ngIf=\"_data.selectedMedia.mediaType === 'image'\"\n                class=\"fdp-dialog-media-thumbnail-img\"\n                [attr.aria-label]=\"_data.selectedMedia.label\"\n                [src]=\"_data.selectedMedia.thumbnailUrl\"\n                alt=\"first image\"\n            />\n\n            <video\n                *ngIf=\"_data.selectedMedia.mediaType === 'video'\"\n                [attr.aria-label]=\"_data.selectedMedia.label\"\n                [src]=\"_data.selectedMedia.mediaUrl\"\n                controls\n            >\n                {{ _data.selectedMedia.alt }}\n                <track\n                    [src]=\"_data.selectedMedia.captionFile\"\n                    kind=\"captions\"\n                    srclang=\"en\"\n                    [label]=\"_data.selectedMedia.label\"\n                />\n                <track\n                    [src]=\"_data.selectedMedia.audioDescFile\"\n                    kind=\"descriptions\"\n                    srclang=\"en\"\n                    [label]=\"_data.selectedMedia.label\"\n                />\n            </video>\n        </div>\n        <button\n            class=\"fd-button fdp-thumbnail-button--right\"\n            [title]=\"'platformThumbnail.detailsGotoNextButtonTitle' | fdTranslate\"\n            [attr.aria-label]=\"'platformThumbnail.detailsGotoNextButtonTitle' | fdTranslate\"\n            (click)=\"_data.rtl ? previous() : next()\"\n            [disabled]=\"rightButtonDisabled\"\n            [style.z-index]=\"1\"\n            data-slide=\"next\"\n        >\n            <i class=\"sap-icon--slim-arrow-right\"></i>\n        </button>\n        <fdp-thumbnail-image\n            [mediaList]=\"_data.mediaList\"\n            [isHorizontal]=\"true\"\n            [maxImages]=\"_data.mediaList.length\"\n            (thumbnailClicked)=\"thumbnailClickHandle($event)\"\n        ></fdp-thumbnail-image>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                [label]=\"'platformThumbnail.detailsDialogCloseBtnLabel' | fdTranslate\"\n                fdType=\"transparent\"\n                (click)=\"closeDialog()\"\n            ></button>\n        </fd-dialog-footer-button>\n    </fd-dialog-footer>\n</fd-dialog>\n","import {\n    ChangeDetectorRef,\n    Component,\n    EventEmitter,\n    Input,\n    OnInit,\n    Optional,\n    Output,\n    ViewEncapsulation,\n    HostListener,\n    ViewChild,\n    forwardRef\n} from '@angular/core';\n\nimport { RtlService } from '@fundamental-ngx/cdk/utils';\nimport { DialogService } from '@fundamental-ngx/core/dialog';\nimport { BaseComponent } from '@fundamental-ngx/platform/shared';\nimport { ThumbnailDetailsComponent } from './thumbnail-details/thumbnail-details.component';\nimport { ThumbnailImageComponent } from './thumbnail-image/thumbnail-image.component';\nimport { Media } from './thumbnail.interfaces';\n\nlet uniqueId = 0;\n\nexport class ThumbnailClickedEvent<T extends ThumbnailComponent = ThumbnailComponent, K = Media> {\n    /**\n     * Thumbnail click event\n     * @param source ThumbnailComponent\n     * @param payload Media\n     */\n    constructor(\n        /** The source Thumbnail Component of the event. */\n        public source: T,\n        /** The new value of a control. */\n        public payload: K\n    ) {}\n}\n\n/**\n * @deprecated\n * Thumbnail component is depricated since version 0.40.0\n */\n@Component({\n    selector: 'fdp-thumbnail',\n    templateUrl: './thumbnail.component.html',\n    styleUrls: ['./thumbnail.component.scss'],\n    encapsulation: ViewEncapsulation.None\n})\nexport class ThumbnailComponent extends BaseComponent implements OnInit {\n    /** List of media objects to display. */\n    @Input()\n    mediaList: Media[];\n\n    /** Display orientation of Thumnail component. */\n    @Input()\n    isHorizontal = false;\n\n    /** Max images to display */\n    @Input()\n    maxImagesDisplay = 5;\n\n    /** Event emitted upon click of a thumbnail. */\n    @Output()\n    thumbnailClicked: EventEmitter<ThumbnailClickedEvent> = new EventEmitter();\n\n    /** Reference to thumbnail images component */\n    @ViewChild(forwardRef(() => ThumbnailImageComponent))\n    thumbnailImage: ThumbnailImageComponent;\n\n    /** Generate unique id for the thumbnail */\n    thumbnailId: string = 'fd-thumbnail-dialog-header-' + uniqueId++;\n\n    /** @hidden Start index of currently active items */\n    currentActiveSlidesStartIndex = 0;\n\n    /** @hidden Currently selected media. */\n    public selectedMedia: Media;\n\n    /** @hidden */\n    constructor(\n        protected _changeDetectorRef: ChangeDetectorRef,\n        private _dialogService: DialogService,\n        @Optional() private readonly _rtlService: RtlService,\n        private _cdr: ChangeDetectorRef\n    ) {\n        super(_changeDetectorRef);\n    }\n\n    /** @hidden Select first media object on init. */\n    ngOnInit(): void {\n        if (Array.isArray(this.mediaList) && this.mediaList.length > 0) {\n            this.selectedMedia = this.mediaList[0];\n        }\n        this._setOverlay();\n    }\n\n    /** @hidden */\n    thumbnailClickHandle(selectedMedia: Media): void {\n        this.selectedMedia = selectedMedia;\n        this.thumbnailClicked.emit(this._createClickEvent(this.selectedMedia));\n    }\n\n    /** @hidden */\n    openDialog(media: Media = this.selectedMedia): void {\n        this.mediaList.forEach((item) => (item.overlayRequired = false));\n        this._dialogService.open(ThumbnailDetailsComponent, {\n            backdropClickCloseable: false,\n            escKeyCloseable: false,\n            data: {\n                thumbnailId: this.thumbnailId,\n                selectedMedia: media,\n                mediaList: this.mediaList,\n                rtl: this._isRtl(),\n                maxImages: this.maxImagesDisplay\n            }\n        });\n    }\n\n    /** @hidden returns rtl value */\n    _isRtl(): boolean {\n        return this._rtlService?.rtl.getValue();\n    }\n\n    /** @hidden Create Thumbnail click event instance */\n    private _createClickEvent(value: Media): ThumbnailClickedEvent {\n        return new ThumbnailClickedEvent(this, value);\n    }\n\n    /** @hidden */\n    private _setOverlay(): void {\n        if (this.mediaList.length > this.maxImagesDisplay) {\n            this.mediaList[this.maxImagesDisplay - 1].overlayRequired = true;\n        }\n    }\n\n    /** @hidden Transitions to the next image in the thumbnail  */\n    @HostListener('keydown.arrowright', ['$event'])\n    onKeydownArrowRight(event: KeyboardEvent): void {\n        event.preventDefault();\n        this._isRtl() ? this.previous() : this.next();\n    }\n\n    /** @hidden Transitions to the previous image in the thumbnail*/\n    @HostListener('keydown.arrowleft', ['$event'])\n    onKeydownArrowLeft(event: KeyboardEvent): void {\n        event.preventDefault();\n        this._isRtl() ? this.next() : this.previous();\n    }\n\n    /** Transitions to the previous image in the thumbnail. */\n    previous(): void {\n        if (this.currentActiveSlidesStartIndex <= 0) {\n            return;\n        }\n        this.currentActiveSlidesStartIndex = this.currentActiveSlidesStartIndex - 1;\n        const thumbnailImagesArray = this.thumbnailImage.thumbnailImages.toArray();\n        thumbnailImagesArray[this.currentActiveSlidesStartIndex].nativeElement.focus();\n        this._cdr.detectChanges();\n    }\n\n    /** Transitions to the next image in the thumbnail. */\n    next(): void {\n        if (this.currentActiveSlidesStartIndex >= this.maxImagesDisplay - 1) {\n            return;\n        }\n        this.currentActiveSlidesStartIndex = this.currentActiveSlidesStartIndex + 1;\n        const thumbnailImagesArray = this.thumbnailImage.thumbnailImages.toArray();\n        thumbnailImagesArray[this.currentActiveSlidesStartIndex].nativeElement.focus();\n        this._cdr.detectChanges();\n    }\n}\n","<div class=\"fdp-thumbnail-container\" [class.fdp-thumbnail-container--horizontal]=\"isHorizontal\">\n    <fdp-thumbnail-image\n        *ngIf=\"!isHorizontal\"\n        [thumbnailId]=\"thumbnailId\"\n        [mediaList]=\"mediaList\"\n        [maxImages]=\"maxImagesDisplay\"\n        [isHorizontal]=\"isHorizontal\"\n        (thumbnailClicked)=\"thumbnailClickHandle($event)\"\n        (openDetailsDialog)=\"openDialog($event)\"\n    ></fdp-thumbnail-image>\n    <div class=\"fdp-media-container\">\n        <img\n            tabindex=\"0\"\n            *ngIf=\"selectedMedia.mediaType === 'image'\"\n            [attr.title]=\"selectedMedia.label\"\n            [attr.aria-label]=\"selectedMedia.label\"\n            [attr.src]=\"selectedMedia.mediaUrl\"\n            [attr.alt]=\"selectedMedia.alt\"\n            (click)=\"openDialog()\"\n            (keydown.space)=\"openDialog()\"\n        />\n        <video\n            tabindex=\"0\"\n            *ngIf=\"selectedMedia.mediaType === 'video'\"\n            [src]=\"selectedMedia.mediaUrl\"\n            (click)=\"openDialog()\"\n            (keydown.space)=\"openDialog()\"\n            [attr.aria-label]=\"selectedMedia.label\"\n        >\n            {{ selectedMedia.alt }}\n            <track [src]=\"selectedMedia.captionFile\" kind=\"captions\" srclang=\"en\" [label]=\"selectedMedia.label\" />\n            <track [src]=\"selectedMedia.audioDescFile\" kind=\"descriptions\" srclang=\"en\" [label]=\"selectedMedia.label\" />\n        </video>\n    </div>\n    <fdp-thumbnail-image\n        *ngIf=\"isHorizontal\"\n        [mediaList]=\"mediaList\"\n        [maxImages]=\"maxImagesDisplay\"\n        [isHorizontal]=\"isHorizontal\"\n        (thumbnailClicked)=\"thumbnailClickHandle($event)\"\n        (openDetailsDialog)=\"openDialog($event)\"\n    ></fdp-thumbnail-image>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { AvatarModule } from '@fundamental-ngx/core/avatar';\nimport { CarouselModule } from '@fundamental-ngx/core/carousel';\nimport { DialogModule, DialogRef } from '@fundamental-ngx/core/dialog';\nimport { ButtonModule } from '@fundamental-ngx/core/button';\nimport { RtlService } from '@fundamental-ngx/cdk/utils';\nimport { ThumbnailImageComponent } from './thumbnail-image/thumbnail-image.component';\nimport { ThumbnailDetailsComponent } from './thumbnail-details/thumbnail-details.component';\nimport { ThumbnailComponent } from './thumbnail.component';\nimport { I18nModule } from '@fundamental-ngx/i18n';\n\n@NgModule({\n    declarations: [ThumbnailComponent, ThumbnailImageComponent, ThumbnailDetailsComponent],\n    providers: [RtlService, DialogRef],\n    imports: [CommonModule, AvatarModule, DialogModule, CarouselModule, ButtonModule, I18nModule],\n    exports: [ThumbnailComponent, ThumbnailImageComponent, ThumbnailDetailsComponent]\n})\nexport class PlatformThumbnailModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2","i3","i4","i5.ThumbnailImageComponent","i6","i4.ThumbnailImageComponent"],"mappings":"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"}
+{"version":3,"file":"fundamental-ngx-platform-thumbnail.mjs","sources":["../../../../libs/platform/src/lib/thumbnail/thumbnail-image/thumbnail-image.component.ts","../../../../libs/platform/src/lib/thumbnail/thumbnail-image/thumbnail-image.component.html","../../../../libs/platform/src/lib/thumbnail/thumbnail-details/thumbnail-details.component.ts","../../../../libs/platform/src/lib/thumbnail/thumbnail-details/thumbnail-details.component.html","../../../../libs/platform/src/lib/thumbnail/thumbnail.component.ts","../../../../libs/platform/src/lib/thumbnail/thumbnail.component.html","../../../../libs/platform/src/lib/thumbnail/thumbnail.module.ts","../../../../libs/platform/src/lib/thumbnail/fundamental-ngx-platform-thumbnail.ts"],"sourcesContent":["import {\n    Component,\n    Input,\n    Optional,\n    Output,\n    EventEmitter,\n    OnChanges,\n    SimpleChanges,\n    OnInit,\n    ChangeDetectorRef,\n    ViewChildren,\n    QueryList,\n    ElementRef\n} from '@angular/core';\n\nimport { KeyUtil, RtlService } from '@fundamental-ngx/cdk/utils';\nimport { DialogService } from '@fundamental-ngx/core/dialog';\nimport { Media } from '../thumbnail.interfaces';\nimport { SPACE } from '@angular/cdk/keycodes';\n\n/**\n * @deprecated\n * ThumbnailImage component is depricated since version 0.40.0\n */\n@Component({\n    selector: 'fdp-thumbnail-image',\n    templateUrl: './thumbnail-image.component.html',\n    styleUrls: ['./thumbnail-image.component.scss']\n})\nexport class ThumbnailImageComponent implements OnChanges, OnInit {\n    /** media list obejct contains group of Media object.*/\n    @Input()\n    mediaList: Media[];\n\n    /** Boolean to set the orientaiton of thumbnail images.*/\n    @Input()\n    isHorizontal = false;\n\n    /** Maximum limit for the thumbnail images to display */\n    @Input()\n    maxImages = 5;\n\n    /** Role description for the thumbnail image  */\n    @Input()\n    roleDescription: string;\n\n    /** Thumbnail element ID */\n    @Input()\n    thumbnailId: string;\n\n    /** Output event for thumbnail image click */\n    @Output()\n    thumbnailClicked: EventEmitter<Media> = new EventEmitter();\n\n    /** Event emitted when the thumbnail image is clicked and dialog opened */\n    @Output()\n    openDetailsDialog = new EventEmitter<Media>();\n\n    /** List of thumbnail images reference */\n    @ViewChildren('thumbnailImage')\n    thumbnailImages: QueryList<ElementRef>;\n\n    /** @hidden */\n    constructor(\n        protected _changeDetectorRef: ChangeDetectorRef,\n        private _dialogService: DialogService,\n        @Optional() private _rtlService: RtlService\n    ) {}\n\n    /** @hidden */\n    ngOnInit(): void {\n        this._setOverlay();\n    }\n\n    /** @hidden */\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes.mediaList && Array.isArray(this.mediaList)) {\n            const alreadySelected: boolean = this.mediaList.some((image) => image.selected);\n            if (!alreadySelected) {\n                this.mediaList[0].selected = true;\n            }\n        }\n        this._changeDetectorRef.detectChanges();\n    }\n\n    /** Opens the Dialog when the imgaes croses the maximum number of images to display */\n    openDialog(media: Media): void {\n        this.mediaList.forEach((item) => (item.selected = false));\n        media.selected = true;\n        this.openDetailsDialog.emit(media);\n    }\n\n    /** @hidden */\n    thumbnailClick(selectedMedia: Media, event?: Event): void {\n        if (event instanceof KeyboardEvent && KeyUtil.isKeyCode(event, SPACE)) {\n            event?.preventDefault();\n        }\n        this.mediaList.forEach((item) => (item.selected = false));\n        selectedMedia.selected = true;\n        this.thumbnailClicked.emit(selectedMedia);\n    }\n\n    /** @hidden  returns boolean value for rtl */\n    private _isRtl(): boolean {\n        return this._rtlService?.rtl.getValue();\n    }\n\n    /** @hidden */\n    private _setOverlay(): void {\n        if (this.mediaList.length > this.maxImages) {\n            this.mediaList[this.maxImages - 1].overlayRequired = true;\n        }\n    }\n\n    /** Open thumbanail image */\n    openImage(image: Media, event?: Event): void {\n        image.overlayRequired ? this.openDialog(image) : this.thumbnailClick(image, event);\n    }\n}\n","<div class=\"fdp-thumbnail-image-container\" role=\"listbox\">\n    <div\n        #thumbnailImage\n        *ngFor=\"let image of mediaList | slice: 0:maxImages; let i = index\"\n        [class]=\"isHorizontal ? 'fdp-thumbnail-image--horizontal' : 'fdp-thumbnail-image'\"\n        [class.fdp-thumbnail-image--selected]=\"image.selected\"\n        [class.fdp-thumbnail-image--overlay]=\"image.overlayRequired\"\n        (click)=\"openImage(image)\"\n        (keydown.space)=\"openImage(image, $event)\"\n        tabindex=\"0\"\n        role=\"option\"\n        [attr.aria-roledescription]=\"roleDescription || ('platformThumbnail.roleDescription' | fdTranslate)\"\n        [attr.aria-selected]=\"image.selected\"\n        [attr.title]=\"image.label\"\n        [attr.aria-label]=\"image.label\"\n    >\n        <fd-avatar [image]=\"image.thumbnailUrl\" size=\"m\"></fd-avatar>\n        <div class=\"fdp-thumbnail-overflow\" *ngIf=\"image.overlayRequired\">+{{ mediaList.length - maxImages }}</div>\n    </div>\n</div>\n","import {\n    AfterViewInit,\n    ChangeDetectorRef,\n    Component,\n    HostListener,\n    OnInit,\n    ViewChild,\n    forwardRef\n} from '@angular/core';\nimport { ThumbnailImageComponent } from '../thumbnail-image/thumbnail-image.component';\nimport { DialogRef } from '@fundamental-ngx/core/dialog';\nimport { Media } from '../thumbnail.interfaces';\n\ninterface DialogRefData {\n    selectedMedia: Media;\n    mediaList: Media[];\n    rtl: boolean;\n    maxImages: number;\n    thumbnailId: string;\n}\n\n/**\n * @deprecated\n * ThumbnailDetails component is depricated since version 0.40.0\n */\n@Component({\n    selector: 'fdp-thumbnail-details',\n    templateUrl: './thumbnail-details.component.html',\n    styleUrls: ['./thumbnail-details.component.scss']\n})\nexport class ThumbnailDetailsComponent implements OnInit, AfterViewInit {\n    /** @hidden Start index of currently active items */\n    currentActiveSlidesStartIndex = 0;\n\n    /** @hidden Make left navigation button disabled */\n    leftButtonDisabled = false;\n\n    /** @hidden Make right navigation button disabled */\n    rightButtonDisabled = false;\n\n    /** medialist to display */\n    mediaList = this.dialogRef.data.mediaList;\n    /** max limit  */\n    maxImages = this.dialogRef.data.maxImages;\n\n    /** Reference to thumbnail images component */\n    @ViewChild(forwardRef(() => ThumbnailImageComponent))\n    thumbnailImage: ThumbnailImageComponent;\n\n    /** @hidden */\n    constructor(public dialogRef: DialogRef, private _cdr: ChangeDetectorRef) {}\n\n    /** @hidden */\n    ngOnInit(): void {\n        this.dialogRef.data.selectedMedia.selected = true;\n        this.currentActiveSlidesStartIndex = this.mediaList.indexOf(this.dialogRef.data.selectedMedia);\n        this._buttonVisibility();\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this.currentActiveSlidesStartIndex = this.mediaList.indexOf(this.dialogRef.data.selectedMedia);\n        if (this.mediaList.length > 0) {\n            this._buttonVisibility();\n        } else {\n            this.leftButtonDisabled = true;\n            this.rightButtonDisabled = true;\n            this._cdr.detectChanges();\n        }\n    }\n\n    /** Transitions to the previous image in the thumbnail. */\n    previous(): void {\n        if (this.currentActiveSlidesStartIndex <= 0) {\n            return;\n        }\n        this.currentActiveSlidesStartIndex = this.currentActiveSlidesStartIndex - 1;\n        this.dialogRef.data.selectedMedia = this.mediaList[this.currentActiveSlidesStartIndex];\n        const thumbnailImagesArray = this.thumbnailImage.thumbnailImages.toArray();\n        thumbnailImagesArray[this.currentActiveSlidesStartIndex].nativeElement.focus();\n        this.mediaList.forEach((item) => (item.selected = false));\n        this.mediaList[this.currentActiveSlidesStartIndex].selected = true;\n        this._cdr.detectChanges();\n        this._buttonVisibility();\n    }\n\n    /** Transitions to the next image in the thumbnail. */\n    next(): void {\n        if (this.currentActiveSlidesStartIndex >= this.dialogRef.data.mediaList.length - 1) {\n            return;\n        }\n        this.currentActiveSlidesStartIndex = this.currentActiveSlidesStartIndex + 1;\n        this.dialogRef.data.selectedMedia = this.mediaList[this.currentActiveSlidesStartIndex];\n        const thumbnailImagesArray = this.thumbnailImage.thumbnailImages.toArray();\n        thumbnailImagesArray[this.currentActiveSlidesStartIndex].nativeElement.focus();\n        this.mediaList.forEach((item) => (item.selected = false));\n        this.mediaList[this.currentActiveSlidesStartIndex].selected = true;\n        this._cdr.detectChanges();\n        this._buttonVisibility();\n    }\n\n    /** handles click on thumbnail images  */\n    thumbnailClickHandle(selectedmedia: Media): void {\n        this.dialogRef.data.selectedMedia = selectedmedia;\n        this.currentActiveSlidesStartIndex = this.mediaList.indexOf(this.dialogRef.data.selectedMedia);\n        this._buttonVisibility();\n    }\n\n    /** Close dialog */\n    closeDialog(): void {\n        if (this.mediaList.length > this.maxImages) {\n            this.dialogRef.data.mediaList[this.maxImages - 1].overlayRequired = true;\n        }\n        this.dialogRef.close();\n    }\n\n    /** @hidden Transitions to the next image in the thumbnail  */\n    @HostListener('keydown.arrowright', ['$event'])\n    onKeydownArrowRight(event: KeyboardEvent): void {\n        event.preventDefault();\n        this.dialogRef.data.rtl ? this.previous() : this.next();\n    }\n\n    /** @hidden Transitions to the previous image in the thumbnail*/\n    @HostListener('keydown.arrowleft', ['$event'])\n    onKeydownArrowLeft(event: KeyboardEvent): void {\n        event.preventDefault();\n        this.dialogRef.data.rtl ? this.next() : this.previous();\n    }\n\n    /** @hidden returns data for dialog*/\n    get _data(): DialogRefData {\n        return this.dialogRef.data;\n    }\n\n    /** @hidden Handles navigation button visibility */\n    private _buttonVisibility(): void {\n        if (this.currentActiveSlidesStartIndex === 0) {\n            if (this.dialogRef.data.rtl) {\n                this.leftButtonDisabled = false;\n                this.rightButtonDisabled = true;\n            } else {\n                this.leftButtonDisabled = true;\n                this.rightButtonDisabled = false;\n            }\n        } else if (this.currentActiveSlidesStartIndex === this.mediaList.length - 1) {\n            if (this.dialogRef.data.rtl) {\n                this.leftButtonDisabled = true;\n                this.rightButtonDisabled = false;\n            } else {\n                this.leftButtonDisabled = false;\n                this.rightButtonDisabled = true;\n            }\n        } else {\n            this.leftButtonDisabled = false;\n            this.rightButtonDisabled = false;\n        }\n        if (this.mediaList.length === 1) {\n            this.leftButtonDisabled = true;\n            this.rightButtonDisabled = true;\n        }\n    }\n}\n","<fd-dialog [attr.dir]=\"_data.rtl ? 'rtl' : 'ltr'\">\n    <fd-dialog-header>\n        <h5 [attr.id]=\"_data.thumbnailId\" [headerSize]=\"5\" fd-title>{{ _data.selectedMedia.title }}</h5>\n    </fd-dialog-header>\n    <fd-dialog-body>\n        <button\n            class=\"fd-button fdp-thumbnail-button--left\"\n            [title]=\"'platformThumbnail.detailsGotoPreviousButtonTitle' | fdTranslate\"\n            [attr.aria-label]=\"'platformThumbnail.detailsGotoPreviousButtonTitle' | fdTranslate\"\n            (click)=\"_data.rtl ? next() : previous()\"\n            [disabled]=\"leftButtonDisabled\"\n            [style.z-index]=\"1\"\n            data-slide=\"previous\"\n        >\n            <i class=\"sap-icon--slim-arrow-left\"></i>\n        </button>\n        <div class=\"fdp-media-container\">\n            <img\n                *ngIf=\"_data.selectedMedia.mediaType === 'image'\"\n                class=\"fdp-dialog-media-thumbnail-img\"\n                [attr.aria-label]=\"_data.selectedMedia.label\"\n                [src]=\"_data.selectedMedia.thumbnailUrl\"\n                alt=\"first image\"\n            />\n\n            <video\n                *ngIf=\"_data.selectedMedia.mediaType === 'video'\"\n                [attr.aria-label]=\"_data.selectedMedia.label\"\n                [src]=\"_data.selectedMedia.mediaUrl\"\n                controls\n            >\n                {{ _data.selectedMedia.alt }}\n                <track\n                    [src]=\"_data.selectedMedia.captionFile\"\n                    kind=\"captions\"\n                    srclang=\"en\"\n                    [label]=\"_data.selectedMedia.label\"\n                />\n                <track\n                    [src]=\"_data.selectedMedia.audioDescFile\"\n                    kind=\"descriptions\"\n                    srclang=\"en\"\n                    [label]=\"_data.selectedMedia.label\"\n                />\n            </video>\n        </div>\n        <button\n            class=\"fd-button fdp-thumbnail-button--right\"\n            [title]=\"'platformThumbnail.detailsGotoNextButtonTitle' | fdTranslate\"\n            [attr.aria-label]=\"'platformThumbnail.detailsGotoNextButtonTitle' | fdTranslate\"\n            (click)=\"_data.rtl ? previous() : next()\"\n            [disabled]=\"rightButtonDisabled\"\n            [style.z-index]=\"1\"\n            data-slide=\"next\"\n        >\n            <i class=\"sap-icon--slim-arrow-right\"></i>\n        </button>\n        <fdp-thumbnail-image\n            [mediaList]=\"_data.mediaList\"\n            [isHorizontal]=\"true\"\n            [maxImages]=\"_data.mediaList.length\"\n            (thumbnailClicked)=\"thumbnailClickHandle($event)\"\n        ></fdp-thumbnail-image>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                [label]=\"'platformThumbnail.detailsDialogCloseBtnLabel' | fdTranslate\"\n                fdType=\"transparent\"\n                (click)=\"closeDialog()\"\n            ></button>\n        </fd-dialog-footer-button>\n    </fd-dialog-footer>\n</fd-dialog>\n","import {\n    ChangeDetectorRef,\n    Component,\n    EventEmitter,\n    Input,\n    OnInit,\n    Optional,\n    Output,\n    ViewEncapsulation,\n    HostListener,\n    ViewChild,\n    forwardRef\n} from '@angular/core';\n\nimport { RtlService } from '@fundamental-ngx/cdk/utils';\nimport { DialogService } from '@fundamental-ngx/core/dialog';\nimport { BaseComponent } from '@fundamental-ngx/platform/shared';\nimport { ThumbnailDetailsComponent } from './thumbnail-details/thumbnail-details.component';\nimport { ThumbnailImageComponent } from './thumbnail-image/thumbnail-image.component';\nimport { Media } from './thumbnail.interfaces';\n\nlet uniqueId = 0;\n\nexport class ThumbnailClickedEvent<T extends ThumbnailComponent = ThumbnailComponent, K = Media> {\n    /**\n     * Thumbnail click event\n     * @param source ThumbnailComponent\n     * @param payload Media\n     */\n    constructor(\n        /** The source Thumbnail Component of the event. */\n        public source: T,\n        /** The new value of a control. */\n        public payload: K\n    ) {}\n}\n\n/**\n * @deprecated\n * Thumbnail component is depricated since version 0.40.0\n */\n@Component({\n    selector: 'fdp-thumbnail',\n    templateUrl: './thumbnail.component.html',\n    styleUrls: ['./thumbnail.component.scss'],\n    encapsulation: ViewEncapsulation.None\n})\nexport class ThumbnailComponent extends BaseComponent implements OnInit {\n    /** List of media objects to display. */\n    @Input()\n    mediaList: Media[];\n\n    /** Display orientation of Thumnail component. */\n    @Input()\n    isHorizontal = false;\n\n    /** Max images to display */\n    @Input()\n    maxImagesDisplay = 5;\n\n    /** Event emitted upon click of a thumbnail. */\n    @Output()\n    thumbnailClicked: EventEmitter<ThumbnailClickedEvent> = new EventEmitter();\n\n    /** Reference to thumbnail images component */\n    @ViewChild(forwardRef(() => ThumbnailImageComponent))\n    thumbnailImage: ThumbnailImageComponent;\n\n    /** Generate unique id for the thumbnail */\n    thumbnailId: string = 'fd-thumbnail-dialog-header-' + uniqueId++;\n\n    /** @hidden Start index of currently active items */\n    currentActiveSlidesStartIndex = 0;\n\n    /** @hidden Currently selected media. */\n    public selectedMedia: Media;\n\n    /** @hidden */\n    constructor(\n        protected _changeDetectorRef: ChangeDetectorRef,\n        private _dialogService: DialogService,\n        @Optional() private readonly _rtlService: RtlService,\n        private _cdr: ChangeDetectorRef\n    ) {\n        super(_changeDetectorRef);\n    }\n\n    /** @hidden Select first media object on init. */\n    ngOnInit(): void {\n        if (Array.isArray(this.mediaList) && this.mediaList.length > 0) {\n            this.selectedMedia = this.mediaList[0];\n        }\n        this._setOverlay();\n    }\n\n    /** @hidden */\n    thumbnailClickHandle(selectedMedia: Media): void {\n        this.selectedMedia = selectedMedia;\n        this.thumbnailClicked.emit(this._createClickEvent(this.selectedMedia));\n    }\n\n    /** @hidden */\n    openDialog(media: Media = this.selectedMedia): void {\n        this.mediaList.forEach((item) => (item.overlayRequired = false));\n        this._dialogService.open(ThumbnailDetailsComponent, {\n            backdropClickCloseable: false,\n            escKeyCloseable: false,\n            data: {\n                thumbnailId: this.thumbnailId,\n                selectedMedia: media,\n                mediaList: this.mediaList,\n                rtl: this._isRtl(),\n                maxImages: this.maxImagesDisplay\n            }\n        });\n    }\n\n    /** @hidden returns rtl value */\n    _isRtl(): boolean {\n        return this._rtlService?.rtl.getValue();\n    }\n\n    /** @hidden Create Thumbnail click event instance */\n    private _createClickEvent(value: Media): ThumbnailClickedEvent {\n        return new ThumbnailClickedEvent(this, value);\n    }\n\n    /** @hidden */\n    private _setOverlay(): void {\n        if (this.mediaList.length > this.maxImagesDisplay) {\n            this.mediaList[this.maxImagesDisplay - 1].overlayRequired = true;\n        }\n    }\n\n    /** @hidden Transitions to the next image in the thumbnail  */\n    @HostListener('keydown.arrowright', ['$event'])\n    onKeydownArrowRight(event: KeyboardEvent): void {\n        event.preventDefault();\n        this._isRtl() ? this.previous() : this.next();\n    }\n\n    /** @hidden Transitions to the previous image in the thumbnail*/\n    @HostListener('keydown.arrowleft', ['$event'])\n    onKeydownArrowLeft(event: KeyboardEvent): void {\n        event.preventDefault();\n        this._isRtl() ? this.next() : this.previous();\n    }\n\n    /** Transitions to the previous image in the thumbnail. */\n    previous(): void {\n        if (this.currentActiveSlidesStartIndex <= 0) {\n            return;\n        }\n        this.currentActiveSlidesStartIndex = this.currentActiveSlidesStartIndex - 1;\n        const thumbnailImagesArray = this.thumbnailImage.thumbnailImages.toArray();\n        thumbnailImagesArray[this.currentActiveSlidesStartIndex].nativeElement.focus();\n        this._cdr.detectChanges();\n    }\n\n    /** Transitions to the next image in the thumbnail. */\n    next(): void {\n        if (this.currentActiveSlidesStartIndex >= this.maxImagesDisplay - 1) {\n            return;\n        }\n        this.currentActiveSlidesStartIndex = this.currentActiveSlidesStartIndex + 1;\n        const thumbnailImagesArray = this.thumbnailImage.thumbnailImages.toArray();\n        thumbnailImagesArray[this.currentActiveSlidesStartIndex].nativeElement.focus();\n        this._cdr.detectChanges();\n    }\n}\n","<div class=\"fdp-thumbnail-container\" [class.fdp-thumbnail-container--horizontal]=\"isHorizontal\">\n    <fdp-thumbnail-image\n        *ngIf=\"!isHorizontal\"\n        [thumbnailId]=\"thumbnailId\"\n        [mediaList]=\"mediaList\"\n        [maxImages]=\"maxImagesDisplay\"\n        [isHorizontal]=\"isHorizontal\"\n        (thumbnailClicked)=\"thumbnailClickHandle($event)\"\n        (openDetailsDialog)=\"openDialog($event)\"\n    ></fdp-thumbnail-image>\n    <div class=\"fdp-media-container\">\n        <img\n            tabindex=\"0\"\n            *ngIf=\"selectedMedia.mediaType === 'image'\"\n            [attr.title]=\"selectedMedia.label\"\n            [attr.aria-label]=\"selectedMedia.label\"\n            [attr.src]=\"selectedMedia.mediaUrl\"\n            [attr.alt]=\"selectedMedia.alt\"\n            (click)=\"openDialog()\"\n            (keydown.space)=\"openDialog()\"\n        />\n        <video\n            tabindex=\"0\"\n            *ngIf=\"selectedMedia.mediaType === 'video'\"\n            [src]=\"selectedMedia.mediaUrl\"\n            (click)=\"openDialog()\"\n            (keydown.space)=\"openDialog()\"\n            [attr.aria-label]=\"selectedMedia.label\"\n        >\n            {{ selectedMedia.alt }}\n            <track [src]=\"selectedMedia.captionFile\" kind=\"captions\" srclang=\"en\" [label]=\"selectedMedia.label\" />\n            <track [src]=\"selectedMedia.audioDescFile\" kind=\"descriptions\" srclang=\"en\" [label]=\"selectedMedia.label\" />\n        </video>\n    </div>\n    <fdp-thumbnail-image\n        *ngIf=\"isHorizontal\"\n        [mediaList]=\"mediaList\"\n        [maxImages]=\"maxImagesDisplay\"\n        [isHorizontal]=\"isHorizontal\"\n        (thumbnailClicked)=\"thumbnailClickHandle($event)\"\n        (openDetailsDialog)=\"openDialog($event)\"\n    ></fdp-thumbnail-image>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { AvatarModule } from '@fundamental-ngx/core/avatar';\nimport { CarouselModule } from '@fundamental-ngx/core/carousel';\nimport { DialogModule, DialogRef } from '@fundamental-ngx/core/dialog';\nimport { ButtonModule } from '@fundamental-ngx/core/button';\nimport { RtlService } from '@fundamental-ngx/cdk/utils';\nimport { ThumbnailImageComponent } from './thumbnail-image/thumbnail-image.component';\nimport { ThumbnailDetailsComponent } from './thumbnail-details/thumbnail-details.component';\nimport { ThumbnailComponent } from './thumbnail.component';\nimport { I18nModule } from '@fundamental-ngx/i18n';\n\n@NgModule({\n    declarations: [ThumbnailComponent, ThumbnailImageComponent, ThumbnailDetailsComponent],\n    providers: [RtlService, DialogRef],\n    imports: [CommonModule, AvatarModule, DialogModule, CarouselModule, ButtonModule, I18nModule],\n    exports: [ThumbnailComponent, ThumbnailImageComponent, ThumbnailDetailsComponent]\n})\nexport class PlatformThumbnailModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2","i3","i4","i5.ThumbnailImageComponent","i6","i4.ThumbnailImageComponent"],"mappings":"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"}

package/fesm2020/fundamental-ngx-platform-upload-collection.mjs

@@ -279,7 +279,7 @@ class NewFolderComponent {
     }
 }
 NewFolderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NewFolderComponent, deps: [{ token: i1.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
-NewFolderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NewFolderComponent, selector: "ng-component", viewQueries: [{ propertyName: "formControl", first: true, predicate: FormControlComponent, descendants: true }], ngImport: i0, template: "<fd-dialog>\n    <fd-dialog-header>\n        <h1 class=\"fd-title--bold\" fd-dialog-title id=\"fdp-upload-collection-new-folder-title\" fd-title>\n            {{ 'platformUploadCollection.newFolderTitle' | fdTranslate }}\n        </h1>\n    </fd-dialog-header>\n\n    <fd-dialog-body>\n        <div fd-form-item>\n            <label fd-form-label for=\"fdp-upload-collection-new-folder-input\">\n                {{\n                    (_currentFolder\n                        ? 'platformUploadCollection.newFolderAtFolderInputLabel'\n                        : 'platformUploadCollection.newFolderAtRootInputLabel'\n                    ) | fdTranslate : { folderName: _currentFolder?.name || '' }\n                }}:\n            </label>\n            <input\n                #formControl\n                fd-form-control\n                fdkInitialFocus\n                id=\"fdp-upload-collection-new-folder-input\"\n                type=\"text\"\n                [(ngModel)]=\"_newFolderName\"\n                [placeholder]=\"'platformUploadCollection.newFolderInputPlaceholder' | fdTranslate\"\n            />\n            <span\n                *ngIf=\"_newFolderName.length > _maxFilenameLength\"\n                fd-object-status\n                status=\"negative\"\n                [label]=\"'platformUploadCollection.newFolderInputErrorLabel' | fdTranslate\"\n                [attr.title]=\"'platformUploadCollection.newFolderInputErrorLabel' | fdTranslate\"\n                [attr.aria-label]=\"'platformUploadCollection.newFolderInputErrorLabel' | fdTranslate\"\n            ></span>\n        </div>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            fdType=\"emphasized\"\n            [label]=\"'platformUploadCollection.newFolderDialogCreateBtnLabel' | fdTranslate\"\n            [disabled]=\"_newFolderName.length > _maxFilenameLength\"\n            (click)=\"dialogRef.close(_newFolderName)\"\n        >\n        </fd-button-bar>\n        <fd-button-bar\n            [label]=\"'platformUploadCollection.newFolderDialogCancelBtnLabel' | fdTranslate\"\n            (click)=\"dialogRef.dismiss()\"\n        >\n        </fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [".fd-title--bold{font-weight:700}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i9.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i9.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i9.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i9.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i1.DialogTitleDirective, selector: "[fd-dialog-title]", inputs: ["id"] }, { kind: "component", type: i4$1.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i6.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i7.InitialFocusDirective, selector: "[fdkInitialFocus], [fdInitialFocus], [fd-initial-focus]", inputs: ["fdkInitialFocus", "enabled", "focusLastElement"] }, { kind: "component", type: i8.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large"] }, { kind: "pipe", type: i9$1.FdTranslatePipe, name: "fdTranslate" }] });
+NewFolderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NewFolderComponent, selector: "ng-component", viewQueries: [{ propertyName: "formControl", first: true, predicate: FormControlComponent, descendants: true }], ngImport: i0, template: "<fd-dialog>\n    <fd-dialog-header>\n        <h1 class=\"fd-title--bold\" fd-dialog-title id=\"fdp-upload-collection-new-folder-title\" fd-title>\n            {{ 'platformUploadCollection.newFolderTitle' | fdTranslate }}\n        </h1>\n    </fd-dialog-header>\n\n    <fd-dialog-body>\n        <div fd-form-item>\n            <label fd-form-label for=\"fdp-upload-collection-new-folder-input\">\n                {{\n                    (_currentFolder\n                        ? 'platformUploadCollection.newFolderAtFolderInputLabel'\n                        : 'platformUploadCollection.newFolderAtRootInputLabel'\n                    ) | fdTranslate : { folderName: _currentFolder?.name || '' }\n                }}:\n            </label>\n            <input\n                #formControl\n                fd-form-control\n                fdkInitialFocus\n                id=\"fdp-upload-collection-new-folder-input\"\n                type=\"text\"\n                [(ngModel)]=\"_newFolderName\"\n                [placeholder]=\"'platformUploadCollection.newFolderInputPlaceholder' | fdTranslate\"\n            />\n            <span\n                *ngIf=\"_newFolderName.length > _maxFilenameLength\"\n                fd-object-status\n                status=\"negative\"\n                [label]=\"'platformUploadCollection.newFolderInputErrorLabel' | fdTranslate\"\n                [attr.title]=\"'platformUploadCollection.newFolderInputErrorLabel' | fdTranslate\"\n                [attr.aria-label]=\"'platformUploadCollection.newFolderInputErrorLabel' | fdTranslate\"\n            ></span>\n        </div>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            fdType=\"emphasized\"\n            [label]=\"'platformUploadCollection.newFolderDialogCreateBtnLabel' | fdTranslate\"\n            [disabled]=\"_newFolderName.length > _maxFilenameLength\"\n            (click)=\"dialogRef.close(_newFolderName)\"\n        >\n        </fd-button-bar>\n        <fd-button-bar\n            [label]=\"'platformUploadCollection.newFolderDialogCancelBtnLabel' | fdTranslate\"\n            (click)=\"dialogRef.dismiss()\"\n        >\n        </fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [".fd-title--bold{font-weight:700}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i9.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i9.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i9.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i9.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i1.DialogTitleDirective, selector: "[fd-dialog-title]", inputs: ["id"] }, { kind: "component", type: i4$1.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i6.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title], span[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i7.InitialFocusDirective, selector: "[fdkInitialFocus], [fdInitialFocus], [fd-initial-focus]", inputs: ["fdkInitialFocus", "enabled", "focusLastElement"] }, { kind: "component", type: i8.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large"] }, { kind: "pipe", type: i9$1.FdTranslatePipe, name: "fdTranslate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NewFolderComponent, decorators: [{
             type: Component,
             args: [{ template: "<fd-dialog>\n    <fd-dialog-header>\n        <h1 class=\"fd-title--bold\" fd-dialog-title id=\"fdp-upload-collection-new-folder-title\" fd-title>\n            {{ 'platformUploadCollection.newFolderTitle' | fdTranslate }}\n        </h1>\n    </fd-dialog-header>\n\n    <fd-dialog-body>\n        <div fd-form-item>\n            <label fd-form-label for=\"fdp-upload-collection-new-folder-input\">\n                {{\n                    (_currentFolder\n                        ? 'platformUploadCollection.newFolderAtFolderInputLabel'\n                        : 'platformUploadCollection.newFolderAtRootInputLabel'\n                    ) | fdTranslate : { folderName: _currentFolder?.name || '' }\n                }}:\n            </label>\n            <input\n                #formControl\n                fd-form-control\n                fdkInitialFocus\n                id=\"fdp-upload-collection-new-folder-input\"\n                type=\"text\"\n                [(ngModel)]=\"_newFolderName\"\n                [placeholder]=\"'platformUploadCollection.newFolderInputPlaceholder' | fdTranslate\"\n            />\n            <span\n                *ngIf=\"_newFolderName.length > _maxFilenameLength\"\n                fd-object-status\n                status=\"negative\"\n                [label]=\"'platformUploadCollection.newFolderInputErrorLabel' | fdTranslate\"\n                [attr.title]=\"'platformUploadCollection.newFolderInputErrorLabel' | fdTranslate\"\n                [attr.aria-label]=\"'platformUploadCollection.newFolderInputErrorLabel' | fdTranslate\"\n            ></span>\n        </div>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            fdType=\"emphasized\"\n            [label]=\"'platformUploadCollection.newFolderDialogCreateBtnLabel' | fdTranslate\"\n            [disabled]=\"_newFolderName.length > _maxFilenameLength\"\n            (click)=\"dialogRef.close(_newFolderName)\"\n        >\n        </fd-button-bar>\n        <fd-button-bar\n            [label]=\"'platformUploadCollection.newFolderDialogCancelBtnLabel' | fdTranslate\"\n            (click)=\"dialogRef.dismiss()\"\n        >\n        </fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [".fd-title--bold{font-weight:700}\n"] }]
@@ -389,7 +389,7 @@ class MoveToComponent {
     }
 }
 MoveToComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MoveToComponent, deps: [{ token: i1.DialogRef }, { token: i1.DialogService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-MoveToComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MoveToComponent, selector: "ng-component", ngImport: i0, template: "<fd-dialog>\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h1 class=\"fd-title--bold\" *ngIf=\"!_currentFolder\" fd-title>\n                        {{ 'platformUploadCollection.moveToTitle' | fdTranslate }}\n                    </h1>\n                    <ng-container *ngIf=\"_currentFolder\">\n                        <button\n                            fd-button\n                            fdType=\"transparent\"\n                            glyph=\"navigation-left-arrow\"\n                            (click)=\"_goToParentFolder()\"\n                        ></button>\n                        <h1 fd-title>\n                            <span>{{ 'platformUploadCollection.moveToTitleFolder' | fdTranslate }}</span>\n                            {{ _currentFolder.name }}\n                        </h1>\n                    </ng-container>\n                </fd-bar-element>\n            </div>\n            <div fd-bar-right>\n                <fd-bar-element>\n                    <button\n                        fd-button\n                        [label]=\"'platformUploadCollection.moveToNewFolderBtnLabel' | fdTranslate\"\n                        (click)=\"_newFolder()\"\n                    ></button>\n                </fd-bar-element>\n            </div>\n        </ng-template>\n    </fd-dialog-header>\n\n    <fd-dialog-body class=\"fd-dialog__body--no-horizontal-padding\">\n        <ul fd-list>\n            <li *ngIf=\"!_currentFolder\" fd-list-item class=\"fd-list__item--title-background\">\n                <span fd-list-title>{{ 'platformUploadCollection.moveToAllFilesSubHeaderLabel' | fdTranslate }}</span>\n            </li>\n            <li\n                fd-list-item\n                *ngFor=\"let folder of _foldersList\"\n                [selected]=\"selectedFolder?.documentId === folder.documentId\"\n            >\n                <a fd-list-link (click)=\"_hasFolders(folder.files) ? _openFolder(folder) : _selectFolder(folder)\">\n                    <fd-icon class=\"fdp-upload-collection__fd-icon\" glyph=\"folder-blank\"></fd-icon>\n                    <span fd-list-title>{{ folder.name }}</span>\n                    <i *ngIf=\"_hasFolders(folder.files)\" fd-list-icon glyph=\"slim-arrow-right\"></i>\n                </a>\n            </li>\n        </ul>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            fdType=\"emphasized\"\n            type=\"submit\"\n            [disabled]=\"\n                !(\n                    (selectedFolder && originalFolder?.documentId !== selectedFolder.documentId) ||\n                    (!selectedFolder && originalFolder?.documentId !== _currentFolder?.documentId)\n                )\n            \"\n            (click)=\"_confirm()\"\n        >\n            {{ 'platformUploadCollection.moveToConfirmBtn' | fdTranslate }}\n        </fd-button-bar>\n        <fd-button-bar (click)=\"_close()\">\n            {{ 'platformUploadCollection.moveToCloseBtn' | fdTranslate }}\n        </fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [".fd-list__item--title-background{background-color:var(--sapList_HeaderBackground)}.fd-dialog__body--no-horizontal-padding{padding-left:0!important;padding-right:0!important}.fd-title--bold{font-weight:700}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i4$1.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i4$1.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i4$1.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i4$1.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i6.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i7.TemplateDirective, selector: "[fdkTemplate], [fdTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i7$1.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i8$1.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator", "role"], outputs: ["focusEscapeList"] }, { kind: "component", type: i8$1.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText", "ariaRole"], outputs: ["keyDown"] }, { kind: "directive", type: i8$1.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i8$1.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "class", "role"] }, { kind: "directive", type: i8$1.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "pipe", type: i9$1.FdTranslatePipe, name: "fdTranslate" }] });
+MoveToComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MoveToComponent, selector: "ng-component", ngImport: i0, template: "<fd-dialog>\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h1 class=\"fd-title--bold\" *ngIf=\"!_currentFolder\" fd-title>\n                        {{ 'platformUploadCollection.moveToTitle' | fdTranslate }}\n                    </h1>\n                    <ng-container *ngIf=\"_currentFolder\">\n                        <button\n                            fd-button\n                            fdType=\"transparent\"\n                            glyph=\"navigation-left-arrow\"\n                            (click)=\"_goToParentFolder()\"\n                        ></button>\n                        <h1 fd-title>\n                            <span>{{ 'platformUploadCollection.moveToTitleFolder' | fdTranslate }}</span>\n                            {{ _currentFolder.name }}\n                        </h1>\n                    </ng-container>\n                </fd-bar-element>\n            </div>\n            <div fd-bar-right>\n                <fd-bar-element>\n                    <button\n                        fd-button\n                        [label]=\"'platformUploadCollection.moveToNewFolderBtnLabel' | fdTranslate\"\n                        (click)=\"_newFolder()\"\n                    ></button>\n                </fd-bar-element>\n            </div>\n        </ng-template>\n    </fd-dialog-header>\n\n    <fd-dialog-body class=\"fd-dialog__body--no-horizontal-padding\">\n        <ul fd-list>\n            <li *ngIf=\"!_currentFolder\" fd-list-item class=\"fd-list__item--title-background\">\n                <span fd-list-title>{{ 'platformUploadCollection.moveToAllFilesSubHeaderLabel' | fdTranslate }}</span>\n            </li>\n            <li\n                fd-list-item\n                *ngFor=\"let folder of _foldersList\"\n                [selected]=\"selectedFolder?.documentId === folder.documentId\"\n            >\n                <a fd-list-link (click)=\"_hasFolders(folder.files) ? _openFolder(folder) : _selectFolder(folder)\">\n                    <fd-icon class=\"fdp-upload-collection__fd-icon\" glyph=\"folder-blank\"></fd-icon>\n                    <span fd-list-title>{{ folder.name }}</span>\n                    <i *ngIf=\"_hasFolders(folder.files)\" fd-list-icon glyph=\"slim-arrow-right\"></i>\n                </a>\n            </li>\n        </ul>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            fdType=\"emphasized\"\n            type=\"submit\"\n            [disabled]=\"\n                !(\n                    (selectedFolder && originalFolder?.documentId !== selectedFolder.documentId) ||\n                    (!selectedFolder && originalFolder?.documentId !== _currentFolder?.documentId)\n                )\n            \"\n            (click)=\"_confirm()\"\n        >\n            {{ 'platformUploadCollection.moveToConfirmBtn' | fdTranslate }}\n        </fd-button-bar>\n        <fd-button-bar (click)=\"_close()\">\n            {{ 'platformUploadCollection.moveToCloseBtn' | fdTranslate }}\n        </fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [".fd-list__item--title-background{background-color:var(--sapList_HeaderBackground)}.fd-dialog__body--no-horizontal-padding{padding-left:0!important;padding-right:0!important}.fd-title--bold{font-weight:700}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i4$1.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i4$1.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i4$1.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i4$1.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i6.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title], span[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i7.TemplateDirective, selector: "[fdkTemplate], [fdTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i7$1.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i8$1.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator", "role"], outputs: ["focusEscapeList"] }, { kind: "component", type: i8$1.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText", "ariaRole"], outputs: ["keyDown"] }, { kind: "directive", type: i8$1.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i8$1.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "class", "role"] }, { kind: "directive", type: i8$1.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "pipe", type: i9$1.FdTranslatePipe, name: "fdTranslate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MoveToComponent, decorators: [{
             type: Component,
             args: [{ template: "<fd-dialog>\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h1 class=\"fd-title--bold\" *ngIf=\"!_currentFolder\" fd-title>\n                        {{ 'platformUploadCollection.moveToTitle' | fdTranslate }}\n                    </h1>\n                    <ng-container *ngIf=\"_currentFolder\">\n                        <button\n                            fd-button\n                            fdType=\"transparent\"\n                            glyph=\"navigation-left-arrow\"\n                            (click)=\"_goToParentFolder()\"\n                        ></button>\n                        <h1 fd-title>\n                            <span>{{ 'platformUploadCollection.moveToTitleFolder' | fdTranslate }}</span>\n                            {{ _currentFolder.name }}\n                        </h1>\n                    </ng-container>\n                </fd-bar-element>\n            </div>\n            <div fd-bar-right>\n                <fd-bar-element>\n                    <button\n                        fd-button\n                        [label]=\"'platformUploadCollection.moveToNewFolderBtnLabel' | fdTranslate\"\n                        (click)=\"_newFolder()\"\n                    ></button>\n                </fd-bar-element>\n            </div>\n        </ng-template>\n    </fd-dialog-header>\n\n    <fd-dialog-body class=\"fd-dialog__body--no-horizontal-padding\">\n        <ul fd-list>\n            <li *ngIf=\"!_currentFolder\" fd-list-item class=\"fd-list__item--title-background\">\n                <span fd-list-title>{{ 'platformUploadCollection.moveToAllFilesSubHeaderLabel' | fdTranslate }}</span>\n            </li>\n            <li\n                fd-list-item\n                *ngFor=\"let folder of _foldersList\"\n                [selected]=\"selectedFolder?.documentId === folder.documentId\"\n            >\n                <a fd-list-link (click)=\"_hasFolders(folder.files) ? _openFolder(folder) : _selectFolder(folder)\">\n                    <fd-icon class=\"fdp-upload-collection__fd-icon\" glyph=\"folder-blank\"></fd-icon>\n                    <span fd-list-title>{{ folder.name }}</span>\n                    <i *ngIf=\"_hasFolders(folder.files)\" fd-list-icon glyph=\"slim-arrow-right\"></i>\n                </a>\n            </li>\n        </ul>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            fdType=\"emphasized\"\n            type=\"submit\"\n            [disabled]=\"\n                !(\n                    (selectedFolder && originalFolder?.documentId !== selectedFolder.documentId) ||\n                    (!selectedFolder && originalFolder?.documentId !== _currentFolder?.documentId)\n                )\n            \"\n            (click)=\"_confirm()\"\n        >\n            {{ 'platformUploadCollection.moveToConfirmBtn' | fdTranslate }}\n        </fd-button-bar>\n        <fd-button-bar (click)=\"_close()\">\n            {{ 'platformUploadCollection.moveToCloseBtn' | fdTranslate }}\n        </fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [".fd-list__item--title-background{background-color:var(--sapList_HeaderBackground)}.fd-dialog__body--no-horizontal-padding{padding-left:0!important;padding-right:0!important}.fd-title--bold{font-weight:700}\n"] }]