@ks89/angular-modal-gallery 15.0.1 → 16.0.0

package/package.json

@@ -1,50 +1,56 @@
 {
   "name": "@ks89/angular-modal-gallery",
-  "version": "15.0.1",
+  "version": "16.0.0",
   "description": "Image gallery for Angular",
   "license": "MIT",
   "author": "Stefano Cappa",
   "engines": {
-    "node": ">=22.0.0",
-    "npm": ">=10.0.0"
+    "node": ">=24.15.0",
+    "npm": ">=11.0.0"
   },
-  "homepage": "https://ks89.github.io/angular-modal-gallery-2025-v15.github.io/",
+  "homepage": "https://ks89.github.io/angular-modal-gallery-2026-v16.github.io/",
   "dependencies": {
     "tslib": ">=2.3.0"
   },
   "peerDependencies": {
-    "@angular/platform-browser": ">=21.0.0",
-    "@angular/common": ">=21.0.0",
-    "@angular/core": ">=21.0.0",
-    "@angular/cdk": ">=21.0.0",
+    "@angular/platform-browser": ">=22.0.0",
+    "@angular/common": ">=22.0.0",
+    "@angular/core": ">=22.0.0",
+    "@angular/cdk": ">=22.0.0",
     "rxjs": ">=7.8.0"
   },
   "sideEffects": false,
   "keywords": [
-    "angular-modal-gallery",
-    "ngx-gallery",
-    "angular2-gallery",
-    "angular2-modal-gallery",
-    "angular2-modal",
+    "angular",
     "angular-gallery",
-    "modal-gallery",
+    "angular-image-gallery",
+    "angular-photo-gallery",
+    "angular-modal-gallery",
+    "angular-carousel",
+    "angular-image-carousel",
+    "angular-lightbox",
     "angular-modal",
-    "ngx-modal-gallery",
-    "popup",
-    "plain",
-    "plain-gallery",
     "gallery",
+    "image-gallery",
+    "photo-gallery",
+    "modal-gallery",
+    "lightbox",
+    "image-lightbox",
+    "photo-lightbox",
     "carousel",
-    "modal",
-    "material",
-    "material-design",
-    "angular2-modal-popup",
-    "angular-modal-popup",
-    "modal-popup",
-    "swipe",
-    "gesture",
-    "touch",
-    "mobile"
+    "image-carousel",
+    "photo-carousel",
+    "thumbnail-gallery",
+    "responsive-gallery",
+    "touch-gallery",
+    "swipe-gallery",
+    "mobile-gallery",
+    "fullscreen-gallery",
+    "accessible-gallery",
+    "a11y",
+    "ssr",
+    "standalone-components",
+    "ngx-gallery"
   ],
   "repository": {
     "type": "git",
@@ -63,5 +69,6 @@
       "types": "./types/ks89-angular-modal-gallery.d.ts",
       "default": "./fesm2022/ks89-angular-modal-gallery.mjs"
     }
-  }
+  },
+  "type": "module"
 }

package/types/ks89-angular-modal-gallery.d.ts

@@ -1,9 +1,9 @@
 import * as _angular_core from '@angular/core';
-import { OnInit, OnChanges, SimpleChanges, AfterContentInit, OnDestroy, NgZone, ChangeDetectorRef, OutputEmitterRef, TemplateRef, EventEmitter } from '@angular/core';
+import { OnInit, OnChanges, SimpleChanges, AfterContentInit, OnDestroy, NgZone, ChangeDetectorRef, OutputEmitterRef, TemplateRef } from '@angular/core';
 import * as i1 from '@angular/common';
 import * as i2 from '@angular/cdk/overlay';
 import { OverlayRef } from '@angular/cdk/overlay';
