@ks89/angular-modal-gallery 8.0.0-beta.5 → 9.0.0

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

@@ -1,28 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
+/// <amd-module name="@ks89/angular-modal-gallery" />
 export * from './public-api';
-export { AccessibleComponent as ɵc } from './lib/components/accessible.component';
-export { CarouselPreviewsComponent as ɵe } from './lib/components/carousel/carousel-previews/carousel-previews.component';
-export { COMPONENTS as ɵb } from './lib/components/components';
-export { CurrentImageComponent as ɵi } from './lib/components/current-image/current-image.component';
-export { LoadingSpinnerComponent as ɵj } from './lib/components/current-image/loading-spinner/loading-spinner.component';
-export { DotsComponent as ɵg } from './lib/components/dots/dots.component';
-export { DIALOG_DATA as ɵk } from './lib/components/modal-gallery/modal-gallery.tokens';
-export { PreviewsComponent as ɵh } from './lib/components/previews/previews.component';
-export { UpperButtonsComponent as ɵf } from './lib/components/upper-buttons/upper-buttons.component';
-export { ATagBgImageDirective as ɵt } from './lib/directives/a-tag-bg-image.directive';
-export { ClickOutsideDirective as ɵo } from './lib/directives/click-outside.directive';
-export { DescriptionDirective as ɵu } from './lib/directives/description.directive';
-export { DirectionDirective as ɵs } from './lib/directives/direction.directive';
-export { DIRECTIVES as ɵn } from './lib/directives/directives';
-export { FallbackImageDirective as ɵx } from './lib/directives/fallback-image.directive';
-export { KeyboardNavigationDirective as ɵq } from './lib/directives/keyboard-navigation.directive';
-export { MarginDirective as ɵv } from './lib/directives/margin.directive';
-export { MaxSizeDirective as ɵw } from './lib/directives/max-size.directive';
-export { SizeDirective as ɵp } from './lib/directives/size.directive';
-export { WrapDirective as ɵr } from './lib/directives/wrap.directive';
-export { KsHammerGestureConfig as ɵa } from './lib/modal-gallery.module';
-export { ConfigService as ɵd } from './lib/services/config.service';
-export { IdValidatorService as ɵm } from './lib/services/id-validator.service';
-export { KeyboardService as ɵl } from './lib/services/keyboard.service';

package/lib/components/accessible.component.d.ts

@@ -1,3 +1,4 @@
+import * as i0 from "@angular/core";
 /**
  * Provides some useful methods to add accessibility features to subclasses.
  * In particular, it exposes a method to handle navigation event with both Keyboard and Mouse
@@ -14,13 +15,13 @@ export declare class AccessibleComponent {
     handleNavigationEvent(direction: string, event: KeyboardEvent | MouseEvent): number;
     /**
      * Method to handle events over an image, for instance a keypress with the Keyboard or a Mouse click.
-     * @param KeyboardEvent | MouseEvent event payload
+     * @param event KeyboardEvent | MouseEvent payload
      * @returns number 1 for NEXT and 0 for NOTHING
      */
     handleImageEvent(event: KeyboardEvent | MouseEvent): number;
     /**
      * Private method to handle keyboard events over an image.
-     * @param KeyboardEvent event payload
+     * @param event KeyboardEvent payload
      * @returns number 1 for NEXT and 0 for NOTHING
      */
     private handleImageKeyboardEvent;
@@ -44,4 +45,6 @@ export declare class AccessibleComponent {
      * @returns number -1 for PREV, 1 for NEXT and 0 for NOTHING
      */
     private handleMouseNavigationEvent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AccessibleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AccessibleComponent, "ks-accessible", never, {}, {}, never, never>;
 }

package/lib/components/carousel/carousel-previews/carousel-previews.component.d.ts

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
-import { DomSanitizer, SafeStyle } from '@angular/platform-browser';
+import { DomSanitizer, SafeResourceUrl, SafeStyle } from '@angular/platform-browser';
 import { BreakpointObserver } from '@angular/cdk/layout';
 import { AccessibleComponent } from '../../accessible.component';
 import { AccessibilityConfig } from '../../../model/accessibility.interface';
