@ks89/angular-modal-gallery 10.0.1 → 11.0.0

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

@@ -95,7 +95,7 @@ export declare class CarouselPreviewsComponent extends AccessibleComponent imple
     /**
      * Method ´ngOnInit´ to build `configPreview` applying a default value and also to
      * init the `previews` array.
-     * This is an Angular's lifecycle hook, so its called automatically by Angular itself.
+     * This is an angular lifecycle hook, so its called automatically by Angular itself.
      * In particular, it's called only one time!!!
      */
     ngOnInit(): void;
@@ -108,7 +108,7 @@ export declare class CarouselPreviewsComponent extends AccessibleComponent imple
     /**
      * Method ´ngOnChanges´ to update `previews` array.
      * Also, both `start` and `end` local variables will be updated accordingly.
-     * This is an Angular's lifecycle hook, so its called automatically by Angular itself.
+     * This is an angular lifecycle hook, so its called automatically by Angular itself.
      * In particular, it's called when any data-bound property of a directive changes!!!
      */
     ngOnChanges(changes: SimpleChanges): void;
@@ -158,7 +158,7 @@ export declare class CarouselPreviewsComponent extends AccessibleComponent imple
     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.
+     * This is an angular lifecycle hook that is called when this component is destroyed.
      */
     ngOnDestroy(): void;
     /**
@@ -191,5 +191,5 @@ export declare class CarouselPreviewsComponent extends AccessibleComponent imple
      */
     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, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CarouselPreviewsComponent, "ks-carousel-previews", never, { "id": { "alias": "id"; "required": false; }; "currentImage": { "alias": "currentImage"; "required": false; }; "images": { "alias": "images"; "required": false; }; }, { "clickPreview": "clickPreview"; }, never, never, false, never>;
 }

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

@@ -9,6 +9,7 @@ import { CarouselImageConfig } from '../../model/carousel-image-config.interface
 import { ConfigService } from '../../services/config.service';
 import { ModalGalleryService } from '../modal-gallery/modal-gallery.service';
 import { CarouselLibConfig } from '../../model/lib-config.interface';
+import { InternalLibImage } from '../../model/image-internal.class';
 import * as i0 from "@angular/core";
 /**
  * Component with configurable inline/plain carousel.
@@ -89,7 +90,7 @@ export declare class CarouselComponent extends AccessibleComponent implements On
     /**
      * `Image` that is visible right now.
      */
-    currentImage: Image | undefined;
+    currentImage: InternalLibImage | undefined;
     /**
      * Boolean that it's true when you are watching the first image (currently visible).
      * False by default
@@ -108,10 +109,6 @@ export declare class CarouselComponent extends AccessibleComponent implements On
      * Subject to stop the carousel.
      */
     private stop$;
-    /**
-     * Private object without type to define all swipe actions used by hammerjs.
-     */
-    private SWIPE_ACTION;
     /**
      * Listener to stop the gallery when the mouse pointer is over the current image.
      */
@@ -159,7 +156,7 @@ export declare class CarouselComponent extends AccessibleComponent implements On
      */
     getDescriptionToDisplay(image?: Image | undefined): string;
     /**
-     * Method used by Hammerjs to support touch gestures (you can also invert the swipe direction with configCurrentImage.invertSwipe).
+     * 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.
      */
     swipe(action?: string): void;
@@ -216,7 +213,7 @@ export declare class CarouselComponent extends AccessibleComponent implements On
      */
     /**
      * Method to cleanup resources. In fact, this will stop the carousel.
-     * This is an Angular's lifecycle hook that is called when this component is destroyed.
+     * This is an angular lifecycle hook that is called when this component is destroyed.
      */
     ngOnDestroy(): void;
     /**
@@ -275,5 +272,5 @@ export declare class CarouselComponent extends AccessibleComponent implements On
      */
     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, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CarouselComponent, "ks-carousel", never, { "id": { "alias": "id"; "required": false; }; "images": { "alias": "images"; "required": false; }; "config": { "alias": "config"; "required": false; }; }, { "clickImage": "clickImage"; "changeImage": "changeImage"; "firstImage": "firstImage"; "lastImage": "lastImage"; }, never, ["*"], false, never>;
 }

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

@@ -113,10 +113,6 @@ export declare class CurrentImageComponent extends AccessibleComponent implement
      * True by default
      */
     loading: boolean;