-import { SafeResourceUrl, SafeStyle } from '@angular/platform-browser';
+import { SafeResourceUrl, SafeHtml } from '@angular/platform-browser';
 import * as rxjs from 'rxjs';
 
 /**
@@ -562,15 +562,15 @@ declare class PlainGalleryComponent extends AccessibleComponent implements OnIni
     justifyStyle: string | undefined;
     private configService;
     /**
-     * Method ´ngOnInit´ to init both `configPlainGallery` calling `initPlainGalleryConfig()`
+     * Method `ngOnInit` to init both `configPlainGallery` calling `initPlainGalleryConfig()`
      * and `imageGrid invoking `initImageGrid()`.
-     * This is an angular lifecycle hook, so its called automatically by Angular itself.
+     * This is an angular lifecycle hook, so it's called automatically by Angular itself.
      * In particular, it's called only one time!!!
      */
     ngOnInit(): void;
     /**
-     * Method ´ngOnChanges´ to update both `imageGrid` and`plainGalleryConfig`.
-     * This is an angular lifecycle hook, so its called automatically by Angular itself.
+     * Method `ngOnChanges` to update both `imageGrid` and `plainGalleryConfig`.
+     * This is an angular lifecycle hook, so it's called automatically by Angular itself.
      * In particular, it's called when any data-bound property of a directive changes!!!
      */
     ngOnChanges(changes: SimpleChanges): void;
@@ -706,12 +706,12 @@ declare class CarouselComponent extends AccessibleComponent implements OnInit, A
      */
     currentImage: InternalLibImage | undefined;
     /**
-     * Boolean that it's true when you are watching the first image (currently visible).
+     * Boolean that is true when you are viewing the first image (currently visible).
      * False by default
      */
     isFirstImage: boolean;
     /**
-     * Boolean that it's true when you are watching the last image (currently visible).
+     * Boolean that is true when you are viewing the last image (currently visible).
      * False by default
      */
     isLastImage: boolean;
@@ -724,6 +724,8 @@ declare class CarouselComponent extends AccessibleComponent implements OnInit, A
      */
     private stop$;
     private readonly platformId;
+    private readonly destroyRef;
+    private readonly sanitizer;
     /**
      * Listener to stop the gallery when the mouse pointer is over the current image.
      */
@@ -769,7 +771,7 @@ declare class CarouselComponent extends AccessibleComponent implements OnInit, A
      * @returns String description of the image (or the current image if not provided)
      * @throws an Error if description isn't available
      */
-    getDescriptionToDisplay(image?: Image | undefined): string;
+    getDescriptionToDisplay(image?: Image | undefined): SafeHtml;
     /**
      * Method used by SwipeDirective to support touch gestures (you can also invert the swipe direction with configCurrentImage.invertSwipe).
      * @param action String that represent the direction of the swipe action. 'swiperight' by default.
@@ -832,7 +834,7 @@ declare class CarouselComponent extends AccessibleComponent implements OnInit, A
     private changeCurrentImage;
     /**
      * Private method to get the next index.
-     * This is necessary because at the end, when you call next again, you'll go to the first image.
+     * This is necessary because at the end, when you call next again, you will return to the first image.
      * That happens because all modal images are shown like in a circle.
      */
     private getNextImage;
@@ -951,13 +953,12 @@ declare class CarouselPreviewsComponent extends AccessibleComponent implements O
      */
     start: number;
     /**
-     * End index (non-inclusive) of the input images used to display previews.
+     * End index (exclusive) of the input images used to display previews.
      */
     end: number;
     private readonly breakpointSubscription;
     private ref;
     private breakpointObserver;
-    private sanitizer;
     private configService;
     constructor();
     /**
@@ -966,9 +967,9 @@ declare class CarouselPreviewsComponent extends AccessibleComponent implements O
      */
     private updateHeight;
     /**
-     * Method ´ngOnInit´ to build `configPreview` applying a default value and also to
+     * Method `ngOnInit` to build `configPreview` applying a default value and also to
      * init the `previews` array.
-     * This is an angular lifecycle hook, so its called automatically by Angular itself.
+     * This is an angular lifecycle hook, so it's called automatically by Angular itself.
      * In particular, it's called only one time!!!
      */
     ngOnInit(): void;
@@ -979,9 +980,9 @@ declare class CarouselPreviewsComponent extends AccessibleComponent implements O
      */
     isActive(preview: Image): boolean;
     /**
-     * Method ´ngOnChanges´ to update `previews` array.
+     * Method `ngOnChanges` to update `previews` array.
      * Also, both `start` and `end` local variables will be updated accordingly.
-     * This is an angular lifecycle hook, so its called automatically by Angular itself.
+     * This is an angular lifecycle hook, so it's called automatically by Angular itself.
      * In particular, it's called when any data-bound property of a directive changes!!!
      */
     ngOnChanges(changes: SimpleChanges): void;