@@ -9,6 +9,7 @@ import { CarouselPreviewConfig } from '../../../model/carousel-preview-config.in
 import { CarouselConfig } from '../../../model/carousel-config.interface';
 import { Action } from '../../../model/action.enum';
 import { ConfigService } from '../../../services/config.service';
+import * as i0 from "@angular/core";
 /**
  * Component with image previews for carousel
  */
@@ -150,18 +151,11 @@ export declare class CarouselPreviewsComponent extends AccessibleComponent imple
     /**
      * 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 and represents the url to sanitize.
-     * @param unsafeStyleFallback is a string and represents the fallback url to sanitize.
+     * @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, unsafeStyleFallback: string): SafeStyle;
-    /**
-     * Method to get the background-size value when IE11LegacyMode is enabled.
-     * This prevent weired behaviour on IE11 when previews are really small, but original images (.png/.jgp/...) are big.
-     * Using 'cover' it's not enough, because it's causing empty background in some cases.
-     * After some experiments, I decided to use the double of the height and auto as width.
-     */
-    getIE11LegacyBgSize(): string;
+    sanitizeUrlBgStyle(unsafeStyle: string | SafeResourceUrl, unsafeStyleFallback: string | SafeResourceUrl): SafeStyle;
     /**
      * Method to cleanup resources. In fact, it cleans breakpointSubscription.
      * This is an Angular's lifecycle hook that is called when this component is destroyed.
@@ -196,4 +190,6 @@ export declare class CarouselPreviewsComponent extends AccessibleComponent imple
      * @returns boolean if true block sliding, otherwise not
      */
     private isPreventSliding;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CarouselPreviewsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CarouselPreviewsComponent, "ks-carousel-previews", never, { "id": "id"; "currentImage": "currentImage"; "images": "images"; }, { "clickPreview": "clickPreview"; }, never, never>;
 }

package/lib/components/carousel/carousel.component.d.ts

@@ -4,13 +4,12 @@ import { AccessibilityConfig } from '../../model/accessibility.interface';
 import { Image, ImageEvent } from '../../model/image.class';
 import { Action } from '../../model/action.enum';
 import { DotsConfig } from '../../model/dots-config.interface';
-import { PlayConfig } from '../../model/play-config.interface';
 import { CarouselConfig } from '../../model/carousel-config.interface';
 import { CarouselImageConfig } from '../../model/carousel-image-config.interface';
-import { DomSanitizer, SafeStyle } from '@angular/platform-browser';
-import { CarouselPreviewConfig } from '../../model/carousel-preview-config.interface';
 import { ConfigService } from '../../services/config.service';
 import { ModalGalleryService } from '../modal-gallery/modal-gallery.service';
+import { CarouselLibConfig } from '../../model/lib-config.interface';
+import * as i0 from "@angular/core";
 /**
  * Component with configurable inline/plain carousel.
  */
@@ -20,7 +19,6 @@ export declare class CarouselComponent extends AccessibleComponent implements On
     private modalGalleryService;
     private configService;
     private ref;
-    private sanitizer;
     /**
      * Attribute to set ariaLabel of the host component
      */
@@ -36,47 +34,17 @@ export declare class CarouselComponent extends AccessibleComponent implements On
      */
     images: Image[];
     /**
-     * Object of type `CarouselConfig` to init CarouselComponent's features.
-     * For instance, it contains parameters to change the style, how it navigates and so on.
-     */
-    carouselConfig: CarouselConfig | undefined;
-    /**
-     * Object of type `PlayConfig` to init CarouselComponent's features about auto-play.
-     * For instance, it contains parameters to enable/disable autoPlay, interval and so on.
-     */
-    playConfig: PlayConfig | undefined;
-    /**
-     * Interface to configure current image in carousel.
-     * For instance you can change the description.
-     */
-    carouselImageConfig: CarouselImageConfig | undefined;
-    /**
-     * Object of type `CarouselPreviewConfig` to init PreviewsComponent's features.
-     * For instance, it contains a param to show/hide previews, change sizes and so on.
-     */
-    previewConfig: CarouselPreviewConfig | undefined;
-    /**
-     * Object of type `DotsConfig` to init DotsComponent's features.
-     * For instance, it contains a param to show/hide this component.
-     */
-    dotsConfig: DotsConfig | undefined;
-    /**
-     * boolean to enable/disable infinite sliding. Enabled by default.
-     */
-    infinite: boolean;
-    /**
-     * TODO add description
+     * CarouselLibConfig object to configure carousel.
      */