-    /**
-     * Private object without type to define all swipe actions used by hammerjs.
-     */
-    private SWIPE_ACTION;
     constructor(platformId: any, ngZone: NgZone, ref: ChangeDetectorRef, configService: ConfigService);
     /**
      * Listener to stop the gallery when the mouse pointer is over the current image.
@@ -128,19 +124,19 @@ export declare class CurrentImageComponent extends AccessibleComponent implement
     onMouseLeave(): void;
     /**
      * Method ´ngOnInit´ to init configuration.
-     * This is an Angular's lifecycle hook, so its called automatically by Angular itself.
+     * This is an angular lifecycle hook, so its called automatically by Angular itself.
      * In particular, it's called only one time!!!
      */
     ngOnInit(): void;
     /**
      * 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's lifecycle hook, so its called automatically by Angular itself.
+     * This is an angular lifecycle hook, so its 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's lifecycle hook, so its called automatically by Angular itself.
+     * This is an angular lifecycle hook, so its called automatically by Angular itself.
      */
     ngAfterContentInit(): void;
     /**
@@ -218,7 +214,7 @@ export declare class CurrentImageComponent extends AccessibleComponent implement
      */
     onImageLoad(event: Event): void;
     /**
-     * Method used by Hammerjs to support touch gestures (you can also invert the swipe direction with configCurrentImage.invertSwipe).
+     * 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.
      */
     swipe(action?: string): void;
@@ -238,7 +234,7 @@ export declare class CurrentImageComponent extends AccessibleComponent implement
     stopCarousel(): void;
     /**
      * Method to cleanup resources. In fact, this will stop the modal gallery.
-     * This is an Angular's lifecycle hook that is called when this component is destroyed.
+     * This is an angular lifecycle hook that is called when this component is destroyed.
      */
     ngOnDestroy(): void;
     /**
@@ -282,5 +278,5 @@ export declare class CurrentImageComponent extends AccessibleComponent implement
      */
     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, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CurrentImageComponent, "ks-current-image", never, { "id": { "alias": "id"; "required": false; }; "currentImage": { "alias": "currentImage"; "required": false; }; "images": { "alias": "images"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; }, { "loadImage": "loadImage"; "changeImage": "changeImage"; "closeGallery": "closeGallery"; }, never, never, false, never>;
 }

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