@@ -1014,14 +1015,6 @@ declare class CarouselPreviewsComponent extends AccessibleComponent implements O
      * @param preview Image is the preview
      */
     getAlt(preview: Image): string;
-    /**
-     * Method used in template to sanitize an url when you need legacyIE11Mode.
-     * In this way you can set an url as background of a div.
-     * @param unsafeStyle is a string or a SafeResourceUrl that represents the url to sanitize.
-     * @param unsafeStyleFallback is a string or a SafeResourceUrl that represents the fallback url to sanitize.
-     * @returns a SafeStyle object that can be used in template without problems.
-     */
-    sanitizeUrlBgStyle(unsafeStyle: string | SafeResourceUrl, unsafeStyleFallback: string | SafeResourceUrl): SafeStyle;
     /**
      * Method to cleanup resources. In fact, it cleans breakpointSubscription.
      * This is an angular lifecycle hook that is called when this component is destroyed.
@@ -1029,7 +1022,7 @@ declare class CarouselPreviewsComponent extends AccessibleComponent implements O
     ngOnDestroy(): void;
     /**
      * Private method to init previews based on the currentImage and the full array of images.
-     * The current image in mandatory to show always the current preview (as highlighted).
+     * The current image is mandatory to always show the current preview highlighted.
      * @param currentImage Image to decide how to show previews, because I always want to see the current image as highlighted
      * @param images Image[] is the array of all images.
      */
@@ -1135,9 +1128,9 @@ declare class UpperButtonsComponent extends AccessibleComponent implements OnIni
      */
     private fullButtonsDefault;
     /**
-     * Method ´ngOnInit´ to build `configButtons` applying a default value and also to
+     * Method `ngOnInit` to build `configButtons` applying a default value and also to
      * init the `buttons` array.
-     * This is an angular lifecycle hook, so its called automatically by Angular itself.
+     * This is an angular lifecycle hook, so it's called automatically by Angular itself.
      * In particular, it's called only one time!!!
      */
     ngOnInit(): void;
@@ -1158,8 +1151,8 @@ declare class UpperButtonsComponent extends AccessibleComponent implements OnIni
      */
     trackById(index: number, item: InternalButtonConfig): number | undefined;
     /**
-     * Private method to emit an event using the specified output as an `EventEmitter`.
-     * @param emitter EventEmitter<ButtonEvent> is the output to emit the `ButtonEvent`
+     * Private method to emit an event using the specified output emitter.
+     * @param emitter OutputEmitterRef<ButtonEvent> is the output to emit the `ButtonEvent`
      * @param event KeyboardEvent | MouseEvent is the source that triggered this method
      * @param dataToEmit ButtonEvent payload to emit
      */
@@ -1303,9 +1296,9 @@ declare class PreviewsComponent extends AccessibleComponent implements OnInit, O
     defaultPreviewSize: Size;
     private configService;
     /**
-     * Method ´ngOnInit´ to build `configPreview` applying a default value and also to
+     * Method `ngOnInit` to build `configPreview` applying a default value and also to
      * init the `previews` array.
-     * This is an angular lifecycle hook, so its called automatically by Angular itself.
+     * This is an angular lifecycle hook, so it's called automatically by Angular itself.
      * In particular, it's called only one time!!!
      */
     ngOnInit(): void;
@@ -1316,7 +1309,7 @@ declare class PreviewsComponent extends AccessibleComponent implements OnInit, O
      */
     isActive(preview: Image): boolean;
     /**
-     * Method ´ngOnChanges´ to update `previews` array.
+     * Method `ngOnChanges` to update `previews` array.
      * Also, both `start` and `end` local variables will be updated accordingly.
      * This is an angular lifecycle hook, so it's called automatically by Angular itself.
      * In particular, it's called when any data-bound property of a directive changes!!!
@@ -1399,7 +1392,7 @@ declare class CurrentImageComponent extends AccessibleComponent implements OnIni
      */
     images: _angular_core.InputSignal<InternalLibImage[]>;
     /**
-     * Boolean that it is true if the modal gallery is visible.
+     * Boolean that is true if the modal gallery is visible.
      * If yes, also this component should be visible.
      */
     isOpen: _angular_core.InputSignal<boolean>;
