@ks89/angular-modal-gallery 8.0.1 → 9.0.0

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

@@ -15,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;

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

@@ -156,13 +156,6 @@ export declare class CarouselPreviewsComponent extends AccessibleComponent imple
      * @returns a SafeStyle object that can be used in template without problems.
      */
     sanitizeUrlBgStyle(unsafeStyle: string | SafeResourceUrl, unsafeStyleFallback: string | SafeResourceUrl): 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;
     /**
      * Method to cleanup resources. In fact, it cleans breakpointSubscription.
      * This is an Angular's lifecycle hook that is called when this component is destroyed.

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

@@ -4,13 +4,11 @@ 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.
@@ -21,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
      */
@@ -37,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.
      */
@@ -87,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.
@@ -162,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
@@ -308,14 +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"; "carouselConfig": "carouselConfig"; "playConfig": "playConfig"; "carouselImageConfig": "carouselImageConfig"; "previewConfig": "previewConfig"; "dotsConfig": "dotsConfig"; "infinite": "infinite"; "disableSsrWorkaround": "disableSsrWorkaround"; "accessibilityConfig": "accessibilityConfig"; }, { "showImage": "showImage"; "firstImage": "firstImage"; "lastImage": "lastImage"; }, 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

@@ -144,11 +144,11 @@ export declare class CurrentImageComponent extends AccessibleComponent implement
      */
     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,

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

