@fundamental-ngx/platform 0.47.4 → 0.48.0-rc.1

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

@@ -1,418 +0,0 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, Component, Optional, Input, Output, ViewChildren, ViewChild, forwardRef, HostListener, ViewEncapsulation, NgModule } from '@angular/core';
-import { CdkScrollable } from '@angular/cdk/overlay';
-import { NgFor, NgIf, SlicePipe } from '@angular/common';
-import * as i2 from '@fundamental-ngx/cdk/utils';
-import { warnOnce, KeyUtil } from '@fundamental-ngx/cdk/utils';
-import { ButtonBarComponent } from '@fundamental-ngx/core/bar';
-import * as i1 from '@fundamental-ngx/core/dialog';
-import { DialogComponent, DialogHeaderComponent, DialogBodyComponent, DialogFooterComponent } from '@fundamental-ngx/core/dialog';
-import { ScrollbarDirective } from '@fundamental-ngx/core/scrollbar';
-import { TitleComponent } from '@fundamental-ngx/core/title';
-import { FdTranslatePipe } from '@fundamental-ngx/i18n';
-import { SPACE } from '@angular/cdk/keycodes';
-import { AvatarComponent } from '@fundamental-ngx/core/avatar';
-import { BaseComponent } from '@fundamental-ngx/platform/shared';
-
-/**
- * @deprecated
- * ThumbnailImage component is deprecated since version 0.40.0
- */
-class ThumbnailImageComponent {
-    /** @hidden */
-    constructor(_changeDetectorRef, _dialogService, _rtlService) {
-        this._changeDetectorRef = _changeDetectorRef;
-        this._dialogService = _dialogService;
-        this._rtlService = _rtlService;
-        /** Boolean to set the orientaiton of thumbnail images.*/
-        this.isHorizontal = false;
-        /** Maximum limit for the thumbnail images to display */
-        this.maxImages = 5;
-        /** Output event for thumbnail image click */
-        this.thumbnailClicked = new EventEmitter();
-        /** Event emitted when the thumbnail image is clicked and dialog opened */
-        this.openDetailsDialog = new EventEmitter();
-        warnOnce('ThumbnailImage component is deprecated since version 0.40.0 and will be removed in next release');
-    }
-    /** @hidden */
-    ngOnInit() {
-        this._setOverlay();
-    }
-    /** @hidden */
-    ngOnChanges(changes) {
-        if (changes.mediaList && Array.isArray(this.mediaList)) {
-            const alreadySelected = this.mediaList.some((image) => image.selected);
-            if (!alreadySelected) {
-                this.mediaList[0].selected = true;
-            }
-        }
-        this._changeDetectorRef.detectChanges();
-    }
-    /** Opens the Dialog when the imgaes croses the maximum number of images to display */
-    openDialog(media) {
-        this.mediaList.forEach((item) => (item.selected = false));
-        media.selected = true;
-        this.openDetailsDialog.emit(media);
-    }
-    /** @hidden */
-    thumbnailClick(selectedMedia, event) {
-        if (event instanceof KeyboardEvent && KeyUtil.isKeyCode(event, SPACE)) {
-            event?.preventDefault();
-        }
-        this.mediaList.forEach((item) => (item.selected = false));
-        selectedMedia.selected = true;
-        this.thumbnailClicked.emit(selectedMedia);
-    }
-    /** @hidden  returns boolean value for rtl */
-    _isRtl() {
-        return this._rtlService?.rtl.getValue();
-    }
-    /** @hidden */
-    _setOverlay() {
-        if (this.mediaList.length > this.maxImages) {
-            this.mediaList[this.maxImages - 1].overlayRequired = true;
-        }
-    }
-    /** Open thumbanail image */
-    openImage(image, event) {
-        image.overlayRequired ? this.openDialog(image) : this.thumbnailClick(image, event);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ThumbnailImageComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.DialogService }, { token: i2.RtlService, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: ThumbnailImageComponent, isStandalone: true, selector: "fdp-thumbnail-image", inputs: { mediaList: "mediaList", isHorizontal: "isHorizontal", maxImages: "maxImages", roleDescription: "roleDescription", thumbnailId: "thumbnailId" }, outputs: { thumbnailClicked: "thumbnailClicked", openDetailsDialog: "openDetailsDialog" }, viewQueries: [{ propertyName: "thumbnailImages", predicate: ["thumbnailImage"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<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", styles: [".fdp-thumbnail-image-container{display:block}.fdp-thumbnail-image-container .fdp-thumbnail-image{width:4.625rem;height:4.625rem;border:.015rem solid transparent;border-radius:.25rem;margin:.688rem;position:relative}.fdp-thumbnail-image-container .fdp-thumbnail-image fd-avatar{width:4.625rem;height:4.625rem;max-width:4.625rem;max-height:4.625rem}.fdp-thumbnail-image-container .fdp-thumbnail-image:hover{cursor:pointer;border-color:var(--sapLink_Hover_Color)}.fdp-thumbnail-image-container .fdp-thumbnail-image:focus,.fdp-thumbnail-image-container .fdp-thumbnail-image.is-focus{outline-offset:.0625rem;outline-width:var(--sapContent_FocusWidth);outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle)}.fdp-thumbnail-image-container .fdp-thumbnail-image--horizontal{display:inline-block;border:.015rem solid transparent;background-clip:border-box;margin:.688rem;position:relative}.fdp-thumbnail-image-container .fdp-thumbnail-image--horizontal:hover{cursor:pointer;border-color:var(--sapLink_Hover_Color)}.fdp-thumbnail-image-container .fdp-thumbnail-image--horizontal:focus,.fdp-thumbnail-image-container .fdp-thumbnail-image--horizontal.is-focus{outline-offset:.0625rem;outline-width:var(--sapContent_FocusWidth);outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle)}.fdp-thumbnail-image-container .fdp-thumbnail-image--selected,.fdp-thumbnail-image-container .fdp-thumbnail-image--horizontal.fdp-thumbnail-image--selected{margin:0;width:5.75rem;height:5.5rem;border:.015rem solid;border-radius:.25rem;border-color:#085caf;border-color:var(--sapButton_Emphasized_Hover_BorderColor, #085caf);border-width:var(--sapButton_BorderWidth)}.fdp-thumbnail-image-container .fdp-thumbnail-image--selected fd-avatar,.fdp-thumbnail-image-container .fdp-thumbnail-image--horizontal.fdp-thumbnail-image--selected fd-avatar{width:5.75rem;height:5.5rem;max-width:5.75rem;max-height:5.5rem}.fdp-thumbnail-image-container .fdp-thumbnail-image--overlay,.fdp-thumbnail-image-container .fdp-thumbnail-image--horizontal.fdp-thumbnail-image--overlay{opacity:.5}.fdp-thumbnail-image-container .fdp-thumbnail-overflow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;color:var(--sapShell_TextColor, #fff)}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: SlicePipe, name: "slice" }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ThumbnailImageComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'fdp-thumbnail-image', standalone: true, imports: [NgFor, AvatarComponent, NgIf, SlicePipe, FdTranslatePipe], template: "<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", styles: [".fdp-thumbnail-image-container{display:block}.fdp-thumbnail-image-container .fdp-thumbnail-image{width:4.625rem;height:4.625rem;border:.015rem solid transparent;border-radius:.25rem;margin:.688rem;position:relative}.fdp-thumbnail-image-container .fdp-thumbnail-image fd-avatar{width:4.625rem;height:4.625rem;max-width:4.625rem;max-height:4.625rem}.fdp-thumbnail-image-container .fdp-thumbnail-image:hover{cursor:pointer;border-color:var(--sapLink_Hover_Color)}.fdp-thumbnail-image-container .fdp-thumbnail-image:focus,.fdp-thumbnail-image-container .fdp-thumbnail-image.is-focus{outline-offset:.0625rem;outline-width:var(--sapContent_FocusWidth);outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle)}.fdp-thumbnail-image-container .fdp-thumbnail-image--horizontal{display:inline-block;border:.015rem solid transparent;background-clip:border-box;margin:.688rem;position:relative}.fdp-thumbnail-image-container .fdp-thumbnail-image--horizontal:hover{cursor:pointer;border-color:var(--sapLink_Hover_Color)}.fdp-thumbnail-image-container .fdp-thumbnail-image--horizontal:focus,.fdp-thumbnail-image-container .fdp-thumbnail-image--horizontal.is-focus{outline-offset:.0625rem;outline-width:var(--sapContent_FocusWidth);outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle)}.fdp-thumbnail-image-container .fdp-thumbnail-image--selected,.fdp-thumbnail-image-container .fdp-thumbnail-image--horizontal.fdp-thumbnail-image--selected{margin:0;width:5.75rem;height:5.5rem;border:.015rem solid;border-radius:.25rem;border-color:#085caf;border-color:var(--sapButton_Emphasized_Hover_BorderColor, #085caf);border-width:var(--sapButton_BorderWidth)}.fdp-thumbnail-image-container .fdp-thumbnail-image--selected fd-avatar,.fdp-thumbnail-image-container .fdp-thumbnail-image--horizontal.fdp-thumbnail-image--selected fd-avatar{width:5.75rem;height:5.5rem;max-width:5.75rem;max-height:5.5rem}.fdp-thumbnail-image-container .fdp-thumbnail-image--overlay,.fdp-thumbnail-image-container .fdp-thumbnail-image--horizontal.fdp-thumbnail-image--overlay{opacity:.5}.fdp-thumbnail-image-container .fdp-thumbnail-overflow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;color:var(--sapShell_TextColor, #fff)}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.DialogService }, { type: i2.RtlService, decorators: [{
-                    type: Optional
-                }] }]; }, propDecorators: { mediaList: [{
-                type: Input
-            }], isHorizontal: [{
-                type: Input
-            }], maxImages: [{
-                type: Input
-            }], roleDescription: [{
-                type: Input
-            }], thumbnailId: [{
-                type: Input
-            }], thumbnailClicked: [{
-                type: Output
-            }], openDetailsDialog: [{
-                type: Output
-            }], thumbnailImages: [{
-                type: ViewChildren,
-                args: ['thumbnailImage']
-            }] } });
-
-/**
- * @deprecated
- * ThumbnailDetails component is deprecated since version 0.40.0
- */
-class ThumbnailDetailsComponent {
-    /** @hidden */
-    constructor(dialogRef, _cdr) {
-        this.dialogRef = dialogRef;
-        this._cdr = _cdr;
-        /** @hidden Start index of currently active items */
-        this.currentActiveSlidesStartIndex = 0;
-        /** @hidden Make left navigation button disabled */
-        this.leftButtonDisabled = false;
-        /** @hidden Make right navigation button disabled */
-        this.rightButtonDisabled = false;
-        /** medialist to display */
-        this.mediaList = this.dialogRef.data.mediaList;
-        /** max limit  */
-        this.maxImages = this.dialogRef.data.maxImages;
-        warnOnce('ThumbnailDetailsComponent is deprecated since version 0.40.0 and will be removed in next release.');
-    }
-    /** @hidden */
-    ngOnInit() {
-        this.dialogRef.data.selectedMedia.selected = true;
-        this.currentActiveSlidesStartIndex = this.mediaList.indexOf(this.dialogRef.data.selectedMedia);
-        this._buttonVisibility();
-    }
-    /** @hidden */
-    ngAfterViewInit() {
-        this.currentActiveSlidesStartIndex = this.mediaList.indexOf(this.dialogRef.data.selectedMedia);
-        if (this.mediaList.length > 0) {
-            this._buttonVisibility();
-        }
-        else {
-            this.leftButtonDisabled = true;
-            this.rightButtonDisabled = true;
-            this._cdr.detectChanges();
-        }
-    }
-    /** Transitions to the previous image in the thumbnail. */
-    previous() {
-        if (this.currentActiveSlidesStartIndex <= 0) {
-            return;
-        }
-        this.currentActiveSlidesStartIndex = this.currentActiveSlidesStartIndex - 1;
-        this.dialogRef.data.selectedMedia = this.mediaList[this.currentActiveSlidesStartIndex];
-        const thumbnailImagesArray = this.thumbnailImage.thumbnailImages.toArray();
-        thumbnailImagesArray[this.currentActiveSlidesStartIndex].nativeElement.focus();
-        this.mediaList.forEach((item) => (item.selected = false));
-        this.mediaList[this.currentActiveSlidesStartIndex].selected = true;
-        this._cdr.detectChanges();
-        this._buttonVisibility();
-    }
-    /** Transitions to the next image in the thumbnail. */
-    next() {
-        if (this.currentActiveSlidesStartIndex >= this.dialogRef.data.mediaList.length - 1) {
-            return;
-        }
-        this.currentActiveSlidesStartIndex = this.currentActiveSlidesStartIndex + 1;
-        this.dialogRef.data.selectedMedia = this.mediaList[this.currentActiveSlidesStartIndex];
-        const thumbnailImagesArray = this.thumbnailImage.thumbnailImages.toArray();
-        thumbnailImagesArray[this.currentActiveSlidesStartIndex].nativeElement.focus();
-        this.mediaList.forEach((item) => (item.selected = false));
-        this.mediaList[this.currentActiveSlidesStartIndex].selected = true;
-        this._cdr.detectChanges();
-        this._buttonVisibility();
-    }
-    /** handles click on thumbnail images  */
-    thumbnailClickHandle(selectedmedia) {
-        this.dialogRef.data.selectedMedia = selectedmedia;
-        this.currentActiveSlidesStartIndex = this.mediaList.indexOf(this.dialogRef.data.selectedMedia);
-        this._buttonVisibility();
-    }
-    /** Close dialog */
-    closeDialog() {
-        if (this.mediaList.length > this.maxImages) {
-            this.dialogRef.data.mediaList[this.maxImages - 1].overlayRequired = true;
-        }
-        this.dialogRef.close();
-    }
-    /** @hidden Transitions to the next image in the thumbnail  */
-    onKeydownArrowRight(event) {
-        event.preventDefault();
-        this.dialogRef.data.rtl ? this.previous() : this.next();
-    }
-    /** @hidden Transitions to the previous image in the thumbnail*/
-    onKeydownArrowLeft(event) {
-        event.preventDefault();
-        this.dialogRef.data.rtl ? this.next() : this.previous();
-    }
-    /** @hidden returns data for dialog*/
-    get _data() {
-        return this.dialogRef.data;
-    }
-    /** @hidden Handles navigation button visibility */
-    _buttonVisibility() {
-        if (this.currentActiveSlidesStartIndex === 0) {
-            if (this.dialogRef.data.rtl) {
-                this.leftButtonDisabled = false;
-                this.rightButtonDisabled = true;
-            }
-            else {
-                this.leftButtonDisabled = true;
-                this.rightButtonDisabled = false;
-            }
-        }
-        else if (this.currentActiveSlidesStartIndex === this.mediaList.length - 1) {
-            if (this.dialogRef.data.rtl) {
-                this.leftButtonDisabled = true;
-                this.rightButtonDisabled = false;
-            }
-            else {
-                this.leftButtonDisabled = false;
-                this.rightButtonDisabled = true;
-            }
-        }
-        else {
-            this.leftButtonDisabled = false;
-            this.rightButtonDisabled = false;
-        }
-        if (this.mediaList.length === 1) {
-            this.leftButtonDisabled = true;
-            this.rightButtonDisabled = true;
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ThumbnailDetailsComponent, deps: [{ token: i1.DialogRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: ThumbnailDetailsComponent, isStandalone: true, 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-button-bar\n            [label]=\"'platformThumbnail.detailsDialogCloseBtnLabel' | fdTranslate\"\n            fdType=\"transparent\"\n            (click)=\"closeDialog()\"\n        ></fd-button-bar>\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: "component", type: DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: 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: DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ThumbnailImageComponent, selector: "fdp-thumbnail-image", inputs: ["mediaList", "isHorizontal", "maxImages", "roleDescription", "thumbnailId"], outputs: ["thumbnailClicked", "openDetailsDialog"] }, { kind: "component", type: DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ThumbnailDetailsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'fdp-thumbnail-details', standalone: true, imports: [
-                        DialogComponent,
-                        DialogHeaderComponent,
-                        TitleComponent,
-                        CdkScrollable,
-                        ScrollbarDirective,
-                        DialogBodyComponent,
-                        NgIf,
-                        ThumbnailImageComponent,
-                        DialogFooterComponent,
-                        ButtonBarComponent,
-                        FdTranslatePipe
-                    ], 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-button-bar\n            [label]=\"'platformThumbnail.detailsDialogCloseBtnLabel' | fdTranslate\"\n            fdType=\"transparent\"\n            (click)=\"closeDialog()\"\n        ></fd-button-bar>\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"] }]
-        }], ctorParameters: function () { return [{ type: i1.DialogRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { thumbnailImage: [{
-                type: ViewChild,
-                args: [forwardRef(() => ThumbnailImageComponent)]
-            }], onKeydownArrowRight: [{
-                type: HostListener,
-                args: ['keydown.arrowright', ['$event']]
-            }], onKeydownArrowLeft: [{
-                type: HostListener,
-                args: ['keydown.arrowleft', ['$event']]
-            }] } });
-
-let uniqueId = 0;
-class ThumbnailClickedEvent {
-    /**
-     * Thumbnail click event
-     * @param source ThumbnailComponent
-     * @param payload Media
-     */
-    constructor(
-    /** The source Thumbnail Component of the event. */
-    source, 
-    /** The new value of a control. */
-    payload) {
-        this.source = source;
-        this.payload = payload;
-    }
-}
-/**
- * @deprecated
- * Thumbnail component is deprecated since version 0.40.0
- */
-class ThumbnailComponent extends BaseComponent {
-    /** @hidden */
-    constructor(_changeDetectorRef, _dialogService, _rtlService, _cdr) {
-        super(_changeDetectorRef);
-        this._changeDetectorRef = _changeDetectorRef;
-        this._dialogService = _dialogService;
-        this._rtlService = _rtlService;
-        this._cdr = _cdr;
-        /** Display orientation of Thumnail component. */
-        this.isHorizontal = false;
-        /** Max images to display */
-        this.maxImagesDisplay = 5;
-        /** Event emitted upon click of a thumbnail. */
-        this.thumbnailClicked = new EventEmitter();
-        /** Generate unique id for the thumbnail */
-        this.thumbnailId = 'fd-thumbnail-dialog-header-' + uniqueId++;
-        /** @hidden Start index of currently active items */
-        this.currentActiveSlidesStartIndex = 0;
-        warnOnce('ThumbnailComponent is deprecated since version 0.40.0 and will be removed in next release.');
-    }
-    /** @hidden Select first media object on init. */
-    ngOnInit() {
-        if (Array.isArray(this.mediaList) && this.mediaList.length > 0) {
-            this.selectedMedia = this.mediaList[0];
-        }
-        this._setOverlay();
-    }
-    /** @hidden */
-    thumbnailClickHandle(selectedMedia) {
-        this.selectedMedia = selectedMedia;
-        this.thumbnailClicked.emit(this._createClickEvent(this.selectedMedia));
-    }
-    /** @hidden */
-    openDialog(media = this.selectedMedia) {
-        this.mediaList.forEach((item) => (item.overlayRequired = false));
-        this._dialogService.open(ThumbnailDetailsComponent, {
-            backdropClickCloseable: false,
-            escKeyCloseable: false,
-            data: {
-                thumbnailId: this.thumbnailId,
-                selectedMedia: media,
-                mediaList: this.mediaList,
-                rtl: this._isRtl(),
-                maxImages: this.maxImagesDisplay
-            }
-        });
-    }
-    /** @hidden returns rtl value */
-    _isRtl() {
-        return this._rtlService?.rtl.getValue();
-    }
-    /** @hidden Create Thumbnail click event instance */
-    _createClickEvent(value) {
-        return new ThumbnailClickedEvent(this, value);
-    }
-    /** @hidden */
-    _setOverlay() {
-        if (this.mediaList.length > this.maxImagesDisplay) {
-            this.mediaList[this.maxImagesDisplay - 1].overlayRequired = true;
-        }
-    }
-    /** @hidden Transitions to the next image in the thumbnail  */
-    onKeydownArrowRight(event) {
-        event.preventDefault();
-        this._isRtl() ? this.previous() : this.next();
-    }
-    /** @hidden Transitions to the previous image in the thumbnail*/
-    onKeydownArrowLeft(event) {
-        event.preventDefault();
-        this._isRtl() ? this.next() : this.previous();
-    }
-    /** Transitions to the previous image in the thumbnail. */
-    previous() {
-        if (this.currentActiveSlidesStartIndex <= 0) {
-            return;
-        }
-        this.currentActiveSlidesStartIndex = this.currentActiveSlidesStartIndex - 1;
-        const thumbnailImagesArray = this.thumbnailImage.thumbnailImages.toArray();
-        thumbnailImagesArray[this.currentActiveSlidesStartIndex].nativeElement.focus();
-        this._cdr.detectChanges();
-    }
-    /** Transitions to the next image in the thumbnail. */
-    next() {
-        if (this.currentActiveSlidesStartIndex >= this.maxImagesDisplay - 1) {
-            return;
-        }
-        this.currentActiveSlidesStartIndex = this.currentActiveSlidesStartIndex + 1;
-        const thumbnailImagesArray = this.thumbnailImage.thumbnailImages.toArray();
-        thumbnailImagesArray[this.currentActiveSlidesStartIndex].nativeElement.focus();
-        this._cdr.detectChanges();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ThumbnailComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.DialogService }, { token: i2.RtlService, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: ThumbnailComponent, isStandalone: true, selector: "fdp-thumbnail", inputs: { mediaList: "mediaList", isHorizontal: "isHorizontal", maxImagesDisplay: "maxImagesDisplay" }, outputs: { thumbnailClicked: "thumbnailClicked" }, host: { listeners: { "keydown.arrowright": "onKeydownArrowRight($event)", "keydown.arrowleft": "onKeydownArrowLeft($event)" } }, viewQueries: [{ propertyName: "thumbnailImage", first: true, predicate: i0.forwardRef(function () { return ThumbnailImageComponent; }), descendants: true }], usesInheritance: true, ngImport: i0, template: "<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", styles: [".fdp-thumbnail-container{display:inline-flex;width:100%;height:auto}.fdp-thumbnail-container.fdp-thumbnail-container--horizontal{display:block}.fdp-thumbnail-container.fdp-thumbnail-container--horizontal .fdp-media-container{width:100%;max-width:33.125rem;height:33.125rem;padding:.688rem;margin:1rem;inline-size:auto}.fdp-thumbnail-container img{width:100%;height:auto;max-width:33.125rem;max-height:33.125rem;position:absolute}.fdp-thumbnail-container img:focus,.fdp-thumbnail-container img.is-focus{outline-offset:.0625rem;outline-width:var(--sapContent_FocusWidth);outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle)}.fdp-thumbnail-container video{width:100%;height:auto;max-width:33.125rem;max-height:33.125rem;position:absolute}.fdp-thumbnail-container video:focus,.fdp-thumbnail-container video.is-focus{outline-offset:.0625rem;outline-width:var(--sapContent_FocusWidth);outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle)}.fdp-thumbnail-container .fdp-media-container{position:relative;width:100%;max-width:33.125rem;height:33.125rem;padding:.688rem;margin:1rem;background-color:var(--sapNeutralBackground)}[dir=rtl] .fdp-thumbnail-container .fdp-media-container{margin-left:0;margin-right:1rem}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ThumbnailImageComponent, selector: "fdp-thumbnail-image", inputs: ["mediaList", "isHorizontal", "maxImages", "roleDescription", "thumbnailId"], outputs: ["thumbnailClicked", "openDetailsDialog"] }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ThumbnailComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'fdp-thumbnail', encapsulation: ViewEncapsulation.None, standalone: true, imports: [NgIf, ThumbnailImageComponent], template: "<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", styles: [".fdp-thumbnail-container{display:inline-flex;width:100%;height:auto}.fdp-thumbnail-container.fdp-thumbnail-container--horizontal{display:block}.fdp-thumbnail-container.fdp-thumbnail-container--horizontal .fdp-media-container{width:100%;max-width:33.125rem;height:33.125rem;padding:.688rem;margin:1rem;inline-size:auto}.fdp-thumbnail-container img{width:100%;height:auto;max-width:33.125rem;max-height:33.125rem;position:absolute}.fdp-thumbnail-container img:focus,.fdp-thumbnail-container img.is-focus{outline-offset:.0625rem;outline-width:var(--sapContent_FocusWidth);outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle)}.fdp-thumbnail-container video{width:100%;height:auto;max-width:33.125rem;max-height:33.125rem;position:absolute}.fdp-thumbnail-container video:focus,.fdp-thumbnail-container video.is-focus{outline-offset:.0625rem;outline-width:var(--sapContent_FocusWidth);outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle)}.fdp-thumbnail-container .fdp-media-container{position:relative;width:100%;max-width:33.125rem;height:33.125rem;padding:.688rem;margin:1rem;background-color:var(--sapNeutralBackground)}[dir=rtl] .fdp-thumbnail-container .fdp-media-container{margin-left:0;margin-right:1rem}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.DialogService }, { type: i2.RtlService, decorators: [{
-                    type: Optional
-                }] }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { mediaList: [{
-                type: Input
-            }], isHorizontal: [{
-                type: Input
-            }], maxImagesDisplay: [{
-                type: Input
-            }], thumbnailClicked: [{
-                type: Output
-            }], thumbnailImage: [{
-                type: ViewChild,
-                args: [forwardRef(() => ThumbnailImageComponent)]
-            }], onKeydownArrowRight: [{
-                type: HostListener,
-                args: ['keydown.arrowright', ['$event']]
-            }], onKeydownArrowLeft: [{
-                type: HostListener,
-                args: ['keydown.arrowleft', ['$event']]
-            }] } });
-
-const components = [ThumbnailComponent, ThumbnailImageComponent, ThumbnailDetailsComponent];
-class PlatformThumbnailModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: PlatformThumbnailModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.7", ngImport: i0, type: PlatformThumbnailModule, imports: [ThumbnailComponent, ThumbnailImageComponent, ThumbnailDetailsComponent], exports: [ThumbnailComponent, ThumbnailImageComponent, ThumbnailDetailsComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: PlatformThumbnailModule, imports: [components] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: PlatformThumbnailModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [...components],
-                    exports: [...components]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { PlatformThumbnailModule, ThumbnailClickedEvent, ThumbnailComponent, ThumbnailDetailsComponent, ThumbnailImageComponent };
-//# sourceMappingURL=fundamental-ngx-platform-thumbnail.mjs.map

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

