npm - @fundamental-ngx/platform - Versions diffs - 0.47.4 → 0.48.0-rc.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (405) hide show

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

@@ -1,7 +1,6 @@
 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';
@@ -11,6 +10,7 @@ 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 { SlicePipe } from '@angular/common';
 import { AvatarComponent } from '@fundamental-ngx/core/avatar';
 import { BaseComponent } from '@fundamental-ngx/platform/shared';
@@ -77,15 +77,15 @@ class ThumbnailImageComponent {
     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" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", 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: "17.0.0", version: "17.0.4", 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    @for (image of mediaList | slice: 0 : maxImages; track image; let i = $index) {\n        <div\n            #thumbnailImage\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            @if (image.overlayRequired) {\n                <div class=\"fdp-thumbnail-overflow\">+{{ mediaList.length - maxImages }}</div>\n            }\n        </div>\n    }\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: "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: "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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", 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: [{
+            args: [{ selector: 'fdp-thumbnail-image', standalone: true, imports: [AvatarComponent, SlicePipe, FdTranslatePipe], template: "<div class=\"fdp-thumbnail-image-container\" role=\"listbox\">\n    @for (image of mediaList | slice: 0 : maxImages; track image; let i = $index) {\n        <div\n            #thumbnailImage\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            @if (image.overlayRequired) {\n                <div class=\"fdp-thumbnail-overflow\">+{{ mediaList.length - maxImages }}</div>\n            }\n        </div>\n    }\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: () => [{ type: i0.ChangeDetectorRef }, { type: i1.DialogService }, { type: i2.RtlService, decorators: [{
                     type: Optional
-                }] }]; }, propDecorators: { mediaList: [{
+                }] }], propDecorators: { mediaList: [{
                 type: Input
             }], isHorizontal: [{
                 type: Input
@@ -229,10 +229,10 @@ class ThumbnailDetailsComponent {
             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" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: ThumbnailDetailsComponent, deps: [{ token: i1.DialogRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.4", 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(() => 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            @if (_data.selectedMedia.mediaType === 'image') {\n                <img\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            @if (_data.selectedMedia.mediaType === 'video') {\n                <video [attr.aria-label]=\"_data.selectedMedia.label\" [src]=\"_data.selectedMedia.mediaUrl\" controls>\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            }\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    <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: "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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: ThumbnailDetailsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-thumbnail-details', standalone: true, imports: [
                         DialogComponent,
@@ -241,13 +241,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
                         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: [{
+                    ], 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            @if (_data.selectedMedia.mediaType === 'image') {\n                <img\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            @if (_data.selectedMedia.mediaType === 'video') {\n                <video [attr.aria-label]=\"_data.selectedMedia.label\" [src]=\"_data.selectedMedia.mediaUrl\" controls>\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            }\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    <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: () => [{ type: i1.DialogRef }, { type: i0.ChangeDetectorRef }], propDecorators: { thumbnailImage: [{
                 type: ViewChild,
                 args: [forwardRef(() => ThumbnailImageComponent)]
             }], onKeydownArrowRight: [{
@@ -369,15 +368,15 @@ class ThumbnailComponent extends BaseComponent {
         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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", 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: "17.0.0", version: "17.0.4", 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(() => ThumbnailImageComponent), descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"fdp-thumbnail-container\" [class.fdp-thumbnail-container--horizontal]=\"isHorizontal\">\n    @if (!isHorizontal) {\n        <fdp-thumbnail-image\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    }\n    <div class=\"fdp-media-container\">\n        @if (selectedMedia.mediaType === 'image') {\n            <img\n                tabindex=\"0\"\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        }\n        @if (selectedMedia.mediaType === 'video') {\n            <video\n                tabindex=\"0\"\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\n                    [src]=\"selectedMedia.audioDescFile\"\n                    kind=\"descriptions\"\n                    srclang=\"en\"\n                    [label]=\"selectedMedia.label\"\n                />\n            </video>\n        }\n    </div>\n    @if (isHorizontal) {\n        <fdp-thumbnail-image\n            [mediaList]=\"mediaList\"\n            [maxImages]=\"maxImagesDisplay\"\n            [isHorizontal]=\"isHorizontal\"\n            (thumbnailClicked)=\"thumbnailClickHandle($event)\"\n            (openDetailsDialog)=\"openDialog($event)\"\n        ></fdp-thumbnail-image>\n    }\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: "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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", 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: [{
+            args: [{ selector: 'fdp-thumbnail', encapsulation: ViewEncapsulation.None, standalone: true, imports: [ThumbnailImageComponent], template: "<div class=\"fdp-thumbnail-container\" [class.fdp-thumbnail-container--horizontal]=\"isHorizontal\">\n    @if (!isHorizontal) {\n        <fdp-thumbnail-image\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    }\n    <div class=\"fdp-media-container\">\n        @if (selectedMedia.mediaType === 'image') {\n            <img\n                tabindex=\"0\"\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        }\n        @if (selectedMedia.mediaType === 'video') {\n            <video\n                tabindex=\"0\"\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\n                    [src]=\"selectedMedia.audioDescFile\"\n                    kind=\"descriptions\"\n                    srclang=\"en\"\n                    [label]=\"selectedMedia.label\"\n                />\n            </video>\n        }\n    </div>\n    @if (isHorizontal) {\n        <fdp-thumbnail-image\n            [mediaList]=\"mediaList\"\n            [maxImages]=\"maxImagesDisplay\"\n            [isHorizontal]=\"isHorizontal\"\n            (thumbnailClicked)=\"thumbnailClickHandle($event)\"\n            (openDetailsDialog)=\"openDialog($event)\"\n        ></fdp-thumbnail-image>\n    }\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: () => [{ type: i0.ChangeDetectorRef }, { type: i1.DialogService }, { type: i2.RtlService, decorators: [{
                     type: Optional
-                }] }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { mediaList: [{
+                }] }, { type: i0.ChangeDetectorRef }], propDecorators: { mediaList: [{
                 type: Input
             }], isHorizontal: [{
                 type: Input
@@ -398,11 +397,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
 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] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: PlatformThumbnailModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.4", ngImport: i0, type: PlatformThumbnailModule, imports: [ThumbnailComponent, ThumbnailImageComponent, ThumbnailDetailsComponent], exports: [ThumbnailComponent, ThumbnailImageComponent, ThumbnailDetailsComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: PlatformThumbnailModule, imports: [components] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: PlatformThumbnailModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: PlatformThumbnailModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...components],

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

	@@ -1 +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 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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"}
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 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 { 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 styleUrl: './thumbnail-image.component.scss',\n standalone: true,\n imports: [AvatarComponent, 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 @for (image of mediaList \| slice: 0 : maxImages; track image; let i = $index) {\n <div\n #thumbnailImage\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 @if (image.overlayRequired) {\n <div class=\"fdp-thumbnail-overflow\">+{{ mediaList.length - maxImages }}</div>\n }\n </div>\n }\n</div>\n","import { CdkScrollable } from '@angular/cdk/overlay';\n\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 styleUrl: './thumbnail-details.component.scss',\n standalone: true,\n imports: [\n DialogComponent,\n DialogHeaderComponent,\n TitleComponent,\n CdkScrollable,\n ScrollbarDirective,\n DialogBodyComponent,\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(\n public dialogRef: DialogRef,\n private _cdr: ChangeDetectorRef\n ) {\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 @if (_data.selectedMedia.mediaType === 'image') {\n <img\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 @if (_data.selectedMedia.mediaType === 'video') {\n <video [attr.aria-label]=\"_data.selectedMedia.label\" [src]=\"_data.selectedMedia.mediaUrl\" controls>\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 }\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 <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 { 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 styleUrl: './thumbnail.component.scss',\n encapsulation: ViewEncapsulation.None,\n standalone: true,\n imports: [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 @if (!isHorizontal) {\n <fdp-thumbnail-image\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 }\n <div class=\"fdp-media-container\">\n @if (selectedMedia.mediaType === 'image') {\n <img\n tabindex=\"0\"\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 }\n @if (selectedMedia.mediaType === 'video') {\n <video\n tabindex=\"0\"\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\n [src]=\"selectedMedia.audioDescFile\"\n kind=\"descriptions\"\n srclang=\"en\"\n [label]=\"selectedMedia.label\"\n />\n </video>\n }\n </div>\n @if (isHorizontal) {\n <fdp-thumbnail-image\n [mediaList]=\"mediaList\"\n [maxImages]=\"maxImagesDisplay\"\n [isHorizontal]=\"isHorizontal\"\n (thumbnailClicked)=\"thumbnailClickHandle($event)\"\n (openDetailsDialog)=\"openDialog($event)\"\n ></fdp-thumbnail-image>\n }\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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"}