@@ -150,9 +150,8 @@ export declare class ModalGalleryComponent implements OnInit, OnDestroy {
      * 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.
-     * @param isCalledByService boolean isCalledByService is true if called by gallery.service, otherwise false. False by default.
      */
-    closeGallery(action?: Action, clickOutside?: boolean, isCalledByService?: boolean): void;
+    closeGallery(action?: Action, clickOutside?: boolean): void;
     /**
      * Method called when the image changes and used to update the `currentImage` object.
      * @param event ImageModalEvent event payload
@@ -192,10 +191,9 @@ export declare class ModalGalleryComponent implements OnInit, OnDestroy {
      * will be destroyed or when the gallery is closed invoking the `closeGallery` method.
      * @private
      */
-    private showModalGallery;
+    private registerKeyboardService;
     /**
      * Method to download the current image, only if `downloadable` is true.
-     * It contains also a logic to enable downloading features also for IE11.
      * @private
      */
     private downloadImage;
@@ -208,16 +206,10 @@ export declare class ModalGalleryComponent implements OnInit, OnDestroy {
      */
     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
-     */
-    private downloadImageOnlyIEorEdge;
     /**
      * Private method to get the `ButtonEvent` to emit, merging the input `ButtonEvent`
      * with the current image.
@@ -251,15 +243,6 @@ export declare class ModalGalleryComponent implements OnInit, OnDestroy {
      * @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 boolean true if IE11 or Edge, false otherwise
-     * @private
-     */
-    private isIEorEdge;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalGalleryComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ModalGalleryComponent, "ks-modal-gallery", never, {}, {}, never, never>;
 }

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

@@ -23,6 +23,7 @@ export declare class ModalGalleryService {
     /**
      * Method to close a modal gallery previously opened.
      * @param id Unique identifier of the modal gallery
+     * @param clickOutside boolean is true if closed clicking on the modal backdrop, false otherwise.
      */
     close(id: number, clickOutside: boolean): void;
     /**

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

@@ -5,7 +5,7 @@ import { Size } from '../../model/size.interface';
 import { PlainGalleryConfig } from '../../model/plain-gallery-config.interface';
 import { ConfigService } from '../../services/config.service';
 import { AccessibleComponent } from '../accessible.component';
-import { LibConfig } from '../../model/lib-config.interface';
+import { PlainLibConfig } from '../../model/lib-config.interface';
 import * as i0 from "@angular/core";
 /**
  * Component with the gallery of thumbs.
@@ -26,17 +26,13 @@ export declare class PlainGalleryComponent extends AccessibleComponent implement
      */
     images: Image[];
     /**
-     * Boolean to show/hide plain gallery. If true the plain gallery will be visible, false otherwise.
+     * PlainLibConfig object to configure plain-gallery.
      */
-    showGallery: boolean | undefined;
+    config: PlainLibConfig | undefined;
     /**
-     * Array of `Image` that represent the model of this library with all images, thumbs and so on.
-     */
-    config: LibConfig | undefined;
-    /**
-     * Output to emit an event when an image is changed.
+     * Output to emit an event when an image is clicked.
      */
-    showImage: EventEmitter<number>;
+    clickImage: EventEmitter<number>;
     /**
      * Object of type `PlainGalleryConfig` to configure the plain gallery.
      */
@@ -135,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"; "showGallery": "showGallery"; "config": "config"; }, { "showImage": "showImage"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PlainGalleryComponent, "ks-plain-gallery", never, { "id": "id"; "images": "images"; "config": "config"; }, { "clickImage": "clickImage"; }, never, never>;
 }

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

@@ -2,7 +2,7 @@ import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class KeyboardNavigationDirective {
     isOpen: boolean | undefined;
-    keyboardNavigation: EventEmitter<number>;
+    keyboardNavigation: EventEmitter<string>;
     /**
      * Listener to catch keyboard's events and call the right method based on the key.
      * For instance, pressing esc, this will call `closeGallery(Action.KEYBOARD)` and so on.

package/lib/model/carousel-config.interface.d.ts

@@ -8,5 +8,4 @@ export interface CarouselConfig {
     objectFit: string;
     keyboardEnable: boolean;
     modalGalleryEnable: boolean;
-    legacyIE11Mode: boolean;
 }

package/lib/model/keyboard-config.interface.d.ts

@@ -1,8 +1,8 @@
 /**
- * Interface `KeyboardConfig` to assign custom keyCodes to ESC, RIGHT and LEFT keyboard's actions.
+ * Interface `KeyboardConfig` to assign custom codes to ESC, RIGHT and LEFT keyboard's actions.
  */
 export interface KeyboardConfig {
-    esc?: number;
-    right?: number;
-    left?: number;
+    esc?: string;
+    right?: string;
+    left?: string;
 }

package/lib/model/keyboard.enum.d.ts

@@ -1,10 +1,13 @@
 /**
- * Enum `Keyboard` with keys and their relative key codes.
+ * Enum `Keyboard` with keys and their relative codes.
  */
-export declare enum Keyboard {
-    ESC = 27,
-    LEFT_ARROW = 37,
-    RIGHT_ARROW = 39,
-    UP_ARROW = 38,
-    DOWN_ARROW = 40
-}
+import { DOWN_ARROW_CODE, ESC_CODE, LEFT_ARROW_CODE, RIGHT_ARROW_CODE, UP_ARROW_CODE } from '../utils/user-input.util';
+declare type Keyboard = Readonly<{
+    ESC: typeof ESC_CODE;
+    LEFT_ARROW: typeof LEFT_ARROW_CODE;
+    RIGHT_ARROW: typeof RIGHT_ARROW_CODE;
+    UP_ARROW: typeof UP_ARROW_CODE;
+    DOWN_ARROW: typeof DOWN_ARROW_CODE;
+}>;
+export declare const Keyboard: Keyboard;
+export {};

package/lib/model/lib-config.interface.d.ts

@@ -11,20 +11,33 @@ import { CarouselImageConfig } from './carousel-image-config.interface';
 import { CarouselPreviewConfig } from './carousel-preview-config.interface';
 import { PlayConfig } from './play-config.interface';
 import { KeyboardServiceConfig } from './keyboard-service-config.interface';
-export interface LibConfig {
-    slideConfig?: SlideConfig;
+export interface AccessibleLibConfig {
     accessibilityConfig?: AccessibilityConfig;
+}
+export interface CommonLibConfig {
     previewConfig?: PreviewConfig;
-    buttonsConfig?: ButtonsConfig;
     dotsConfig?: DotsConfig;
-    plainGalleryConfig?: PlainGalleryConfig;
-    currentImageConfig?: CurrentImageConfig;
-    keyboardConfig?: KeyboardConfig;
+    slideConfig?: SlideConfig;
+}
+export interface KeyboardServiceLibConfig {
+    keyboardServiceConfig?: KeyboardServiceConfig;
+}
+export interface CarouselLibConfig extends CommonLibConfig, AccessibleLibConfig, KeyboardServiceLibConfig {
     carouselConfig?: CarouselConfig;
     carouselImageConfig?: CarouselImageConfig;
     carouselPreviewsConfig?: CarouselPreviewConfig;
     carouselPlayConfig?: PlayConfig;
     carouselDotsConfig?: DotsConfig;
+    carouselSlideInfinite?: boolean;
+}
+export interface ModalLibConfig extends CommonLibConfig, AccessibleLibConfig, KeyboardServiceLibConfig {
     enableCloseOutside?: boolean;
-    keyboardServiceConfig?: KeyboardServiceConfig;
+    keyboardConfig?: KeyboardConfig;
+    currentImageConfig?: CurrentImageConfig;
+    buttonsConfig?: ButtonsConfig;
+}
+export interface PlainLibConfig extends AccessibleLibConfig {
+    plainGalleryConfig?: PlainGalleryConfig;
+}
+export interface LibConfig extends ModalLibConfig, PlainLibConfig, CarouselLibConfig {
 }

package/lib/model/modal-gallery-config.interface.d.ts

@@ -1,8 +1,8 @@
 import { Image } from './image.class';
-import { LibConfig } from './lib-config.interface';
+import { ModalLibConfig } from './lib-config.interface';
 export interface ModalGalleryConfig {
     id: number;
     images: Image[];
     currentImage: Image;
-    libConfig?: LibConfig;
+    libConfig?: ModalLibConfig;
 }

package/lib/model/plain-gallery-config.interface.d.ts

@@ -9,7 +9,7 @@ export interface PlainGalleryConfig {
 }
 /**
  * Interface `PlainGalleryLayout` to configure the layout. This interface isn't used directly, instead
- * refers to either `LineLayout`, `GridLayout` or `AdvancedLayout`.
+ * refers to either `LineLayout`, `GridLayout`.
  */
 export interface PlainGalleryLayout {
 }
@@ -30,14 +30,6 @@ export declare class GridLayout implements PlainGalleryLayout {
     size: Size;
     constructor(size: Size, breakConfig: BreakConfig);
 }
-/**
- * Class `AdvancedLayout` to configure a fully custom plain gallery.
- */
-export declare class AdvancedLayout implements PlainGalleryLayout {
-    modalOpenerByIndex: number;
-    hideDefaultPlainGallery: boolean;
-    constructor(modalOpenerByIndex: number, hideDefaultPlainGallery: boolean);
-}
 /**
  * Enum `PlainGalleryStrategy` to choose the behaviour of the plain gallery.
  */

package/lib/utils/user-input.util.d.ts

@@ -1,52 +1,69 @@
 /**
  * Key of the keyboard's key `enter`
  */
-export declare const ENTER_KEY = "Enter";
+export declare const ENTER_KEY: string;
 /**
  * Code of the keyboard's key `enter`
  */
-export declare const ENTER_CODE = "Enter";
+export declare const ENTER_CODE: string;
+/**
+ * Key of the keyboard's key `esc`
+ */
+export declare const ESC_KEY: string;
+/**
+ * Code of the keyboard's key `esc`
+ */
+export declare const ESC_CODE: string;
 /**
  * Key of the keyboard's key 'right arrow'
  */
-export declare const RIGHT_ARROW_KEY = "ArrowRight";
+export declare const RIGHT_ARROW_KEY: string;
 /**
  * Code of the keyboard's key 'right arrow'
  */
-export declare const RIGHT_ARROW_CODE = "ArrowRight";
+export declare const RIGHT_ARROW_CODE: string;
 /**
- * KeyCode of the keyboard's key 'right arrow'
- * Used in unit tests only
+ * Key of the keyboard's key 'left arrow'
  */
-export declare const RIGHT_ARROW_KEYCODE = 39;
+export declare const LEFT_ARROW_KEY: string;
+/**
+ * Code of the keyboard's key 'left arrow'
+ */
+export declare const LEFT_ARROW_CODE: string;
 /**
  * Key of the keyboard's key 'left arrow'
  */
-export declare const LEFT_ARROW_KEY = "ArrowLeft";
+export declare const UP_ARROW_KEY: string;
 /**
  * Code of the keyboard's key 'left arrow'
  */
-export declare const LEFT_ARROW_CODE = "ArrowLeft";
+export declare const UP_ARROW_CODE: string;
+/**
+ * Key of the keyboard's key 'left arrow'
+ */
+export declare const DOWN_ARROW_KEY: string;
 /**
- * KeyCode of the keyboard's key 'left arrow'
- * Used in unit tests only
+ * Code of the keyboard's key 'left arrow'
  */
-export declare const LEFT_ARROW_KEYCODE = 37;
+export declare const DOWN_ARROW_CODE: string;
 /**
  * Key of the keyboard's key `space`
  */
-export declare const SPACE_KEY = "";
+export declare const SPACE_KEY: string;
 /**
  * Code of the keyboard's key `space`
  */
-export declare const SPACE_CODE = "Space";
+export declare const SPACE_CODE: string;
+/**
+ * Const to represent the right direction
+ */
+export declare const DIRECTION_RIGHT: string;
 /**
- * KeyCode of the keyboard's key 'space'
- * Used in unit tests only
+ * Const to represent the left direction
  */
-export declare const SPACE_KEYCODE = 32;
+export declare const DIRECTION_LEFT: string;
 /**
- * KeyCode of the main mouse button
+ * Keycode of the main mouse button
  */
 export declare const MOUSE_MAIN_BUTTON_CLICK = 0;
 /**
@@ -61,11 +78,3 @@ export declare const PREV = -1;
  * Const NOTHING to represents a situation when it isn't both NEXT and PREV
  */
 export declare const NOTHING = 0;
-/**
- * Const to represent the right direction
- */
-export declare const DIRECTION_RIGHT = "right";
-/**
- * Const to represent the left direction
- */
-export declare const DIRECTION_LEFT = "left";

package/package.json

@@ -1,25 +1,25 @@
 {
   "name": "@ks89/angular-modal-gallery",
-  "version": "8.0.1",
+  "version": "9.0.0",
   "description": "Image gallery for Angular",
   "license": "MIT",
   "author": "Stefano Cappa",
   "engines": {
-    "node": ">=14.17.0",
+    "node": ">=16.3.0",
     "npm": ">=7.16.0"
   },
   "homepage": "https://ks89.github.io/angular-modal-gallery-2020-v8.github.io/",
   "dependencies": {
-    "tslib": ">=2.1.0"
+    "tslib": ">=2.3.0"
   },
   "peerDependencies": {
-    "@angular/platform-browser": ">=12.0.0",
-    "@angular/common": ">=12.0.0",
-    "@angular/core": ">=12.0.0",
-    "@angular/cdk": ">=12.0.0",
+    "@angular/platform-browser": ">=13.0.0",
+    "@angular/common": ">=13.0.0",
+    "@angular/core": ">=13.0.0",
+    "@angular/cdk": ">=13.0.0",
     "hammerjs": ">=2.0.8",
     "mousetrap": ">=1.6.5",
-    "rxjs": ">=6.6.0"
+    "rxjs": ">=7.4.0"
   },
   "keywords": [
     "angular-modal-gallery",
@@ -54,11 +54,24 @@
   "bugs": {
     "url": "https://github.com/Ks89/angular-modal-gallery/issues"
   },
-  "main": "bundles/ks89-angular-modal-gallery.umd.js",
-  "module": "fesm2015/ks89-angular-modal-gallery.js",
-  "es2015": "fesm2015/ks89-angular-modal-gallery.js",
-  "esm2015": "esm2015/ks89-angular-modal-gallery.js",
-  "fesm2015": "fesm2015/ks89-angular-modal-gallery.js",
+  "module": "fesm2015/ks89-angular-modal-gallery.mjs",
+  "es2020": "fesm2020/ks89-angular-modal-gallery.mjs",
+  "esm2020": "esm2020/ks89-angular-modal-gallery.mjs",
+  "fesm2020": "fesm2020/ks89-angular-modal-gallery.mjs",
+  "fesm2015": "fesm2015/ks89-angular-modal-gallery.mjs",
   "typings": "ks89-angular-modal-gallery.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./ks89-angular-modal-gallery.d.ts",
+      "esm2020": "./esm2020/ks89-angular-modal-gallery.mjs",
+      "es2020": "./fesm2020/ks89-angular-modal-gallery.mjs",
+      "es2015": "./fesm2015/ks89-angular-modal-gallery.mjs",
+      "node": "./fesm2015/ks89-angular-modal-gallery.mjs",
+      "default": "./fesm2020/ks89-angular-modal-gallery.mjs"
+    }
+  },
   "sideEffects": false
 }

package/public-api.d.ts

@@ -16,14 +16,14 @@ export { PlayConfig } from './lib/model/play-config.interface';
 export { CarouselImageConfig } from './lib/model/carousel-image-config.interface';
 export { Size } from './lib/model/size.interface';
 export { ButtonsConfig, ButtonsStrategy, ButtonType, ButtonEvent } from './lib/model/buttons-config.interface';
-export { LibConfig } from './lib/model/lib-config.interface';
+export { ModalLibConfig, PlainLibConfig, CarouselLibConfig } from './lib/model/lib-config.interface';
 export { ModalGalleryConfig } from './lib/model/modal-gallery-config.interface';
 export { CurrentImageConfig } from './lib/model/current-image-config.interface';
 export { LoadingConfig, LoadingType } from './lib/model/loading-config.interface';
 export { InteractionEvent } from './lib/model/interaction-event.interface';
 export { KS_DEFAULT_ACCESSIBILITY_CONFIG } from './lib/components/accessibility-default';
 export { KS_DEFAULT_BTN_FULL_SCREEN, KS_DEFAULT_BTN_CLOSE, KS_DEFAULT_BTN_DELETE, KS_DEFAULT_BTN_DOWNLOAD, KS_DEFAULT_BTN_EXTURL, KS_DEFAULT_SIZE } from './lib/components/upper-buttons/upper-buttons-default';
-export { PlainGalleryConfig, PlainGalleryLayout, LineLayout, GridLayout, AdvancedLayout, PlainGalleryStrategy, BreakConfig } from './lib/model/plain-gallery-config.interface';
+export { PlainGalleryConfig, PlainGalleryLayout, LineLayout, GridLayout, PlainGalleryStrategy, BreakConfig } from './lib/model/plain-gallery-config.interface';
 export { ModalGalleryComponent } from './lib/components/modal-gallery/modal-gallery.component';
 export { PlainGalleryComponent } from './lib/components/plain-gallery/plain-gallery.component';
 export { CarouselComponent } from './lib/components/carousel/carousel.component';