@eui/ecl 21.0.0-alpha.30 → 21.0.0-alpha.32

package/fesm2022/eui-ecl-components-ecl-gallery.mjs

@@ -375,11 +375,11 @@ class EclGalleryItemComponent extends ECLBaseDirective {
         this.renderer.selectRootElement(this.el.nativeElement.children[0], true).focus();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclGalleryItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0-next.5", type: EclGalleryItemComponent, isStandalone: true, selector: "ecl-gallery-item", inputs: { isShareable: ["isShareable", "isShareable", booleanAttribute], mediaType: "mediaType", src: "src", meta: "meta", description: "description", srVideoAudioDescription: "srVideoAudioDescription", icon: "icon", title: "title", itemId: "itemId" }, outputs: { itemClick: "itemClick" }, host: { listeners: { "click": "onItemClick($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, queries: [{ propertyName: "mediaChild", first: true, predicate: EclGalleryMediaDirective, descendants: true }, { propertyName: "galleryThumbnail", first: true, predicate: EclGalleryThumbnailDirective, descendants: true }, { propertyName: "galleryPicture", first: true, predicate: EclGalleryPictureDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<a [href]=\"src\" class=\"ecl-gallery__item-link\" [class.ecl-gallery__item__link--frozen]=\"isNoOverlay\" [id]=\"itemId\">\n    <figure class=\"ecl-gallery__image-container\">\n        @if(mediaType !== 'image') {\n        <div class=\"ecl-gallery__item-icon-wrapper\">\n            <ecl-icon isInverted class=\"ecl-gallery__item-icon ecl-icon--inverted\" icon=\"play-filled\" size=\"l\"></ecl-icon>\n        </div>\n        } \n        @if(hasGalleryThumbnail) { <!-- TODO: to be removed in v19. Thumbnail should be added by user. -->\n            <picture class=\"ecl-picture ecl-gallery__thumbnail\">\n                @for(el of galleryPicture?.sources; track el.srcset ) {\n                    <source [attr.srcset]=\"el.srcset\" [attr.media]=\" el.media\">\n                }\n                <img class=\"ecl-gallery__image\"\n                     [attr.src]=\"galleryPicture?.img.src\"\n                     [attr.alt]=\"galleryPicture?.img.alt\" />\n            </picture>\n        }\n        <ng-content select=\"[eclGalleryPicture], [eclGalleryThumbnail], [eclGalleryMedia], [eclGalleryImage]\"></ng-content>\n        <figcaption class=\"ecl-gallery__description\">\n            @if(title) {\n                <span class=\"ecl-gallery__title\" [id]=\"titleId\">{{title}}</span>\n            }\n            @if(description) {\n                <span class=\"ecl-gallery__caption\">{{ description }}</span>\n            }\n            @if(icon) {\n            <ecl-icon class=\"ecl-gallery__description-icon\" [icon]=\"icon\"></ecl-icon>\n            }\n            <span class=\"ecl-gallery__meta\">\n                {{ meta }}\n            </span>\n        </figcaption>\n    </figure>\n</a>", dependencies: [{ kind: "component", type: i1$1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0-next.5", type: EclGalleryItemComponent, isStandalone: true, selector: "ecl-gallery-item", inputs: { isShareable: ["isShareable", "isShareable", booleanAttribute], mediaType: "mediaType", src: "src", meta: "meta", description: "description", srVideoAudioDescription: "srVideoAudioDescription", icon: "icon", title: "title", itemId: "itemId" }, outputs: { itemClick: "itemClick" }, host: { listeners: { "click": "onItemClick($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, queries: [{ propertyName: "mediaChild", first: true, predicate: EclGalleryMediaDirective, descendants: true }, { propertyName: "galleryThumbnail", first: true, predicate: EclGalleryThumbnailDirective, descendants: true }, { propertyName: "galleryPicture", first: true, predicate: EclGalleryPictureDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<a [href]=\"src\" class=\"ecl-gallery__item-link\" [class.ecl-gallery__item__link--frozen]=\"isNoOverlay\" [id]=\"itemId\">\n    <figure class=\"ecl-gallery__image-container\">\n        @if(mediaType !== 'image') {\n        <div class=\"ecl-gallery__item-icon-wrapper\">\n            <ecl-icon isInverted class=\"ecl-gallery__item-icon ecl-icon--inverted\" icon=\"play-filled\" size=\"l\"></ecl-icon>\n        </div>\n        } \n        @if(hasGalleryThumbnail) { <!-- TODO: to be removed in v21. Thumbnail should be added by user. -->\n            <picture class=\"ecl-picture ecl-gallery__thumbnail\">\n                @for(el of galleryPicture?.sources; track el.srcset ) {\n                    <source [attr.srcset]=\"el.srcset\" [attr.media]=\" el.media\">\n                }\n                <img class=\"ecl-gallery__image\"\n                     [attr.src]=\"galleryPicture?.img.src\"\n                     [attr.alt]=\"galleryPicture?.img.alt\" />\n            </picture>\n        }\n        <ng-content select=\"[eclGalleryPicture], [eclGalleryThumbnail], [eclGalleryMedia], [eclGalleryImage]\"></ng-content>\n        <figcaption class=\"ecl-gallery__description\">\n            @if(title) {\n                <span class=\"ecl-gallery__title\" [id]=\"titleId\">{{title}}</span>\n            }\n            @if(description) {\n                <span class=\"ecl-gallery__caption\">{{ description }}</span>\n            }\n            @if(icon) {\n            <ecl-icon class=\"ecl-gallery__description-icon\" [icon]=\"icon\"></ecl-icon>\n            }\n            <span class=\"ecl-gallery__meta\">\n                {{ meta }}\n            </span>\n        </figcaption>\n    </figure>\n</a>", dependencies: [{ kind: "component", type: i1$1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclGalleryItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ecl-gallery-item', imports: [...EUI_ECL_ICON], template: "<a [href]=\"src\" class=\"ecl-gallery__item-link\" [class.ecl-gallery__item__link--frozen]=\"isNoOverlay\" [id]=\"itemId\">\n    <figure class=\"ecl-gallery__image-container\">\n        @if(mediaType !== 'image') {\n        <div class=\"ecl-gallery__item-icon-wrapper\">\n            <ecl-icon isInverted class=\"ecl-gallery__item-icon ecl-icon--inverted\" icon=\"play-filled\" size=\"l\"></ecl-icon>\n        </div>\n        } \n        @if(hasGalleryThumbnail) { <!-- TODO: to be removed in v19. Thumbnail should be added by user. -->\n            <picture class=\"ecl-picture ecl-gallery__thumbnail\">\n                @for(el of galleryPicture?.sources; track el.srcset ) {\n                    <source [attr.srcset]=\"el.srcset\" [attr.media]=\" el.media\">\n                }\n                <img class=\"ecl-gallery__image\"\n                     [attr.src]=\"galleryPicture?.img.src\"\n                     [attr.alt]=\"galleryPicture?.img.alt\" />\n            </picture>\n        }\n        <ng-content select=\"[eclGalleryPicture], [eclGalleryThumbnail], [eclGalleryMedia], [eclGalleryImage]\"></ng-content>\n        <figcaption class=\"ecl-gallery__description\">\n            @if(title) {\n                <span class=\"ecl-gallery__title\" [id]=\"titleId\">{{title}}</span>\n            }\n            @if(description) {\n                <span class=\"ecl-gallery__caption\">{{ description }}</span>\n            }\n            @if(icon) {\n            <ecl-icon class=\"ecl-gallery__description-icon\" [icon]=\"icon\"></ecl-icon>\n            }\n            <span class=\"ecl-gallery__meta\">\n                {{ meta }}\n            </span>\n        </figcaption>\n    </figure>\n</a>" }]
+            args: [{ selector: 'ecl-gallery-item', imports: [...EUI_ECL_ICON], template: "<a [href]=\"src\" class=\"ecl-gallery__item-link\" [class.ecl-gallery__item__link--frozen]=\"isNoOverlay\" [id]=\"itemId\">\n    <figure class=\"ecl-gallery__image-container\">\n        @if(mediaType !== 'image') {\n        <div class=\"ecl-gallery__item-icon-wrapper\">\n            <ecl-icon isInverted class=\"ecl-gallery__item-icon ecl-icon--inverted\" icon=\"play-filled\" size=\"l\"></ecl-icon>\n        </div>\n        } \n        @if(hasGalleryThumbnail) { <!-- TODO: to be removed in v21. Thumbnail should be added by user. -->\n            <picture class=\"ecl-picture ecl-gallery__thumbnail\">\n                @for(el of galleryPicture?.sources; track el.srcset ) {\n                    <source [attr.srcset]=\"el.srcset\" [attr.media]=\" el.media\">\n                }\n                <img class=\"ecl-gallery__image\"\n                     [attr.src]=\"galleryPicture?.img.src\"\n                     [attr.alt]=\"galleryPicture?.img.alt\" />\n            </picture>\n        }\n        <ng-content select=\"[eclGalleryPicture], [eclGalleryThumbnail], [eclGalleryMedia], [eclGalleryImage]\"></ng-content>\n        <figcaption class=\"ecl-gallery__description\">\n            @if(title) {\n                <span class=\"ecl-gallery__title\" [id]=\"titleId\">{{title}}</span>\n            }\n            @if(description) {\n                <span class=\"ecl-gallery__caption\">{{ description }}</span>\n            }\n            @if(icon) {\n            <ecl-icon class=\"ecl-gallery__description-icon\" [icon]=\"icon\"></ecl-icon>\n            }\n            <span class=\"ecl-gallery__meta\">\n                {{ meta }}\n            </span>\n        </figcaption>\n    </figure>\n</a>" }]
         }], propDecorators: { isShareable: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
@@ -723,11 +723,11 @@ class EclGalleryComponent extends ECLBaseDirective {
         return this.galleryItems.filter((item, cnt) => cnt < this.maxVisibleItems);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclGalleryComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0-next.5", type: EclGalleryComponent, isStandalone: true, selector: "ecl-gallery", inputs: { isOpenInFullScreenPossible: ["isOpenInFullScreenPossible", "isOpenInFullScreenPossible", booleanAttribute], isShareable: ["isShareable", "isShareable", booleanAttribute], isFullWidth: ["isFullWidth", "isFullWidth", booleanAttribute], isNoOverlay: ["isNoOverlay", "isNoOverlay", booleanAttribute], isShowTitleOnHover: ["isShowTitleOnHover", "isShowTitleOnHover", booleanAttribute], maxVisibleItems: ["maxVisibleItems", "maxVisibleItems", numberAttribute], isGrid: ["isGrid", "isGrid", booleanAttribute], columns: ["columns", "columns", numberAttribute], gridTemplate: "gridTemplate", ratio: "ratio" }, outputs: { show: "show", hide: "hide", openFullScreen: "openFullScreen", share: "share", itemSwitch: "itemSwitch" }, host: { listeners: { "document:keydown.escape": "onEscapeKeydownHandler()", "window:resize": "iframeResize()" }, properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, queries: [{ propertyName: "galleryFooter", first: true, predicate: EclGalleryFooterComponent, descendants: true }, { propertyName: "galleryItems", predicate: EclGalleryItemComponent }], viewQueries: [{ propertyName: "overlayChild", first: true, predicate: ["overlay"], descendants: true }, { propertyName: "headerChild", first: true, predicate: ["header"], descendants: true }, { propertyName: "footerChild", first: true, predicate: ["footer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ul class=\"ecl-gallery__list\">\n    <ng-content></ng-content>\n</ul>\n\n<ng-content select=\"ecl-gallery-footer\"></ng-content>\n\n<dialog #overlay [attr.open]=\"isDialogVisible || null\" class=\"ecl-gallery__overlay\"\n    [attr.aria-label]=\"'ecl.gallery.FULL-SIZE-DISPLAY' | translate\">\n    <header #header class=\"ecl-gallery__close\">\n        <button (click)=\"onClose($event)\" eclButton class=\"ecl-gallery__close-button\" isIconOnly variant=\"ghost\">\n            <span eclButtonLabel>\n                {{ 'ecl.common.CLOSE' | translate }}\n            </span>\n            <ecl-icon icon=\"close\" size=\"m\"></ecl-icon>\n        </button>\n    </header>\n    <section class=\"ecl-gallery__slider\">\n        <div class=\"ecl-gallery__slider-media-container\">\n            @if(item?.isExternalVideo) {\n            <div class=\"ecl-gallery__slider-embed\">\n                @if (item?.srVideoAudioDescription) {\n                    <div class=\"ecl-gallery__slider-embed-audio\">{{item?.srVideoAudioDescription}}</div>\n                }\n                <iframe [src]=\"item?.getUrlExternalVideo()\" [style.width.px]=\"getIframeWidth()\"\n                    [style.height.px]=\"getIframeHeight()\" [attr.title]=\"item.title + ' - Video player'\" frameborder=\"0\">\n                </iframe>\n            </div>\n            }\n            @if(item?.isImage) {\n            <picture class=\"ecl-picture ecl-gallery__picture ecl-gallery__slider-image\">\n                @for(el of item.galleryPicture?.sources; track el.srcset) {\n                    <source [attr.srcset]=\"el.srcset\" [attr.media]=\" el.media\">\n                }\n                <img [attr.alt]=\"item?.galleryPicture?.img.alt || null\"\n                     [src]=\"item?.galleryPicture?.img.src\"\n                     [attr.loading]=\"item?.galleryPicture?.img.loading || null\" />\n            </picture>\n            }\n            @if(item?.isVideo) {\n            <video controls=\"controls\" class=\"ecl-gallery__slider-video\" [attr.aria-label]=\"item.title + ' - Video player'\"\n                [attr.poster]=\"item.mediaChild?.poster\">\n                @for (el of item.mediaChild?.sources; track el.src) {\n                <source [attr.src]=\"el.src\" [attr.type]=\"el.type\" />\n                }\n                @for (elem of item.mediaChild?.tracks; track elem.src) {\n                <track [attr.src]=\"elem.src\" [attr.kind]=\"elem.kind\" [attr.srcLang]=\"elem.srcLang\"\n                    [attr.label]=\"elem.label\" />\n                }\n            </video>\n            }\n        </div>\n    </section>\n    <footer #footer class=\"ecl-gallery__detail\">\n        <div class=\"ecl-container\">\n            <div class=\"ecl-gallery__detail-container\">\n                <div class=\"ecl-gallery__pager\">\n                    <div class=\"ecl-gallery__detail-counter\">\n                        <span>{{ itemIndex }}</span> {{ 'ecl.common.OF' | translate }} <span>{{ itemsCount }}</span>\n                    </div>\n                    <div class=\"ecl-gallery__controls\">\n                        <button eclButton class=\"ecl-gallery__slider-previous\" variant=\"tertiary\" isIconOnly\n                            (click)=\"onPrevious($event)\">\n                            <ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-270\"></ecl-icon>\n                            <span eclButtonLabel>\n                                {{ 'ecl.common.PREVIOUS' | translate }}\n                            </span>\n                        </button>\n                        <button eclButton class=\"ecl-gallery__slider-next\" variant=\"tertiary\" isIconOnly\n                            (click)=\"onNext($event)\">\n                            <span eclButtonLabel>\n                                {{ 'ecl.common.NEXT' | translate }}\n                            </span>\n                            <ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-90\"></ecl-icon>\n                        </button>\n                    </div>\n                </div>\n                <div class=\"ecl-gallery__detail-actions\">\n                    <ng-container *ngTemplateOutlet=\"links\"></ng-container>\n                </div>\n            </div>\n            <div class=\"ecl-gallery__detail-description\">\n                @if(isMobile) {\n                    <div class=\"ecl-gallery__detail-actions-mobile\">\n                        <ng-container *ngTemplateOutlet=\"links\"></ng-container>\n                    </div>\n                }\n                @if(item?.title) {\n                    <span class=\"ecl-gallery__title\" [id]=\"item?.itemId\">{{ item?.title }}</span>\n                }\n                @if(item?.description) {\n                    <span class=\"ecl-gallery__caption\">{{ item?.description }}</span>\n                }\n                @if(item?.meta) {\n                    <span class=\"ecl-gallery__meta\">{{ item?.meta }}</span>\n                }\n            </div>\n        </div>\n    </footer>\n</dialog>\n\n<ng-template #links>\n    @if(canBeOpenInFullScreen()) {\n        <a eclLink [attr.aria-describedby]=\"item?.titleId\" variant=\"standalone\"\n           class=\"ecl-gallery__download\" [href]=\"item?.getDownloadLink()\" target=\"_blank\"\n           (click)=\"onFullScreenOpen($event)\" isInverted>\n            <span eclLinkLabel>{{ 'ecl.gallery.VIEW-ORIGINAL' | translate }}</span>\n            <ecl-icon icon=\"fullscreen\" size=\"fluid\" focusable=\"false\"></ecl-icon>\n        </a>\n    }\n    @if(canBeShared()) {\n        <a [attr.aria-describedby]=\"item?.titleId\" eclLink variant=\"standalone\" isInverted\n           class=\"ecl-gallery__share\" href=\"\" (click)=\"onShare($event)\">\n            <span eclLinkLabel>{{ 'ecl.common.SHARE' | translate }}</span>\n            <ecl-icon icon=\"share\" size=\"fluid\" focusable=\"false\"></ecl-icon>\n        </a>\n    }\n</ng-template>", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "directive", type: i1.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "component", type: i1$1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "directive", type: i3.EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }, { kind: "directive", type: i3.EclLinkLabelDirective, selector: "[eclLinkLabel]" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0-next.5", type: EclGalleryComponent, isStandalone: true, selector: "ecl-gallery", inputs: { isOpenInFullScreenPossible: ["isOpenInFullScreenPossible", "isOpenInFullScreenPossible", booleanAttribute], isShareable: ["isShareable", "isShareable", booleanAttribute], isFullWidth: ["isFullWidth", "isFullWidth", booleanAttribute], isNoOverlay: ["isNoOverlay", "isNoOverlay", booleanAttribute], isShowTitleOnHover: ["isShowTitleOnHover", "isShowTitleOnHover", booleanAttribute], maxVisibleItems: ["maxVisibleItems", "maxVisibleItems", numberAttribute], isGrid: ["isGrid", "isGrid", booleanAttribute], columns: ["columns", "columns", numberAttribute], gridTemplate: "gridTemplate", ratio: "ratio" }, outputs: { show: "show", hide: "hide", openFullScreen: "openFullScreen", share: "share", itemSwitch: "itemSwitch" }, host: { listeners: { "document:keydown.escape": "onEscapeKeydownHandler()", "window:resize": "iframeResize()" }, properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, queries: [{ propertyName: "galleryFooter", first: true, predicate: EclGalleryFooterComponent, descendants: true }, { propertyName: "galleryItems", predicate: EclGalleryItemComponent }], viewQueries: [{ propertyName: "overlayChild", first: true, predicate: ["overlay"], descendants: true }, { propertyName: "headerChild", first: true, predicate: ["header"], descendants: true }, { propertyName: "footerChild", first: true, predicate: ["footer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ul class=\"ecl-gallery__list\">\n    <ng-content></ng-content>\n</ul>\n\n<ng-content select=\"ecl-gallery-footer\"></ng-content>\n\n<dialog #overlay [attr.open]=\"isDialogVisible || null\" class=\"ecl-gallery__overlay\"\n    [attr.aria-label]=\"'ecl.gallery.FULL-SIZE-DISPLAY' | translate\">\n    <header #header class=\"ecl-gallery__close\">\n        <button (click)=\"onClose($event)\" eclButton class=\"ecl-gallery__close-button\" isIconOnly variant=\"ghost\">\n            <span eclButtonLabel>\n                {{ 'ecl.common.CLOSE' | translate }}\n            </span>\n            <ecl-icon icon=\"close\" size=\"m\"></ecl-icon>\n        </button>\n    </header>\n    <section class=\"ecl-gallery__slider\">\n        <div class=\"ecl-gallery__slider-media-container\">\n            @if(item?.isExternalVideo) {\n            <div class=\"ecl-gallery__slider-embed\">\n                @if (item?.srVideoAudioDescription) {\n                    <div class=\"ecl-gallery__slider-embed-audio\">{{item?.srVideoAudioDescription}}</div>\n                }\n                <iframe [src]=\"item?.getUrlExternalVideo()\" [style.width.px]=\"getIframeWidth()\"\n                    [style.height.px]=\"getIframeHeight()\" [attr.title]=\"item.title + ' - Video player'\" frameborder=\"0\">\n                </iframe>\n            </div>\n            }\n            @if(item?.isImage) {\n            <picture class=\"ecl-picture ecl-gallery__picture ecl-gallery__slider-image\">\n                @for(el of item.galleryPicture?.sources; track el.srcset) {\n                    <source [attr.srcset]=\"el.srcset\" [attr.media]=\" el.media\">\n                }\n                <img [attr.alt]=\"item?.galleryPicture?.img.alt || null\"\n                     [src]=\"item?.galleryPicture?.img.src\"\n                     [attr.loading]=\"item?.galleryPicture?.img.loading || null\" />\n            </picture>\n            }\n            @if(item?.isVideo) {\n            <video controls=\"controls\" class=\"ecl-gallery__slider-video\" [attr.aria-label]=\"item.title + ' - Video player'\"\n                [attr.poster]=\"item.mediaChild?.poster\" playsinline>\n                @for (el of item.mediaChild?.sources; track el.src) {\n                <source [attr.src]=\"el.src\" [attr.type]=\"el.type\" />\n                }\n                @for (elem of item.mediaChild?.tracks; track elem.src) {\n                <track [attr.src]=\"elem.src\" [attr.kind]=\"elem.kind\" [attr.srcLang]=\"elem.srcLang\"\n                    [attr.label]=\"elem.label\" />\n                }\n            </video>\n            }\n        </div>\n    </section>\n    <footer #footer class=\"ecl-gallery__detail\">\n        <div class=\"ecl-container\">\n            <div class=\"ecl-gallery__detail-container\">\n                <div class=\"ecl-gallery__pager\">\n                    <div class=\"ecl-gallery__detail-counter\">\n                        <span>{{ itemIndex }}</span> {{ 'ecl.common.OF' | translate }} <span>{{ itemsCount }}</span>\n                    </div>\n                    <div class=\"ecl-gallery__controls\">\n                        <button eclButton class=\"ecl-gallery__slider-previous\" variant=\"tertiary\" isIconOnly\n                            (click)=\"onPrevious($event)\">\n                            <ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-270\"></ecl-icon>\n                            <span eclButtonLabel>\n                                {{ 'ecl.common.PREVIOUS' | translate }}\n                            </span>\n                        </button>\n                        <button eclButton class=\"ecl-gallery__slider-next\" variant=\"tertiary\" isIconOnly\n                            (click)=\"onNext($event)\">\n                            <span eclButtonLabel>\n                                {{ 'ecl.common.NEXT' | translate }}\n                            </span>\n                            <ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-90\"></ecl-icon>\n                        </button>\n                    </div>\n                </div>\n                <div class=\"ecl-gallery__detail-actions\">\n                    <ng-container *ngTemplateOutlet=\"links\"></ng-container>\n                </div>\n            </div>\n            <div class=\"ecl-gallery__detail-description\">\n                @if(isMobile) {\n                    <div class=\"ecl-gallery__detail-actions-mobile\">\n                        <ng-container *ngTemplateOutlet=\"links\"></ng-container>\n                    </div>\n                }\n                @if(item?.title) {\n                    <span class=\"ecl-gallery__title\" [id]=\"item?.itemId\">{{ item?.title }}</span>\n                }\n                @if(item?.description) {\n                    <span class=\"ecl-gallery__caption\">{{ item?.description }}</span>\n                }\n                @if(item?.meta) {\n                    <span class=\"ecl-gallery__meta\">{{ item?.meta }}</span>\n                }\n            </div>\n        </div>\n    </footer>\n</dialog>\n\n<ng-template #links>\n    @if(canBeOpenInFullScreen()) {\n        <a eclLink [attr.aria-describedby]=\"item?.titleId\" variant=\"standalone\"\n           class=\"ecl-gallery__download\" [href]=\"item?.getDownloadLink()\" target=\"_blank\"\n           (click)=\"onFullScreenOpen($event)\" isInverted>\n            <span eclLinkLabel>{{ 'ecl.gallery.VIEW-ORIGINAL' | translate }}</span>\n            <ecl-icon icon=\"fullscreen\" size=\"fluid\" focusable=\"false\"></ecl-icon>\n        </a>\n    }\n    @if(canBeShared()) {\n        <a [attr.aria-describedby]=\"item?.titleId\" eclLink variant=\"standalone\" isInverted\n           class=\"ecl-gallery__share\" href=\"\" (click)=\"onShare($event)\">\n            <span eclLinkLabel>{{ 'ecl.common.SHARE' | translate }}</span>\n            <ecl-icon icon=\"share\" size=\"fluid\" focusable=\"false\"></ecl-icon>\n        </a>\n    }\n</ng-template>", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "directive", type: i1.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "component", type: i1$1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "directive", type: i3.EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }, { kind: "directive", type: i3.EclLinkLabelDirective, selector: "[eclLinkLabel]" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclGalleryComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ecl-gallery', imports: [TranslateModule, NgTemplateOutlet, ...EUI_ECL_BUTTON, ...EUI_ECL_ICON, ...EUI_ECL_LINK], template: "<ul class=\"ecl-gallery__list\">\n    <ng-content></ng-content>\n</ul>\n\n<ng-content select=\"ecl-gallery-footer\"></ng-content>\n\n<dialog #overlay [attr.open]=\"isDialogVisible || null\" class=\"ecl-gallery__overlay\"\n    [attr.aria-label]=\"'ecl.gallery.FULL-SIZE-DISPLAY' | translate\">\n    <header #header class=\"ecl-gallery__close\">\n        <button (click)=\"onClose($event)\" eclButton class=\"ecl-gallery__close-button\" isIconOnly variant=\"ghost\">\n            <span eclButtonLabel>\n                {{ 'ecl.common.CLOSE' | translate }}\n            </span>\n            <ecl-icon icon=\"close\" size=\"m\"></ecl-icon>\n        </button>\n    </header>\n    <section class=\"ecl-gallery__slider\">\n        <div class=\"ecl-gallery__slider-media-container\">\n            @if(item?.isExternalVideo) {\n            <div class=\"ecl-gallery__slider-embed\">\n                @if (item?.srVideoAudioDescription) {\n                    <div class=\"ecl-gallery__slider-embed-audio\">{{item?.srVideoAudioDescription}}</div>\n                }\n                <iframe [src]=\"item?.getUrlExternalVideo()\" [style.width.px]=\"getIframeWidth()\"\n                    [style.height.px]=\"getIframeHeight()\" [attr.title]=\"item.title + ' - Video player'\" frameborder=\"0\">\n                </iframe>\n            </div>\n            }\n            @if(item?.isImage) {\n            <picture class=\"ecl-picture ecl-gallery__picture ecl-gallery__slider-image\">\n                @for(el of item.galleryPicture?.sources; track el.srcset) {\n                    <source [attr.srcset]=\"el.srcset\" [attr.media]=\" el.media\">\n                }\n                <img [attr.alt]=\"item?.galleryPicture?.img.alt || null\"\n                     [src]=\"item?.galleryPicture?.img.src\"\n                     [attr.loading]=\"item?.galleryPicture?.img.loading || null\" />\n            </picture>\n            }\n            @if(item?.isVideo) {\n            <video controls=\"controls\" class=\"ecl-gallery__slider-video\" [attr.aria-label]=\"item.title + ' - Video player'\"\n                [attr.poster]=\"item.mediaChild?.poster\">\n                @for (el of item.mediaChild?.sources; track el.src) {\n                <source [attr.src]=\"el.src\" [attr.type]=\"el.type\" />\n                }\n                @for (elem of item.mediaChild?.tracks; track elem.src) {\n                <track [attr.src]=\"elem.src\" [attr.kind]=\"elem.kind\" [attr.srcLang]=\"elem.srcLang\"\n                    [attr.label]=\"elem.label\" />\n                }\n            </video>\n            }\n        </div>\n    </section>\n    <footer #footer class=\"ecl-gallery__detail\">\n        <div class=\"ecl-container\">\n            <div class=\"ecl-gallery__detail-container\">\n                <div class=\"ecl-gallery__pager\">\n                    <div class=\"ecl-gallery__detail-counter\">\n                        <span>{{ itemIndex }}</span> {{ 'ecl.common.OF' | translate }} <span>{{ itemsCount }}</span>\n                    </div>\n                    <div class=\"ecl-gallery__controls\">\n                        <button eclButton class=\"ecl-gallery__slider-previous\" variant=\"tertiary\" isIconOnly\n                            (click)=\"onPrevious($event)\">\n                            <ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-270\"></ecl-icon>\n                            <span eclButtonLabel>\n                                {{ 'ecl.common.PREVIOUS' | translate }}\n                            </span>\n                        </button>\n                        <button eclButton class=\"ecl-gallery__slider-next\" variant=\"tertiary\" isIconOnly\n                            (click)=\"onNext($event)\">\n                            <span eclButtonLabel>\n                                {{ 'ecl.common.NEXT' | translate }}\n                            </span>\n                            <ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-90\"></ecl-icon>\n                        </button>\n                    </div>\n                </div>\n                <div class=\"ecl-gallery__detail-actions\">\n                    <ng-container *ngTemplateOutlet=\"links\"></ng-container>\n                </div>\n            </div>\n            <div class=\"ecl-gallery__detail-description\">\n                @if(isMobile) {\n                    <div class=\"ecl-gallery__detail-actions-mobile\">\n                        <ng-container *ngTemplateOutlet=\"links\"></ng-container>\n                    </div>\n                }\n                @if(item?.title) {\n                    <span class=\"ecl-gallery__title\" [id]=\"item?.itemId\">{{ item?.title }}</span>\n                }\n                @if(item?.description) {\n                    <span class=\"ecl-gallery__caption\">{{ item?.description }}</span>\n                }\n                @if(item?.meta) {\n                    <span class=\"ecl-gallery__meta\">{{ item?.meta }}</span>\n                }\n            </div>\n        </div>\n    </footer>\n</dialog>\n\n<ng-template #links>\n    @if(canBeOpenInFullScreen()) {\n        <a eclLink [attr.aria-describedby]=\"item?.titleId\" variant=\"standalone\"\n           class=\"ecl-gallery__download\" [href]=\"item?.getDownloadLink()\" target=\"_blank\"\n           (click)=\"onFullScreenOpen($event)\" isInverted>\n            <span eclLinkLabel>{{ 'ecl.gallery.VIEW-ORIGINAL' | translate }}</span>\n            <ecl-icon icon=\"fullscreen\" size=\"fluid\" focusable=\"false\"></ecl-icon>\n        </a>\n    }\n    @if(canBeShared()) {\n        <a [attr.aria-describedby]=\"item?.titleId\" eclLink variant=\"standalone\" isInverted\n           class=\"ecl-gallery__share\" href=\"\" (click)=\"onShare($event)\">\n            <span eclLinkLabel>{{ 'ecl.common.SHARE' | translate }}</span>\n            <ecl-icon icon=\"share\" size=\"fluid\" focusable=\"false\"></ecl-icon>\n        </a>\n    }\n</ng-template>", styles: [":host{display:block}\n"] }]
+            args: [{ selector: 'ecl-gallery', imports: [TranslateModule, NgTemplateOutlet, ...EUI_ECL_BUTTON, ...EUI_ECL_ICON, ...EUI_ECL_LINK], template: "<ul class=\"ecl-gallery__list\">\n    <ng-content></ng-content>\n</ul>\n\n<ng-content select=\"ecl-gallery-footer\"></ng-content>\n\n<dialog #overlay [attr.open]=\"isDialogVisible || null\" class=\"ecl-gallery__overlay\"\n    [attr.aria-label]=\"'ecl.gallery.FULL-SIZE-DISPLAY' | translate\">\n    <header #header class=\"ecl-gallery__close\">\n        <button (click)=\"onClose($event)\" eclButton class=\"ecl-gallery__close-button\" isIconOnly variant=\"ghost\">\n            <span eclButtonLabel>\n                {{ 'ecl.common.CLOSE' | translate }}\n            </span>\n            <ecl-icon icon=\"close\" size=\"m\"></ecl-icon>\n        </button>\n    </header>\n    <section class=\"ecl-gallery__slider\">\n        <div class=\"ecl-gallery__slider-media-container\">\n            @if(item?.isExternalVideo) {\n            <div class=\"ecl-gallery__slider-embed\">\n                @if (item?.srVideoAudioDescription) {\n                    <div class=\"ecl-gallery__slider-embed-audio\">{{item?.srVideoAudioDescription}}</div>\n                }\n                <iframe [src]=\"item?.getUrlExternalVideo()\" [style.width.px]=\"getIframeWidth()\"\n                    [style.height.px]=\"getIframeHeight()\" [attr.title]=\"item.title + ' - Video player'\" frameborder=\"0\">\n                </iframe>\n            </div>\n            }\n            @if(item?.isImage) {\n            <picture class=\"ecl-picture ecl-gallery__picture ecl-gallery__slider-image\">\n                @for(el of item.galleryPicture?.sources; track el.srcset) {\n                    <source [attr.srcset]=\"el.srcset\" [attr.media]=\" el.media\">\n                }\n                <img [attr.alt]=\"item?.galleryPicture?.img.alt || null\"\n                     [src]=\"item?.galleryPicture?.img.src\"\n                     [attr.loading]=\"item?.galleryPicture?.img.loading || null\" />\n            </picture>\n            }\n            @if(item?.isVideo) {\n            <video controls=\"controls\" class=\"ecl-gallery__slider-video\" [attr.aria-label]=\"item.title + ' - Video player'\"\n                [attr.poster]=\"item.mediaChild?.poster\" playsinline>\n                @for (el of item.mediaChild?.sources; track el.src) {\n                <source [attr.src]=\"el.src\" [attr.type]=\"el.type\" />\n                }\n                @for (elem of item.mediaChild?.tracks; track elem.src) {\n                <track [attr.src]=\"elem.src\" [attr.kind]=\"elem.kind\" [attr.srcLang]=\"elem.srcLang\"\n                    [attr.label]=\"elem.label\" />\n                }\n            </video>\n            }\n        </div>\n    </section>\n    <footer #footer class=\"ecl-gallery__detail\">\n        <div class=\"ecl-container\">\n            <div class=\"ecl-gallery__detail-container\">\n                <div class=\"ecl-gallery__pager\">\n                    <div class=\"ecl-gallery__detail-counter\">\n                        <span>{{ itemIndex }}</span> {{ 'ecl.common.OF' | translate }} <span>{{ itemsCount }}</span>\n                    </div>\n                    <div class=\"ecl-gallery__controls\">\n                        <button eclButton class=\"ecl-gallery__slider-previous\" variant=\"tertiary\" isIconOnly\n                            (click)=\"onPrevious($event)\">\n                            <ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-270\"></ecl-icon>\n                            <span eclButtonLabel>\n                                {{ 'ecl.common.PREVIOUS' | translate }}\n                            </span>\n                        </button>\n                        <button eclButton class=\"ecl-gallery__slider-next\" variant=\"tertiary\" isIconOnly\n                            (click)=\"onNext($event)\">\n                            <span eclButtonLabel>\n                                {{ 'ecl.common.NEXT' | translate }}\n                            </span>\n                            <ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-90\"></ecl-icon>\n                        </button>\n                    </div>\n                </div>\n                <div class=\"ecl-gallery__detail-actions\">\n                    <ng-container *ngTemplateOutlet=\"links\"></ng-container>\n                </div>\n            </div>\n            <div class=\"ecl-gallery__detail-description\">\n                @if(isMobile) {\n                    <div class=\"ecl-gallery__detail-actions-mobile\">\n                        <ng-container *ngTemplateOutlet=\"links\"></ng-container>\n                    </div>\n                }\n                @if(item?.title) {\n                    <span class=\"ecl-gallery__title\" [id]=\"item?.itemId\">{{ item?.title }}</span>\n                }\n                @if(item?.description) {\n                    <span class=\"ecl-gallery__caption\">{{ item?.description }}</span>\n                }\n                @if(item?.meta) {\n                    <span class=\"ecl-gallery__meta\">{{ item?.meta }}</span>\n                }\n            </div>\n        </div>\n    </footer>\n</dialog>\n\n<ng-template #links>\n    @if(canBeOpenInFullScreen()) {\n        <a eclLink [attr.aria-describedby]=\"item?.titleId\" variant=\"standalone\"\n           class=\"ecl-gallery__download\" [href]=\"item?.getDownloadLink()\" target=\"_blank\"\n           (click)=\"onFullScreenOpen($event)\" isInverted>\n            <span eclLinkLabel>{{ 'ecl.gallery.VIEW-ORIGINAL' | translate }}</span>\n            <ecl-icon icon=\"fullscreen\" size=\"fluid\" focusable=\"false\"></ecl-icon>\n        </a>\n    }\n    @if(canBeShared()) {\n        <a [attr.aria-describedby]=\"item?.titleId\" eclLink variant=\"standalone\" isInverted\n           class=\"ecl-gallery__share\" href=\"\" (click)=\"onShare($event)\">\n            <span eclLinkLabel>{{ 'ecl.common.SHARE' | translate }}</span>\n            <ecl-icon icon=\"share\" size=\"fluid\" focusable=\"false\"></ecl-icon>\n        </a>\n    }\n</ng-template>", styles: [":host{display:block}\n"] }]
         }], propDecorators: { isOpenInFullScreenPossible: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]

package/fesm2022/eui-ecl-components-ecl-gallery.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-gallery.mjs","sources":["../../components/ecl-gallery/events/ecl-gallery.event.ts","../../components/ecl-gallery/events/ecl-gallery-item.event.ts","../../components/ecl-gallery/events/ecl-gallery-item-click.event.ts","../../components/ecl-gallery/events/ecl-gallery-toggle-items.event.ts","../../components/ecl-gallery/ecl-gallery-footer.component.ts","../../components/ecl-gallery/ecl-gallery-footer.component.html","../../components/ecl-gallery/ecl-gallery-media.directive.ts","../../components/ecl-gallery/ecl-gallery-item.component.ts","../../components/ecl-gallery/ecl-gallery-item.component.html","../../components/ecl-gallery/ecl-gallery.component.ts","../../components/ecl-gallery/ecl-gallery.component.html","../../components/ecl-gallery/ecl-gallery.module.ts","../../components/ecl-gallery/index.ts","../../components/ecl-gallery/eui-ecl-components-ecl-gallery.ts"],"sourcesContent":["import { EclBaseEvent } from '@eui/ecl/core';\nimport { EclGalleryItem } from '../models/ecl-gallery-item.model';\n\nexport class EclGalleryShowEvent extends EclBaseEvent {}\nexport class EclGalleryHideEvent extends EclBaseEvent {}\nexport class EclGalleryFullScreenEvent extends EclBaseEvent {\n\tconstructor(public galleryItem: EclGalleryItem) {\n\t\tsuper();\n\t}\n}\nexport class EclGalleryShareEvent extends EclBaseEvent {\n\tconstructor(public galleryItem: EclGalleryItem) {\n\t\tsuper();\n\t}\n}\n","import { EclBaseEvent } from '@eui/ecl/core';\nimport { EclGalleryItem } from '../models/ecl-gallery-item.model';\n\nexport class EclGalleryItemEvent extends EclBaseEvent {\n\tconstructor(public galleryItem: EclGalleryItem) {\n\t\tsuper();\n\t}\n}","import { EclBaseEvent } from '@eui/ecl/core';\n\nexport class EclGalleryItemClickEvent extends EclBaseEvent {}","import { EclBaseEvent } from '@eui/ecl/core';\n\nexport class EclGalleryToggleItemsEvent extends EclBaseEvent {\n\tconstructor(public expandAll: boolean) {\n\t\tsuper();\n\t}\n}","import { Component, EventEmitter, HostBinding, Input, OnInit, Output } from '@angular/core';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { EclGalleryToggleItemsEvent } from './events';\nimport { EUI_ECL_BUTTON } from '@eui/ecl/components/ecl-button';\n\n/**\n * Manages styling and functionality for gallery footer.\n */\n@Component({\n    selector: 'ecl-gallery-footer',\n    templateUrl: './ecl-gallery-footer.component.html',\n    imports: [TranslateModule, ...EUI_ECL_BUTTON],\n})\nexport class EclGalleryFooterComponent implements OnInit {\n    @HostBinding('class.ecl-gallery__footer') hasClass = true;\n    @Input() infoId: string;\n    /**\n     * Event, that is emitted when items are expanded/collapsed.\n     */\n    @Output() toggleItems = new EventEmitter<EclGalleryToggleItemsEvent>();\n\n    private _itemsCount: number;\n    private _isExpanded = false;\n    private _isShowToggleBtn = false;\n\n    ngOnInit(): void {\n        if (!this.infoId) {\n            this.infoId = crypto.randomUUID();\n        }\n    }\n    get isExpanded(): boolean {\n        return this._isExpanded;\n    }\n    set isExpanded(value: boolean) {\n        this._isExpanded = value;\n    }\n\n    get itemsCount(): number {\n        return this._itemsCount;\n    }\n    set itemsCount(value: number) {\n        this._itemsCount = value;\n    }\n\n    get isShowToggleBtn(): boolean {\n        return this._isShowToggleBtn;\n    }\n    set isShowToggleBtn(value: boolean) {\n        this._isShowToggleBtn = value;\n    }\n\n    onToggle(): void {\n        this._isExpanded = !this._isExpanded;\n        this.toggleItems.next(new EclGalleryToggleItemsEvent(this.isExpanded));\n    }\n}\n","<div class=\"ecl-gallery__info\">\n    <div class=\"ecl-gallery__info-total\" [id]=\"infoId\">\n        <strong>{{ itemsCount }}</strong>{{ 'ecl.gallery.MEDIA-FILES-COUNT' | translate }}\n    </div>\n    @if(isShowToggleBtn) {\n    @if(!isExpanded) {\n    <button [attr.aria-describedby]=\"infoId\" eclButton variant=\"ghost\" class=\"ecl-gallery__view-all\"\n        (click)=\"onToggle()\">\n        {{ 'ecl.gallery.VIEW-ALL' | translate }}\n    </button>\n    } @else {\n    <button [attr.aria-describedby]=\"infoId\" eclButton variant=\"ghost\" class=\"ecl-gallery__view-all\"\n        (click)=\"onToggle()\">\n        {{ 'ecl.common.COLLAPSE' | translate }}\n    </button>\n    }\n    }\n</div>\n<hr class=\"ecl-gallery__footer-divider\" />\n<div class=\"ecl-gallery__footer-link\">\n    <ng-content></ng-content>\n</div>","import { ChangeDetectorRef, Directive, ElementRef, HostBinding, Input, OnInit, afterNextRender, booleanAttribute, inject } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\nexport class EclGalleryMediaSource {\n    src?: string;\n    type?: string;\n}\n\nexport class EclGalleryMediaTrack {\n    src?: string;\n    kind?: string;\n    srcLang?: string;\n    label?: string;\n}\n\nexport class EclGalleryPictureSource {\n    srcset? : string;\n    media? : string;\n}\n\nexport class EclGalleryPictureImage {\n    src? : string;\n    alt? : string;\n    loading?: string;\n}\n\n/**\n * Manages image/video for the thumbnail in the gallery. Adding some styling and functionality.\n */\n@Directive({\n    selector: '[eclGalleryMedia], [eclGalleryImage]',\n})\nexport class EclGalleryMediaDirective extends ECLBaseDirective implements OnInit {\n    /**\n     * To be used when there is no thimbnail added. Instead the 'poster' attribute in the <video> element is used\n     */\n    @Input() poster: string;\n    /**\n     * When this is true, on mousehover the image will be zoomed.\n     */\n    @Input({ transform: booleanAttribute }) hasZoom = false;\n    sources: Array<EclGalleryMediaSource> = [];\n    tracks: Array<EclGalleryMediaTrack> = [];\n\n    /**\n     * Applies the ECL classes for the component.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            super.getCssClasses('ecl-gallery__image'),\n            this.hasZoom && this.isVideo ? 'ecl-video--zoom' : '',\n        ].join(' ').trim();\n    }\n    @HostBinding('class.ecl-video') isVideo = false;\n    private el = inject(ElementRef);\n\n    constructor() {\n        super();\n        afterNextRender(() => {\n            this.createGalleryMediaChildren();\n        });\n    }\n\n    ngOnInit(): void {\n        this.checkIsVideo();\n    }\n\n    private checkIsVideo(): void {\n        const selector = this.el.nativeElement.tagName;\n        this.isVideo = selector === 'VIDEO';\n    }\n\n    private createGalleryMediaChildren(): void {\n        if (!this.getHostElement().hasChildNodes) {\n            return;\n        }\n        this.getHostElement().childNodes.forEach((el: HTMLInputElement) => {\n            if (el.nodeName === 'SOURCE') {\n                const mediaSource = new EclGalleryMediaSource();\n                mediaSource.src = el.getAttribute('src');\n                mediaSource.type = el.getAttribute('type');\n                this.sources.push(mediaSource);\n            } else if (el.nodeName === 'TRACK') {\n                const mediaTrack = new EclGalleryMediaTrack();\n                mediaTrack.src = el.getAttribute('src');\n                mediaTrack.kind = el.getAttribute('kind');\n                mediaTrack.srcLang = el.getAttribute('srcLang');\n                mediaTrack.label = el.getAttribute('label');\n                this.tracks.push(mediaTrack);\n            }\n        });\n    }\n\n    private getHostElement(): HTMLInputElement {\n        return this.el.nativeElement;\n    }\n}\n\n/**\n * Adds styling and functionality for gallery picture component.\n */\n@Directive({\n    selector: 'picture[eclGalleryPicture]',\n})\nexport class EclGalleryPictureDirective extends ECLBaseDirective {\n    // TODO: to be removed in v19. Thumbnail should be added by user.\n    isThumbnail = false;\n    sources: Array<EclGalleryPictureSource> = [];\n    img: EclGalleryPictureImage ={};\n    private el = inject(ElementRef);\n    private cd = inject(ChangeDetectorRef);\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-picture'), this.isThumbnail ? 'ecl-gallery__thumbnail': 'ecl-gallery__picture'].join(' ').trim();\n    }\n\n    constructor() {\n        super();\n        afterNextRender(() => {\n            this.createGalleryPictureChildren();\n        });\n    }\n\n    private createGalleryPictureChildren(): void {\n        if (!this.getHostElement().hasChildNodes()) {\n            return;\n        }\n        this.getHostElement().childNodes.forEach((el: HTMLSourceElement | HTMLImageElement) => {\n            if (el.nodeName === 'SOURCE') {\n                const pictureSource = new EclGalleryPictureSource();\n                pictureSource.srcset = el.getAttribute('srcset');\n                pictureSource.media = el.getAttribute('media');\n                this.sources.push(pictureSource);\n            } else if (el.nodeName === 'IMG') {\n                const imageSource = new EclGalleryPictureImage();\n                imageSource.src = el.getAttribute('src');\n                imageSource.alt = el.getAttribute('alt');\n                imageSource.loading = el.getAttribute('loading');\n                this.img.src = imageSource.src;\n                this.img.alt = imageSource.alt;\n                this.img.loading = imageSource.loading;\n\n            }\n            this.cd.detectChanges();\n        });\n    }\n\n    private getHostElement(): HTMLElement {\n        return this.el.nativeElement;\n    }\n}\n\n/**\n * Applies classes for the gallery thumbnail.\n */\n@Directive({\n    selector: 'picture[eclGalleryThumbnail]',\n})\nexport class EclGalleryThumbnailDirective extends ECLBaseDirective {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-picture ecl-gallery__thumbnail')].join(' ').trim();\n    }\n    @Input({ transform: booleanAttribute }) @HostBinding('class.ecl-picture--zoom') hasZoom = false;\n}\n","import { Component, ContentChild, ElementRef, EventEmitter, HostBinding, HostListener, Input, OnInit, AfterContentInit, Output, Renderer2, booleanAttribute, inject } from '@angular/core';\nimport { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclGalleryItem } from './models/ecl-gallery-item.model';\nimport {\n    EclGalleryMediaDirective,\n    EclGalleryPictureDirective,\n    EclGalleryThumbnailDirective,\n} from './ecl-gallery-media.directive';\nimport { EclGalleryItemClickEvent } from './events';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\n\n/**\n * Wrapper component for gallery item's elements.\n */\n@Component({\n    selector: 'ecl-gallery-item',\n    templateUrl: './ecl-gallery-item.component.html',\n    imports: [...EUI_ECL_ICON],\n})\nexport class EclGalleryItemComponent extends ECLBaseDirective implements EclGalleryItem, OnInit, AfterContentInit {\n    /**\n     * Can this item be shared, i.e. show/hide share button.\n     */\n    @Input({ transform: booleanAttribute }) isShareable = true;\n    @Input() mediaType: 'image' | 'video' | 'externalVideo' = 'image';\n    /**\n     * The source link to the image/video, that will be shown in the original size (when open image/video in overlay or in orginal size).\n     */\n    @Input() src: string;\n    @Input() meta: string;\n    @Input() description: string;\n    /**\n     * Embeded audio description.\n     */\n    @Input() srVideoAudioDescription: string;\n    @Input() icon: string;\n    @Input() title: string;\n    @Input() itemId: string;\n    @Output() itemClick = new EventEmitter<EclGalleryItemClickEvent>();\n    @ContentChild(EclGalleryMediaDirective) mediaChild: EclGalleryMediaDirective;\n    @ContentChild(EclGalleryThumbnailDirective) galleryThumbnail: EclGalleryThumbnailDirective;\n    @ContentChild(EclGalleryPictureDirective) galleryPicture: EclGalleryPictureDirective;\n\n    /**\n     * Binds specific classes for the item. Some depend on some of the properties of the component.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-gallery__item'), this._isHidden ? 'ecl-gallery__item--hidden' : ''].join(' ').trim();\n    }\n    /**\n     * The role attribute of the item is 'listitem', should not be changed.\n     */\n    @HostBinding('attr.role') role = 'listitem';\n\n    private _isNoOverlay = false;\n    private _isHidden = false;\n    private externalVideoUrl: SafeResourceUrl;\n    private domSanitizer = inject(DomSanitizer);\n    private renderer = inject(Renderer2);\n    private el = inject(ElementRef);\n\n    ngOnInit(): void {\n        if (this.isExternalVideo) {\n            const iframeUrl = new URL(this.src);\n            if (iframeUrl.host.includes('youtube')) {\n                this.externalVideoUrl = this.domSanitizer.bypassSecurityTrustResourceUrl(iframeUrl.toString());\n            } else {\n                this.externalVideoUrl = this.domSanitizer.bypassSecurityTrustResourceUrl(this.src);\n            }\n        }\n\n        if (!this.itemId) {\n            this.itemId = crypto.randomUUID();\n        }\n    }\n\n    // TODO: to be removed in v19. Thumbnail should be added by user.\n    ngAfterContentInit(): void {\n        if (this.galleryPicture && !this.galleryThumbnail && !this.isImage) {\n            this.galleryPicture.isThumbnail = true;\n        }\n    }\n\n    /**\n     * Set if the item should be shown in the gallery by default.\n     */\n    set isHidden(value: boolean) {\n        this._isHidden = value;\n    }\n\n    @HostListener('click', ['$event'])\n    onItemClick(evt: MouseEvent): void {\n        this.itemClick.next(new EclGalleryItemClickEvent());\n        evt.preventDefault();\n    }\n\n    getDownloadLink(): string {\n        return this.src;\n    }\n\n    getUrlExternalVideo(): SafeResourceUrl {\n        return this.externalVideoUrl;\n    }\n\n    get isNoOverlay(): boolean {\n        return this._isNoOverlay;\n    }\n\n    set isNoOverlay(value: boolean) {\n        this._isNoOverlay = value;\n    }\n\n    get isImage(): boolean {\n        return this.mediaType === 'image';\n    }\n\n    get isVideo(): boolean {\n        return this.mediaType === 'video';\n    }\n\n    get isExternalVideo(): boolean {\n        return this.mediaType === 'externalVideo';\n    }\n\n    get isOpenInFullScreenPossible(): boolean {\n        return this.mediaType !== 'externalVideo';\n    }\n\n    /**\n     * Creates id for the title\n     */\n    get titleId(): string {\n        return `${this.itemId}-title`;\n    }\n\n    /**\n     * If the thimbnail was added by user. If not -> we are adding it in the view.\n     */\n    get hasGalleryThumbnail(): boolean {\n        return !this.galleryThumbnail && this.isImage;\n    }\n\n    onFocus(): void {\n        this.renderer.selectRootElement(this.el.nativeElement.children[0], true).focus();\n    }\n}\n","<a [href]=\"src\" class=\"ecl-gallery__item-link\" [class.ecl-gallery__item__link--frozen]=\"isNoOverlay\" [id]=\"itemId\">\n    <figure class=\"ecl-gallery__image-container\">\n        @if(mediaType !== 'image') {\n        <div class=\"ecl-gallery__item-icon-wrapper\">\n            <ecl-icon isInverted class=\"ecl-gallery__item-icon ecl-icon--inverted\" icon=\"play-filled\" size=\"l\"></ecl-icon>\n        </div>\n        } \n        @if(hasGalleryThumbnail) { <!-- TODO: to be removed in v19. Thumbnail should be added by user. -->\n            <picture class=\"ecl-picture ecl-gallery__thumbnail\">\n                @for(el of galleryPicture?.sources; track el.srcset ) {\n                    <source [attr.srcset]=\"el.srcset\" [attr.media]=\" el.media\">\n                }\n                <img class=\"ecl-gallery__image\"\n                     [attr.src]=\"galleryPicture?.img.src\"\n                     [attr.alt]=\"galleryPicture?.img.alt\" />\n            </picture>\n        }\n        <ng-content select=\"[eclGalleryPicture], [eclGalleryThumbnail], [eclGalleryMedia], [eclGalleryImage]\"></ng-content>\n        <figcaption class=\"ecl-gallery__description\">\n            @if(title) {\n                <span class=\"ecl-gallery__title\" [id]=\"titleId\">{{title}}</span>\n            }\n            @if(description) {\n                <span class=\"ecl-gallery__caption\">{{ description }}</span>\n            }\n            @if(icon) {\n            <ecl-icon class=\"ecl-gallery__description-icon\" [icon]=\"icon\"></ecl-icon>\n            }\n            <span class=\"ecl-gallery__meta\">\n                {{ meta }}\n            </span>\n        </figcaption>\n    </figure>\n</a>","import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';\nimport { AfterContentInit, Component, ContentChild, ContentChildren, ElementRef, EventEmitter, HostBinding, HostListener, Input, OnDestroy, OnInit, Output, PLATFORM_ID, QueryList, ViewChild, booleanAttribute, numberAttribute, inject } from '@angular/core';\nimport { isPlatformBrowser, NgTemplateOutlet } from '@angular/common';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { Subject, delay } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclGalleryFooterComponent } from './ecl-gallery-footer.component';\nimport { EclGalleryItemComponent } from './ecl-gallery-item.component';\nimport { EclGalleryItemEvent } from './events';\nimport { EclGalleryShareEvent } from './events';\nimport { EclGalleryFullScreenEvent } from './events';\nimport { EclGalleryHideEvent } from './events';\nimport { EclGalleryShowEvent } from './events';\nimport { EUI_ECL_BUTTON } from '@eui/ecl/components/ecl-button';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\nimport { EUI_ECL_LINK } from '@eui/ecl/components/ecl-link';\n\n/**\n * This component represents a collection of images or videos and allows a user to browse them.\n * Adds functionality and styling, according to the ECL standards.\n */\n@Component({\n    selector: 'ecl-gallery',\n    templateUrl: './ecl-gallery.component.html',\n    imports: [TranslateModule, NgTemplateOutlet, ...EUI_ECL_BUTTON, ...EUI_ECL_ICON, ...EUI_ECL_LINK],\n    styles: [\n        `\n            :host {\n                display: block;\n            }\n        `,\n    ],\n})\nexport class EclGalleryComponent extends ECLBaseDirective implements AfterContentInit, OnDestroy, OnInit {\n    @Input({ transform: booleanAttribute }) isOpenInFullScreenPossible = true;\n    /**\n     * If the items in the gallery can be shared. I.e. if the link for sharing will be present for each item.\n     */\n    @Input({ transform: booleanAttribute }) isShareable = true;\n    /**\n     * If set to true, the gallery will have 100 view width.\n     */\n    @Input({ transform: booleanAttribute }) isFullWidth = false;\n    /**\n     * If set to true, no overlay will be displayed when user clicks on an image.\n     */\n    @Input({ transform: booleanAttribute }) isNoOverlay = false;\n    /**\n     * If set to false, no title will be displayed when user hover on a gallery item.\n     */\n    @Input({ transform: booleanAttribute }) isShowTitleOnHover = true;\n    /**\n     * Number of gallery items to be displayed by default. The rest can be displayed with the 'View all' button.\n     */\n    @Input({ transform: numberAttribute }) maxVisibleItems: number;\n    /**\n     * If set to true, a specific class will be applied, so the gallery thumbnails are displayed as a grid, all with same size.\n     */\n    @Input({ transform: booleanAttribute }) isGrid = false;\n    // TODO: not used, to be removed in v20.\n    @Input({ transform: numberAttribute }) columns: 2 | 3 | 4 | number = 3;\n    /**\n     * This property can be used with 'isGrid' property set to true. By default gridTemplate is 0 and all the thimbnails have same size.\n     * If another template value is set, some additional formatting is applied and the thumbnails will have different sizes.\n     */\n    @Input() gridTemplate: '0' | '1' | '2' | '3' | '4' | string = '0';\n    /**\n     * The ratio that will be applied to the gallery thumbnails.\n     */\n    @Input() ratio: '3-1' | '3-2' | string = '3-2';\n\n    /**\n     * Emits event when user clicks on an item to expand it.\n     */\n    // eslint-disable-next-line @angular-eslint/no-output-native\n    @Output() show = new EventEmitter<EclGalleryShowEvent>();\n    /**\n     * Emits event when an expanded item is closed.\n     */\n    @Output() hide = new EventEmitter<EclGalleryHideEvent>();\n    /**\n     * Emits event when an item is opened in full screen.\n     */\n    @Output() openFullScreen = new EventEmitter<EclGalleryFullScreenEvent>();\n    /**\n     * Emits event when an item is shared.\n     */\n    @Output() share = new EventEmitter<EclGalleryShareEvent>();\n    /**\n     * Emits event when user is browsing items, opened in an overlay.\n     */\n    @Output() itemSwitch = new EventEmitter<EclGalleryItemEvent>();\n    @ContentChildren(EclGalleryItemComponent) galleryItems: QueryList<EclGalleryItemComponent>;\n    @ContentChild(EclGalleryFooterComponent) galleryFooter: EclGalleryFooterComponent;\n    @ViewChild('overlay') overlayChild: ElementRef;\n    @ViewChild('header') headerChild: ElementRef;\n    @ViewChild('footer') footerChild: ElementRef;\n\n    /**\n     * Applies specific clases to the component, related to the component properties values.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-gallery'),\n            this.isFullWidth ? 'ecl-gallery--full-width' : '',\n            this.isGrid ? 'ecl-gallery--grid' : '',\n            this.isGrid && this.gridTemplate === '0' ? `ecl-gallery--col-${this.columns}` : '',\n            this.isGrid ? `ecl-gallery--template-${this.gridTemplate}`: '',\n            this.isGrid ? `ecl-gallery--ratio-${this.ratio}`: '',\n            !this.isShowTitleOnHover ? 'ecl-gallery--no-hover' : '',\n        ].join(' ').trim();\n    }\n    /**\n     * The default role of the component is 'region' and should not be changed.\n     */\n    @HostBinding('attr.role') role = 'region';\n\n    isDialogVisible = false;\n    isMobile = false;\n    itemsCount: number;\n    itemIndex: number;\n    item: EclGalleryItemComponent;\n    private iframeWidth: number;\n    private iframeHeight: number;\n    private BREAKPOINT_CHANGES_TIMEOUT = 500;\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n    private visibleItems: number;\n    private MAX_VISIBLE_ITEMS_MOBILE = 3;\n    private RESOLUTION_16_9_PROPOTION = 16 / 9;\n    private RESOLUTION_4_3_PROPOTION = 4 / 3;\n    private cdkBreakpointObserver = inject(BreakpointObserver);\n    private platformId = inject(PLATFORM_ID);\n\n    ngOnInit(): void {\n        // Manages the initial display of the gallery, the footer and the visible/hidden items.\n        if (isPlatformBrowser(this.platformId)) {\n            this.observeBreakpointChanges();\n        }\n    }\n\n    ngAfterContentInit(): void {\n        this.itemsCount = this.galleryItems.length;\n        this.visibleItems = this.maxVisibleItems ? this.maxVisibleItems : this.itemsCount;\n        if (this.galleryFooter) {\n            this.galleryFooter.itemsCount = this.itemsCount;\n            this.galleryFooter.isShowToggleBtn = this.hasHiddenGaleryItems();\n            // Subscribe to 'toggleItems' event from gallery footer, to show or collapse items.\n            this.galleryFooter.toggleItems.pipe(takeUntil(this.destroy$)).subscribe((evt) => {\n                if (evt.expandAll) {\n                    this.showAllItems();\n                } else {\n                    this.collapseItems();\n                }\n            });\n        }\n\n        if (!this.isNoOverlay) {\n            // For each item, subscribe to 'itemClick' event.\n            this.galleryItems.forEach((item) => {\n                item.itemClick.pipe(takeUntil(this.destroy$)).subscribe((_) => {\n                    this.isDialogVisible = true;\n                    this.item = item;\n                    this.itemIndex = this.findItemIndex(this.galleryItems.toArray(), item);\n                    this.show.next(new EclGalleryShowEvent());\n                    if (isPlatformBrowser(this.platformId)) {\n                        setTimeout(() => this.setIframeDimensions());\n                    }\n                });\n            });\n        } else {\n            this.galleryItems.forEach((item) => (item.isNoOverlay = true));\n        }\n\n        if (this.hasHiddenGaleryItems()) {\n            this.collapseItems();\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    /**\n     * Emit 'itemSwitch' event, when switching to the previous item. Event contains the new current item.\n     * @param evt\n     */\n    onPrevious(evt: MouseEvent): void {\n        this.item = this.findPreviousItem(this.galleryItems.toArray(), this.item);\n\n        this.itemIndex = this.findItemIndex(this.galleryItems.toArray(), this.item);\n\n        this.itemSwitch.next(new EclGalleryItemEvent(this.item));\n    }\n\n    /**\n     * Emit 'itemSwitch' event, when switching to the next item. Event contains the new current item.\n     * @param evt\n     */\n    onNext(evt: MouseEvent): void {\n        this.item = this.findNextItem(this.galleryItems.toArray(), this.item);\n        this.itemIndex = this.findItemIndex(this.galleryItems.toArray(), this.item);\n\n        this.itemSwitch.next(new EclGalleryItemEvent(this.item));\n    }\n\n    /**\n     * Emit 'hide' event, when closing item dialog.\n     * @param evt\n     */\n    onClose(evt: MouseEvent): void {\n        this.item = null;\n        this.itemIndex = -1;\n        this.isDialogVisible = false;\n        this.hide.next(new EclGalleryHideEvent());\n    }\n\n    /**\n     * On pressing 'esc' key - close the item dialog and emit 'hide' event.\n     * @param event\n     */\n    @HostListener('document:keydown.escape')\n    onEscapeKeydownHandler(): void {\n        this.isDialogVisible = false;\n        this.hide.next(new EclGalleryHideEvent());\n    }\n\n    onFullScreenOpen(evt: MouseEvent): void {\n        this.openFullScreen.next(new EclGalleryFullScreenEvent(this.item));\n    }\n\n    onShare(evt: MouseEvent): void {\n        this.share.next(new EclGalleryShareEvent(this.item));\n        evt.preventDefault();\n    }\n\n    canBeOpenInFullScreen(): boolean {\n        return this.isOpenInFullScreenPossible && this.item?.isOpenInFullScreenPossible;\n    }\n\n    canBeShared(): boolean {\n        return this.isShareable && this.item?.isShareable;\n    }\n\n    getIframeWidth(): number {\n        return this.iframeWidth;\n    }\n\n    getIframeHeight(): number {\n        return this.iframeHeight;\n    }\n\n    setIframeDimensions(): void {\n        const { width, height } = this.getCalculatedIframeDimensions();\n        this.iframeWidth = width;\n        this.iframeHeight = height;\n    }\n\n    @HostListener('window:resize')\n    iframeResize(): void {\n        this.setIframeDimensions();\n    }\n\n    private getCalculatedIframeDimensions(): { width: number; height: number } {\n        let width = window.innerWidth;\n        let height =\n            this.overlayChild.nativeElement.clientHeight -\n            this.headerChild.nativeElement.clientHeight -\n            this.footerChild.nativeElement.clientHeight;\n        if (width > height) {\n            const scaledHeight = height * this.RESOLUTION_16_9_PROPOTION;\n            if (scaledHeight > width) {\n                width = width * 0.95;\n            } else {\n                width = scaledHeight;\n            }\n        } else {\n            const scaledWith = width * this.RESOLUTION_4_3_PROPOTION;\n            if (scaledWith > height) {\n                height = height * 0.95;\n            } else {\n                height = scaledWith;\n            }\n        }\n        return {\n            width,\n            height,\n        };\n    }\n\n    private findItemIndex(items: Array<EclGalleryItemComponent>, item: EclGalleryItemComponent): number {\n        return items.findIndex((it) => it === item) + 1;\n    }\n\n    private findPreviousItem(items: Array<EclGalleryItemComponent>, item: EclGalleryItemComponent): EclGalleryItemComponent {\n        const index = this.findPreviousItemIndex(items, item);\n        return items[index];\n    }\n\n    private findNextItem(items: Array<EclGalleryItemComponent>, item: EclGalleryItemComponent): EclGalleryItemComponent {\n        const index = this.findNextItemIndex(items, item);\n        return items[index];\n    }\n\n    private findPreviousItemIndex(items: Array<EclGalleryItemComponent>, item: EclGalleryItemComponent): number {\n        const currentIndex = items.findIndex((it) => it === item);\n        return currentIndex === 0 ? items.length - 1 : currentIndex - 1;\n    }\n\n    private findNextItemIndex(items: Array<EclGalleryItemComponent>, item: EclGalleryItemComponent): number {\n        const currentIndex = items.findIndex((it) => it === item);\n        return currentIndex >= items.length - 1 ? 0 : currentIndex + 1;\n    }\n\n    private observeBreakpointChanges(): void {\n        this.cdkBreakpointObserver\n            .observe([Breakpoints.Handset, Breakpoints.Tablet])\n            .pipe(takeUntil(this.destroy$), delay(this.BREAKPOINT_CHANGES_TIMEOUT))\n            .subscribe((result) => {\n                this.isMobile = result.matches;\n                if (this.isMobile) {\n                    this.manageItemsMobile();\n                } else {\n                    this.manageItemsDesktop();\n                }\n            });\n    }\n\n    private manageItemsMobile(): void {\n        this.maxVisibleItems = this.MAX_VISIBLE_ITEMS_MOBILE;\n        this.collapseItems();\n        if (this.galleryFooter) {\n            this.galleryFooter.isShowToggleBtn = this.hasHiddenGaleryItems();\n        }\n    }\n\n    private manageItemsDesktop(): void {\n        this.maxVisibleItems = this.visibleItems;\n        this.getVisibleItems().forEach((elem) => this.showGaleryItem(elem));\n        this.collapseItems();\n        if (this.galleryFooter) {\n            this.galleryFooter.isShowToggleBtn = this.hasHiddenGaleryItems();\n        }\n    }\n\n    private hasHiddenGaleryItems(): boolean {\n        if (this.maxVisibleItems && this.itemsCount > 0 && this.maxVisibleItems < this.itemsCount) {\n            return true;\n        } else {\n            return false;\n        }\n    }\n\n    private collapseItems(): void {\n        this.getHiddenItems().forEach((elem) => this.hideGaleryItem(elem));\n    }\n\n    private showAllItems(): void {\n        const hiddenItems = this.getHiddenItems();\n        hiddenItems.forEach((elem) => this.showGaleryItem(elem));\n        setTimeout(() => hiddenItems[0].onFocus());\n    }\n\n    private hideGaleryItem(item: EclGalleryItemComponent): void {\n        item.isHidden = true;\n    }\n\n    private showGaleryItem(item: EclGalleryItemComponent): void {\n        item.isHidden = false;\n    }\n\n    private getHiddenItems(): EclGalleryItemComponent[] {\n        return this.galleryItems.filter((item, cnt) => cnt >= this.maxVisibleItems);\n    }\n    private getVisibleItems(): EclGalleryItemComponent[] {\n        return this.galleryItems.filter((item, cnt) => cnt < this.maxVisibleItems);\n    }\n}\n","<ul class=\"ecl-gallery__list\">\n    <ng-content></ng-content>\n</ul>\n\n<ng-content select=\"ecl-gallery-footer\"></ng-content>\n\n<dialog #overlay [attr.open]=\"isDialogVisible || null\" class=\"ecl-gallery__overlay\"\n    [attr.aria-label]=\"'ecl.gallery.FULL-SIZE-DISPLAY' | translate\">\n    <header #header class=\"ecl-gallery__close\">\n        <button (click)=\"onClose($event)\" eclButton class=\"ecl-gallery__close-button\" isIconOnly variant=\"ghost\">\n            <span eclButtonLabel>\n                {{ 'ecl.common.CLOSE' | translate }}\n            </span>\n            <ecl-icon icon=\"close\" size=\"m\"></ecl-icon>\n        </button>\n    </header>\n    <section class=\"ecl-gallery__slider\">\n        <div class=\"ecl-gallery__slider-media-container\">\n            @if(item?.isExternalVideo) {\n            <div class=\"ecl-gallery__slider-embed\">\n                @if (item?.srVideoAudioDescription) {\n                    <div class=\"ecl-gallery__slider-embed-audio\">{{item?.srVideoAudioDescription}}</div>\n                }\n                <iframe [src]=\"item?.getUrlExternalVideo()\" [style.width.px]=\"getIframeWidth()\"\n                    [style.height.px]=\"getIframeHeight()\" [attr.title]=\"item.title + ' - Video player'\" frameborder=\"0\">\n                </iframe>\n            </div>\n            }\n            @if(item?.isImage) {\n            <picture class=\"ecl-picture ecl-gallery__picture ecl-gallery__slider-image\">\n                @for(el of item.galleryPicture?.sources; track el.srcset) {\n                    <source [attr.srcset]=\"el.srcset\" [attr.media]=\" el.media\">\n                }\n                <img [attr.alt]=\"item?.galleryPicture?.img.alt || null\"\n                     [src]=\"item?.galleryPicture?.img.src\"\n                     [attr.loading]=\"item?.galleryPicture?.img.loading || null\" />\n            </picture>\n            }\n            @if(item?.isVideo) {\n            <video controls=\"controls\" class=\"ecl-gallery__slider-video\" [attr.aria-label]=\"item.title + ' - Video player'\"\n                [attr.poster]=\"item.mediaChild?.poster\">\n                @for (el of item.mediaChild?.sources; track el.src) {\n                <source [attr.src]=\"el.src\" [attr.type]=\"el.type\" />\n                }\n                @for (elem of item.mediaChild?.tracks; track elem.src) {\n                <track [attr.src]=\"elem.src\" [attr.kind]=\"elem.kind\" [attr.srcLang]=\"elem.srcLang\"\n                    [attr.label]=\"elem.label\" />\n                }\n            </video>\n            }\n        </div>\n    </section>\n    <footer #footer class=\"ecl-gallery__detail\">\n        <div class=\"ecl-container\">\n            <div class=\"ecl-gallery__detail-container\">\n                <div class=\"ecl-gallery__pager\">\n                    <div class=\"ecl-gallery__detail-counter\">\n                        <span>{{ itemIndex }}</span> {{ 'ecl.common.OF' | translate }} <span>{{ itemsCount }}</span>\n                    </div>\n                    <div class=\"ecl-gallery__controls\">\n                        <button eclButton class=\"ecl-gallery__slider-previous\" variant=\"tertiary\" isIconOnly\n                            (click)=\"onPrevious($event)\">\n                            <ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-270\"></ecl-icon>\n                            <span eclButtonLabel>\n                                {{ 'ecl.common.PREVIOUS' | translate }}\n                            </span>\n                        </button>\n                        <button eclButton class=\"ecl-gallery__slider-next\" variant=\"tertiary\" isIconOnly\n                            (click)=\"onNext($event)\">\n                            <span eclButtonLabel>\n                                {{ 'ecl.common.NEXT' | translate }}\n                            </span>\n                            <ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-90\"></ecl-icon>\n                        </button>\n                    </div>\n                </div>\n                <div class=\"ecl-gallery__detail-actions\">\n                    <ng-container *ngTemplateOutlet=\"links\"></ng-container>\n                </div>\n            </div>\n            <div class=\"ecl-gallery__detail-description\">\n                @if(isMobile) {\n                    <div class=\"ecl-gallery__detail-actions-mobile\">\n                        <ng-container *ngTemplateOutlet=\"links\"></ng-container>\n                    </div>\n                }\n                @if(item?.title) {\n                    <span class=\"ecl-gallery__title\" [id]=\"item?.itemId\">{{ item?.title }}</span>\n                }\n                @if(item?.description) {\n                    <span class=\"ecl-gallery__caption\">{{ item?.description }}</span>\n                }\n                @if(item?.meta) {\n                    <span class=\"ecl-gallery__meta\">{{ item?.meta }}</span>\n                }\n            </div>\n        </div>\n    </footer>\n</dialog>\n\n<ng-template #links>\n    @if(canBeOpenInFullScreen()) {\n        <a eclLink [attr.aria-describedby]=\"item?.titleId\" variant=\"standalone\"\n           class=\"ecl-gallery__download\" [href]=\"item?.getDownloadLink()\" target=\"_blank\"\n           (click)=\"onFullScreenOpen($event)\" isInverted>\n            <span eclLinkLabel>{{ 'ecl.gallery.VIEW-ORIGINAL' | translate }}</span>\n            <ecl-icon icon=\"fullscreen\" size=\"fluid\" focusable=\"false\"></ecl-icon>\n        </a>\n    }\n    @if(canBeShared()) {\n        <a [attr.aria-describedby]=\"item?.titleId\" eclLink variant=\"standalone\" isInverted\n           class=\"ecl-gallery__share\" href=\"\" (click)=\"onShare($event)\">\n            <span eclLinkLabel>{{ 'ecl.common.SHARE' | translate }}</span>\n            <ecl-icon icon=\"share\" size=\"fluid\" focusable=\"false\"></ecl-icon>\n        </a>\n    }\n</ng-template>","import { NgModule } from '@angular/core';\nimport { EclGalleryFooterComponent } from './ecl-gallery-footer.component';\nimport { EclGalleryItemComponent } from './ecl-gallery-item.component';\nimport {\n    EclGalleryMediaDirective,\n    EclGalleryPictureDirective,\n    EclGalleryThumbnailDirective,\n} from './ecl-gallery-media.directive';\nimport { EclGalleryComponent } from './ecl-gallery.component';\n\nconst COMPONENTS = [\n    EclGalleryComponent,\n    EclGalleryFooterComponent,\n    EclGalleryItemComponent,\n    EclGalleryMediaDirective,\n    EclGalleryPictureDirective,\n    EclGalleryThumbnailDirective,\n];\n\n/**\n * Module that provides the EclGalleryComponent and its dependencies.\n *\n * @deprecated Use {@link EUI_ECL_GALLERY} instead.\n */\n@NgModule({\n    imports: [...COMPONENTS],\n    exports: [...COMPONENTS],\n})\nexport class EclGalleryModule {}\n","import { EclGalleryFooterComponent } from './ecl-gallery-footer.component';\nimport { EclGalleryItemComponent } from './ecl-gallery-item.component';\nimport {\n    EclGalleryMediaDirective,\n    EclGalleryPictureDirective,\n    EclGalleryThumbnailDirective,\n} from './ecl-gallery-media.directive';\nimport { EclGalleryComponent } from './ecl-gallery.component';\n\nexport * from './ecl-gallery.module';\nexport * from './ecl-gallery.component';\nexport * from './ecl-gallery-item.component';\nexport * from './ecl-gallery-footer.component';\nexport * from './ecl-gallery-media.directive';\nexport * from './events/index';\nexport * from './models/ecl-gallery-item.model';\n\nexport const EUI_ECL_GALLERY = [\n    EclGalleryComponent,\n    EclGalleryFooterComponent,\n    EclGalleryItemComponent,\n    EclGalleryMediaDirective,\n    EclGalleryPictureDirective,\n    EclGalleryThumbnailDirective,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2","i4"],"mappings":"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"}
+{"version":3,"file":"eui-ecl-components-ecl-gallery.mjs","sources":["../../components/ecl-gallery/events/ecl-gallery.event.ts","../../components/ecl-gallery/events/ecl-gallery-item.event.ts","../../components/ecl-gallery/events/ecl-gallery-item-click.event.ts","../../components/ecl-gallery/events/ecl-gallery-toggle-items.event.ts","../../components/ecl-gallery/ecl-gallery-footer.component.ts","../../components/ecl-gallery/ecl-gallery-footer.component.html","../../components/ecl-gallery/ecl-gallery-media.directive.ts","../../components/ecl-gallery/ecl-gallery-item.component.ts","../../components/ecl-gallery/ecl-gallery-item.component.html","../../components/ecl-gallery/ecl-gallery.component.ts","../../components/ecl-gallery/ecl-gallery.component.html","../../components/ecl-gallery/ecl-gallery.module.ts","../../components/ecl-gallery/index.ts","../../components/ecl-gallery/eui-ecl-components-ecl-gallery.ts"],"sourcesContent":["import { EclBaseEvent } from '@eui/ecl/core';\nimport { EclGalleryItem } from '../models/ecl-gallery-item.model';\n\nexport class EclGalleryShowEvent extends EclBaseEvent {}\nexport class EclGalleryHideEvent extends EclBaseEvent {}\nexport class EclGalleryFullScreenEvent extends EclBaseEvent {\n\tconstructor(public galleryItem: EclGalleryItem) {\n\t\tsuper();\n\t}\n}\nexport class EclGalleryShareEvent extends EclBaseEvent {\n\tconstructor(public galleryItem: EclGalleryItem) {\n\t\tsuper();\n\t}\n}\n","import { EclBaseEvent } from '@eui/ecl/core';\nimport { EclGalleryItem } from '../models/ecl-gallery-item.model';\n\nexport class EclGalleryItemEvent extends EclBaseEvent {\n\tconstructor(public galleryItem: EclGalleryItem) {\n\t\tsuper();\n\t}\n}","import { EclBaseEvent } from '@eui/ecl/core';\n\nexport class EclGalleryItemClickEvent extends EclBaseEvent {}","import { EclBaseEvent } from '@eui/ecl/core';\n\nexport class EclGalleryToggleItemsEvent extends EclBaseEvent {\n\tconstructor(public expandAll: boolean) {\n\t\tsuper();\n\t}\n}","import { Component, EventEmitter, HostBinding, Input, OnInit, Output } from '@angular/core';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { EclGalleryToggleItemsEvent } from './events';\nimport { EUI_ECL_BUTTON } from '@eui/ecl/components/ecl-button';\n\n/**\n * Manages styling and functionality for gallery footer.\n */\n@Component({\n    selector: 'ecl-gallery-footer',\n    templateUrl: './ecl-gallery-footer.component.html',\n    imports: [TranslateModule, ...EUI_ECL_BUTTON],\n})\nexport class EclGalleryFooterComponent implements OnInit {\n    @HostBinding('class.ecl-gallery__footer') hasClass = true;\n    @Input() infoId: string;\n    /**\n     * Event, that is emitted when items are expanded/collapsed.\n     */\n    @Output() toggleItems = new EventEmitter<EclGalleryToggleItemsEvent>();\n\n    private _itemsCount: number;\n    private _isExpanded = false;\n    private _isShowToggleBtn = false;\n\n    ngOnInit(): void {\n        if (!this.infoId) {\n            this.infoId = crypto.randomUUID();\n        }\n    }\n    get isExpanded(): boolean {\n        return this._isExpanded;\n    }\n    set isExpanded(value: boolean) {\n        this._isExpanded = value;\n    }\n\n    get itemsCount(): number {\n        return this._itemsCount;\n    }\n    set itemsCount(value: number) {\n        this._itemsCount = value;\n    }\n\n    get isShowToggleBtn(): boolean {\n        return this._isShowToggleBtn;\n    }\n    set isShowToggleBtn(value: boolean) {\n        this._isShowToggleBtn = value;\n    }\n\n    onToggle(): void {\n        this._isExpanded = !this._isExpanded;\n        this.toggleItems.next(new EclGalleryToggleItemsEvent(this.isExpanded));\n    }\n}\n","<div class=\"ecl-gallery__info\">\n    <div class=\"ecl-gallery__info-total\" [id]=\"infoId\">\n        <strong>{{ itemsCount }}</strong>{{ 'ecl.gallery.MEDIA-FILES-COUNT' | translate }}\n    </div>\n    @if(isShowToggleBtn) {\n    @if(!isExpanded) {\n    <button [attr.aria-describedby]=\"infoId\" eclButton variant=\"ghost\" class=\"ecl-gallery__view-all\"\n        (click)=\"onToggle()\">\n        {{ 'ecl.gallery.VIEW-ALL' | translate }}\n    </button>\n    } @else {\n    <button [attr.aria-describedby]=\"infoId\" eclButton variant=\"ghost\" class=\"ecl-gallery__view-all\"\n        (click)=\"onToggle()\">\n        {{ 'ecl.common.COLLAPSE' | translate }}\n    </button>\n    }\n    }\n</div>\n<hr class=\"ecl-gallery__footer-divider\" />\n<div class=\"ecl-gallery__footer-link\">\n    <ng-content></ng-content>\n</div>","import { ChangeDetectorRef, Directive, ElementRef, HostBinding, Input, OnInit, afterNextRender, booleanAttribute, inject } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\nexport class EclGalleryMediaSource {\n    src?: string;\n    type?: string;\n}\n\nexport class EclGalleryMediaTrack {\n    src?: string;\n    kind?: string;\n    srcLang?: string;\n    label?: string;\n}\n\nexport class EclGalleryPictureSource {\n    srcset? : string;\n    media? : string;\n}\n\nexport class EclGalleryPictureImage {\n    src? : string;\n    alt? : string;\n    loading?: string;\n}\n\n/**\n * Manages image/video for the thumbnail in the gallery. Adding some styling and functionality.\n */\n@Directive({\n    selector: '[eclGalleryMedia], [eclGalleryImage]',\n})\nexport class EclGalleryMediaDirective extends ECLBaseDirective implements OnInit {\n    /**\n     * To be used when there is no thimbnail added. Instead the 'poster' attribute in the <video> element is used\n     */\n    @Input() poster: string;\n    /**\n     * When this is true, on mousehover the image will be zoomed.\n     */\n    @Input({ transform: booleanAttribute }) hasZoom = false;\n    sources: Array<EclGalleryMediaSource> = [];\n    tracks: Array<EclGalleryMediaTrack> = [];\n\n    /**\n     * Applies the ECL classes for the component.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            super.getCssClasses('ecl-gallery__image'),\n            this.hasZoom && this.isVideo ? 'ecl-video--zoom' : '',\n        ].join(' ').trim();\n    }\n    @HostBinding('class.ecl-video') isVideo = false;\n    private el = inject(ElementRef);\n\n    constructor() {\n        super();\n        afterNextRender(() => {\n            this.createGalleryMediaChildren();\n        });\n    }\n\n    ngOnInit(): void {\n        this.checkIsVideo();\n    }\n\n    private checkIsVideo(): void {\n        const selector = this.el.nativeElement.tagName;\n        this.isVideo = selector === 'VIDEO';\n    }\n\n    private createGalleryMediaChildren(): void {\n        if (!this.getHostElement().hasChildNodes) {\n            return;\n        }\n        this.getHostElement().childNodes.forEach((el: HTMLInputElement) => {\n            if (el.nodeName === 'SOURCE') {\n                const mediaSource = new EclGalleryMediaSource();\n                mediaSource.src = el.getAttribute('src');\n                mediaSource.type = el.getAttribute('type');\n                this.sources.push(mediaSource);\n            } else if (el.nodeName === 'TRACK') {\n                const mediaTrack = new EclGalleryMediaTrack();\n                mediaTrack.src = el.getAttribute('src');\n                mediaTrack.kind = el.getAttribute('kind');\n                mediaTrack.srcLang = el.getAttribute('srcLang');\n                mediaTrack.label = el.getAttribute('label');\n                this.tracks.push(mediaTrack);\n            }\n        });\n    }\n\n    private getHostElement(): HTMLInputElement {\n        return this.el.nativeElement;\n    }\n}\n\n/**\n * Adds styling and functionality for gallery picture component.\n */\n@Directive({\n    selector: 'picture[eclGalleryPicture]',\n})\nexport class EclGalleryPictureDirective extends ECLBaseDirective {\n    // TODO: to be removed in v19. Thumbnail should be added by user.\n    isThumbnail = false;\n    sources: Array<EclGalleryPictureSource> = [];\n    img: EclGalleryPictureImage ={};\n    private el = inject(ElementRef);\n    private cd = inject(ChangeDetectorRef);\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-picture'), this.isThumbnail ? 'ecl-gallery__thumbnail': 'ecl-gallery__picture'].join(' ').trim();\n    }\n\n    constructor() {\n        super();\n        afterNextRender(() => {\n            this.createGalleryPictureChildren();\n        });\n    }\n\n    private createGalleryPictureChildren(): void {\n        if (!this.getHostElement().hasChildNodes()) {\n            return;\n        }\n        this.getHostElement().childNodes.forEach((el: HTMLSourceElement | HTMLImageElement) => {\n            if (el.nodeName === 'SOURCE') {\n                const pictureSource = new EclGalleryPictureSource();\n                pictureSource.srcset = el.getAttribute('srcset');\n                pictureSource.media = el.getAttribute('media');\n                this.sources.push(pictureSource);\n            } else if (el.nodeName === 'IMG') {\n                const imageSource = new EclGalleryPictureImage();\n                imageSource.src = el.getAttribute('src');\n                imageSource.alt = el.getAttribute('alt');\n                imageSource.loading = el.getAttribute('loading');\n                this.img.src = imageSource.src;\n                this.img.alt = imageSource.alt;\n                this.img.loading = imageSource.loading;\n\n            }\n            this.cd.detectChanges();\n        });\n    }\n\n    private getHostElement(): HTMLElement {\n        return this.el.nativeElement;\n    }\n}\n\n/**\n * Applies classes for the gallery thumbnail.\n */\n@Directive({\n    selector: 'picture[eclGalleryThumbnail]',\n})\nexport class EclGalleryThumbnailDirective extends ECLBaseDirective {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-picture ecl-gallery__thumbnail')].join(' ').trim();\n    }\n    @Input({ transform: booleanAttribute }) @HostBinding('class.ecl-picture--zoom') hasZoom = false;\n}\n","import { Component, ContentChild, ElementRef, EventEmitter, HostBinding, HostListener, Input, OnInit, AfterContentInit, Output, Renderer2, booleanAttribute, inject } from '@angular/core';\nimport { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclGalleryItem } from './models/ecl-gallery-item.model';\nimport {\n    EclGalleryMediaDirective,\n    EclGalleryPictureDirective,\n    EclGalleryThumbnailDirective,\n} from './ecl-gallery-media.directive';\nimport { EclGalleryItemClickEvent } from './events';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\n\n/**\n * Wrapper component for gallery item's elements.\n */\n@Component({\n    selector: 'ecl-gallery-item',\n    templateUrl: './ecl-gallery-item.component.html',\n    imports: [...EUI_ECL_ICON],\n})\nexport class EclGalleryItemComponent extends ECLBaseDirective implements EclGalleryItem, OnInit, AfterContentInit {\n    /**\n     * Can this item be shared, i.e. show/hide share button.\n     */\n    @Input({ transform: booleanAttribute }) isShareable = true;\n    @Input() mediaType: 'image' | 'video' | 'externalVideo' = 'image';\n    /**\n     * The source link to the image/video, that will be shown in the original size (when open image/video in overlay or in orginal size).\n     */\n    @Input() src: string;\n    @Input() meta: string;\n    @Input() description: string;\n    /**\n     * Embeded audio description.\n     */\n    @Input() srVideoAudioDescription: string;\n    @Input() icon: string;\n    @Input() title: string;\n    @Input() itemId: string;\n    @Output() itemClick = new EventEmitter<EclGalleryItemClickEvent>();\n    @ContentChild(EclGalleryMediaDirective) mediaChild: EclGalleryMediaDirective;\n    @ContentChild(EclGalleryThumbnailDirective) galleryThumbnail: EclGalleryThumbnailDirective;\n    @ContentChild(EclGalleryPictureDirective) galleryPicture: EclGalleryPictureDirective;\n\n    /**\n     * Binds specific classes for the item. Some depend on some of the properties of the component.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-gallery__item'), this._isHidden ? 'ecl-gallery__item--hidden' : ''].join(' ').trim();\n    }\n    /**\n     * The role attribute of the item is 'listitem', should not be changed.\n     */\n    @HostBinding('attr.role') role = 'listitem';\n\n    private _isNoOverlay = false;\n    private _isHidden = false;\n    private externalVideoUrl: SafeResourceUrl;\n    private domSanitizer = inject(DomSanitizer);\n    private renderer = inject(Renderer2);\n    private el = inject(ElementRef);\n\n    ngOnInit(): void {\n        if (this.isExternalVideo) {\n            const iframeUrl = new URL(this.src);\n            if (iframeUrl.host.includes('youtube')) {\n                this.externalVideoUrl = this.domSanitizer.bypassSecurityTrustResourceUrl(iframeUrl.toString());\n            } else {\n                this.externalVideoUrl = this.domSanitizer.bypassSecurityTrustResourceUrl(this.src);\n            }\n        }\n\n        if (!this.itemId) {\n            this.itemId = crypto.randomUUID();\n        }\n    }\n\n    // TODO: to be removed in v19. Thumbnail should be added by user.\n    ngAfterContentInit(): void {\n        if (this.galleryPicture && !this.galleryThumbnail && !this.isImage) {\n            this.galleryPicture.isThumbnail = true;\n        }\n    }\n\n    /**\n     * Set if the item should be shown in the gallery by default.\n     */\n    set isHidden(value: boolean) {\n        this._isHidden = value;\n    }\n\n    @HostListener('click', ['$event'])\n    onItemClick(evt: MouseEvent): void {\n        this.itemClick.next(new EclGalleryItemClickEvent());\n        evt.preventDefault();\n    }\n\n    getDownloadLink(): string {\n        return this.src;\n    }\n\n    getUrlExternalVideo(): SafeResourceUrl {\n        return this.externalVideoUrl;\n    }\n\n    get isNoOverlay(): boolean {\n        return this._isNoOverlay;\n    }\n\n    set isNoOverlay(value: boolean) {\n        this._isNoOverlay = value;\n    }\n\n    get isImage(): boolean {\n        return this.mediaType === 'image';\n    }\n\n    get isVideo(): boolean {\n        return this.mediaType === 'video';\n    }\n\n    get isExternalVideo(): boolean {\n        return this.mediaType === 'externalVideo';\n    }\n\n    get isOpenInFullScreenPossible(): boolean {\n        return this.mediaType !== 'externalVideo';\n    }\n\n    /**\n     * Creates id for the title\n     */\n    get titleId(): string {\n        return `${this.itemId}-title`;\n    }\n\n    /**\n     * If the thimbnail was added by user. If not -> we are adding it in the view.\n     */\n    get hasGalleryThumbnail(): boolean {\n        return !this.galleryThumbnail && this.isImage;\n    }\n\n    onFocus(): void {\n        this.renderer.selectRootElement(this.el.nativeElement.children[0], true).focus();\n    }\n}\n","<a [href]=\"src\" class=\"ecl-gallery__item-link\" [class.ecl-gallery__item__link--frozen]=\"isNoOverlay\" [id]=\"itemId\">\n    <figure class=\"ecl-gallery__image-container\">\n        @if(mediaType !== 'image') {\n        <div class=\"ecl-gallery__item-icon-wrapper\">\n            <ecl-icon isInverted class=\"ecl-gallery__item-icon ecl-icon--inverted\" icon=\"play-filled\" size=\"l\"></ecl-icon>\n        </div>\n        } \n        @if(hasGalleryThumbnail) { <!-- TODO: to be removed in v21. Thumbnail should be added by user. -->\n            <picture class=\"ecl-picture ecl-gallery__thumbnail\">\n                @for(el of galleryPicture?.sources; track el.srcset ) {\n                    <source [attr.srcset]=\"el.srcset\" [attr.media]=\" el.media\">\n                }\n                <img class=\"ecl-gallery__image\"\n                     [attr.src]=\"galleryPicture?.img.src\"\n                     [attr.alt]=\"galleryPicture?.img.alt\" />\n            </picture>\n        }\n        <ng-content select=\"[eclGalleryPicture], [eclGalleryThumbnail], [eclGalleryMedia], [eclGalleryImage]\"></ng-content>\n        <figcaption class=\"ecl-gallery__description\">\n            @if(title) {\n                <span class=\"ecl-gallery__title\" [id]=\"titleId\">{{title}}</span>\n            }\n            @if(description) {\n                <span class=\"ecl-gallery__caption\">{{ description }}</span>\n            }\n            @if(icon) {\n            <ecl-icon class=\"ecl-gallery__description-icon\" [icon]=\"icon\"></ecl-icon>\n            }\n            <span class=\"ecl-gallery__meta\">\n                {{ meta }}\n            </span>\n        </figcaption>\n    </figure>\n</a>","import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';\nimport { AfterContentInit, Component, ContentChild, ContentChildren, ElementRef, EventEmitter, HostBinding, HostListener, Input, OnDestroy, OnInit, Output, PLATFORM_ID, QueryList, ViewChild, booleanAttribute, numberAttribute, inject } from '@angular/core';\nimport { isPlatformBrowser, NgTemplateOutlet } from '@angular/common';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { Subject, delay } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclGalleryFooterComponent } from './ecl-gallery-footer.component';\nimport { EclGalleryItemComponent } from './ecl-gallery-item.component';\nimport { EclGalleryItemEvent } from './events';\nimport { EclGalleryShareEvent } from './events';\nimport { EclGalleryFullScreenEvent } from './events';\nimport { EclGalleryHideEvent } from './events';\nimport { EclGalleryShowEvent } from './events';\nimport { EUI_ECL_BUTTON } from '@eui/ecl/components/ecl-button';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\nimport { EUI_ECL_LINK } from '@eui/ecl/components/ecl-link';\n\n/**\n * This component represents a collection of images or videos and allows a user to browse them.\n * Adds functionality and styling, according to the ECL standards.\n */\n@Component({\n    selector: 'ecl-gallery',\n    templateUrl: './ecl-gallery.component.html',\n    imports: [TranslateModule, NgTemplateOutlet, ...EUI_ECL_BUTTON, ...EUI_ECL_ICON, ...EUI_ECL_LINK],\n    styles: [\n        `\n            :host {\n                display: block;\n            }\n        `,\n    ],\n})\nexport class EclGalleryComponent extends ECLBaseDirective implements AfterContentInit, OnDestroy, OnInit {\n    @Input({ transform: booleanAttribute }) isOpenInFullScreenPossible = true;\n    /**\n     * If the items in the gallery can be shared. I.e. if the link for sharing will be present for each item.\n     */\n    @Input({ transform: booleanAttribute }) isShareable = true;\n    /**\n     * If set to true, the gallery will have 100 view width.\n     */\n    @Input({ transform: booleanAttribute }) isFullWidth = false;\n    /**\n     * If set to true, no overlay will be displayed when user clicks on an image.\n     */\n    @Input({ transform: booleanAttribute }) isNoOverlay = false;\n    /**\n     * If set to false, no title will be displayed when user hover on a gallery item.\n     */\n    @Input({ transform: booleanAttribute }) isShowTitleOnHover = true;\n    /**\n     * Number of gallery items to be displayed by default. The rest can be displayed with the 'View all' button.\n     */\n    @Input({ transform: numberAttribute }) maxVisibleItems: number;\n    /**\n     * If set to true, a specific class will be applied, so the gallery thumbnails are displayed as a grid, all with same size.\n     */\n    @Input({ transform: booleanAttribute }) isGrid = false;\n    // TODO: not used, to be removed in v20.\n    @Input({ transform: numberAttribute }) columns: 2 | 3 | 4 | number = 3;\n    /**\n     * This property can be used with 'isGrid' property set to true. By default gridTemplate is 0 and all the thimbnails have same size.\n     * If another template value is set, some additional formatting is applied and the thumbnails will have different sizes.\n     */\n    @Input() gridTemplate: '0' | '1' | '2' | '3' | '4' | string = '0';\n    /**\n     * The ratio that will be applied to the gallery thumbnails.\n     */\n    @Input() ratio: '3-1' | '3-2' | string = '3-2';\n\n    /**\n     * Emits event when user clicks on an item to expand it.\n     */\n    // eslint-disable-next-line @angular-eslint/no-output-native\n    @Output() show = new EventEmitter<EclGalleryShowEvent>();\n    /**\n     * Emits event when an expanded item is closed.\n     */\n    @Output() hide = new EventEmitter<EclGalleryHideEvent>();\n    /**\n     * Emits event when an item is opened in full screen.\n     */\n    @Output() openFullScreen = new EventEmitter<EclGalleryFullScreenEvent>();\n    /**\n     * Emits event when an item is shared.\n     */\n    @Output() share = new EventEmitter<EclGalleryShareEvent>();\n    /**\n     * Emits event when user is browsing items, opened in an overlay.\n     */\n    @Output() itemSwitch = new EventEmitter<EclGalleryItemEvent>();\n    @ContentChildren(EclGalleryItemComponent) galleryItems: QueryList<EclGalleryItemComponent>;\n    @ContentChild(EclGalleryFooterComponent) galleryFooter: EclGalleryFooterComponent;\n    @ViewChild('overlay') overlayChild: ElementRef;\n    @ViewChild('header') headerChild: ElementRef;\n    @ViewChild('footer') footerChild: ElementRef;\n\n    /**\n     * Applies specific clases to the component, related to the component properties values.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-gallery'),\n            this.isFullWidth ? 'ecl-gallery--full-width' : '',\n            this.isGrid ? 'ecl-gallery--grid' : '',\n            this.isGrid && this.gridTemplate === '0' ? `ecl-gallery--col-${this.columns}` : '',\n            this.isGrid ? `ecl-gallery--template-${this.gridTemplate}`: '',\n            this.isGrid ? `ecl-gallery--ratio-${this.ratio}`: '',\n            !this.isShowTitleOnHover ? 'ecl-gallery--no-hover' : '',\n        ].join(' ').trim();\n    }\n    /**\n     * The default role of the component is 'region' and should not be changed.\n     */\n    @HostBinding('attr.role') role = 'region';\n\n    isDialogVisible = false;\n    isMobile = false;\n    itemsCount: number;\n    itemIndex: number;\n    item: EclGalleryItemComponent;\n    private iframeWidth: number;\n    private iframeHeight: number;\n    private BREAKPOINT_CHANGES_TIMEOUT = 500;\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n    private visibleItems: number;\n    private MAX_VISIBLE_ITEMS_MOBILE = 3;\n    private RESOLUTION_16_9_PROPOTION = 16 / 9;\n    private RESOLUTION_4_3_PROPOTION = 4 / 3;\n    private cdkBreakpointObserver = inject(BreakpointObserver);\n    private platformId = inject(PLATFORM_ID);\n\n    ngOnInit(): void {\n        // Manages the initial display of the gallery, the footer and the visible/hidden items.\n        if (isPlatformBrowser(this.platformId)) {\n            this.observeBreakpointChanges();\n        }\n    }\n\n    ngAfterContentInit(): void {\n        this.itemsCount = this.galleryItems.length;\n        this.visibleItems = this.maxVisibleItems ? this.maxVisibleItems : this.itemsCount;\n        if (this.galleryFooter) {\n            this.galleryFooter.itemsCount = this.itemsCount;\n            this.galleryFooter.isShowToggleBtn = this.hasHiddenGaleryItems();\n            // Subscribe to 'toggleItems' event from gallery footer, to show or collapse items.\n            this.galleryFooter.toggleItems.pipe(takeUntil(this.destroy$)).subscribe((evt) => {\n                if (evt.expandAll) {\n                    this.showAllItems();\n                } else {\n                    this.collapseItems();\n                }\n            });\n        }\n\n        if (!this.isNoOverlay) {\n            // For each item, subscribe to 'itemClick' event.\n            this.galleryItems.forEach((item) => {\n                item.itemClick.pipe(takeUntil(this.destroy$)).subscribe((_) => {\n                    this.isDialogVisible = true;\n                    this.item = item;\n                    this.itemIndex = this.findItemIndex(this.galleryItems.toArray(), item);\n                    this.show.next(new EclGalleryShowEvent());\n                    if (isPlatformBrowser(this.platformId)) {\n                        setTimeout(() => this.setIframeDimensions());\n                    }\n                });\n            });\n        } else {\n            this.galleryItems.forEach((item) => (item.isNoOverlay = true));\n        }\n\n        if (this.hasHiddenGaleryItems()) {\n            this.collapseItems();\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    /**\n     * Emit 'itemSwitch' event, when switching to the previous item. Event contains the new current item.\n     * @param evt\n     */\n    onPrevious(evt: MouseEvent): void {\n        this.item = this.findPreviousItem(this.galleryItems.toArray(), this.item);\n\n        this.itemIndex = this.findItemIndex(this.galleryItems.toArray(), this.item);\n\n        this.itemSwitch.next(new EclGalleryItemEvent(this.item));\n    }\n\n    /**\n     * Emit 'itemSwitch' event, when switching to the next item. Event contains the new current item.\n     * @param evt\n     */\n    onNext(evt: MouseEvent): void {\n        this.item = this.findNextItem(this.galleryItems.toArray(), this.item);\n        this.itemIndex = this.findItemIndex(this.galleryItems.toArray(), this.item);\n\n        this.itemSwitch.next(new EclGalleryItemEvent(this.item));\n    }\n\n    /**\n     * Emit 'hide' event, when closing item dialog.\n     * @param evt\n     */\n    onClose(evt: MouseEvent): void {\n        this.item = null;\n        this.itemIndex = -1;\n        this.isDialogVisible = false;\n        this.hide.next(new EclGalleryHideEvent());\n    }\n\n    /**\n     * On pressing 'esc' key - close the item dialog and emit 'hide' event.\n     * @param event\n     */\n    @HostListener('document:keydown.escape')\n    onEscapeKeydownHandler(): void {\n        this.isDialogVisible = false;\n        this.hide.next(new EclGalleryHideEvent());\n    }\n\n    onFullScreenOpen(evt: MouseEvent): void {\n        this.openFullScreen.next(new EclGalleryFullScreenEvent(this.item));\n    }\n\n    onShare(evt: MouseEvent): void {\n        this.share.next(new EclGalleryShareEvent(this.item));\n        evt.preventDefault();\n    }\n\n    canBeOpenInFullScreen(): boolean {\n        return this.isOpenInFullScreenPossible && this.item?.isOpenInFullScreenPossible;\n    }\n\n    canBeShared(): boolean {\n        return this.isShareable && this.item?.isShareable;\n    }\n\n    getIframeWidth(): number {\n        return this.iframeWidth;\n    }\n\n    getIframeHeight(): number {\n        return this.iframeHeight;\n    }\n\n    setIframeDimensions(): void {\n        const { width, height } = this.getCalculatedIframeDimensions();\n        this.iframeWidth = width;\n        this.iframeHeight = height;\n    }\n\n    @HostListener('window:resize')\n    iframeResize(): void {\n        this.setIframeDimensions();\n    }\n\n    private getCalculatedIframeDimensions(): { width: number; height: number } {\n        let width = window.innerWidth;\n        let height =\n            this.overlayChild.nativeElement.clientHeight -\n            this.headerChild.nativeElement.clientHeight -\n            this.footerChild.nativeElement.clientHeight;\n        if (width > height) {\n            const scaledHeight = height * this.RESOLUTION_16_9_PROPOTION;\n            if (scaledHeight > width) {\n                width = width * 0.95;\n            } else {\n                width = scaledHeight;\n            }\n        } else {\n            const scaledWith = width * this.RESOLUTION_4_3_PROPOTION;\n            if (scaledWith > height) {\n                height = height * 0.95;\n            } else {\n                height = scaledWith;\n            }\n        }\n        return {\n            width,\n            height,\n        };\n    }\n\n    private findItemIndex(items: Array<EclGalleryItemComponent>, item: EclGalleryItemComponent): number {\n        return items.findIndex((it) => it === item) + 1;\n    }\n\n    private findPreviousItem(items: Array<EclGalleryItemComponent>, item: EclGalleryItemComponent): EclGalleryItemComponent {\n        const index = this.findPreviousItemIndex(items, item);\n        return items[index];\n    }\n\n    private findNextItem(items: Array<EclGalleryItemComponent>, item: EclGalleryItemComponent): EclGalleryItemComponent {\n        const index = this.findNextItemIndex(items, item);\n        return items[index];\n    }\n\n    private findPreviousItemIndex(items: Array<EclGalleryItemComponent>, item: EclGalleryItemComponent): number {\n        const currentIndex = items.findIndex((it) => it === item);\n        return currentIndex === 0 ? items.length - 1 : currentIndex - 1;\n    }\n\n    private findNextItemIndex(items: Array<EclGalleryItemComponent>, item: EclGalleryItemComponent): number {\n        const currentIndex = items.findIndex((it) => it === item);\n        return currentIndex >= items.length - 1 ? 0 : currentIndex + 1;\n    }\n\n    private observeBreakpointChanges(): void {\n        this.cdkBreakpointObserver\n            .observe([Breakpoints.Handset, Breakpoints.Tablet])\n            .pipe(takeUntil(this.destroy$), delay(this.BREAKPOINT_CHANGES_TIMEOUT))\n            .subscribe((result) => {\n                this.isMobile = result.matches;\n                if (this.isMobile) {\n                    this.manageItemsMobile();\n                } else {\n                    this.manageItemsDesktop();\n                }\n            });\n    }\n\n    private manageItemsMobile(): void {\n        this.maxVisibleItems = this.MAX_VISIBLE_ITEMS_MOBILE;\n        this.collapseItems();\n        if (this.galleryFooter) {\n            this.galleryFooter.isShowToggleBtn = this.hasHiddenGaleryItems();\n        }\n    }\n\n    private manageItemsDesktop(): void {\n        this.maxVisibleItems = this.visibleItems;\n        this.getVisibleItems().forEach((elem) => this.showGaleryItem(elem));\n        this.collapseItems();\n        if (this.galleryFooter) {\n            this.galleryFooter.isShowToggleBtn = this.hasHiddenGaleryItems();\n        }\n    }\n\n    private hasHiddenGaleryItems(): boolean {\n        if (this.maxVisibleItems && this.itemsCount > 0 && this.maxVisibleItems < this.itemsCount) {\n            return true;\n        } else {\n            return false;\n        }\n    }\n\n    private collapseItems(): void {\n        this.getHiddenItems().forEach((elem) => this.hideGaleryItem(elem));\n    }\n\n    private showAllItems(): void {\n        const hiddenItems = this.getHiddenItems();\n        hiddenItems.forEach((elem) => this.showGaleryItem(elem));\n        setTimeout(() => hiddenItems[0].onFocus());\n    }\n\n    private hideGaleryItem(item: EclGalleryItemComponent): void {\n        item.isHidden = true;\n    }\n\n    private showGaleryItem(item: EclGalleryItemComponent): void {\n        item.isHidden = false;\n    }\n\n    private getHiddenItems(): EclGalleryItemComponent[] {\n        return this.galleryItems.filter((item, cnt) => cnt >= this.maxVisibleItems);\n    }\n    private getVisibleItems(): EclGalleryItemComponent[] {\n        return this.galleryItems.filter((item, cnt) => cnt < this.maxVisibleItems);\n    }\n}\n","<ul class=\"ecl-gallery__list\">\n    <ng-content></ng-content>\n</ul>\n\n<ng-content select=\"ecl-gallery-footer\"></ng-content>\n\n<dialog #overlay [attr.open]=\"isDialogVisible || null\" class=\"ecl-gallery__overlay\"\n    [attr.aria-label]=\"'ecl.gallery.FULL-SIZE-DISPLAY' | translate\">\n    <header #header class=\"ecl-gallery__close\">\n        <button (click)=\"onClose($event)\" eclButton class=\"ecl-gallery__close-button\" isIconOnly variant=\"ghost\">\n            <span eclButtonLabel>\n                {{ 'ecl.common.CLOSE' | translate }}\n            </span>\n            <ecl-icon icon=\"close\" size=\"m\"></ecl-icon>\n        </button>\n    </header>\n    <section class=\"ecl-gallery__slider\">\n        <div class=\"ecl-gallery__slider-media-container\">\n            @if(item?.isExternalVideo) {\n            <div class=\"ecl-gallery__slider-embed\">\n                @if (item?.srVideoAudioDescription) {\n                    <div class=\"ecl-gallery__slider-embed-audio\">{{item?.srVideoAudioDescription}}</div>\n                }\n                <iframe [src]=\"item?.getUrlExternalVideo()\" [style.width.px]=\"getIframeWidth()\"\n                    [style.height.px]=\"getIframeHeight()\" [attr.title]=\"item.title + ' - Video player'\" frameborder=\"0\">\n                </iframe>\n            </div>\n            }\n            @if(item?.isImage) {\n            <picture class=\"ecl-picture ecl-gallery__picture ecl-gallery__slider-image\">\n                @for(el of item.galleryPicture?.sources; track el.srcset) {\n                    <source [attr.srcset]=\"el.srcset\" [attr.media]=\" el.media\">\n                }\n                <img [attr.alt]=\"item?.galleryPicture?.img.alt || null\"\n                     [src]=\"item?.galleryPicture?.img.src\"\n                     [attr.loading]=\"item?.galleryPicture?.img.loading || null\" />\n            </picture>\n            }\n            @if(item?.isVideo) {\n            <video controls=\"controls\" class=\"ecl-gallery__slider-video\" [attr.aria-label]=\"item.title + ' - Video player'\"\n                [attr.poster]=\"item.mediaChild?.poster\" playsinline>\n                @for (el of item.mediaChild?.sources; track el.src) {\n                <source [attr.src]=\"el.src\" [attr.type]=\"el.type\" />\n                }\n                @for (elem of item.mediaChild?.tracks; track elem.src) {\n                <track [attr.src]=\"elem.src\" [attr.kind]=\"elem.kind\" [attr.srcLang]=\"elem.srcLang\"\n                    [attr.label]=\"elem.label\" />\n                }\n            </video>\n            }\n        </div>\n    </section>\n    <footer #footer class=\"ecl-gallery__detail\">\n        <div class=\"ecl-container\">\n            <div class=\"ecl-gallery__detail-container\">\n                <div class=\"ecl-gallery__pager\">\n                    <div class=\"ecl-gallery__detail-counter\">\n                        <span>{{ itemIndex }}</span> {{ 'ecl.common.OF' | translate }} <span>{{ itemsCount }}</span>\n                    </div>\n                    <div class=\"ecl-gallery__controls\">\n                        <button eclButton class=\"ecl-gallery__slider-previous\" variant=\"tertiary\" isIconOnly\n                            (click)=\"onPrevious($event)\">\n                            <ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-270\"></ecl-icon>\n                            <span eclButtonLabel>\n                                {{ 'ecl.common.PREVIOUS' | translate }}\n                            </span>\n                        </button>\n                        <button eclButton class=\"ecl-gallery__slider-next\" variant=\"tertiary\" isIconOnly\n                            (click)=\"onNext($event)\">\n                            <span eclButtonLabel>\n                                {{ 'ecl.common.NEXT' | translate }}\n                            </span>\n                            <ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-90\"></ecl-icon>\n                        </button>\n                    </div>\n                </div>\n                <div class=\"ecl-gallery__detail-actions\">\n                    <ng-container *ngTemplateOutlet=\"links\"></ng-container>\n                </div>\n            </div>\n            <div class=\"ecl-gallery__detail-description\">\n                @if(isMobile) {\n                    <div class=\"ecl-gallery__detail-actions-mobile\">\n                        <ng-container *ngTemplateOutlet=\"links\"></ng-container>\n                    </div>\n                }\n                @if(item?.title) {\n                    <span class=\"ecl-gallery__title\" [id]=\"item?.itemId\">{{ item?.title }}</span>\n                }\n                @if(item?.description) {\n                    <span class=\"ecl-gallery__caption\">{{ item?.description }}</span>\n                }\n                @if(item?.meta) {\n                    <span class=\"ecl-gallery__meta\">{{ item?.meta }}</span>\n                }\n            </div>\n        </div>\n    </footer>\n</dialog>\n\n<ng-template #links>\n    @if(canBeOpenInFullScreen()) {\n        <a eclLink [attr.aria-describedby]=\"item?.titleId\" variant=\"standalone\"\n           class=\"ecl-gallery__download\" [href]=\"item?.getDownloadLink()\" target=\"_blank\"\n           (click)=\"onFullScreenOpen($event)\" isInverted>\n            <span eclLinkLabel>{{ 'ecl.gallery.VIEW-ORIGINAL' | translate }}</span>\n            <ecl-icon icon=\"fullscreen\" size=\"fluid\" focusable=\"false\"></ecl-icon>\n        </a>\n    }\n    @if(canBeShared()) {\n        <a [attr.aria-describedby]=\"item?.titleId\" eclLink variant=\"standalone\" isInverted\n           class=\"ecl-gallery__share\" href=\"\" (click)=\"onShare($event)\">\n            <span eclLinkLabel>{{ 'ecl.common.SHARE' | translate }}</span>\n            <ecl-icon icon=\"share\" size=\"fluid\" focusable=\"false\"></ecl-icon>\n        </a>\n    }\n</ng-template>","import { NgModule } from '@angular/core';\nimport { EclGalleryFooterComponent } from './ecl-gallery-footer.component';\nimport { EclGalleryItemComponent } from './ecl-gallery-item.component';\nimport {\n    EclGalleryMediaDirective,\n    EclGalleryPictureDirective,\n    EclGalleryThumbnailDirective,\n} from './ecl-gallery-media.directive';\nimport { EclGalleryComponent } from './ecl-gallery.component';\n\nconst COMPONENTS = [\n    EclGalleryComponent,\n    EclGalleryFooterComponent,\n    EclGalleryItemComponent,\n    EclGalleryMediaDirective,\n    EclGalleryPictureDirective,\n    EclGalleryThumbnailDirective,\n];\n\n/**\n * Module that provides the EclGalleryComponent and its dependencies.\n *\n * @deprecated Use {@link EUI_ECL_GALLERY} instead.\n */\n@NgModule({\n    imports: [...COMPONENTS],\n    exports: [...COMPONENTS],\n})\nexport class EclGalleryModule {}\n","import { EclGalleryFooterComponent } from './ecl-gallery-footer.component';\nimport { EclGalleryItemComponent } from './ecl-gallery-item.component';\nimport {\n    EclGalleryMediaDirective,\n    EclGalleryPictureDirective,\n    EclGalleryThumbnailDirective,\n} from './ecl-gallery-media.directive';\nimport { EclGalleryComponent } from './ecl-gallery.component';\n\nexport * from './ecl-gallery.module';\nexport * from './ecl-gallery.component';\nexport * from './ecl-gallery-item.component';\nexport * from './ecl-gallery-footer.component';\nexport * from './ecl-gallery-media.directive';\nexport * from './events/index';\nexport * from './models/ecl-gallery-item.model';\n\nexport const EUI_ECL_GALLERY = [\n    EclGalleryComponent,\n    EclGalleryFooterComponent,\n    EclGalleryItemComponent,\n    EclGalleryMediaDirective,\n    EclGalleryPictureDirective,\n    EclGalleryThumbnailDirective,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2","i4"],"mappings":"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"}

package/fesm2022/eui-ecl-components-ecl-mega-menu.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
-import { HostBinding, Directive, inject, ElementRef, Injectable, RendererFactory2, forwardRef, ContentChildren, Input, Component, EventEmitter, afterNextRender, booleanAttribute, Output, ContentChild, ViewChild, IterableDiffers, Renderer2, HostListener, NgModule } from '@angular/core';
+import { HostBinding, Directive, inject, ElementRef, Injectable, RendererFactory2, forwardRef, ContentChildren, Input, Component, EventEmitter, afterNextRender, booleanAttribute, Output, ContentChild, ViewChild, IterableDiffers, Renderer2, ChangeDetectorRef, HostListener, NgModule } from '@angular/core';
 import * as i1$1 from '@eui/ecl/core';
-import { ECLBaseDirective, KeyCode, EclRtlService, EclUserDeviceService, ECLClickOutsideDirective } from '@eui/ecl/core';
+import { ECLBaseDirective, KeyCode, EclRtlService, ECLClickOutsideDirective } from '@eui/ecl/core';
 import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
 import { Subject, takeUntil } from 'rxjs';
 import { NgTemplateOutlet } from '@angular/common';
@@ -15,6 +15,7 @@ import { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';
 import { EclHeaderMenuComunicationService } from '@eui/ecl/shared';
 import * as i4 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
+import { EuiAppShellService } from '@eui/core';
 
 /**
  * Directive that adds specific class to the mega-menu container.
@@ -197,6 +198,9 @@ class EclMegaMenuFeaturedComponent extends ECLBaseDirective {
     getEclMegaMenuFeaturedHeight() {
         let result = 0;
         this.listItems.forEach(it => result += it.getEclMegaMenuFeaturedItemHeight());
+        if (result > 0) {
+            result += 5;
+        }
         return result;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclMegaMenuFeaturedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
@@ -500,10 +504,10 @@ class EclMegaMenuSublistDirective extends ECLBaseDirective {
     onParentMegaMenuItemClick(isExpanded) {
         if (isExpanded) {
             // If mega-menu item is expanded -> find the first mega-menu list child (i.e. sub item) and expand it's children.
-            if (!this.isMobileBreakpoint) {
-                const itemWithChildren = this.submenuItems.find(item => item.hasChildren);
-                itemWithChildren?.onSubMenuItemExpand();
-            }
+            // if (!this.isMobileBreakpoint) {
+            //     const itemWithChildren = this.submenuItems.find(item => item.hasChildren);
+            //     itemWithChildren?.onSubMenuItemExpand();
+            // }
         }
         else {
             this.submenuItems.forEach(item => {
@@ -713,6 +717,7 @@ class EclMegaMenuItemComponent extends ECLBaseDirective {
         this.eclMegaMenuService = inject(EclMegaMenuService);
         this.cdkBreakpointObserver = inject(BreakpointObserver);
         this.renderer = inject(Renderer2);
+        this.cd = inject(ChangeDetectorRef);
         const eclMegaMenuDataService = this.eclMegaMenuDataService;
         const eclMegaMenuService = this.eclMegaMenuService;
         afterNextRender(() => {
@@ -917,6 +922,7 @@ class EclMegaMenuItemComponent extends ECLBaseDirective {
                         }
                     }
                     this.megaMenuMegaStyleOpacity = 1;
+                    this.cd.markForCheck();
                 }
             }
         }
@@ -1045,22 +1051,32 @@ class EclMegaMenuComponent extends ECLBaseDirective {
          * If a menu item is expanded and has two panels/levels displayed.
          */
         this.isTwoPanels = false;
+        /**
+         * Represents the current viewport breakpoint states.
+         */
+        this.breakpointsValue = {
+            isMobile: false,
+            isTablet: false,
+            isLtDesktop: false,
+            isDesktop: false,
+            isXL: false,
+            isXXL: false,
+        };
         this.destroy$ = new Subject();
         this.isRtl = false;
         this.isTablet = false;
         this.differs = inject(IterableDiffers);
         this.cdkBreakpointObserver = inject(BreakpointObserver);
         this.eclRtlService = inject(EclRtlService);
-        this.eclUserDeviceService = inject(EclUserDeviceService);
+        this.euiAppShellService = inject(EuiAppShellService);
         this.eclHeaderMenuComunicationService = inject(EclHeaderMenuComunicationService);
         this.eclMegaMenuDataService = inject(EclMegaMenuDataService);
         this.el = inject(ElementRef);
         this.renderer = inject(Renderer2);
         this.differ = this.differs.find([]).create();
         afterNextRender(() => {
-            this.observeBreakpointChanges();
+            this.subscribeToAppShellBreakpoints();
             this.handleRtlChangeState();
-            this.checkIsTabletDevice();
             this.subscribeToEvents();
         });
     }
@@ -1281,16 +1297,27 @@ class EclMegaMenuComponent extends ECLBaseDirective {
             this.menuItems.get(index + 1).onFocus();
         }
     }
-    checkIsTabletDevice() {
-        const userAgent = navigator.userAgent.toLowerCase();
-        this.isTablet = this.eclUserDeviceService.isTabletDevice(userAgent);
-    }
-    observeBreakpointChanges() {
-        this.cdkBreakpointObserver
-            .observe(['(max-width: 996px)'])
+    subscribeToAppShellBreakpoints() {
+        this.euiAppShellService.breakpoints$
             .pipe(takeUntil(this.destroy$))
-            .subscribe((result) => {
-            this.isMobileBreakpoint = result.matches;
+            .subscribe((bkps) => {
+            this.breakpointsValue = bkps ?? this.breakpointsValue;
+            if (typeof bkps?.isMobile !== 'undefined' || typeof bkps?.isTablet !== 'undefined') {
+                this.isMobileBreakpoint = !!bkps.isMobile;
+                this.isTablet = !!bkps.isTablet;
+                return;
+            }
+            if (typeof bkps?.width === 'number') {
+                const w = bkps.width;
+                this.isMobileBreakpoint = w <= 480;
+                this.isTablet = w > 600 && w <= 996;
+                return;
+            }
+            if (bkps && typeof bkps === 'object') {
+                this.isMobileBreakpoint = !!(bkps.Handset || bkps.Small || bkps.mobile);
+                this.isTablet = !!(bkps.Tablet || bkps.tablet);
+                return;
+            }
         });
     }
     handleRtlChangeState() {