@@ -1457,23 +1450,25 @@ declare class CurrentImageComponent extends AccessibleComponent implements OnIni
      */
     keyboardAction: Action;
     /**
-     * Boolean that it's true when you are watching the first image (currently visible).
+     * Boolean that is true when you are viewing the first image (currently visible).
      * False by default
      */
     isFirstImage: boolean;
     /**
-     * Boolean that it's true when you are watching the last image (currently visible).
+     * Boolean that is true when you are viewing the last image (currently visible).
      * False by default
      */
     isLastImage: boolean;
     /**
-     * Boolean that it's true if an image of the modal gallery is still loading.
+     * Boolean that is true if an image of the modal gallery is still loading.
      * True by default
      */
     loading: boolean;
     private readonly platformId;
+    private readonly destroyRef;
     private ngZone;
     private configService;
+    private readonly sanitizer;
     ref: ChangeDetectorRef;
     /**
      * Listener to stop the gallery when the mouse pointer is over the current image.
@@ -1484,20 +1479,20 @@ declare class CurrentImageComponent extends AccessibleComponent implements OnIni
      */
     onMouseLeave(): void;
     /**
-     * Method ´ngOnInit´ to init configuration.
-     * This is an angular lifecycle hook, so its called automatically by Angular itself.
+     * Method `ngOnInit` to init configuration.
+     * This is an angular lifecycle hook, so it's called automatically by Angular itself.
      * In particular, it's called only one time!!!
      */
     ngOnInit(): void;
     /**
-     * Method ´ngOnChanges´ to update `loading` status and emit events.
+     * Method `ngOnChanges` to update `loading` status and emit events.
      * If the gallery is open, then it will also manage boundary arrows and sliding.
-     * This is an angular lifecycle hook, so its called automatically by Angular itself.
+     * This is an angular lifecycle hook, so it's called automatically by Angular itself.
      * In particular, it's called when any data-bound property of a directive changes!!!
      */
     ngOnChanges(changes: SimpleChanges): void;
     /**
-     * This is an angular lifecycle hook, so its called automatically by Angular itself.
+     * This is an angular lifecycle hook, so it's called automatically by Angular itself.
      */
     ngAfterContentInit(): void;
     /**
@@ -1514,7 +1509,7 @@ declare class CurrentImageComponent extends AccessibleComponent implements OnIni
      * @returns String description of the image (or the current image if not provided)
      * @throws an Error if description isn't available
      */
-    getDescriptionToDisplay(image?: Image): string;
+    getDescriptionToDisplay(image?: Image): SafeHtml;
     /**
      * Method to get `alt attribute`.
      * `alt` specifies an alternate text for an image, if the image cannot be displayed.
@@ -1569,7 +1564,7 @@ declare class CurrentImageComponent extends AccessibleComponent implements OnIni
      */
     nextImage(action?: Action): void;
     /**
-     * Method to emit an event as loadImage output to say that the requested image if loaded.
+     * Method to emit an event as loadImage output to indicate that the requested image is loaded.
      * This method is invoked by the javascript's 'load' event on an img tag.
      * @param event event that triggered the load
      */
@@ -1607,7 +1602,7 @@ declare class CurrentImageComponent extends AccessibleComponent implements OnIni
     /**
      * Private method to check if next/prev actions should be blocked.
      * It checks if slideConfig.infinite === false and if the image index is equals to the input parameter.
-     * If yes, it returns true to say that sliding should be blocked, otherwise not.
+     * If yes, it returns true to indicate that sliding should be blocked, otherwise false.
      * @param boundaryIndex number that could be either the beginning index (0) or the last index
      *  of images (this.images.length - 1).
      * @returns boolean true if slideConfig.infinite === false and the current index is
@@ -1764,6 +1759,7 @@ declare class ModalGalleryComponent implements OnInit, OnDestroy {
     private readonly updateImagesSubscription;
     private readonly dialogContent;
     private readonly platformId;
+    private readonly document;
     /**
      * HostListener to catch the browser back button and destroy the gallery.
      * This prevents unexpected behavior about scrolling.
@@ -1782,8 +1778,8 @@ declare class ModalGalleryComponent implements OnInit, OnDestroy {
     private configService;
     constructor();
     /**
-     * Method ´ngOnInit´ to init images calling `initImages()`.
-     * This is an angular lifecycle hook, so its called automatically by Angular itself.
+     * Method `ngOnInit` to init images calling `initImages()`.
+     * This is an angular lifecycle hook, so it's called automatically by Angular itself.
      * In particular, it's called only one time!!!
      */
     ngOnInit(): void;