-    disableSsrWorkaround: boolean;
+    config: CarouselLibConfig | undefined;
     /**
-     * Object of type `AccessibilityConfig` to init custom accessibility features.
-     * For instance, it contains titles, alt texts, aria-labels and so on.
+     * Output to emit an event when an image is clicked.
      */
-    accessibilityConfig: AccessibilityConfig | undefined;
+    clickImage: EventEmitter<number>;
     /**
-     * Output to emit an event when an image is changed.
+     * Output to emit an event when current image is changed.
      */
-    showImage: EventEmitter<ImageEvent>;
+    changeImage: EventEmitter<ImageEvent>;
     /**
      * Output to emit an event when the current image is the first one.
      */
@@ -86,29 +54,28 @@ export declare class CarouselComponent extends AccessibleComponent implements On
      */
     lastImage: EventEmitter<ImageEvent>;
     /**
-     * Object use in template
-     */
-    configCarousel: CarouselConfig | undefined;
-    /**
-     * Object use in template
+     * Object of type `CarouselConfig` to init CarouselComponent's features.
+     * For instance, it contains parameters to change the style, how it navigates and so on.
      */
-    configPlay: PlayConfig | undefined;
+    carouselConfig: CarouselConfig | undefined;
     /**
-     * Object use in template
+     * Object of type `DotsConfig` to init DotsComponent's features.
+     * For instance, it contains a param to show/hide this component.
      */
-    configCarouselImage: CarouselImageConfig | undefined;
+    carouselDotsConfig: DotsConfig | undefined;
     /**
-     * Object use in template
+     * Object of type `AccessibilityConfig` to init custom accessibility features.
+     * For instance, it contains titles, alt texts, aria-labels and so on.
      */
-    configPreview: CarouselPreviewConfig | undefined;
+    accessibilityConfig: AccessibilityConfig | undefined;
     /**
-     * Object use in template
+     * Object of type `CarouselImageConfig` to configure the current image of the carousel.
      */
-    configDots: DotsConfig | undefined;
+    carouselImageConfig: CarouselImageConfig | undefined;
     /**
-     * Object use in template
+     * Enable/disable infinite sliding.
      */
-    configAccessibility: AccessibilityConfig;
+    carouselSlideInfinite: boolean | undefined;
     /**
      * Enum of type `Action` that represents a mouse click on a button.
      * Declared here to be used inside the template.
@@ -161,18 +128,10 @@ export declare class CarouselComponent extends AccessibleComponent implements On
      * Listener to navigate carousel images with keyboard (right).
      */
     onKeyDownLRight(): void;
-    constructor(platformId: any, ngZone: NgZone, modalGalleryService: ModalGalleryService, configService: ConfigService, ref: ChangeDetectorRef, sanitizer: DomSanitizer);
-    ngOnChanges(changes: SimpleChanges): void;
+    constructor(platformId: any, ngZone: NgZone, modalGalleryService: ModalGalleryService, configService: ConfigService, ref: ChangeDetectorRef);
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     ngAfterContentInit(): void;
-    /**
-     * 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 and represents the url to sanitize.
-     * @param unsafeStyleFallback is a string and represents the fallback url to sanitize.
-     * @returns a SafeStyle object that can be used in template without problems.
-     */
-    sanitizeUrlBgStyle(unsafeStyle: string, unsafeStyleFallback: string): SafeStyle;
     /**
      * Method called when a dot is clicked and used to update the current image.
      * @param number index of the clicked dot
@@ -184,7 +143,7 @@ export declare class CarouselComponent extends AccessibleComponent implements On
      * @param KeyboardEvent | MouseEvent event payload
      * @param Action action that triggered the event or `Action.NORMAL` if not provided
      */