@@ -1 +0,0 @@
-{"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    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    EventEmitter,\n    Input,\n    OnChanges,\n    OnInit,\n    Optional,\n    Output,\n    QueryList,\n    SimpleChanges,\n    ViewChildren\n} from '@angular/core';\n\nimport { SPACE } from '@angular/cdk/keycodes';\nimport { NgFor, NgIf, SlicePipe } from '@angular/common';\nimport { KeyUtil, RtlService, warnOnce } from '@fundamental-ngx/cdk/utils';\nimport { AvatarComponent } from '@fundamental-ngx/core/avatar';\nimport { DialogService } from '@fundamental-ngx/core/dialog';\nimport { FdTranslatePipe } from '@fundamental-ngx/i18n';\nimport { Media } from '../thumbnail.interfaces';\n\n/**\n * @deprecated\n * ThumbnailImage component is deprecated 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    standalone: true,\n    imports: [NgFor, AvatarComponent, NgIf, SlicePipe, FdTranslatePipe]\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        warnOnce('ThumbnailImage component is deprecated since version 0.40.0 and will be removed in next release');\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 { CdkScrollable } from '@angular/cdk/overlay';\nimport { NgIf } from '@angular/common';\nimport {\n    AfterViewInit,\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    HostListener,\n    OnInit,\n    ViewChild\n} from '@angular/core';\nimport { warnOnce } from '@fundamental-ngx/cdk/utils';\nimport { ButtonBarComponent } from '@fundamental-ngx/core/bar';\nimport {\n    DialogBodyComponent,\n    DialogComponent,\n    DialogFooterComponent,\n    DialogHeaderComponent,\n    DialogRef\n} from '@fundamental-ngx/core/dialog';\nimport { ScrollbarDirective } from '@fundamental-ngx/core/scrollbar';\nimport { TitleComponent } from '@fundamental-ngx/core/title';\nimport { FdTranslatePipe } from '@fundamental-ngx/i18n';\nimport { ThumbnailImageComponent } from '../thumbnail-image/thumbnail-image.component';\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 deprecated 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    standalone: true,\n    imports: [\n        DialogComponent,\n        DialogHeaderComponent,\n        TitleComponent,\n        CdkScrollable,\n        ScrollbarDirective,\n        DialogBodyComponent,\n        NgIf,\n        ThumbnailImageComponent,\n        DialogFooterComponent,\n        ButtonBarComponent,\n        FdTranslatePipe\n    ]\n})\nexport class ThumbnailDetailsComponent implements OnInit, AfterViewInit {\n    /** Reference to thumbnail images component */\n    @ViewChild(forwardRef(() => ThumbnailImageComponent))\n    thumbnailImage: ThumbnailImageComponent;\n\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    /** medialist to display */\n    mediaList = this.dialogRef.data.mediaList;\n\n    /** max limit  */\n    maxImages = this.dialogRef.data.maxImages;\n\n    /** @hidden */\n    constructor(public dialogRef: DialogRef, private _cdr: ChangeDetectorRef) {\n        warnOnce('ThumbnailDetailsComponent is deprecated since version 0.40.0 and will be removed in next release.');\n    }\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-button-bar\n            [label]=\"'platformThumbnail.detailsDialogCloseBtnLabel' | fdTranslate\"\n            fdType=\"transparent\"\n            (click)=\"closeDialog()\"\n        ></fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n","import {\n    ChangeDetectorRef,\n    Component,\n    EventEmitter,\n    forwardRef,\n    HostListener,\n    Input,\n    OnInit,\n    Optional,\n    Output,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\n\nimport { NgIf } from '@angular/common';\nimport { RtlService, warnOnce } 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 * @deprecated\n * Thumbnail component is deprecated 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    standalone: true,\n    imports: [NgIf, ThumbnailImageComponent]\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        warnOnce('ThumbnailComponent is deprecated since version 0.40.0 and will be removed in next release.');\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';\n\nimport { ThumbnailDetailsComponent } from './thumbnail-details/thumbnail-details.component';\nimport { ThumbnailImageComponent } from './thumbnail-image/thumbnail-image.component';\nimport { ThumbnailComponent } from './thumbnail.component';\n\nconst components = [ThumbnailComponent, ThumbnailImageComponent, ThumbnailDetailsComponent];\n\n@NgModule({\n    imports: [...components],\n    exports: [...components]\n})\nexport class PlatformThumbnailModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}