@@ -9,12 +9,12 @@ export declare class LoadingSpinnerComponent {
      * Object of type `LoadingConfig` exposed to the template.
      * It contains a field to choose a loading spinner.
      */
-    loadingConfig: LoadingConfig | undefined;
+    loadingConfig: LoadingConfig;
     /**
      * Object of type `AccessibilityConfig` to init custom accessibility features.
      * For instance, it contains titles, alt texts, aria-labels and so on.
      */
-    accessibilityConfig: AccessibilityConfig | undefined;
+    accessibilityConfig: AccessibilityConfig;
     /**
      * Enum of type `LoadingType` to choose the standard loading spinner.
      * Declared here to be used inside the template.
@@ -51,5 +51,5 @@ export declare class LoadingSpinnerComponent {
      */
     loadingExplosingSquares: LoadingType;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoadingSpinnerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LoadingSpinnerComponent, "ks-loading-spinner", never, { "loadingConfig": "loadingConfig"; "accessibilityConfig": "accessibilityConfig"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoadingSpinnerComponent, "ks-loading-spinner", never, { "loadingConfig": { "alias": "loadingConfig"; "required": false; }; "accessibilityConfig": { "alias": "accessibilityConfig"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -15,7 +15,7 @@ export declare class DotsComponent extends AccessibleComponent implements OnInit
      * 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;
+    id: number;
     /**
      * Object of type `InternalLibImage` that represent the visible image.
      */
@@ -29,7 +29,7 @@ export declare class DotsComponent extends AccessibleComponent implements OnInit
      * Object of type `DotsConfig` to init DotsComponent's features.
      * For instance, it contains a param to show/hide this component.
      */
-    dotsConfig: DotsConfig | undefined;
+    dotsConfig: DotsConfig;
     /**
      * Output to emit clicks on dots. The payload contains a number that represent
      * the index of the clicked dot.
@@ -47,13 +47,13 @@ export declare class DotsComponent extends AccessibleComponent implements OnInit
     constructor(configService: ConfigService);
     /**
      * Method ´ngOnInit´ to build `configDots` applying a default value.
-     * This is an Angular's lifecycle hook, so its called automatically by Angular itself.
+     * This is an angular lifecycle hook, so its called automatically by Angular itself.
      * In particular, it's called only one time!!!
      */
     ngOnInit(): void;
     /**
      * Method ´ngOnChanges´ to change `configDots` if the input dotsConfig is changed.
-     * This is an Angular's lifecycle hook, so its called automatically by Angular itself.
+     * This is an angular lifecycle hook, so its called automatically by Angular itself.
      */
     ngOnChanges(changes: SimpleChanges): void;
     /**
@@ -77,5 +77,5 @@ export declare class DotsComponent extends AccessibleComponent implements OnInit
      */
     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, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DotsComponent, "ks-dots", never, { "id": { "alias": "id"; "required": false; }; "currentImage": { "alias": "currentImage"; "required": false; }; "images": { "alias": "images"; "required": false; }; "dotsConfig": { "alias": "dotsConfig"; "required": false; }; }, { "clickDot": "clickDot"; }, never, never, false, never>;
 }

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

@@ -7,7 +7,6 @@ import { ButtonEvent, ButtonsConfig } from '../../model/buttons-config.interface
 import { InternalLibImage } from '../../model/image-internal.class';
 import { Action } from '../../model/action.enum';
 import { CurrentImageComponent, ImageLoadEvent } from '../current-image/current-image.component';
-import { KeyboardService } from '../../services/keyboard.service';
 import { IdValidatorService } from '../../services/id-validator.service';
 import { KeyboardConfig } from '../../model/keyboard-config.interface';
 import { PreviewConfig } from '../../model/preview-config.interface';
@@ -21,7 +20,6 @@ import * as i0 from "@angular/core";
 export declare class ModalGalleryComponent implements OnInit, OnDestroy {
     private dialogContent;
     private modalGalleryService;
-    private keyboardService;
     private platformId;
     private changeDetectorRef;
     private idValidatorService;
@@ -98,11 +96,16 @@ export declare class ModalGalleryComponent implements OnInit, OnDestroy {
      * This prevents weired behaviour about scrolling.
      * Added to fix this issue: https://github.com/Ks89/angular-modal-gallery/issues/159
      */
-    onPopState(e: Event): void;
-    constructor(dialogContent: ModalGalleryConfig, modalGalleryService: ModalGalleryService, keyboardService: KeyboardService, platformId: Object, changeDetectorRef: ChangeDetectorRef, idValidatorService: IdValidatorService, configService: ConfigService, sanitizer: DomSanitizer);
+    onPopState(): void;
+    /**
+     * HostListener to catch ctrl+s/meta+s and download the current image.
+     * Inspired by https://netbasal.com/add-keyboard-shortcuts-to-your-angular-app-9bf2e89862b3
+     */
+    onSaveListener(event: KeyboardEvent): void;
+    constructor(dialogContent: ModalGalleryConfig, modalGalleryService: ModalGalleryService, platformId: Object, changeDetectorRef: ChangeDetectorRef, idValidatorService: IdValidatorService, configService: ConfigService, sanitizer: DomSanitizer);
     /**
      * Method ´ngOnInit´ to init images calling `initImages()`.
-     * This is an Angular's lifecycle hook, so its called automatically by Angular itself.
+     * This is an angular lifecycle hook, so its called automatically by Angular itself.
      * In particular, it's called only one time!!!
      */
     ngOnInit(): void;
@@ -144,14 +147,13 @@ export declare class ModalGalleryComponent implements OnInit, OnDestroy {
      */
     onCloseGalleryButton(event: ButtonEvent, action?: Action): void;
     /**
-     * Method called by CurrentImageComponent and triggered via KeyboardService.
+     * Method called by CurrentImageComponent.
      * @param event ImageModalEvent event payload
      * @param action Action that triggered the close method. `Action.NORMAL` by default
      */
     onCloseGallery(event: ImageModalEvent, action?: Action): void;
     /**
      * 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.
      */
@@ -184,18 +186,10 @@ export declare class ModalGalleryComponent implements OnInit, OnDestroy {
      */
     onClickPreview(event: ImageModalEvent): 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.
+     * Method to cleanup resources.
+     * This is an angular 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

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

@@ -76,13 +76,13 @@ export declare class PlainGalleryComponent extends AccessibleComponent implement
     /**
      * Method ´ngOnInit´ to init both `configPlainGallery` calling `initPlainGalleryConfig()`
      * and `imageGrid invoking `initImageGrid()`.
-     * This is an Angular's lifecycle hook, so its called automatically by Angular itself.
+     * This is an angular lifecycle hook, so its 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's lifecycle hook, so its called automatically by Angular itself.
+     * This is an angular lifecycle hook, so its called automatically by Angular itself.
      * In particular, it's called when any data-bound property of a directive changes!!!
      */
     ngOnChanges(changes: SimpleChanges): void;
@@ -131,5 +131,5 @@ export declare class PlainGalleryComponent extends AccessibleComponent implement
      */
     private initImageGrid;
     static ɵfac: i0.ɵɵFactoryDeclaration<PlainGalleryComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PlainGalleryComponent, "ks-plain-gallery", never, { "id": "id"; "images": "images"; "config": "config"; }, { "clickImage": "clickImage"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PlainGalleryComponent, "ks-plain-gallery", never, { "id": { "alias": "id"; "required": false; }; "images": { "alias": "images"; "required": false; }; "config": { "alias": "config"; "required": false; }; }, { "clickImage": "clickImage"; }, never, never, false, never>;
 }

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

@@ -18,16 +18,16 @@ export declare class PreviewsComponent extends AccessibleComponent implements On
      * 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;
+    id: number;
     /**
      * Object of type `InternalLibImage` that represent the visible image.
      */
-    currentImage: InternalLibImage | undefined;
+    currentImage: InternalLibImage;
     /**
      * Array of `InternalLibImage` that represent the model of this library with all images,
      * thumbs and so on.
      */
-    images: InternalLibImage[] | undefined;
+    images: InternalLibImage[];
     /**
      * Optional template reference for the rendering of previews.
      * Template may access following context variables:
@@ -81,7 +81,7 @@ export declare class PreviewsComponent extends AccessibleComponent implements On
     /**
      * Method ´ngOnInit´ to build `configPreview` applying a default value and also to
      * init the `previews` array.
-     * This is an Angular's lifecycle hook, so its called automatically by Angular itself.
+     * This is an angular lifecycle hook, so its called automatically by Angular itself.
      * In particular, it's called only one time!!!
      */
     ngOnInit(): void;
@@ -94,7 +94,7 @@ export declare class PreviewsComponent extends AccessibleComponent implements On
     /**
      * Method ´ngOnChanges´ to update `previews` array.
      * Also, both `start` and `end` local variables will be updated accordingly.
-     * This is an Angular's lifecycle hook, so its called automatically by Angular itself.
+     * This is an angular lifecycle hook, so its called automatically by Angular itself.
      * In particular, it's called when any data-bound property of a directive changes!!!
      */
     ngOnChanges(changes: SimpleChanges): void;
@@ -151,5 +151,5 @@ export declare class PreviewsComponent extends AccessibleComponent implements On
      */
     private previous;
     static ɵfac: i0.ɵɵFactoryDeclaration<PreviewsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PreviewsComponent, "ks-previews", never, { "id": "id"; "currentImage": "currentImage"; "images": "images"; "customTemplate": "customTemplate"; }, { "clickPreview": "clickPreview"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PreviewsComponent, "ks-previews", never, { "id": { "alias": "id"; "required": false; }; "currentImage": { "alias": "currentImage"; "required": false; }; "images": { "alias": "images"; "required": false; }; "customTemplate": { "alias": "customTemplate"; "required": false; }; }, { "clickPreview": "clickPreview"; }, never, never, false, never>;
 }

package/lib/components/upper-buttons/upper-buttons.component.d.ts

@@ -21,11 +21,11 @@ export declare class UpperButtonsComponent extends AccessibleComponent implement
      * 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;
+    id: number;
     /**
      * Object of type `Image` that represent the visible image.
      */
-    currentImage: Image | undefined;
+    currentImage: Image;
     /**
      * Output to emit clicks on refresh button. The payload contains a `ButtonEvent`.
      */
@@ -84,7 +84,7 @@ export declare class UpperButtonsComponent extends AccessibleComponent implement
     /**
      * Method ´ngOnInit´ to build `configButtons` applying a default value and also to
      * init the `buttons` array.
-     * This is an Angular's lifecycle hook, so its called automatically by Angular itself.
+     * This is an angular lifecycle hook, so its called automatically by Angular itself.
      * In particular, it's called only one time!!!
      */
     ngOnInit(): void;
@@ -128,5 +128,5 @@ export declare class UpperButtonsComponent extends AccessibleComponent implement
      */
     private validateCustomButtons;
     static ɵfac: i0.ɵɵFactoryDeclaration<UpperButtonsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UpperButtonsComponent, "ks-upper-buttons", never, { "id": "id"; "currentImage": "currentImage"; }, { "refresh": "refresh"; "delete": "delete"; "navigate": "navigate"; "download": "download"; "closeButton": "closeButton"; "fullscreen": "fullscreen"; "customEmit": "customEmit"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UpperButtonsComponent, "ks-upper-buttons", never, { "id": { "alias": "id"; "required": false; }; "currentImage": { "alias": "currentImage"; "required": false; }; }, { "refresh": "refresh"; "delete": "delete"; "navigate": "navigate"; "download": "download"; "closeButton": "closeButton"; "fullscreen": "fullscreen"; "customEmit": "customEmit"; }, never, never, false, never>;
 }

package/lib/directives/a-tag-bg-image.directive.d.ts

@@ -19,13 +19,13 @@ export declare class ATagBgImageDirective implements OnInit, OnChanges {
     constructor(renderer: Renderer2, el: ElementRef);
     /**
      * Method ´ngOnInit´ to apply the style of this directive.
-     * This is an Angular's lifecycle hook, so its called automatically by Angular itself.
+     * This is an angular lifecycle hook, so its 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's lifecycle hook, so its called automatically by Angular itself.
+     * This is an angular lifecycle hook, so its called automatically by Angular itself.
      * In particular, it's called when any data-bound property of a directive changes!!!
      */
     ngOnChanges(): void;
@@ -34,5 +34,5 @@ export declare class ATagBgImageDirective implements OnInit, OnChanges {
      */
     private applyStyle;
     static ɵfac: i0.ɵɵFactoryDeclaration<ATagBgImageDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ATagBgImageDirective, "[ksATagBgImage]", never, { "image": "image"; "style": "style"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ATagBgImageDirective, "[ksATagBgImage]", never, { "image": { "alias": "image"; "required": false; }; "style": { "alias": "style"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/directives/click-outside.directive.d.ts

@@ -16,9 +16,9 @@ export declare class ClickOutsideDirective {
     clickOutside: EventEmitter<boolean>;
     /**
      * Method called by Angular itself every click thanks to `@HostListener`.
-     * @param MouseEvent event payload received evey click
+     * @param event MouseEvent
      */
     onClick(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClickOutsideDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ClickOutsideDirective, "[ksClickOutside]", never, { "clickOutsideEnable": "clickOutsideEnable"; }, { "clickOutside": "clickOutside"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClickOutsideDirective, "[ksClickOutside]", never, { "clickOutsideEnable": { "alias": "clickOutsideEnable"; "required": false; }; }, { "clickOutside": "clickOutside"; }, never, never, false, never>;
 }

package/lib/directives/description.directive.d.ts

@@ -14,13 +14,13 @@ export declare class DescriptionDirective implements OnInit, OnChanges {
     constructor(renderer: Renderer2, el: ElementRef);
     /**
      * Method ´ngOnInit´ to apply the style of this directive.
-     * This is an Angular's lifecycle hook, so its called automatically by Angular itself.
+     * This is an angular lifecycle hook, so its 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's lifecycle hook, so its called automatically by Angular itself.
+     * This is an angular lifecycle hook, so its called automatically by Angular itself.
      * In particular, it's called when any data-bound property of a directive changes!!!
      */
     ngOnChanges(): void;
@@ -29,5 +29,5 @@ export declare class DescriptionDirective implements OnInit, OnChanges {
      */
     private applyStyle;
     static ɵfac: i0.ɵɵFactoryDeclaration<DescriptionDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DescriptionDirective, "[ksDescription]", never, { "description": "description"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DescriptionDirective, "[ksDescription]", never, { "description": { "alias": "description"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/directives/direction.directive.d.ts

@@ -17,13 +17,13 @@ export declare class DirectionDirective implements OnInit, OnChanges {
     constructor(renderer: Renderer2, el: ElementRef);
     /**
      * Method ´ngOnInit´ to apply the style of this directive.
-     * This is an Angular's lifecycle hook, so its called automatically by Angular itself.
+     * This is an angular lifecycle hook, so its 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's lifecycle hook, so its called automatically by Angular itself.
+     * This is an angular lifecycle hook, so its called automatically by Angular itself.
      * In particular, it's called when any data-bound property of a directive changes!!!
      */
     ngOnChanges(): void;
@@ -32,5 +32,5 @@ export declare class DirectionDirective implements OnInit, OnChanges {
      */
     private applyStyle;
     static ɵfac: i0.ɵɵFactoryDeclaration<DirectionDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DirectionDirective, "[ksDirection]", never, { "direction": "direction"; "justify": "justify"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DirectionDirective, "[ksDirection]", never, { "direction": { "alias": "direction"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/directives/directives.d.ts

@@ -8,7 +8,8 @@ import { DescriptionDirective } from './description.directive';
 import { MarginDirective } from './margin.directive';
 import { MaxSizeDirective } from './max-size.directive';
 import { FallbackImageDirective } from './fallback-image.directive';
+import { SwipeDirective } from './swipe.directive';
 /**
  * Array of all directives.
  */
-export declare const DIRECTIVES: (typeof ClickOutsideDirective | typeof SizeDirective | typeof KeyboardNavigationDirective | typeof WrapDirective | typeof DirectionDirective | typeof ATagBgImageDirective | typeof DescriptionDirective | typeof MarginDirective | typeof MaxSizeDirective | typeof FallbackImageDirective)[];
+export declare const DIRECTIVES: (typeof ClickOutsideDirective | typeof SizeDirective | typeof KeyboardNavigationDirective | typeof WrapDirective | typeof DirectionDirective | typeof ATagBgImageDirective | typeof DescriptionDirective | typeof MarginDirective | typeof MaxSizeDirective | typeof FallbackImageDirective | typeof SwipeDirective)[];

package/lib/directives/fallback-image.directive.d.ts

@@ -12,5 +12,5 @@ export declare class FallbackImageDirective {
     constructor(renderer: Renderer2, el: ElementRef);
     onError(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FallbackImageDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FallbackImageDirective, "[ksFallbackImage]", never, { "fallbackImg": "fallbackImg"; }, { "fallbackApplied": "fallbackApplied"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FallbackImageDirective, "[ksFallbackImage]", never, { "fallbackImg": { "alias": "fallbackImg"; "required": false; }; }, { "fallbackApplied": "fallbackApplied"; }, never, never, false, never>;
 }

package/lib/directives/keyboard-navigation.directive.d.ts

@@ -11,5 +11,5 @@ export declare class KeyboardNavigationDirective {
      */
     onKeyDown(e: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KeyboardNavigationDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KeyboardNavigationDirective, "[ksKeyboardNavigation]", never, { "isOpen": "isOpen"; }, { "keyboardNavigation": "keyboardNavigation"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KeyboardNavigationDirective, "[ksKeyboardNavigation]", never, { "isOpen": { "alias": "isOpen"; "required": false; }; }, { "keyboardNavigation": "keyboardNavigation"; }, never, never, false, never>;
 }

package/lib/directives/margin.directive.d.ts

@@ -25,13 +25,13 @@ export declare class MarginDirective implements OnInit, OnChanges {
     constructor(renderer: Renderer2, el: ElementRef);
     /**
      * Method ´ngOnInit´ to apply the style of this directive.
-     * This is an Angular's lifecycle hook, so its called automatically by Angular itself.
+     * This is an angular lifecycle hook, so its 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's lifecycle hook, so its called automatically by Angular itself.
+     * This is an angular lifecycle hook, so its called automatically by Angular itself.
      * In particular, it's called when any data-bound property of a directive changes!!!
      */
     ngOnChanges(): void;
@@ -40,5 +40,5 @@ export declare class MarginDirective implements OnInit, OnChanges {
      */
     private applyStyle;
     static ɵfac: i0.ɵɵFactoryDeclaration<MarginDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MarginDirective, "[ksMargin]", never, { "marginLeft": "marginLeft"; "marginRight": "marginRight"; "marginTop": "marginTop"; "marginBottom": "marginBottom"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MarginDirective, "[ksMargin]", never, { "marginLeft": { "alias": "marginLeft"; "required": false; }; "marginRight": { "alias": "marginRight"; "required": false; }; "marginTop": { "alias": "marginTop"; "required": false; }; "marginBottom": { "alias": "marginBottom"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/directives/max-size.directive.d.ts

@@ -14,13 +14,13 @@ export declare class MaxSizeDirective implements OnInit, OnChanges {
     constructor(renderer: Renderer2, el: ElementRef);
     /**
      * Method ´ngOnInit´ to apply the style of this directive.
-     * This is an Angular's lifecycle hook, so its called automatically by Angular itself.
+     * This is an angular lifecycle hook, so its 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's lifecycle hook, so its called automatically by Angular itself.
+     * This is an angular lifecycle hook, so its called automatically by Angular itself.
      * In particular, it's called when any data-bound property of a directive changes!!!
      */
     ngOnChanges(): void;
@@ -29,5 +29,5 @@ export declare class MaxSizeDirective implements OnInit, OnChanges {
      */
     private applyStyle;
     static ɵfac: i0.ɵɵFactoryDeclaration<MaxSizeDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MaxSizeDirective, "[ksMaxSize]", never, { "maxSizeConfig": "maxSizeConfig"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MaxSizeDirective, "[ksMaxSize]", never, { "maxSizeConfig": { "alias": "maxSizeConfig"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/directives/size.directive.d.ts

@@ -29,5 +29,5 @@ export declare class SizeDirective implements OnInit, OnChanges {
      */
     private applyStyle;
     static ɵfac: i0.ɵɵFactoryDeclaration<SizeDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SizeDirective, "[ksSize]", never, { "sizeConfig": "sizeConfig"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SizeDirective, "[ksSize]", never, { "sizeConfig": { "alias": "sizeConfig"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/directives/swipe.directive.d.ts

@@ -0,0 +1,33 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Directive to close the modal gallery clicking on the semi-transparent background.
+ * In fact, it listens for a click on all elements that aren't 'inside' and it emits
+ * an event using `@Output clickOutside`.
+ */
+export declare class SwipeDirective {
+    defaultTouch: {
+        x: number;
+        y: number;
+        time: number;
+    };
+    /**
+     */
+    swipeLeft: EventEmitter<void>;
+    /**
+     */
+    swipeRight: EventEmitter<void>;
+    /**
+     */
+    swipeUp: EventEmitter<void>;
+    /**
+     */
+    swipeDown: EventEmitter<void>;
+    /**
+     * Method called by Angular itself every click thanks to `@HostListener`.
+     * @param event TouchEvent payload received on touch
+     */
+    handleTouch(event: TouchEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SwipeDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SwipeDirective, "[ksSwipe]", never, {}, { "swipeLeft": "swipeLeft"; "swipeRight": "swipeRight"; "swipeUp": "swipeUp"; "swipeDown": "swipeDown"; }, never, never, false, never>;
+}

package/lib/directives/wrap.directive.d.ts

@@ -17,13 +17,13 @@ export declare class WrapDirective implements OnInit, OnChanges {
     constructor(renderer: Renderer2, el: ElementRef);
     /**
      * Method ´ngOnInit´ to apply the style of this directive.
-     * This is an Angular's lifecycle hook, so its called automatically by Angular itself.
+     * This is an angular lifecycle hook, so its 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's lifecycle hook, so its called automatically by Angular itself.
+     * This is an angular lifecycle hook, so its called automatically by Angular itself.
      * In particular, it's called when any data-bound property of a directive changes!!!
      */
     ngOnChanges(): void;
@@ -32,5 +32,5 @@ export declare class WrapDirective implements OnInit, OnChanges {
      */
     private applyStyle;
     static ɵfac: i0.ɵɵFactoryDeclaration<WrapDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<WrapDirective, "[ksWrap]", never, { "wrap": "wrap"; "width": "width"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WrapDirective, "[ksWrap]", never, { "wrap": { "alias": "wrap"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, never, false, never>;
 }