-    onNavigationEvent(direction: string, event: KeyboardEvent, action?: Action): void;
+    onNavigationEvent(direction: string, event: KeyboardEvent | MouseEvent, action?: Action): void;
     /**
      * Method triggered when you click on the current image.
      * Also, if modalGalleryEnable is true, you can open the modal-gallery.
@@ -307,12 +266,14 @@ export declare class CarouselComponent extends AccessibleComponent implements On
     private emitBoundaryEvent;
     /**
      * 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.
+     * It checks if carouselSlideInfinite === 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.
      * @param number boundaryIndex 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
+     * @returns boolean true if carouselSlideInfinite === false and the current index is
      *  either the first or the last one.
      */
     private isPreventSliding;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CarouselComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CarouselComponent, "ks-carousel", never, { "id": "id"; "images": "images"; "config": "config"; }, { "clickImage": "clickImage"; "changeImage": "changeImage"; "firstImage": "firstImage"; "lastImage": "lastImage"; }, never, ["*"]>;
 }

package/lib/components/current-image/current-image.component.d.ts

@@ -8,6 +8,7 @@ import { KeyboardConfig } from '../../model/keyboard-config.interface';
 import { SlideConfig } from '../../model/slide-config.interface';
 import { CurrentImageConfig } from '../../model/current-image-config.interface';
 import { ConfigService } from '../../services/config.service';
+import * as i0 from "@angular/core";
 /**
  * Interface to describe the Load Event, used to
  * emit an event when the image is finally loaded and the spinner has gone.
@@ -23,7 +24,7 @@ export interface ImageLoadEvent {
 export declare class CurrentImageComponent extends AccessibleComponent implements OnInit, OnChanges, AfterContentInit, OnDestroy {
     private platformId;
     private ngZone;
-    private ref;
+    ref: ChangeDetectorRef;
     private configService;
     /**
      * Unique id (>=0) of the current instance of this library. This is useful when you are using
@@ -138,13 +139,16 @@ export declare class CurrentImageComponent extends AccessibleComponent implement
      * In particular, it's called when any data-bound property of a directive changes!!!
      */
     ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * This is an Angular's lifecycle hook, so its called automatically by Angular itself.
+     */
     ngAfterContentInit(): void;
     /**
-     * Method to handle keypress based on the `keyboardConfig` input. It gets the keyCode of
+     * Method to handle keypress based on the `keyboardConfig` input. It gets the code of
      * the key that triggered the keypress event to navigate between images or to close the modal gallery.
-     * @param number keyCode of the key that triggered the keypress event
+     * @param code string of the key that triggered the keypress event
      */
-    onKeyPress(keyCode: number): void;
+    onKeyPress(code: string): void;
     /**
      * Method to get the image description based on input params.
      * If you provide a full description this will be the visible description, otherwise,
@@ -277,4 +281,6 @@ export declare class CurrentImageComponent extends AccessibleComponent implement
      * Private method to call handleBoundaries when ngOnChanges is called.
      */
     private updateIndexes;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CurrentImageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CurrentImageComponent, "ks-current-image", never, { "id": "id"; "currentImage": "currentImage"; "images": "images"; "isOpen": "isOpen"; }, { "loadImage": "loadImage"; "changeImage": "changeImage"; "closeGallery": "closeGallery"; }, never, never>;
 }

package/lib/components/current-image/loading-spinner/loading-spinner.component.d.ts

@@ -1,5 +1,6 @@
 import { AccessibilityConfig } from '../../../model/accessibility.interface';
 import { LoadingConfig, LoadingType } from '../../../model/loading-config.interface';
+import * as i0 from "@angular/core";
 /**
  * Component with the loading spinner
  */