@@ -1959,14 +1955,14 @@ declare class SizeDirective implements OnInit, OnChanges {
     private renderer;
     private el;
     /**
-     * Method ´ngOnInit´ to apply the style of this directive.
-     * This is an Angular lifecycle hook, so its called automatically by Angular itself.
+     * Method `ngOnInit` to apply the style of this directive.
+     * This is an Angular lifecycle hook, so it's called automatically by Angular itself.
      * In particular, it's called only one time!!!
      */
     ngOnInit(): void;
     /**
-     * Method ´ngOnChanges´ to apply the style of this directive.
-     * This is an Angular lifecycle hook, so its called automatically by Angular itself.
+     * Method `ngOnChanges` to apply the style of this directive.
+     * This is an Angular lifecycle hook, so it's called automatically by Angular itself.
      * In particular, it's called when any data-bound property of a directive changes!!!
      */
     ngOnChanges(): void;
@@ -2016,14 +2012,14 @@ declare class WrapDirective implements OnInit, OnChanges {
     private renderer;
     private el;
     /**
-     * Method ´ngOnInit´ to apply the style of this directive.
-     * This is an angular lifecycle hook, so its called automatically by Angular itself.
+     * Method `ngOnInit` to apply the style of this directive.
+     * This is an angular lifecycle hook, so it's called automatically by Angular itself.
      * In particular, it's called only one time!!!
      */
     ngOnInit(): void;
     /**
-     * Method ´ngOnChanges´ to apply the style of this directive.
-     * This is an angular lifecycle hook, so its called automatically by Angular itself.
+     * Method `ngOnChanges` to apply the style of this directive.
+     * This is an angular lifecycle hook, so it's called automatically by Angular itself.
      * In particular, it's called when any data-bound property of a directive changes!!!
      */
     ngOnChanges(): void;
@@ -2050,14 +2046,14 @@ declare class DirectionDirective implements OnInit, OnChanges {
     private renderer;
     private el;
     /**
-     * Method ´ngOnInit´ to apply the style of this directive.
-     * This is an angular lifecycle hook, so its called automatically by Angular itself.
+     * Method `ngOnInit` to apply the style of this directive.
+     * This is an angular lifecycle hook, so it's called automatically by Angular itself.
      * In particular, it's called only one time!!!
      */
     ngOnInit(): void;
     /**
-     * Method ´ngOnChanges´ to apply the style of this directive.
-     * This is an angular lifecycle hook, so its called automatically by Angular itself.
+     * Method `ngOnChanges` to apply the style of this directive.
+     * This is an angular lifecycle hook, so it's called automatically by Angular itself.
      * In particular, it's called when any data-bound property of a directive changes!!!
      */
     ngOnChanges(): void;
@@ -2085,14 +2081,14 @@ declare class ATagBgImageDirective implements OnInit, OnChanges {
     private renderer;
     private el;
     /**
-     * Method ´ngOnInit´ to apply the style of this directive.
-     * This is an angular lifecycle hook, so its called automatically by Angular itself.
+     * Method `ngOnInit` to apply the style of this directive.
+     * This is an angular lifecycle hook, so it's called automatically by Angular itself.
      * In particular, it's called only one time!!!
      */
     ngOnInit(): void;
     /**
-     * Method ´ngOnChanges´ to apply the style of this directive.
-     * This is an angular lifecycle hook, so its called automatically by Angular itself.
+     * Method `ngOnChanges` to apply the style of this directive.
+     * This is an angular lifecycle hook, so it's called automatically by Angular itself.
      * In particular, it's called when any data-bound property of a directive changes!!!
      */
     ngOnChanges(): void;
@@ -2115,14 +2111,14 @@ declare class DescriptionDirective implements OnInit, OnChanges {
     private renderer;
     private el;
     /**
-     * Method ´ngOnInit´ to apply the style of this directive.
-     * This is an angular lifecycle hook, so its called automatically by Angular itself.
+     * Method `ngOnInit` to apply the style of this directive.
+     * This is an angular lifecycle hook, so it's called automatically by Angular itself.
      * In particular, it's called only one time!!!
      */
     ngOnInit(): void;
     /**
-     * Method ´ngOnChanges´ to apply the style of this directive.
-     * This is an angular lifecycle hook, so its called automatically by Angular itself.
+     * Method `ngOnChanges` to apply the style of this directive.
+     * This is an angular lifecycle hook, so it's called automatically by Angular itself.
      * In particular, it's called when any data-bound property of a directive changes!!!
      */
     ngOnChanges(): void;
@@ -2130,6 +2126,8 @@ declare class DescriptionDirective implements OnInit, OnChanges {
      * Private method to change description's style.
      */
     private applyStyle;
+    private sanitizeCssValue;
+    private sanitizePosition;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DescriptionDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DescriptionDirective, "[ksDescription]", never, { "description": { "alias": "description"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -2157,14 +2155,14 @@ declare class MarginDirective implements OnInit, OnChanges {
     private renderer;
     private el;
     /**
-     * Method ´ngOnInit´ to apply the style of this directive.
-     * This is an angular lifecycle hook, so its called automatically by Angular itself.
+     * Method `ngOnInit` to apply the style of this directive.
+     * This is an angular lifecycle hook, so it's called automatically by Angular itself.
      * In particular, it's called only one time!!!
      */
     ngOnInit(): void;
     /**
-     * Method ´ngOnChanges´ to apply the style of this directive.
-     * This is an angular lifecycle hook, so its called automatically by Angular itself.
+     * Method `ngOnChanges` to apply the style of this directive.
+     * This is an angular lifecycle hook, so it's called automatically by Angular itself.
      * In particular, it's called when any data-bound property of a directive changes!!!
      */
     ngOnChanges(): void;
@@ -2196,14 +2194,14 @@ declare class MaxSizeDirective implements OnInit, OnChanges {
     private renderer;
     private el;
     /**
-     * Method ´ngOnInit´ to apply the style of this directive.
-     * This is an angular lifecycle hook, so its called automatically by Angular itself.
+     * Method `ngOnInit` to apply the style of this directive.
+     * This is an angular lifecycle hook, so it's called automatically by Angular itself.
      * In particular, it's called only one time!!!
      */
     ngOnInit(): void;
     /**
-     * Method ´ngOnChanges´ to apply the style of this directive.
-     * This is an angular lifecycle hook, so its called automatically by Angular itself.
+     * Method `ngOnChanges` to apply the style of this directive.
+     * This is an angular lifecycle hook, so it's called automatically by Angular itself.
      * In particular, it's called when any data-bound property of a directive changes!!!
      */
     ngOnChanges(): void;
@@ -2341,6 +2339,7 @@ declare class ModalGalleryRef {
     private buttonAfterHook;
     buttonAfterHook$: rxjs.Observable<ButtonEvent>;
     private overlayRef;
+    private closed;
     constructor(overlayRef: OverlayRef);
     /**
      * Close modal dialog, disposing the Overlay.
@@ -2381,33 +2380,16 @@ declare class ModalGalleryRef {
      * @param event ImageModalEvent event payload
      */
     emitButtonAfterHook(event: ButtonEvent): void;
+    private completeSubjects;
 }
 
-/**
- * Payload to be emitted via {@link triggerAttachToOverlay} to enable {@link AttachToOverlayService}
- * to attach the {@link ModalGalleryComponent} to the overlay
- */
-interface AttachToOverlayPayload {
-    /**
-     * Overlay object created using Angular CDK APIs
-     */
-    overlayRef: OverlayRef;
-    /**
-     * Dialog data to be injected into the {@link ModalGalleryComponent}
-     * contains: id, array of images, current image and optionally the configuration object
-     */
-    config: ModalGalleryConfig;
-    /**
-     * Object to control the dialog instance
-     */
-    dialogRef: ModalGalleryRef;
-}
 declare class ModalGalleryService {
     private updateImages;
     updateImages$: rxjs.Observable<Image[]>;
     private dialogRef;
-    triggerAttachToOverlay: EventEmitter<AttachToOverlayPayload>;
     private overlay;
+    private injector;
+    private modalGalleryComponent;
     private configService;
     /**
      * Method to open modal gallery passing the configuration