@festo-ui/angular 5.0.0-dev.109 → 5.0.0-dev.112

package/esm2020/lib/modals/image-gallery/image-gallery.component.mjs

@@ -43,10 +43,10 @@ export class FngImageGalleryComponent {
     }
 }
 FngImageGalleryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngImageGalleryComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-FngImageGalleryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: FngImageGalleryComponent, isStandalone: true, selector: "fng-image-gallery", inputs: { data: "data" }, outputs: { close: "close", cancel: "cancel", ok: "ok" }, host: { listeners: { "window:keyup": "onKeyUp($event)" } }, ngImport: i0, template: "<div\n  class=\"fwe-modal fwe-modal-image-gallery\"\n  *ngIf=\"data != null\"\n  [class.fwe-modal-image-gallery--with-thumbnails]=\"data.thumbnailImages?.length\"\n  [class.fwe-modal-image-gallery--with-container]=\"data.descriptiveContent\"\n>\n  <div class=\"fwe-image-gallery-header\">\n    <div *ngIf=\"data.pagination\" class=\"fwe-pagination fwe-pagination--on-dark-bg\">\n      <button aria-label=\"previous\" type=\"button\" class=\"fwe-navigate-btn-down\"></button>\n      <span class=\"fwe-page-current\">{{ currentIndex }}</span>\n      <span class=\"fwe-page-max\">{{ data.images.length }}</span>\n      <button aria-label=\"next\" type=\"button\" class=\"fwe-navigate-btn-up\"></button>\n    </div>\n    <button aria-label=\"close\" type=\"button\" class=\"fwe-btn fwe-btn-link fwe-ml-auto\" (click)=\"onClose()\">\n      <i class=\"fwe-icon fwe-icon-lg fwe-color-white fwe-icon-menu-close fwe-modal-image-gallery-close\"></i>\n    </button>\n  </div>\n  <ng-container [ngSwitch]=\"data.descriptiveContent\">\n    <div class=\"fwe-image-gallery-container\" *ngSwitchCase=\"true\">\n      <ng-container *ngTemplateOutlet=\"baseGallery\"></ng-container>\n      <div class=\"fwe-image-gallery-content\" *ngIf=\"data.images[currentIndex - 1]?.content as imageContent\">\n        <h3>{{ imageContent.title }}</h3>\n        <div [innerHTML]=\"imageContent.body | fngSafeHtml\"></div>\n      </div>\n    </div>\n    <ng-container *ngSwitchDefault>\n      <ng-container *ngTemplateOutlet=\"baseGallery\"></ng-container>\n    </ng-container>\n  </ng-container>\n</div>\n\n<ng-template #baseGallery>\n  <div class=\"fwe-image-gallery-wrapper\">\n    <swiper\n      [initialSlide]=\"data.startIndex\"\n      [keyboard]=\"{\n        enabled: true\n      }\"\n      [spaceBetween]=\"0\"\n      [zoom]=\"true\"\n      [navigation]=\"{\n        nextEl: '.fwe-navigate-btn-up',\n        prevEl: '.fwe-navigate-btn-down'\n      }\"\n      [thumbs]=\"{ swiper: thumbsSwiper }\"\n      (slideChange)=\"onSlideChange($event)\"\n      class=\"gallery-swiper fwe-image-gallery\"\n    >\n      <ng-template *ngFor=\"let image of data.images\" swiperSlide>\n        <div class=\"swiper-zoom-container\">\n          <img [alt]=\"image.alt\" [src]=\"image.url\" />\n        </div>\n      </ng-template>\n    </swiper>\n    <swiper\n      *ngIf=\"data.thumbnailImages?.length\"\n      (swiper)=\"thumbsSwiper = $event\"\n      [slidesPerView]=\"'auto'\"\n      [freeMode]=\"true\"\n      [watchSlidesProgress]=\"true\"\n      class=\"thumbs-swiper fwe-image-gallery-thumbs\"\n    >\n      <ng-template *ngFor=\"let thumbnail of data.thumbnailImages\" swiperSlide>\n        <img [alt]=\"thumbnail.alt\" [src]=\"thumbnail.url\" />\n      </ng-template>\n    </swiper>\n  </div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: SwiperModule }, { kind: "component", type: i1.SwiperComponent, selector: "swiper, [swiper]", inputs: ["enabled", "on", "direction", "touchEventsTarget", "initialSlide", "speed", "cssMode", "updateOnWindowResize", "resizeObserver", "nested", "focusableElements", "width", "height", "preventInteractionOnTransition", "userAgent", "url", "edgeSwipeDetection", "edgeSwipeThreshold", "freeMode", "autoHeight", "setWrapperSize", "virtualTranslate", "effect", "breakpoints", "spaceBetween", "slidesPerView", "maxBackfaceHiddenSlides", "grid", "slidesPerGroup", "slidesPerGroupSkip", "centeredSlides", "centeredSlidesBounds", "slidesOffsetBefore", "slidesOffsetAfter", "normalizeSlideIndex", "centerInsufficientSlides", "watchOverflow", "roundLengths", "touchRatio", "touchAngle", "simulateTouch", "shortSwipes", "longSwipes", "longSwipesRatio", "longSwipesMs", "followFinger", "allowTouchMove", "threshold", "touchMoveStopPropagation", "touchStartPreventDefault", "touchStartForcePreventDefault", "touchReleaseOnEdges", "uniqueNavElements", "resistance", "resistanceRatio", "watchSlidesProgress", "grabCursor", "preventClicks", "preventClicksPropagation", "slideToClickedSlide", "preloadImages", "updateOnImagesReady", "loop", "loopAdditionalSlides", "loopedSlides", "loopedSlidesLimit", "loopFillGroupWithBlank", "loopPreventsSlide", "rewind", "allowSlidePrev", "allowSlideNext", "swipeHandler", "noSwiping", "noSwipingClass", "noSwipingSelector", "passiveListeners", "containerModifierClass", "slideClass", "slideBlankClass", "slideActiveClass", "slideDuplicateActiveClass", "slideVisibleClass", "slideDuplicateClass", "slideNextClass", "slideDuplicateNextClass", "slidePrevClass", "slideDuplicatePrevClass", "wrapperClass", "runCallbacksOnInit", "observeParents", "observeSlideChildren", "a11y", "autoplay", "controller", "coverflowEffect", "cubeEffect", "fadeEffect", "flipEffect", "creativeEffect", "cardsEffect", "hashNavigation", "history", "keyboard", "lazy", "mousewheel", "parallax", "thumbs", "zoom", "slidesPerGroupAuto", "class", "id", "navigation", "pagination", "scrollbar", "virtual", "config"], outputs: ["_beforeBreakpoint", "_containerClasses", "_slideClass", "_swiper", "activeIndexChange", "afterInit", "autoplay", "autoplayStart", "autoplayStop", "autoplayPause", "autoplayResume", "beforeDestroy", "beforeInit", "beforeLoopFix", "beforeResize", "beforeSlideChangeStart", "beforeTransitionStart", "breakpoint", "changeDirection", "click", "doubleTap", "doubleClick", "destroy", "fromEdge", "hashChange", "hashSet", "imagesReady", "init", "keyPress", "lazyImageLoad", "lazyImageReady", "loopFix", "momentumBounce", "navigationHide", "navigationShow", "navigationPrev", "navigationNext", "observerUpdate", "orientationchange", "paginationHide", "paginationRender", "paginationShow", "paginationUpdate", "progress", "reachBeginning", "reachEnd", "realIndexChange", "resize", "scroll", "scrollbarDragEnd", "scrollbarDragMove", "scrollbarDragStart", "setTransition", "setTranslate", "slideChange", "slideChangeTransitionEnd", "slideChangeTransitionStart", "slideNextTransitionEnd", "slideNextTransitionStart", "slidePrevTransitionEnd", "slidePrevTransitionStart", "slideResetTransitionStart", "slideResetTransitionEnd", "sliderMove", "sliderFirstMove", "slidesLengthChange", "slidesGridLengthChange", "snapGridLengthChange", "snapIndexChange", "tap", "toEdge", "touchEnd", "touchMove", "touchMoveOpposite", "touchStart", "transitionEnd", "transitionStart", "update", "zoomChange", "swiper", "lock", "unlock"] }, { kind: "directive", type: i1.SwiperSlideDirective, selector: "ng-template[swiperSlide]", inputs: ["virtualIndex", "class", "ngClass", "data-swiper-autoplay", "zoom"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: FngSafeHtmlPipe, name: "fngSafeHtml" }], encapsulation: i0.ViewEncapsulation.None });
+FngImageGalleryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: FngImageGalleryComponent, isStandalone: true, selector: "fng-image-gallery", inputs: { data: "data" }, outputs: { close: "close", cancel: "cancel", ok: "ok" }, host: { listeners: { "window:keyup": "onKeyUp($event)" } }, ngImport: i0, template: "<div\n  class=\"fwe-modal fwe-modal-image-gallery\"\n  *ngIf=\"data != null\"\n  [class.fwe-modal-image-gallery--with-thumbnails]=\"data.thumbnailImages?.length\"\n  [class.fwe-modal-image-gallery--with-container]=\"data.descriptiveContent\"\n>\n  <div class=\"fwe-image-gallery-header\">\n    <div *ngIf=\"data.pagination\" class=\"fwe-pagination fwe-pagination--on-dark-bg\">\n      <button aria-label=\"previous\" type=\"button\" class=\"fwe-navigate-btn-down\"></button>\n      <span class=\"fwe-page-current\">{{ currentIndex }}</span>\n      <span class=\"fwe-page-max\">{{ data.images.length }}</span>\n      <button aria-label=\"next\" type=\"button\" class=\"fwe-navigate-btn-up\"></button>\n    </div>\n    <button aria-label=\"close\" type=\"button\" class=\"fwe-btn fwe-btn-link fwe-ml-auto\" (click)=\"onClose()\">\n      <i class=\"fwe-icon fwe-icon-lg fwe-color-white fwe-icon-menu-close fwe-modal-image-gallery-close\"></i>\n    </button>\n  </div>\n  <ng-container [ngSwitch]=\"data.descriptiveContent\">\n    <div class=\"fwe-image-gallery-container\" *ngSwitchCase=\"true\">\n      <ng-container *ngTemplateOutlet=\"baseGallery\"></ng-container>\n      <div class=\"fwe-image-gallery-content\" *ngIf=\"data.images[currentIndex - 1]?.content as imageContent\">\n        <h3>{{ imageContent.title }}</h3>\n        <div [innerHTML]=\"imageContent.body | fngSafeHtml\"></div>\n      </div>\n    </div>\n    <ng-container *ngSwitchDefault>\n      <ng-container *ngTemplateOutlet=\"baseGallery\"></ng-container>\n    </ng-container>\n  </ng-container>\n</div>\n\n<ng-template #baseGallery>\n  <div class=\"fwe-image-gallery-wrapper\">\n    <swiper\n      [initialSlide]=\"data.startIndex\"\n      [keyboard]=\"{\n        enabled: true\n      }\"\n      [spaceBetween]=\"0\"\n      [zoom]=\"true\"\n      [navigation]=\"{\n        nextEl: '.fwe-navigate-btn-up',\n        prevEl: '.fwe-navigate-btn-down'\n      }\"\n      [thumbs]=\"{ swiper: thumbsSwiper }\"\n      (slideChange)=\"onSlideChange($event)\"\n      class=\"gallery-swiper fwe-image-gallery\"\n    >\n      <ng-template *ngFor=\"let image of data.images\" swiperSlide>\n        <div class=\"swiper-zoom-container\">\n          <img [alt]=\"image.alt\" [src]=\"image.url\" [class.fwe-object-fit-contain]=\"image.containMode\" [class.fwe-p-m]=\"image.containMode\" />\n        </div>\n      </ng-template>\n    </swiper>\n    <swiper\n      *ngIf=\"data.thumbnailImages?.length\"\n      (swiper)=\"thumbsSwiper = $event\"\n      [slidesPerView]=\"'auto'\"\n      [freeMode]=\"true\"\n      [threshold]=\"20\"\n      [watchSlidesProgress]=\"true\"\n      class=\"thumbs-swiper fwe-image-gallery-thumbs\"\n    >\n      <ng-template *ngFor=\"let thumbnail of data.thumbnailImages\" swiperSlide>\n        <img\n          [alt]=\"thumbnail.alt\"\n          [src]=\"thumbnail.url\"\n          [class.fwe-object-fit-contain]=\"thumbnail.containMode\"\n          [class.fwe-p-xxxs]=\"thumbnail.containMode\"\n        />\n      </ng-template>\n    </swiper>\n  </div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: SwiperModule }, { kind: "component", type: i1.SwiperComponent, selector: "swiper, [swiper]", inputs: ["enabled", "on", "direction", "touchEventsTarget", "initialSlide", "speed", "cssMode", "updateOnWindowResize", "resizeObserver", "nested", "focusableElements", "width", "height", "preventInteractionOnTransition", "userAgent", "url", "edgeSwipeDetection", "edgeSwipeThreshold", "freeMode", "autoHeight", "setWrapperSize", "virtualTranslate", "effect", "breakpoints", "spaceBetween", "slidesPerView", "maxBackfaceHiddenSlides", "grid", "slidesPerGroup", "slidesPerGroupSkip", "centeredSlides", "centeredSlidesBounds", "slidesOffsetBefore", "slidesOffsetAfter", "normalizeSlideIndex", "centerInsufficientSlides", "watchOverflow", "roundLengths", "touchRatio", "touchAngle", "simulateTouch", "shortSwipes", "longSwipes", "longSwipesRatio", "longSwipesMs", "followFinger", "allowTouchMove", "threshold", "touchMoveStopPropagation", "touchStartPreventDefault", "touchStartForcePreventDefault", "touchReleaseOnEdges", "uniqueNavElements", "resistance", "resistanceRatio", "watchSlidesProgress", "grabCursor", "preventClicks", "preventClicksPropagation", "slideToClickedSlide", "preloadImages", "updateOnImagesReady", "loop", "loopAdditionalSlides", "loopedSlides", "loopedSlidesLimit", "loopFillGroupWithBlank", "loopPreventsSlide", "rewind", "allowSlidePrev", "allowSlideNext", "swipeHandler", "noSwiping", "noSwipingClass", "noSwipingSelector", "passiveListeners", "containerModifierClass", "slideClass", "slideBlankClass", "slideActiveClass", "slideDuplicateActiveClass", "slideVisibleClass", "slideDuplicateClass", "slideNextClass", "slideDuplicateNextClass", "slidePrevClass", "slideDuplicatePrevClass", "wrapperClass", "runCallbacksOnInit", "observeParents", "observeSlideChildren", "a11y", "autoplay", "controller", "coverflowEffect", "cubeEffect", "fadeEffect", "flipEffect", "creativeEffect", "cardsEffect", "hashNavigation", "history", "keyboard", "lazy", "mousewheel", "parallax", "thumbs", "zoom", "slidesPerGroupAuto", "class", "id", "navigation", "pagination", "scrollbar", "virtual", "config"], outputs: ["_beforeBreakpoint", "_containerClasses", "_slideClass", "_swiper", "activeIndexChange", "afterInit", "autoplay", "autoplayStart", "autoplayStop", "autoplayPause", "autoplayResume", "beforeDestroy", "beforeInit", "beforeLoopFix", "beforeResize", "beforeSlideChangeStart", "beforeTransitionStart", "breakpoint", "changeDirection", "click", "doubleTap", "doubleClick", "destroy", "fromEdge", "hashChange", "hashSet", "imagesReady", "init", "keyPress", "lazyImageLoad", "lazyImageReady", "loopFix", "momentumBounce", "navigationHide", "navigationShow", "navigationPrev", "navigationNext", "observerUpdate", "orientationchange", "paginationHide", "paginationRender", "paginationShow", "paginationUpdate", "progress", "reachBeginning", "reachEnd", "realIndexChange", "resize", "scroll", "scrollbarDragEnd", "scrollbarDragMove", "scrollbarDragStart", "setTransition", "setTranslate", "slideChange", "slideChangeTransitionEnd", "slideChangeTransitionStart", "slideNextTransitionEnd", "slideNextTransitionStart", "slidePrevTransitionEnd", "slidePrevTransitionStart", "slideResetTransitionStart", "slideResetTransitionEnd", "sliderMove", "sliderFirstMove", "slidesLengthChange", "slidesGridLengthChange", "snapGridLengthChange", "snapIndexChange", "tap", "toEdge", "touchEnd", "touchMove", "touchMoveOpposite", "touchStart", "transitionEnd", "transitionStart", "update", "zoomChange", "swiper", "lock", "unlock"] }, { kind: "directive", type: i1.SwiperSlideDirective, selector: "ng-template[swiperSlide]", inputs: ["virtualIndex", "class", "ngClass", "data-swiper-autoplay", "zoom"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: FngSafeHtmlPipe, name: "fngSafeHtml" }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngImageGalleryComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [SwiperModule, CommonModule, FngSafeHtmlPipe], selector: 'fng-image-gallery', encapsulation: ViewEncapsulation.None, template: "<div\n  class=\"fwe-modal fwe-modal-image-gallery\"\n  *ngIf=\"data != null\"\n  [class.fwe-modal-image-gallery--with-thumbnails]=\"data.thumbnailImages?.length\"\n  [class.fwe-modal-image-gallery--with-container]=\"data.descriptiveContent\"\n>\n  <div class=\"fwe-image-gallery-header\">\n    <div *ngIf=\"data.pagination\" class=\"fwe-pagination fwe-pagination--on-dark-bg\">\n      <button aria-label=\"previous\" type=\"button\" class=\"fwe-navigate-btn-down\"></button>\n      <span class=\"fwe-page-current\">{{ currentIndex }}</span>\n      <span class=\"fwe-page-max\">{{ data.images.length }}</span>\n      <button aria-label=\"next\" type=\"button\" class=\"fwe-navigate-btn-up\"></button>\n    </div>\n    <button aria-label=\"close\" type=\"button\" class=\"fwe-btn fwe-btn-link fwe-ml-auto\" (click)=\"onClose()\">\n      <i class=\"fwe-icon fwe-icon-lg fwe-color-white fwe-icon-menu-close fwe-modal-image-gallery-close\"></i>\n    </button>\n  </div>\n  <ng-container [ngSwitch]=\"data.descriptiveContent\">\n    <div class=\"fwe-image-gallery-container\" *ngSwitchCase=\"true\">\n      <ng-container *ngTemplateOutlet=\"baseGallery\"></ng-container>\n      <div class=\"fwe-image-gallery-content\" *ngIf=\"data.images[currentIndex - 1]?.content as imageContent\">\n        <h3>{{ imageContent.title }}</h3>\n        <div [innerHTML]=\"imageContent.body | fngSafeHtml\"></div>\n      </div>\n    </div>\n    <ng-container *ngSwitchDefault>\n      <ng-container *ngTemplateOutlet=\"baseGallery\"></ng-container>\n    </ng-container>\n  </ng-container>\n</div>\n\n<ng-template #baseGallery>\n  <div class=\"fwe-image-gallery-wrapper\">\n    <swiper\n      [initialSlide]=\"data.startIndex\"\n      [keyboard]=\"{\n        enabled: true\n      }\"\n      [spaceBetween]=\"0\"\n      [zoom]=\"true\"\n      [navigation]=\"{\n        nextEl: '.fwe-navigate-btn-up',\n        prevEl: '.fwe-navigate-btn-down'\n      }\"\n      [thumbs]=\"{ swiper: thumbsSwiper }\"\n      (slideChange)=\"onSlideChange($event)\"\n      class=\"gallery-swiper fwe-image-gallery\"\n    >\n      <ng-template *ngFor=\"let image of data.images\" swiperSlide>\n        <div class=\"swiper-zoom-container\">\n          <img [alt]=\"image.alt\" [src]=\"image.url\" />\n        </div>\n      </ng-template>\n    </swiper>\n    <swiper\n      *ngIf=\"data.thumbnailImages?.length\"\n      (swiper)=\"thumbsSwiper = $event\"\n      [slidesPerView]=\"'auto'\"\n      [freeMode]=\"true\"\n      [watchSlidesProgress]=\"true\"\n      class=\"thumbs-swiper fwe-image-gallery-thumbs\"\n    >\n      <ng-template *ngFor=\"let thumbnail of data.thumbnailImages\" swiperSlide>\n        <img [alt]=\"thumbnail.alt\" [src]=\"thumbnail.url\" />\n      </ng-template>\n    </swiper>\n  </div>\n</ng-template>\n" }]
+            args: [{ standalone: true, imports: [SwiperModule, CommonModule, FngSafeHtmlPipe], selector: 'fng-image-gallery', encapsulation: ViewEncapsulation.None, template: "<div\n  class=\"fwe-modal fwe-modal-image-gallery\"\n  *ngIf=\"data != null\"\n  [class.fwe-modal-image-gallery--with-thumbnails]=\"data.thumbnailImages?.length\"\n  [class.fwe-modal-image-gallery--with-container]=\"data.descriptiveContent\"\n>\n  <div class=\"fwe-image-gallery-header\">\n    <div *ngIf=\"data.pagination\" class=\"fwe-pagination fwe-pagination--on-dark-bg\">\n      <button aria-label=\"previous\" type=\"button\" class=\"fwe-navigate-btn-down\"></button>\n      <span class=\"fwe-page-current\">{{ currentIndex }}</span>\n      <span class=\"fwe-page-max\">{{ data.images.length }}</span>\n      <button aria-label=\"next\" type=\"button\" class=\"fwe-navigate-btn-up\"></button>\n    </div>\n    <button aria-label=\"close\" type=\"button\" class=\"fwe-btn fwe-btn-link fwe-ml-auto\" (click)=\"onClose()\">\n      <i class=\"fwe-icon fwe-icon-lg fwe-color-white fwe-icon-menu-close fwe-modal-image-gallery-close\"></i>\n    </button>\n  </div>\n  <ng-container [ngSwitch]=\"data.descriptiveContent\">\n    <div class=\"fwe-image-gallery-container\" *ngSwitchCase=\"true\">\n      <ng-container *ngTemplateOutlet=\"baseGallery\"></ng-container>\n      <div class=\"fwe-image-gallery-content\" *ngIf=\"data.images[currentIndex - 1]?.content as imageContent\">\n        <h3>{{ imageContent.title }}</h3>\n        <div [innerHTML]=\"imageContent.body | fngSafeHtml\"></div>\n      </div>\n    </div>\n    <ng-container *ngSwitchDefault>\n      <ng-container *ngTemplateOutlet=\"baseGallery\"></ng-container>\n    </ng-container>\n  </ng-container>\n</div>\n\n<ng-template #baseGallery>\n  <div class=\"fwe-image-gallery-wrapper\">\n    <swiper\n      [initialSlide]=\"data.startIndex\"\n      [keyboard]=\"{\n        enabled: true\n      }\"\n      [spaceBetween]=\"0\"\n      [zoom]=\"true\"\n      [navigation]=\"{\n        nextEl: '.fwe-navigate-btn-up',\n        prevEl: '.fwe-navigate-btn-down'\n      }\"\n      [thumbs]=\"{ swiper: thumbsSwiper }\"\n      (slideChange)=\"onSlideChange($event)\"\n      class=\"gallery-swiper fwe-image-gallery\"\n    >\n      <ng-template *ngFor=\"let image of data.images\" swiperSlide>\n        <div class=\"swiper-zoom-container\">\n          <img [alt]=\"image.alt\" [src]=\"image.url\" [class.fwe-object-fit-contain]=\"image.containMode\" [class.fwe-p-m]=\"image.containMode\" />\n        </div>\n      </ng-template>\n    </swiper>\n    <swiper\n      *ngIf=\"data.thumbnailImages?.length\"\n      (swiper)=\"thumbsSwiper = $event\"\n      [slidesPerView]=\"'auto'\"\n      [freeMode]=\"true\"\n      [threshold]=\"20\"\n      [watchSlidesProgress]=\"true\"\n      class=\"thumbs-swiper fwe-image-gallery-thumbs\"\n    >\n      <ng-template *ngFor=\"let thumbnail of data.thumbnailImages\" swiperSlide>\n        <img\n          [alt]=\"thumbnail.alt\"\n          [src]=\"thumbnail.url\"\n          [class.fwe-object-fit-contain]=\"thumbnail.containMode\"\n          [class.fwe-p-xxxs]=\"thumbnail.containMode\"\n        />\n      </ng-template>\n    </swiper>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { data: [{
                 type: Input
             }], close: [{
@@ -59,4 +59,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
                 type: HostListener,
                 args: ['window:keyup', ['$event']]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtZ2FsbGVyeS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyL3NyYy9saWIvbW9kYWxzL2ltYWdlLWdhbGxlcnkvaW1hZ2UtZ2FsbGVyeS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyL3NyYy9saWIvbW9kYWxzL2ltYWdlLWdhbGxlcnkvaW1hZ2UtZ2FsbGVyeS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXFCLFNBQVMsRUFBRSxZQUFZLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0gsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRTlDLE9BQU8sVUFBVSxFQUFFLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxNQUFNLFFBQVEsQ0FBQztBQUNsRixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7O0FBRzdELFVBQVUsQ0FBQyxHQUFHLENBQUMsQ0FBQyxRQUFRLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQztBQXdCL0QsTUFBTSxPQUFPLHdCQUF3QjtJQWdCbkMsWUFBb0IsRUFBcUI7UUFBckIsT0FBRSxHQUFGLEVBQUUsQ0FBbUI7UUFmaEMsU0FBSSxHQUF3QjtZQUNuQyxVQUFVLEVBQUUsQ0FBQztZQUNiLE1BQU0sRUFBRSxFQUFFO1lBQ1YsZUFBZSxFQUFFLEVBQUU7WUFDbkIsWUFBWSxFQUFFLEdBQUcsRUFBRSxDQUFDLElBQUk7WUFDeEIsVUFBVSxFQUFFLElBQUk7WUFDaEIsa0JBQWtCLEVBQUUsS0FBSztTQUMxQixDQUFDO1FBQ1EsVUFBSyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDaEMsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDakMsT0FBRSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFHdkMsaUJBQVksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLENBQUM7SUFFSSxDQUFDO0lBRzdDLE9BQU8sQ0FBQyxLQUFvQjtRQUMxQixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDdkIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBRXhCLElBQUksS0FBSyxDQUFDLEdBQUcsS0FBSyxLQUFLLElBQUksS0FBSyxDQUFDLEdBQUcsS0FBSyxRQUFRLEVBQUU7WUFDakQsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1NBQ2hCO0lBQ0gsQ0FBQztJQUVELGFBQWEsQ0FBQyxNQUFpQztRQUM3QyxJQUFJLENBQUMsWUFBWSxHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLEdBQUcsQ0FBQyxDQUFDO1FBQzlDLElBQUksQ0FBQyxFQUFFLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUN4QixJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsWUFBWSxFQUFFO1lBQzNCLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQztTQUMvQztJQUNILENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNwQixDQUFDOztxSEF2Q1Usd0JBQXdCO3lHQUF4Qix3QkFBd0IsNE5DaENyQyw2dEZBb0VBLHlERDFDWSxZQUFZLDBuSEFBRSxZQUFZLDhxQkFBRSxlQUFlOzJGQU0xQyx3QkFBd0I7a0JBUnBDLFNBQVM7aUNBQ0ksSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLFlBQVksRUFBRSxlQUFlLENBQUMsWUFDNUMsbUJBQW1CLGlCQUdkLGlCQUFpQixDQUFDLElBQUk7d0dBRzVCLElBQUk7c0JBQVosS0FBSztnQkFRSSxLQUFLO3NCQUFkLE1BQU07Z0JBQ0csTUFBTTtzQkFBZixNQUFNO2dCQUNHLEVBQUU7c0JBQVgsTUFBTTtnQkFRUCxPQUFPO3NCQUROLFlBQVk7dUJBQUMsY0FBYyxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0TGlzdGVuZXIsIElucHV0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTd2lwZXJNb2R1bGUgfSBmcm9tICdzd2lwZXIvYW5ndWxhcic7XG5cbmltcG9ydCBTd2lwZXJDb3JlLCB7IEZyZWVNb2RlLCBLZXlib2FyZCwgTmF2aWdhdGlvbiwgVGh1bWJzLCBab29tIH0gZnJvbSAnc3dpcGVyJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBGbmdTYWZlSHRtbFBpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zYWZlLWh0bWwucGlwZSc7XG5pbXBvcnQgeyBNb2RhbCB9IGZyb20gJy4uL21vZGFscy5tb2R1bGUnO1xuXG5Td2lwZXJDb3JlLnVzZShbRnJlZU1vZGUsIE5hdmlnYXRpb24sIEtleWJvYXJkLCBUaHVtYnMsIFpvb21dKTtcblxuZXhwb3J0IGludGVyZmFjZSBGbmdJbWFnZURlc2NyaXB0aXZlQ29udGVudCB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGJvZHk6IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBGbmdJbWFnZUdhbGxlcnlEYXRhIHtcbiAgc3RhcnRJbmRleDogbnVtYmVyO1xuICBpbWFnZXM6IHsgdXJsOiBzdHJpbmc7IGFsdDogc3RyaW5nOyBjb250ZW50PzogRm5nSW1hZ2VEZXNjcmlwdGl2ZUNvbnRlbnQgfVtdO1xuICB0aHVtYm5haWxJbWFnZXM/OiB7IHVybDogc3RyaW5nOyBhbHQ6IHN0cmluZyB9W107XG4gIHBhZ2luYXRpb24/OiBib29sZWFuO1xuICBkZXNjcmlwdGl2ZUNvbnRlbnQ/OiBib29sZWFuO1xuICBzbGlkZUNoYW5nZWQ/OiAoaW5kZXg6IG51bWJlcikgPT4gdm9pZDtcbn1cblxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtTd2lwZXJNb2R1bGUsIENvbW1vbk1vZHVsZSwgRm5nU2FmZUh0bWxQaXBlXSxcbiAgc2VsZWN0b3I6ICdmbmctaW1hZ2UtZ2FsbGVyeScsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbWFnZS1nYWxsZXJ5LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaW1hZ2UtZ2FsbGVyeS5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIEZuZ0ltYWdlR2FsbGVyeUNvbXBvbmVudCBpbXBsZW1lbnRzIE1vZGFsPEZuZ0ltYWdlR2FsbGVyeURhdGEsIGFueT4ge1xuICBASW5wdXQoKSBkYXRhOiBGbmdJbWFnZUdhbGxlcnlEYXRhID0ge1xuICAgIHN0YXJ0SW5kZXg6IDAsXG4gICAgaW1hZ2VzOiBbXSxcbiAgICB0aHVtYm5haWxJbWFnZXM6IFtdLFxuICAgIHNsaWRlQ2hhbmdlZDogKCkgPT4gbnVsbCxcbiAgICBwYWdpbmF0aW9uOiB0cnVlLFxuICAgIGRlc2NyaXB0aXZlQ29udGVudDogZmFsc2VcbiAgfTtcbiAgQE91dHB1dCgpIGNsb3NlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIEBPdXRwdXQoKSBjYW5jZWwgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQE91dHB1dCgpIG9rID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgdGh1bWJzU3dpcGVyOiBhbnk7XG4gIGN1cnJlbnRJbmRleCA9IHRoaXMuZGF0YS5zdGFydEluZGV4ICsgMTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNkOiBDaGFuZ2VEZXRlY3RvclJlZikge31cblxuICBASG9zdExpc3RlbmVyKCd3aW5kb3c6a2V5dXAnLCBbJyRldmVudCddKVxuICBvbktleVVwKGV2ZW50OiBLZXlib2FyZEV2ZW50KSB7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcblxuICAgIGlmIChldmVudC5rZXkgPT09ICdFc2MnIHx8IGV2ZW50LmtleSA9PT0gJ0VzY2FwZScpIHtcbiAgICAgIHRoaXMub25DbG9zZSgpO1xuICAgIH1cbiAgfVxuXG4gIG9uU2xpZGVDaGFuZ2Uoc3dpcGVyOiB7IGFjdGl2ZUluZGV4OiBudW1iZXIgfVtdKSB7XG4gICAgdGhpcy5jdXJyZW50SW5kZXggPSBzd2lwZXJbMF0uYWN0aXZlSW5kZXggKyAxO1xuICAgIHRoaXMuY2QubWFya0ZvckNoZWNrKCk7XG4gICAgdGhpcy5jZC5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgaWYgKHRoaXMuZGF0YT8uc2xpZGVDaGFuZ2VkKSB7XG4gICAgICB0aGlzLmRhdGEuc2xpZGVDaGFuZ2VkKHN3aXBlclswXS5hY3RpdmVJbmRleCk7XG4gICAgfVxuICB9XG5cbiAgb25DbG9zZSgpIHtcbiAgICB0aGlzLmNsb3NlLmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdlxuICBjbGFzcz1cImZ3ZS1tb2RhbCBmd2UtbW9kYWwtaW1hZ2UtZ2FsbGVyeVwiXG4gICpuZ0lmPVwiZGF0YSAhPSBudWxsXCJcbiAgW2NsYXNzLmZ3ZS1tb2RhbC1pbWFnZS1nYWxsZXJ5LS13aXRoLXRodW1ibmFpbHNdPVwiZGF0YS50aHVtYm5haWxJbWFnZXM/Lmxlbmd0aFwiXG4gIFtjbGFzcy5md2UtbW9kYWwtaW1hZ2UtZ2FsbGVyeS0td2l0aC1jb250YWluZXJdPVwiZGF0YS5kZXNjcmlwdGl2ZUNvbnRlbnRcIlxuPlxuICA8ZGl2IGNsYXNzPVwiZndlLWltYWdlLWdhbGxlcnktaGVhZGVyXCI+XG4gICAgPGRpdiAqbmdJZj1cImRhdGEucGFnaW5hdGlvblwiIGNsYXNzPVwiZndlLXBhZ2luYXRpb24gZndlLXBhZ2luYXRpb24tLW9uLWRhcmstYmdcIj5cbiAgICAgIDxidXR0b24gYXJpYS1sYWJlbD1cInByZXZpb3VzXCIgdHlwZT1cImJ1dHRvblwiIGNsYXNzPVwiZndlLW5hdmlnYXRlLWJ0bi1kb3duXCI+PC9idXR0b24+XG4gICAgICA8c3BhbiBjbGFzcz1cImZ3ZS1wYWdlLWN1cnJlbnRcIj57eyBjdXJyZW50SW5kZXggfX08L3NwYW4+XG4gICAgICA8c3BhbiBjbGFzcz1cImZ3ZS1wYWdlLW1heFwiPnt7IGRhdGEuaW1hZ2VzLmxlbmd0aCB9fTwvc3Bhbj5cbiAgICAgIDxidXR0b24gYXJpYS1sYWJlbD1cIm5leHRcIiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJmd2UtbmF2aWdhdGUtYnRuLXVwXCI+PC9idXR0b24+XG4gICAgPC9kaXY+XG4gICAgPGJ1dHRvbiBhcmlhLWxhYmVsPVwiY2xvc2VcIiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJmd2UtYnRuIGZ3ZS1idG4tbGluayBmd2UtbWwtYXV0b1wiIChjbGljayk9XCJvbkNsb3NlKClcIj5cbiAgICAgIDxpIGNsYXNzPVwiZndlLWljb24gZndlLWljb24tbGcgZndlLWNvbG9yLXdoaXRlIGZ3ZS1pY29uLW1lbnUtY2xvc2UgZndlLW1vZGFsLWltYWdlLWdhbGxlcnktY2xvc2VcIj48L2k+XG4gICAgPC9idXR0b24+XG4gIDwvZGl2PlxuICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJkYXRhLmRlc2NyaXB0aXZlQ29udGVudFwiPlxuICAgIDxkaXYgY2xhc3M9XCJmd2UtaW1hZ2UtZ2FsbGVyeS1jb250YWluZXJcIiAqbmdTd2l0Y2hDYXNlPVwidHJ1ZVwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImJhc2VHYWxsZXJ5XCI+PC9uZy1jb250YWluZXI+XG4gICAgICA8ZGl2IGNsYXNzPVwiZndlLWltYWdlLWdhbGxlcnktY29udGVudFwiICpuZ0lmPVwiZGF0YS5pbWFnZXNbY3VycmVudEluZGV4IC0gMV0/LmNvbnRlbnQgYXMgaW1hZ2VDb250ZW50XCI+XG4gICAgICAgIDxoMz57eyBpbWFnZUNvbnRlbnQudGl0bGUgfX08L2gzPlxuICAgICAgICA8ZGl2IFtpbm5lckhUTUxdPVwiaW1hZ2VDb250ZW50LmJvZHkgfCBmbmdTYWZlSHRtbFwiPjwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hEZWZhdWx0PlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImJhc2VHYWxsZXJ5XCI+PC9uZy1jb250YWluZXI+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvbmctY29udGFpbmVyPlxuPC9kaXY+XG5cbjxuZy10ZW1wbGF0ZSAjYmFzZUdhbGxlcnk+XG4gIDxkaXYgY2xhc3M9XCJmd2UtaW1hZ2UtZ2FsbGVyeS13cmFwcGVyXCI+XG4gICAgPHN3aXBlclxuICAgICAgW2luaXRpYWxTbGlkZV09XCJkYXRhLnN0YXJ0SW5kZXhcIlxuICAgICAgW2tleWJvYXJkXT1cIntcbiAgICAgICAgZW5hYmxlZDogdHJ1ZVxuICAgICAgfVwiXG4gICAgICBbc3BhY2VCZXR3ZWVuXT1cIjBcIlxuICAgICAgW3pvb21dPVwidHJ1ZVwiXG4gICAgICBbbmF2aWdhdGlvbl09XCJ7XG4gICAgICAgIG5leHRFbDogJy5md2UtbmF2aWdhdGUtYnRuLXVwJyxcbiAgICAgICAgcHJldkVsOiAnLmZ3ZS1uYXZpZ2F0ZS1idG4tZG93bidcbiAgICAgIH1cIlxuICAgICAgW3RodW1ic109XCJ7IHN3aXBlcjogdGh1bWJzU3dpcGVyIH1cIlxuICAgICAgKHNsaWRlQ2hhbmdlKT1cIm9uU2xpZGVDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICBjbGFzcz1cImdhbGxlcnktc3dpcGVyIGZ3ZS1pbWFnZS1nYWxsZXJ5XCJcbiAgICA+XG4gICAgICA8bmctdGVtcGxhdGUgKm5nRm9yPVwibGV0IGltYWdlIG9mIGRhdGEuaW1hZ2VzXCIgc3dpcGVyU2xpZGU+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzd2lwZXItem9vbS1jb250YWluZXJcIj5cbiAgICAgICAgICA8aW1nIFthbHRdPVwiaW1hZ2UuYWx0XCIgW3NyY109XCJpbWFnZS51cmxcIiAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPC9zd2lwZXI+XG4gICAgPHN3aXBlclxuICAgICAgKm5nSWY9XCJkYXRhLnRodW1ibmFpbEltYWdlcz8ubGVuZ3RoXCJcbiAgICAgIChzd2lwZXIpPVwidGh1bWJzU3dpcGVyID0gJGV2ZW50XCJcbiAgICAgIFtzbGlkZXNQZXJWaWV3XT1cIidhdXRvJ1wiXG4gICAgICBbZnJlZU1vZGVdPVwidHJ1ZVwiXG4gICAgICBbd2F0Y2hTbGlkZXNQcm9ncmVzc109XCJ0cnVlXCJcbiAgICAgIGNsYXNzPVwidGh1bWJzLXN3aXBlciBmd2UtaW1hZ2UtZ2FsbGVyeS10aHVtYnNcIlxuICAgID5cbiAgICAgIDxuZy10ZW1wbGF0ZSAqbmdGb3I9XCJsZXQgdGh1bWJuYWlsIG9mIGRhdGEudGh1bWJuYWlsSW1hZ2VzXCIgc3dpcGVyU2xpZGU+XG4gICAgICAgIDxpbWcgW2FsdF09XCJ0aHVtYm5haWwuYWx0XCIgW3NyY109XCJ0aHVtYm5haWwudXJsXCIgLz5cbiAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPC9zd2lwZXI+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtZ2FsbGVyeS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyL3NyYy9saWIvbW9kYWxzL2ltYWdlLWdhbGxlcnkvaW1hZ2UtZ2FsbGVyeS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyL3NyYy9saWIvbW9kYWxzL2ltYWdlLWdhbGxlcnkvaW1hZ2UtZ2FsbGVyeS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXFCLFNBQVMsRUFBRSxZQUFZLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0gsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRTlDLE9BQU8sVUFBVSxFQUFFLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxNQUFNLFFBQVEsQ0FBQztBQUNsRixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7O0FBRzdELFVBQVUsQ0FBQyxHQUFHLENBQUMsQ0FBQyxRQUFRLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQztBQXdCL0QsTUFBTSxPQUFPLHdCQUF3QjtJQWdCbkMsWUFBb0IsRUFBcUI7UUFBckIsT0FBRSxHQUFGLEVBQUUsQ0FBbUI7UUFmaEMsU0FBSSxHQUF3QjtZQUNuQyxVQUFVLEVBQUUsQ0FBQztZQUNiLE1BQU0sRUFBRSxFQUFFO1lBQ1YsZUFBZSxFQUFFLEVBQUU7WUFDbkIsWUFBWSxFQUFFLEdBQUcsRUFBRSxDQUFDLElBQUk7WUFDeEIsVUFBVSxFQUFFLElBQUk7WUFDaEIsa0JBQWtCLEVBQUUsS0FBSztTQUMxQixDQUFDO1FBQ1EsVUFBSyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDaEMsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDakMsT0FBRSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFHdkMsaUJBQVksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLENBQUM7SUFFSSxDQUFDO0lBRzdDLE9BQU8sQ0FBQyxLQUFvQjtRQUMxQixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDdkIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBRXhCLElBQUksS0FBSyxDQUFDLEdBQUcsS0FBSyxLQUFLLElBQUksS0FBSyxDQUFDLEdBQUcsS0FBSyxRQUFRLEVBQUU7WUFDakQsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1NBQ2hCO0lBQ0gsQ0FBQztJQUVELGFBQWEsQ0FBQyxNQUFpQztRQUM3QyxJQUFJLENBQUMsWUFBWSxHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLEdBQUcsQ0FBQyxDQUFDO1FBQzlDLElBQUksQ0FBQyxFQUFFLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUN4QixJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsWUFBWSxFQUFFO1lBQzNCLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQztTQUMvQztJQUNILENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNwQixDQUFDOztxSEF2Q1Usd0JBQXdCO3lHQUF4Qix3QkFBd0IsNE5DaENyQyw2K0ZBMEVBLHlERGhEWSxZQUFZLDBuSEFBRSxZQUFZLDhxQkFBRSxlQUFlOzJGQU0xQyx3QkFBd0I7a0JBUnBDLFNBQVM7aUNBQ0ksSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLFlBQVksRUFBRSxlQUFlLENBQUMsWUFDNUMsbUJBQW1CLGlCQUdkLGlCQUFpQixDQUFDLElBQUk7d0dBRzVCLElBQUk7c0JBQVosS0FBSztnQkFRSSxLQUFLO3NCQUFkLE1BQU07Z0JBQ0csTUFBTTtzQkFBZixNQUFNO2dCQUNHLEVBQUU7c0JBQVgsTUFBTTtnQkFRUCxPQUFPO3NCQUROLFlBQVk7dUJBQUMsY0FBYyxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0TGlzdGVuZXIsIElucHV0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTd2lwZXJNb2R1bGUgfSBmcm9tICdzd2lwZXIvYW5ndWxhcic7XG5cbmltcG9ydCBTd2lwZXJDb3JlLCB7IEZyZWVNb2RlLCBLZXlib2FyZCwgTmF2aWdhdGlvbiwgVGh1bWJzLCBab29tIH0gZnJvbSAnc3dpcGVyJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBGbmdTYWZlSHRtbFBpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zYWZlLWh0bWwucGlwZSc7XG5pbXBvcnQgeyBNb2RhbCB9IGZyb20gJy4uL21vZGFscy5tb2R1bGUnO1xuXG5Td2lwZXJDb3JlLnVzZShbRnJlZU1vZGUsIE5hdmlnYXRpb24sIEtleWJvYXJkLCBUaHVtYnMsIFpvb21dKTtcblxuZXhwb3J0IGludGVyZmFjZSBGbmdJbWFnZURlc2NyaXB0aXZlQ29udGVudCB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGJvZHk6IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBGbmdJbWFnZUdhbGxlcnlEYXRhIHtcbiAgc3RhcnRJbmRleDogbnVtYmVyO1xuICBpbWFnZXM6IHsgdXJsOiBzdHJpbmc7IGFsdDogc3RyaW5nOyBjb250ZW50PzogRm5nSW1hZ2VEZXNjcmlwdGl2ZUNvbnRlbnQ7IGNvbnRhaW5Nb2RlPzogYm9vbGVhbiB9W107XG4gIHRodW1ibmFpbEltYWdlcz86IHsgdXJsOiBzdHJpbmc7IGFsdDogc3RyaW5nOyBjb250YWluTW9kZT86IGJvb2xlYW4gfVtdO1xuICBwYWdpbmF0aW9uPzogYm9vbGVhbjtcbiAgZGVzY3JpcHRpdmVDb250ZW50PzogYm9vbGVhbjtcbiAgc2xpZGVDaGFuZ2VkPzogKGluZGV4OiBudW1iZXIpID0+IHZvaWQ7XG59XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbU3dpcGVyTW9kdWxlLCBDb21tb25Nb2R1bGUsIEZuZ1NhZmVIdG1sUGlwZV0sXG4gIHNlbGVjdG9yOiAnZm5nLWltYWdlLWdhbGxlcnknLFxuICB0ZW1wbGF0ZVVybDogJy4vaW1hZ2UtZ2FsbGVyeS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ltYWdlLWdhbGxlcnkuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBGbmdJbWFnZUdhbGxlcnlDb21wb25lbnQgaW1wbGVtZW50cyBNb2RhbDxGbmdJbWFnZUdhbGxlcnlEYXRhLCBhbnk+IHtcbiAgQElucHV0KCkgZGF0YTogRm5nSW1hZ2VHYWxsZXJ5RGF0YSA9IHtcbiAgICBzdGFydEluZGV4OiAwLFxuICAgIGltYWdlczogW10sXG4gICAgdGh1bWJuYWlsSW1hZ2VzOiBbXSxcbiAgICBzbGlkZUNoYW5nZWQ6ICgpID0+IG51bGwsXG4gICAgcGFnaW5hdGlvbjogdHJ1ZSxcbiAgICBkZXNjcmlwdGl2ZUNvbnRlbnQ6IGZhbHNlXG4gIH07XG4gIEBPdXRwdXQoKSBjbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBAT3V0cHV0KCkgY2FuY2VsID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIEBPdXRwdXQoKSBvayA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIHRodW1ic1N3aXBlcjogYW55O1xuICBjdXJyZW50SW5kZXggPSB0aGlzLmRhdGEuc3RhcnRJbmRleCArIDE7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZDogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XG5cbiAgQEhvc3RMaXN0ZW5lcignd2luZG93OmtleXVwJywgWyckZXZlbnQnXSlcbiAgb25LZXlVcChldmVudDogS2V5Ym9hcmRFdmVudCkge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICBpZiAoZXZlbnQua2V5ID09PSAnRXNjJyB8fCBldmVudC5rZXkgPT09ICdFc2NhcGUnKSB7XG4gICAgICB0aGlzLm9uQ2xvc2UoKTtcbiAgICB9XG4gIH1cblxuICBvblNsaWRlQ2hhbmdlKHN3aXBlcjogeyBhY3RpdmVJbmRleDogbnVtYmVyIH1bXSkge1xuICAgIHRoaXMuY3VycmVudEluZGV4ID0gc3dpcGVyWzBdLmFjdGl2ZUluZGV4ICsgMTtcbiAgICB0aGlzLmNkLm1hcmtGb3JDaGVjaygpO1xuICAgIHRoaXMuY2QuZGV0ZWN0Q2hhbmdlcygpO1xuICAgIGlmICh0aGlzLmRhdGE/LnNsaWRlQ2hhbmdlZCkge1xuICAgICAgdGhpcy5kYXRhLnNsaWRlQ2hhbmdlZChzd2lwZXJbMF0uYWN0aXZlSW5kZXgpO1xuICAgIH1cbiAgfVxuXG4gIG9uQ2xvc2UoKSB7XG4gICAgdGhpcy5jbG9zZS5lbWl0KCk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJmd2UtbW9kYWwgZndlLW1vZGFsLWltYWdlLWdhbGxlcnlcIlxuICAqbmdJZj1cImRhdGEgIT0gbnVsbFwiXG4gIFtjbGFzcy5md2UtbW9kYWwtaW1hZ2UtZ2FsbGVyeS0td2l0aC10aHVtYm5haWxzXT1cImRhdGEudGh1bWJuYWlsSW1hZ2VzPy5sZW5ndGhcIlxuICBbY2xhc3MuZndlLW1vZGFsLWltYWdlLWdhbGxlcnktLXdpdGgtY29udGFpbmVyXT1cImRhdGEuZGVzY3JpcHRpdmVDb250ZW50XCJcbj5cbiAgPGRpdiBjbGFzcz1cImZ3ZS1pbWFnZS1nYWxsZXJ5LWhlYWRlclwiPlxuICAgIDxkaXYgKm5nSWY9XCJkYXRhLnBhZ2luYXRpb25cIiBjbGFzcz1cImZ3ZS1wYWdpbmF0aW9uIGZ3ZS1wYWdpbmF0aW9uLS1vbi1kYXJrLWJnXCI+XG4gICAgICA8YnV0dG9uIGFyaWEtbGFiZWw9XCJwcmV2aW91c1wiIHR5cGU9XCJidXR0b25cIiBjbGFzcz1cImZ3ZS1uYXZpZ2F0ZS1idG4tZG93blwiPjwvYnV0dG9uPlxuICAgICAgPHNwYW4gY2xhc3M9XCJmd2UtcGFnZS1jdXJyZW50XCI+e3sgY3VycmVudEluZGV4IH19PC9zcGFuPlxuICAgICAgPHNwYW4gY2xhc3M9XCJmd2UtcGFnZS1tYXhcIj57eyBkYXRhLmltYWdlcy5sZW5ndGggfX08L3NwYW4+XG4gICAgICA8YnV0dG9uIGFyaWEtbGFiZWw9XCJuZXh0XCIgdHlwZT1cImJ1dHRvblwiIGNsYXNzPVwiZndlLW5hdmlnYXRlLWJ0bi11cFwiPjwvYnV0dG9uPlxuICAgIDwvZGl2PlxuICAgIDxidXR0b24gYXJpYS1sYWJlbD1cImNsb3NlXCIgdHlwZT1cImJ1dHRvblwiIGNsYXNzPVwiZndlLWJ0biBmd2UtYnRuLWxpbmsgZndlLW1sLWF1dG9cIiAoY2xpY2spPVwib25DbG9zZSgpXCI+XG4gICAgICA8aSBjbGFzcz1cImZ3ZS1pY29uIGZ3ZS1pY29uLWxnIGZ3ZS1jb2xvci13aGl0ZSBmd2UtaWNvbi1tZW51LWNsb3NlIGZ3ZS1tb2RhbC1pbWFnZS1nYWxsZXJ5LWNsb3NlXCI+PC9pPlxuICAgIDwvYnV0dG9uPlxuICA8L2Rpdj5cbiAgPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwiZGF0YS5kZXNjcmlwdGl2ZUNvbnRlbnRcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZndlLWltYWdlLWdhbGxlcnktY29udGFpbmVyXCIgKm5nU3dpdGNoQ2FzZT1cInRydWVcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJiYXNlR2FsbGVyeVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgPGRpdiBjbGFzcz1cImZ3ZS1pbWFnZS1nYWxsZXJ5LWNvbnRlbnRcIiAqbmdJZj1cImRhdGEuaW1hZ2VzW2N1cnJlbnRJbmRleCAtIDFdPy5jb250ZW50IGFzIGltYWdlQ29udGVudFwiPlxuICAgICAgICA8aDM+e3sgaW1hZ2VDb250ZW50LnRpdGxlIH19PC9oMz5cbiAgICAgICAgPGRpdiBbaW5uZXJIVE1MXT1cImltYWdlQ29udGVudC5ib2R5IHwgZm5nU2FmZUh0bWxcIj48L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoRGVmYXVsdD5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJiYXNlR2FsbGVyeVwiPjwvbmctY29udGFpbmVyPlxuICAgIDwvbmctY29udGFpbmVyPlxuICA8L25nLWNvbnRhaW5lcj5cbjwvZGl2PlxuXG48bmctdGVtcGxhdGUgI2Jhc2VHYWxsZXJ5PlxuICA8ZGl2IGNsYXNzPVwiZndlLWltYWdlLWdhbGxlcnktd3JhcHBlclwiPlxuICAgIDxzd2lwZXJcbiAgICAgIFtpbml0aWFsU2xpZGVdPVwiZGF0YS5zdGFydEluZGV4XCJcbiAgICAgIFtrZXlib2FyZF09XCJ7XG4gICAgICAgIGVuYWJsZWQ6IHRydWVcbiAgICAgIH1cIlxuICAgICAgW3NwYWNlQmV0d2Vlbl09XCIwXCJcbiAgICAgIFt6b29tXT1cInRydWVcIlxuICAgICAgW25hdmlnYXRpb25dPVwie1xuICAgICAgICBuZXh0RWw6ICcuZndlLW5hdmlnYXRlLWJ0bi11cCcsXG4gICAgICAgIHByZXZFbDogJy5md2UtbmF2aWdhdGUtYnRuLWRvd24nXG4gICAgICB9XCJcbiAgICAgIFt0aHVtYnNdPVwieyBzd2lwZXI6IHRodW1ic1N3aXBlciB9XCJcbiAgICAgIChzbGlkZUNoYW5nZSk9XCJvblNsaWRlQ2hhbmdlKCRldmVudClcIlxuICAgICAgY2xhc3M9XCJnYWxsZXJ5LXN3aXBlciBmd2UtaW1hZ2UtZ2FsbGVyeVwiXG4gICAgPlxuICAgICAgPG5nLXRlbXBsYXRlICpuZ0Zvcj1cImxldCBpbWFnZSBvZiBkYXRhLmltYWdlc1wiIHN3aXBlclNsaWRlPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic3dpcGVyLXpvb20tY29udGFpbmVyXCI+XG4gICAgICAgICAgPGltZyBbYWx0XT1cImltYWdlLmFsdFwiIFtzcmNdPVwiaW1hZ2UudXJsXCIgW2NsYXNzLmZ3ZS1vYmplY3QtZml0LWNvbnRhaW5dPVwiaW1hZ2UuY29udGFpbk1vZGVcIiBbY2xhc3MuZndlLXAtbV09XCJpbWFnZS5jb250YWluTW9kZVwiIC8+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L3N3aXBlcj5cbiAgICA8c3dpcGVyXG4gICAgICAqbmdJZj1cImRhdGEudGh1bWJuYWlsSW1hZ2VzPy5sZW5ndGhcIlxuICAgICAgKHN3aXBlcik9XCJ0aHVtYnNTd2lwZXIgPSAkZXZlbnRcIlxuICAgICAgW3NsaWRlc1BlclZpZXddPVwiJ2F1dG8nXCJcbiAgICAgIFtmcmVlTW9kZV09XCJ0cnVlXCJcbiAgICAgIFt0aHJlc2hvbGRdPVwiMjBcIlxuICAgICAgW3dhdGNoU2xpZGVzUHJvZ3Jlc3NdPVwidHJ1ZVwiXG4gICAgICBjbGFzcz1cInRodW1icy1zd2lwZXIgZndlLWltYWdlLWdhbGxlcnktdGh1bWJzXCJcbiAgICA+XG4gICAgICA8bmctdGVtcGxhdGUgKm5nRm9yPVwibGV0IHRodW1ibmFpbCBvZiBkYXRhLnRodW1ibmFpbEltYWdlc1wiIHN3aXBlclNsaWRlPlxuICAgICAgICA8aW1nXG4gICAgICAgICAgW2FsdF09XCJ0aHVtYm5haWwuYWx0XCJcbiAgICAgICAgICBbc3JjXT1cInRodW1ibmFpbC51cmxcIlxuICAgICAgICAgIFtjbGFzcy5md2Utb2JqZWN0LWZpdC1jb250YWluXT1cInRodW1ibmFpbC5jb250YWluTW9kZVwiXG4gICAgICAgICAgW2NsYXNzLmZ3ZS1wLXh4eHNdPVwidGh1bWJuYWlsLmNvbnRhaW5Nb2RlXCJcbiAgICAgICAgLz5cbiAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPC9zd2lwZXI+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==

package/fesm2015/festo-ui-angular.mjs

@@ -2950,10 +2950,10 @@ class FngImageGalleryComponent {
     }
 }
 FngImageGalleryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngImageGalleryComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-FngImageGalleryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: FngImageGalleryComponent, isStandalone: true, selector: "fng-image-gallery", inputs: { data: "data" }, outputs: { close: "close", cancel: "cancel", ok: "ok" }, host: { listeners: { "window:keyup": "onKeyUp($event)" } }, ngImport: i0, template: "<div\n  class=\"fwe-modal fwe-modal-image-gallery\"\n  *ngIf=\"data != null\"\n  [class.fwe-modal-image-gallery--with-thumbnails]=\"data.thumbnailImages?.length\"\n  [class.fwe-modal-image-gallery--with-container]=\"data.descriptiveContent\"\n>\n  <div class=\"fwe-image-gallery-header\">\n    <div *ngIf=\"data.pagination\" class=\"fwe-pagination fwe-pagination--on-dark-bg\">\n      <button aria-label=\"previous\" type=\"button\" class=\"fwe-navigate-btn-down\"></button>\n      <span class=\"fwe-page-current\">{{ currentIndex }}</span>\n      <span class=\"fwe-page-max\">{{ data.images.length }}</span>\n      <button aria-label=\"next\" type=\"button\" class=\"fwe-navigate-btn-up\"></button>\n    </div>\n    <button aria-label=\"close\" type=\"button\" class=\"fwe-btn fwe-btn-link fwe-ml-auto\" (click)=\"onClose()\">\n      <i class=\"fwe-icon fwe-icon-lg fwe-color-white fwe-icon-menu-close fwe-modal-image-gallery-close\"></i>\n    </button>\n  </div>\n  <ng-container [ngSwitch]=\"data.descriptiveContent\">\n    <div class=\"fwe-image-gallery-container\" *ngSwitchCase=\"true\">\n      <ng-container *ngTemplateOutlet=\"baseGallery\"></ng-container>\n      <div class=\"fwe-image-gallery-content\" *ngIf=\"data.images[currentIndex - 1]?.content as imageContent\">\n        <h3>{{ imageContent.title }}</h3>\n        <div [innerHTML]=\"imageContent.body | fngSafeHtml\"></div>\n      </div>\n    </div>\n    <ng-container *ngSwitchDefault>\n      <ng-container *ngTemplateOutlet=\"baseGallery\"></ng-container>\n    </ng-container>\n  </ng-container>\n</div>\n\n<ng-template #baseGallery>\n  <div class=\"fwe-image-gallery-wrapper\">\n    <swiper\n      [initialSlide]=\"data.startIndex\"\n      [keyboard]=\"{\n        enabled: true\n      }\"\n      [spaceBetween]=\"0\"\n      [zoom]=\"true\"\n      [navigation]=\"{\n        nextEl: '.fwe-navigate-btn-up',\n        prevEl: '.fwe-navigate-btn-down'\n      }\"\n      [thumbs]=\"{ swiper: thumbsSwiper }\"\n      (slideChange)=\"onSlideChange($event)\"\n      class=\"gallery-swiper fwe-image-gallery\"\n    >\n      <ng-template *ngFor=\"let image of data.images\" swiperSlide>\n        <div class=\"swiper-zoom-container\">\n          <img [alt]=\"image.alt\" [src]=\"image.url\" />\n        </div>\n      </ng-template>\n    </swiper>\n    <swiper\n      *ngIf=\"data.thumbnailImages?.length\"\n      (swiper)=\"thumbsSwiper = $event\"\n      [slidesPerView]=\"'auto'\"\n      [freeMode]=\"true\"\n      [watchSlidesProgress]=\"true\"\n      class=\"thumbs-swiper fwe-image-gallery-thumbs\"\n    >\n      <ng-template *ngFor=\"let thumbnail of data.thumbnailImages\" swiperSlide>\n        <img [alt]=\"thumbnail.alt\" [src]=\"thumbnail.url\" />\n      </ng-template>\n    </swiper>\n  </div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: SwiperModule }, { kind: "component", type: i1$4.SwiperComponent, selector: "swiper, [swiper]", inputs: ["enabled", "on", "direction", "touchEventsTarget", "initialSlide", "speed", "cssMode", "updateOnWindowResize", "resizeObserver", "nested", "focusableElements", "width", "height", "preventInteractionOnTransition", "userAgent", "url", "edgeSwipeDetection", "edgeSwipeThreshold", "freeMode", "autoHeight", "setWrapperSize", "virtualTranslate", "effect", "breakpoints", "spaceBetween", "slidesPerView", "maxBackfaceHiddenSlides", "grid", "slidesPerGroup", "slidesPerGroupSkip", "centeredSlides", "centeredSlidesBounds", "slidesOffsetBefore", "slidesOffsetAfter", "normalizeSlideIndex", "centerInsufficientSlides", "watchOverflow", "roundLengths", "touchRatio", "touchAngle", "simulateTouch", "shortSwipes", "longSwipes", "longSwipesRatio", "longSwipesMs", "followFinger", "allowTouchMove", "threshold", "touchMoveStopPropagation", "touchStartPreventDefault", "touchStartForcePreventDefault", "touchReleaseOnEdges", "uniqueNavElements", "resistance", "resistanceRatio", "watchSlidesProgress", "grabCursor", "preventClicks", "preventClicksPropagation", "slideToClickedSlide", "preloadImages", "updateOnImagesReady", "loop", "loopAdditionalSlides", "loopedSlides", "loopedSlidesLimit", "loopFillGroupWithBlank", "loopPreventsSlide", "rewind", "allowSlidePrev", "allowSlideNext", "swipeHandler", "noSwiping", "noSwipingClass", "noSwipingSelector", "passiveListeners", "containerModifierClass", "slideClass", "slideBlankClass", "slideActiveClass", "slideDuplicateActiveClass", "slideVisibleClass", "slideDuplicateClass", "slideNextClass", "slideDuplicateNextClass", "slidePrevClass", "slideDuplicatePrevClass", "wrapperClass", "runCallbacksOnInit", "observeParents", "observeSlideChildren", "a11y", "autoplay", "controller", "coverflowEffect", "cubeEffect", "fadeEffect", "flipEffect", "creativeEffect", "cardsEffect", "hashNavigation", "history", "keyboard", "lazy", "mousewheel", "parallax", "thumbs", "zoom", "slidesPerGroupAuto", "class", "id", "navigation", "pagination", "scrollbar", "virtual", "config"], outputs: ["_beforeBreakpoint", "_containerClasses", "_slideClass", "_swiper", "activeIndexChange", "afterInit", "autoplay", "autoplayStart", "autoplayStop", "autoplayPause", "autoplayResume", "beforeDestroy", "beforeInit", "beforeLoopFix", "beforeResize", "beforeSlideChangeStart", "beforeTransitionStart", "breakpoint", "changeDirection", "click", "doubleTap", "doubleClick", "destroy", "fromEdge", "hashChange", "hashSet", "imagesReady", "init", "keyPress", "lazyImageLoad", "lazyImageReady", "loopFix", "momentumBounce", "navigationHide", "navigationShow", "navigationPrev", "navigationNext", "observerUpdate", "orientationchange", "paginationHide", "paginationRender", "paginationShow", "paginationUpdate", "progress", "reachBeginning", "reachEnd", "realIndexChange", "resize", "scroll", "scrollbarDragEnd", "scrollbarDragMove", "scrollbarDragStart", "setTransition", "setTranslate", "slideChange", "slideChangeTransitionEnd", "slideChangeTransitionStart", "slideNextTransitionEnd", "slideNextTransitionStart", "slidePrevTransitionEnd", "slidePrevTransitionStart", "slideResetTransitionStart", "slideResetTransitionEnd", "sliderMove", "sliderFirstMove", "slidesLengthChange", "slidesGridLengthChange", "snapGridLengthChange", "snapIndexChange", "tap", "toEdge", "touchEnd", "touchMove", "touchMoveOpposite", "touchStart", "transitionEnd", "transitionStart", "update", "zoomChange", "swiper", "lock", "unlock"] }, { kind: "directive", type: i1$4.SwiperSlideDirective, selector: "ng-template[swiperSlide]", inputs: ["virtualIndex", "class", "ngClass", "data-swiper-autoplay", "zoom"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: FngSafeHtmlPipe, name: "fngSafeHtml" }], encapsulation: i0.ViewEncapsulation.None });
+FngImageGalleryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: FngImageGalleryComponent, isStandalone: true, selector: "fng-image-gallery", inputs: { data: "data" }, outputs: { close: "close", cancel: "cancel", ok: "ok" }, host: { listeners: { "window:keyup": "onKeyUp($event)" } }, ngImport: i0, template: "<div\n  class=\"fwe-modal fwe-modal-image-gallery\"\n  *ngIf=\"data != null\"\n  [class.fwe-modal-image-gallery--with-thumbnails]=\"data.thumbnailImages?.length\"\n  [class.fwe-modal-image-gallery--with-container]=\"data.descriptiveContent\"\n>\n  <div class=\"fwe-image-gallery-header\">\n    <div *ngIf=\"data.pagination\" class=\"fwe-pagination fwe-pagination--on-dark-bg\">\n      <button aria-label=\"previous\" type=\"button\" class=\"fwe-navigate-btn-down\"></button>\n      <span class=\"fwe-page-current\">{{ currentIndex }}</span>\n      <span class=\"fwe-page-max\">{{ data.images.length }}</span>\n      <button aria-label=\"next\" type=\"button\" class=\"fwe-navigate-btn-up\"></button>\n    </div>\n    <button aria-label=\"close\" type=\"button\" class=\"fwe-btn fwe-btn-link fwe-ml-auto\" (click)=\"onClose()\">\n      <i class=\"fwe-icon fwe-icon-lg fwe-color-white fwe-icon-menu-close fwe-modal-image-gallery-close\"></i>\n    </button>\n  </div>\n  <ng-container [ngSwitch]=\"data.descriptiveContent\">\n    <div class=\"fwe-image-gallery-container\" *ngSwitchCase=\"true\">\n      <ng-container *ngTemplateOutlet=\"baseGallery\"></ng-container>\n      <div class=\"fwe-image-gallery-content\" *ngIf=\"data.images[currentIndex - 1]?.content as imageContent\">\n        <h3>{{ imageContent.title }}</h3>\n        <div [innerHTML]=\"imageContent.body | fngSafeHtml\"></div>\n      </div>\n    </div>\n    <ng-container *ngSwitchDefault>\n      <ng-container *ngTemplateOutlet=\"baseGallery\"></ng-container>\n    </ng-container>\n  </ng-container>\n</div>\n\n<ng-template #baseGallery>\n  <div class=\"fwe-image-gallery-wrapper\">\n    <swiper\n      [initialSlide]=\"data.startIndex\"\n      [keyboard]=\"{\n        enabled: true\n      }\"\n      [spaceBetween]=\"0\"\n      [zoom]=\"true\"\n      [navigation]=\"{\n        nextEl: '.fwe-navigate-btn-up',\n        prevEl: '.fwe-navigate-btn-down'\n      }\"\n      [thumbs]=\"{ swiper: thumbsSwiper }\"\n      (slideChange)=\"onSlideChange($event)\"\n      class=\"gallery-swiper fwe-image-gallery\"\n    >\n      <ng-template *ngFor=\"let image of data.images\" swiperSlide>\n        <div class=\"swiper-zoom-container\">\n          <img [alt]=\"image.alt\" [src]=\"image.url\" [class.fwe-object-fit-contain]=\"image.containMode\" [class.fwe-p-m]=\"image.containMode\" />\n        </div>\n      </ng-template>\n    </swiper>\n    <swiper\n      *ngIf=\"data.thumbnailImages?.length\"\n      (swiper)=\"thumbsSwiper = $event\"\n      [slidesPerView]=\"'auto'\"\n      [freeMode]=\"true\"\n      [threshold]=\"20\"\n      [watchSlidesProgress]=\"true\"\n      class=\"thumbs-swiper fwe-image-gallery-thumbs\"\n    >\n      <ng-template *ngFor=\"let thumbnail of data.thumbnailImages\" swiperSlide>\n        <img\n          [alt]=\"thumbnail.alt\"\n          [src]=\"thumbnail.url\"\n          [class.fwe-object-fit-contain]=\"thumbnail.containMode\"\n          [class.fwe-p-xxxs]=\"thumbnail.containMode\"\n        />\n      </ng-template>\n    </swiper>\n  </div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: SwiperModule }, { kind: "component", type: i1$4.SwiperComponent, selector: "swiper, [swiper]", inputs: ["enabled", "on", "direction", "touchEventsTarget", "initialSlide", "speed", "cssMode", "updateOnWindowResize", "resizeObserver", "nested", "focusableElements", "width", "height", "preventInteractionOnTransition", "userAgent", "url", "edgeSwipeDetection", "edgeSwipeThreshold", "freeMode", "autoHeight", "setWrapperSize", "virtualTranslate", "effect", "breakpoints", "spaceBetween", "slidesPerView", "maxBackfaceHiddenSlides", "grid", "slidesPerGroup", "slidesPerGroupSkip", "centeredSlides", "centeredSlidesBounds", "slidesOffsetBefore", "slidesOffsetAfter", "normalizeSlideIndex", "centerInsufficientSlides", "watchOverflow", "roundLengths", "touchRatio", "touchAngle", "simulateTouch", "shortSwipes", "longSwipes", "longSwipesRatio", "longSwipesMs", "followFinger", "allowTouchMove", "threshold", "touchMoveStopPropagation", "touchStartPreventDefault", "touchStartForcePreventDefault", "touchReleaseOnEdges", "uniqueNavElements", "resistance", "resistanceRatio", "watchSlidesProgress", "grabCursor", "preventClicks", "preventClicksPropagation", "slideToClickedSlide", "preloadImages", "updateOnImagesReady", "loop", "loopAdditionalSlides", "loopedSlides", "loopedSlidesLimit", "loopFillGroupWithBlank", "loopPreventsSlide", "rewind", "allowSlidePrev", "allowSlideNext", "swipeHandler", "noSwiping", "noSwipingClass", "noSwipingSelector", "passiveListeners", "containerModifierClass", "slideClass", "slideBlankClass", "slideActiveClass", "slideDuplicateActiveClass", "slideVisibleClass", "slideDuplicateClass", "slideNextClass", "slideDuplicateNextClass", "slidePrevClass", "slideDuplicatePrevClass", "wrapperClass", "runCallbacksOnInit", "observeParents", "observeSlideChildren", "a11y", "autoplay", "controller", "coverflowEffect", "cubeEffect", "fadeEffect", "flipEffect", "creativeEffect", "cardsEffect", "hashNavigation", "history", "keyboard", "lazy", "mousewheel", "parallax", "thumbs", "zoom", "slidesPerGroupAuto", "class", "id", "navigation", "pagination", "scrollbar", "virtual", "config"], outputs: ["_beforeBreakpoint", "_containerClasses", "_slideClass", "_swiper", "activeIndexChange", "afterInit", "autoplay", "autoplayStart", "autoplayStop", "autoplayPause", "autoplayResume", "beforeDestroy", "beforeInit", "beforeLoopFix", "beforeResize", "beforeSlideChangeStart", "beforeTransitionStart", "breakpoint", "changeDirection", "click", "doubleTap", "doubleClick", "destroy", "fromEdge", "hashChange", "hashSet", "imagesReady", "init", "keyPress", "lazyImageLoad", "lazyImageReady", "loopFix", "momentumBounce", "navigationHide", "navigationShow", "navigationPrev", "navigationNext", "observerUpdate", "orientationchange", "paginationHide", "paginationRender", "paginationShow", "paginationUpdate", "progress", "reachBeginning", "reachEnd", "realIndexChange", "resize", "scroll", "scrollbarDragEnd", "scrollbarDragMove", "scrollbarDragStart", "setTransition", "setTranslate", "slideChange", "slideChangeTransitionEnd", "slideChangeTransitionStart", "slideNextTransitionEnd", "slideNextTransitionStart", "slidePrevTransitionEnd", "slidePrevTransitionStart", "slideResetTransitionStart", "slideResetTransitionEnd", "sliderMove", "sliderFirstMove", "slidesLengthChange", "slidesGridLengthChange", "snapGridLengthChange", "snapIndexChange", "tap", "toEdge", "touchEnd", "touchMove", "touchMoveOpposite", "touchStart", "transitionEnd", "transitionStart", "update", "zoomChange", "swiper", "lock", "unlock"] }, { kind: "directive", type: i1$4.SwiperSlideDirective, selector: "ng-template[swiperSlide]", inputs: ["virtualIndex", "class", "ngClass", "data-swiper-autoplay", "zoom"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: FngSafeHtmlPipe, name: "fngSafeHtml" }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngImageGalleryComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [SwiperModule, CommonModule, FngSafeHtmlPipe], selector: 'fng-image-gallery', encapsulation: ViewEncapsulation.None, template: "<div\n  class=\"fwe-modal fwe-modal-image-gallery\"\n  *ngIf=\"data != null\"\n  [class.fwe-modal-image-gallery--with-thumbnails]=\"data.thumbnailImages?.length\"\n  [class.fwe-modal-image-gallery--with-container]=\"data.descriptiveContent\"\n>\n  <div class=\"fwe-image-gallery-header\">\n    <div *ngIf=\"data.pagination\" class=\"fwe-pagination fwe-pagination--on-dark-bg\">\n      <button aria-label=\"previous\" type=\"button\" class=\"fwe-navigate-btn-down\"></button>\n      <span class=\"fwe-page-current\">{{ currentIndex }}</span>\n      <span class=\"fwe-page-max\">{{ data.images.length }}</span>\n      <button aria-label=\"next\" type=\"button\" class=\"fwe-navigate-btn-up\"></button>\n    </div>\n    <button aria-label=\"close\" type=\"button\" class=\"fwe-btn fwe-btn-link fwe-ml-auto\" (click)=\"onClose()\">\n      <i class=\"fwe-icon fwe-icon-lg fwe-color-white fwe-icon-menu-close fwe-modal-image-gallery-close\"></i>\n    </button>\n  </div>\n  <ng-container [ngSwitch]=\"data.descriptiveContent\">\n    <div class=\"fwe-image-gallery-container\" *ngSwitchCase=\"true\">\n      <ng-container *ngTemplateOutlet=\"baseGallery\"></ng-container>\n      <div class=\"fwe-image-gallery-content\" *ngIf=\"data.images[currentIndex - 1]?.content as imageContent\">\n        <h3>{{ imageContent.title }}</h3>\n        <div [innerHTML]=\"imageContent.body | fngSafeHtml\"></div>\n      </div>\n    </div>\n    <ng-container *ngSwitchDefault>\n      <ng-container *ngTemplateOutlet=\"baseGallery\"></ng-container>\n    </ng-container>\n  </ng-container>\n</div>\n\n<ng-template #baseGallery>\n  <div class=\"fwe-image-gallery-wrapper\">\n    <swiper\n      [initialSlide]=\"data.startIndex\"\n      [keyboard]=\"{\n        enabled: true\n      }\"\n      [spaceBetween]=\"0\"\n      [zoom]=\"true\"\n      [navigation]=\"{\n        nextEl: '.fwe-navigate-btn-up',\n        prevEl: '.fwe-navigate-btn-down'\n      }\"\n      [thumbs]=\"{ swiper: thumbsSwiper }\"\n      (slideChange)=\"onSlideChange($event)\"\n      class=\"gallery-swiper fwe-image-gallery\"\n    >\n      <ng-template *ngFor=\"let image of data.images\" swiperSlide>\n        <div class=\"swiper-zoom-container\">\n          <img [alt]=\"image.alt\" [src]=\"image.url\" />\n        </div>\n      </ng-template>\n    </swiper>\n    <swiper\n      *ngIf=\"data.thumbnailImages?.length\"\n      (swiper)=\"thumbsSwiper = $event\"\n      [slidesPerView]=\"'auto'\"\n      [freeMode]=\"true\"\n      [watchSlidesProgress]=\"true\"\n      class=\"thumbs-swiper fwe-image-gallery-thumbs\"\n    >\n      <ng-template *ngFor=\"let thumbnail of data.thumbnailImages\" swiperSlide>\n        <img [alt]=\"thumbnail.alt\" [src]=\"thumbnail.url\" />\n      </ng-template>\n    </swiper>\n  </div>\n</ng-template>\n" }]
+            args: [{ standalone: true, imports: [SwiperModule, CommonModule, FngSafeHtmlPipe], selector: 'fng-image-gallery', encapsulation: ViewEncapsulation.None, template: "<div\n  class=\"fwe-modal fwe-modal-image-gallery\"\n  *ngIf=\"data != null\"\n  [class.fwe-modal-image-gallery--with-thumbnails]=\"data.thumbnailImages?.length\"\n  [class.fwe-modal-image-gallery--with-container]=\"data.descriptiveContent\"\n>\n  <div class=\"fwe-image-gallery-header\">\n    <div *ngIf=\"data.pagination\" class=\"fwe-pagination fwe-pagination--on-dark-bg\">\n      <button aria-label=\"previous\" type=\"button\" class=\"fwe-navigate-btn-down\"></button>\n      <span class=\"fwe-page-current\">{{ currentIndex }}</span>\n      <span class=\"fwe-page-max\">{{ data.images.length }}</span>\n      <button aria-label=\"next\" type=\"button\" class=\"fwe-navigate-btn-up\"></button>\n    </div>\n    <button aria-label=\"close\" type=\"button\" class=\"fwe-btn fwe-btn-link fwe-ml-auto\" (click)=\"onClose()\">\n      <i class=\"fwe-icon fwe-icon-lg fwe-color-white fwe-icon-menu-close fwe-modal-image-gallery-close\"></i>\n    </button>\n  </div>\n  <ng-container [ngSwitch]=\"data.descriptiveContent\">\n    <div class=\"fwe-image-gallery-container\" *ngSwitchCase=\"true\">\n      <ng-container *ngTemplateOutlet=\"baseGallery\"></ng-container>\n      <div class=\"fwe-image-gallery-content\" *ngIf=\"data.images[currentIndex - 1]?.content as imageContent\">\n        <h3>{{ imageContent.title }}</h3>\n        <div [innerHTML]=\"imageContent.body | fngSafeHtml\"></div>\n      </div>\n    </div>\n    <ng-container *ngSwitchDefault>\n      <ng-container *ngTemplateOutlet=\"baseGallery\"></ng-container>\n    </ng-container>\n  </ng-container>\n</div>\n\n<ng-template #baseGallery>\n  <div class=\"fwe-image-gallery-wrapper\">\n    <swiper\n      [initialSlide]=\"data.startIndex\"\n      [keyboard]=\"{\n        enabled: true\n      }\"\n      [spaceBetween]=\"0\"\n      [zoom]=\"true\"\n      [navigation]=\"{\n        nextEl: '.fwe-navigate-btn-up',\n        prevEl: '.fwe-navigate-btn-down'\n      }\"\n      [thumbs]=\"{ swiper: thumbsSwiper }\"\n      (slideChange)=\"onSlideChange($event)\"\n      class=\"gallery-swiper fwe-image-gallery\"\n    >\n      <ng-template *ngFor=\"let image of data.images\" swiperSlide>\n        <div class=\"swiper-zoom-container\">\n          <img [alt]=\"image.alt\" [src]=\"image.url\" [class.fwe-object-fit-contain]=\"image.containMode\" [class.fwe-p-m]=\"image.containMode\" />\n        </div>\n      </ng-template>\n    </swiper>\n    <swiper\n      *ngIf=\"data.thumbnailImages?.length\"\n      (swiper)=\"thumbsSwiper = $event\"\n      [slidesPerView]=\"'auto'\"\n      [freeMode]=\"true\"\n      [threshold]=\"20\"\n      [watchSlidesProgress]=\"true\"\n      class=\"thumbs-swiper fwe-image-gallery-thumbs\"\n    >\n      <ng-template *ngFor=\"let thumbnail of data.thumbnailImages\" swiperSlide>\n        <img\n          [alt]=\"thumbnail.alt\"\n          [src]=\"thumbnail.url\"\n          [class.fwe-object-fit-contain]=\"thumbnail.containMode\"\n          [class.fwe-p-xxxs]=\"thumbnail.containMode\"\n        />\n      </ng-template>\n    </swiper>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { data: [{
                 type: Input
             }], close: [{