@@ -49,4 +50,6 @@ export declare class LoadingSpinnerComponent {
      * Declared here to be used inside the template.
      */
     loadingExplosingSquares: LoadingType;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoadingSpinnerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoadingSpinnerComponent, "ks-loading-spinner", never, { "loadingConfig": "loadingConfig"; "accessibilityConfig": "accessibilityConfig"; }, {}, never, never>;
 }

package/lib/components/dots/dots.component.d.ts

@@ -5,11 +5,16 @@ import { Image } from '../../model/image.class';
 import { InternalLibImage } from '../../model/image-internal.class';
 import { DotsConfig } from '../../model/dots-config.interface';
 import { ConfigService } from '../../services/config.service';
+import * as i0 from "@angular/core";
 /**
  * Component with clickable dots (small circles) to navigate between images inside the modal gallery.
  */
 export declare class DotsComponent extends AccessibleComponent implements OnInit, OnChanges {
     private configService;
+    /**
+     * Unique id (>=0) of the current instance of this library. This is required when you are using
+     * the service to call modal gallery.
+     */
     id: number | undefined;
     /**
      * Object of type `InternalLibImage` that represent the visible image.
@@ -71,4 +76,6 @@ export declare class DotsComponent extends AccessibleComponent implements OnInit
      * @returns number the id of the item
      */
     trackById(index: number, item: Image): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DotsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DotsComponent, "ks-dots", never, { "id": "id"; "currentImage": "currentImage"; "images": "images"; "dotsConfig": "dotsConfig"; }, { "clickDot": "clickDot"; }, never, never>;
 }

package/lib/components/modal-gallery/modal-gallery-ref.d.ts

@@ -1,6 +1,10 @@
 import { OverlayRef } from '@angular/cdk/overlay';
 import { ImageModalEvent } from '../../model/image.class';
 import { ButtonEvent } from '../../model/buttons-config.interface';
+/**
+ * Class that represents the modal dialog instance.
+ * It is returned by the open method.
+ */
 export declare class ModalGalleryRef {
     private overlayRef;
     private close;
@@ -18,12 +22,43 @@ export declare class ModalGalleryRef {
     private buttonAfterHook;
     buttonAfterHook$: import("rxjs").Observable<ButtonEvent>;
     constructor(overlayRef: OverlayRef);
+    /**
+     * Close modal dialog, disposing the Overlay.
+     */
     closeModal(): void;
+    /**
+     * Method to emit close event.
+     * @param event ImageModalEvent event payload
+     */
     emitClose(event: ImageModalEvent): void;
+    /**
+     * Method to emit show event.
+     * @param event ImageModalEvent event payload
+     */
     emitShow(event: ImageModalEvent): void;
+    /**
+     * Method to emit firstImage event.
+     * @param event ImageModalEvent event payload
+     */
     emitFirstImage(event: ImageModalEvent): void;
+    /**
+     * Method to emit lastImage event.
+     * @param event ImageModalEvent event payload
+     */
     emitLastImage(event: ImageModalEvent): void;
+    /**
+     * Method to emit hasData event.
+     * @param event ImageModalEvent event payload
+     */
     emitHasData(event: ImageModalEvent): void;
+    /**
+     * Method to emit buttonBeforeHook event.
+     * @param event ImageModalEvent event payload
+     */
     emitButtonBeforeHook(event: ButtonEvent): void;
+    /**
+     * Method to emit buttonAfterHook event.
+     * @param event ImageModalEvent event payload
+     */
     emitButtonAfterHook(event: ButtonEvent): void;
 }

package/lib/components/modal-gallery/modal-gallery.component.d.ts

@@ -17,6 +17,7 @@ import { PlainGalleryConfig } from '../../model/plain-gallery-config.interface';
 import { ModalGalleryService } from './modal-gallery.service';
 import { LibConfig } from '../../model/lib-config.interface';
 import { ModalGalleryConfig } from '../../model/modal-gallery-config.interface';
+import * as i0 from "@angular/core";
 export declare class ModalGalleryComponent implements OnInit, OnDestroy {
     private dialogContent;
     private modalGalleryService;
@@ -84,7 +85,7 @@ export declare class ModalGalleryComponent implements OnInit, OnDestroy {
      */
     showGallery: boolean;
     /**
-     * TODO write doc
+     * Object to configure this component.
      */
     libConfig: LibConfig | undefined;
     private updateImagesSubscription;
@@ -103,138 +104,145 @@ export declare class ModalGalleryComponent implements OnInit, OnDestroy {
     ngOnInit(): void;
     /**
      * Method called by custom upper buttons.
-     * @param event ButtonEvent payload
+     * @param event ButtonEvent event payload
      */
     onCustomEmit(event: ButtonEvent): void;
     /**
      * Method called by the full-screen upper button.
-     * @param ButtonEvent event payload
+     * @param event ButtonEvent event payload
      */
     onFullScreen(event: ButtonEvent): void;
     /**
      * Method called by the delete upper button.
-     * @param ButtonEvent event payload
+     * @param event ButtonEvent event payload
      */
     onDelete(event: ButtonEvent): void;
     /**
      * Method called by the navigate upper button.
-     * @param ButtonEvent event payload
+     * @param event ButtonEvent event payload
      */
     onNavigate(event: ButtonEvent): void;
+    /**
+     * This method is defined to be spied and replaced in unit testing with a fake method call.
+     * It must be public to be able to use jasmine spyOn method.
+     * @param newHref string new url
+     */
+    updateLocationHref(newHref: string): void;
     /**
      * Method called by the download upper button.
-     * @param ButtonEvent event payload
+     * @param event ButtonEvent event payload
      */
     onDownload(event: ButtonEvent): void;
     /**
      * Method called by the close upper button.
-     * @param ButtonEvent event payload
-     * @param Action action that triggered the close method. `Action.NORMAL` by default
+     * @param event ButtonEvent event payload
+     * @param action Action that triggered the close method. `Action.NORMAL` by default
      */
-    onCloseGallery(event: ButtonEvent, action?: Action): void;
+    onCloseGalleryButton(event: ButtonEvent, action?: Action): void;
     /**
-     * Method to close the modal gallery specifying the action.
-     * It also reset the `keyboardService` to prevent multiple listeners.
-     * @param Action action type. `Action.NORMAL` by default
-     * @param boolean isCalledByService is true if called by gallery.service, otherwise false
+     * Method called by CurrentImageComponent and triggered via KeyboardService.
+     * @param event ImageModalEvent event payload
+     * @param action Action that triggered the close method. `Action.NORMAL` by default
      */
-    closeGallery(action?: Action, clickOutside?: boolean, isCalledByService?: boolean): void;
+    onCloseGallery(event: ImageModalEvent, action?: Action): void;
     /**
-     * Method to show the modal gallery displaying the image with
-     * the index specified as input parameter.
-     * It will also register a new `keyboardService` to catch keyboard's events to download the current
-     * image with keyboard's shortcuts. This service, will be removed either when modal gallery component
-     * will be destroyed or when the gallery is closed invoking the `closeGallery` method.
-     * @param number index of the image to show
+     * Method to close the modal gallery specifying the action.
+     * It also reset the `keyboardService` to prevent multiple listeners.
+     * @param action Action action type. `Action.NORMAL` by default
+     * @param clickOutside boolean that is true if called clicking on the modal background. False by default.
      */
-    showModalGallery(): void;
+    closeGallery(action?: Action, clickOutside?: boolean): void;
     /**
      * Method called when the image changes and used to update the `currentImage` object.
-     * @param ImageModalEvent event payload
+     * @param event ImageModalEvent event payload
      */
     onChangeCurrentImage(event: ImageModalEvent): void;
     /**
      * Method called when you click 'outside' (i.e. on the semi-transparent background)
      * to close the modal gallery if `enableCloseOutside` is true.
-     * @param boolean event payload. True to close the modal gallery, false otherwise
+     * @param event boolean that is true to close the modal gallery, false otherwise
      */
     onClickOutside(event: boolean): void;
     /**
      * Method called when an image is loaded and the loading spinner has gone.
      * It sets the previouslyLoaded flag inside the Image to hide loading spinner when displayed again.
-     * @param ImageLoadEvent event payload
+     * @param event ImageLoadEvent event payload
      */
     onImageLoad(event: ImageLoadEvent): void;
     /**
      * Method called when a dot is clicked and used to update the current image.
-     * @param number index of the clicked dot
+     * @param index number index of the clicked dot
      */
     onClickDot(index: number): void;
     /**
      * Method called when an image preview is clicked and used to update the current image.
-     * @param Image preview image
+     * @param event ImageModalEvent preview image
      */
     onClickPreview(event: ImageModalEvent): void;
-    /**
-     * Method to download the current image, only if `downloadable` is true.
-     * It contains also a logic to enable downloading features also for IE11.
-     */
-    downloadImage(): void;
     /**
      * Method to cleanup resources. In fact, this will reset keyboard's service.
      * This is an Angular's lifecycle hook that is called when this component is destroyed.
      */
     ngOnDestroy(): void;
+    /**
+     * Method to show the modal gallery displaying the currentImage.
+     * It will also register a new `keyboardService` to catch keyboard's events to download the current
+     * image with keyboard's shortcuts. This service, will be removed either when modal gallery component
+     * will be destroyed or when the gallery is closed invoking the `closeGallery` method.
+     * @private
+     */
+    private registerKeyboardService;
+    /**
+     * Method to download the current image, only if `downloadable` is true.
+     * @private
+     */
+    private downloadImage;
     /**
      * Method to convert a base64 to a Blob
      * @param base64Data string with base64 data
      * @param contentType string with the MIME type
+     * @return Blob converted from the input base64Data
+     * @private
      */
     private base64toBlob;
     /**
-     * Private method to download the current image for all browsers except for IE11.
+     * Private method to download the current image for all browsers.
+     * @private
      */
     private downloadImageAllBrowsers;
-    /**
-     * Private method to download the current image only for IE11 using
-     * custom javascript's methods available only on IE.
-     */
-    private downloadImageOnlyIEorEdge;
     /**
      * Private method to get the `ButtonEvent` to emit, merging the input `ButtonEvent`
      * with the current image.
-     * @param ButtonEvent event payload to return
+     * @param event ButtonEvent event payload to return
      * @returns ButtonEvent event payload with the current image included
+     * @private
      */
     private getButtonEventToEmit;
     /**
      * Private method to get the file name from an input path.
      * This is used either to get the image's name from its path or from the Image itself,
      * if specified as 'downloadFileName' by the user.
-     * @param Image image to extract its file name
+     * @param image Image image to extract its file name
      * @param isBase64 boolean to set if the image is a base64 file or not. False by default.
      * @param base64Extension string to force the extension of the base64 image. Empty string by default.
      * @returns string string file name of the input image.
+     * @private
      */
     private getFileName;
     /**
      * Private method to initialize `images` as array of `Image`s.
-     * Also, it will emit ImageowmodaModalEvent to say that images are loaded.
+     * Also, it will emit ImageModalEvent to say that images are loaded.
+     * @private
      */
     private initImages;
     /**
      * Private method to emit events when either the last or the first image are visible.
-     * @param action Enum of type Action that represents the source of the event that changed the
+     * @param action Action Enum of type Action that represents the source of the event that changed the
      *  current image to the first one or the last one.
-     * @param indexToCheck is the index number of the image (the first or the last one).
+     * @param indexToCheck number is the index number of the image (the first or the last one).
+     * @private
      */
     private emitBoundaryEvent;
-    /**
-     * Private method to check if this library is running on
-     * Microsoft browsers or not (i.e. it detects both IE11 and Edge)
-     * supporting also Server-Side Rendering.
-     * Inspired by https://msdn.microsoft.com/it-it/library/hh779016(v=vs.85).aspx
-     * @returns any the result
-     */
-    private isIEorEdge;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalGalleryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalGalleryComponent, "ks-modal-gallery", never, {}, {}, never, never>;
 }