@ks89/angular-modal-gallery 12.0.0 → 14.0.0

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

@@ -1,81 +0,0 @@
-import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { AccessibleComponent } from '../accessible.component';
-import { AccessibilityConfig } from '../../model/accessibility.interface';
-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;
-    /**
-     * Object of type `InternalLibImage` that represent the visible image.
-     */
-    currentImage: InternalLibImage | undefined;
-    /**
-     * Array of `InternalLibImage` that represent the model of this library with all images,
-     * thumbs and so on.
-     */
-    images: InternalLibImage[] | undefined;
-    /**
-     * Object of type `DotsConfig` to init DotsComponent's features.
-     * For instance, it contains a param to show/hide this component.
-     */
-    dotsConfig: DotsConfig;
-    /**
-     * Output to emit clicks on dots. The payload contains a number that represent
-     * the index of the clicked dot.
-     */
-    clickDot: EventEmitter<number>;
-    /**
-     * Object of type `DotsConfig` used in template.
-     */
-    configDots: DotsConfig | undefined;
-    /**
-     * Object of type `AccessibilityConfig` to init custom accessibility features.
-     * For instance, it contains titles, alt texts, aria-labels and so on.
-     */
-    accessibilityConfig: AccessibilityConfig | undefined;
-    constructor(configService: ConfigService);
-    /**
-     * Method ´ngOnInit´ to build `configDots` applying a default value.
-     * 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 lifecycle hook, so its called automatically by Angular itself.
-     */
-    ngOnChanges(changes: SimpleChanges): void;
-    /**
-     * Method to check if an image is active (i.e. the current image).
-     * It checks currentImage and images to prevent errors.
-     * @param number index of the image to check if it's active or not
-     * @returns boolean true if is active (and input params are valid), false otherwise
-     */
-    isActive(index: number): boolean;
-    /**
-     * Method called by events from keyboard and mouse.
-     * @param number index of the dot
-     * @param KeyboardEvent | MouseEvent event payload
-     */
-    onDotEvent(index: number, event: KeyboardEvent | MouseEvent): void;
-    /**
-     * Method used in the template to track ids in ngFor.
-     * @param number index of the array
-     * @param Image item of the array
-     * @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": { "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/attach-to-overlay.service.d.ts

@@ -1,20 +0,0 @@
-import { Injector } from '@angular/core';
-import { ModalGalleryService } from './modal-gallery.service';
-import * as i0 from "@angular/core";
-export declare class AttachToOverlayService {
-    private injector;
-    private modalGalleryService;
-    constructor(injector: Injector, modalGalleryService: ModalGalleryService);
-    /**
-     * To be called by a provider with the APP_INITIALIZER token.
-     */
-    initialize(): void;
-    /**
-     * Private method to attach ModalGalleryComponent to the overlay.
-     * @param payload {@link AttachToOverlayPayload} with all necessary information
-     * @private
-     */
-    private attachToOverlay;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AttachToOverlayService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AttachToOverlayService>;
-}

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

@@ -1,64 +0,0 @@
-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;
-    close$: import("rxjs").Observable<ImageModalEvent>;
-    private show;
-    show$: import("rxjs").Observable<ImageModalEvent>;
-    private firstImage;
-    firstImage$: import("rxjs").Observable<ImageModalEvent>;
-    private lastImage;
-    lastImage$: import("rxjs").Observable<ImageModalEvent>;
-    private hasData;
-    hasData$: import("rxjs").Observable<ImageModalEvent>;
-    private buttonBeforeHook;
-    buttonBeforeHook$: import("rxjs").Observable<ButtonEvent>;
-    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

@@ -1,246 +0,0 @@
-import { ChangeDetectorRef, OnDestroy, OnInit, TemplateRef } from '@angular/core';
-import { DomSanitizer } from '@angular/platform-browser';
-import { ImageModalEvent } from '../../model/image.class';
-import { ConfigService } from '../../services/config.service';
-import { DotsConfig } from '../../model/dots-config.interface';
-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 { IdValidatorService } from '../../services/id-validator.service';
-import { KeyboardConfig } from '../../model/keyboard-config.interface';
-import { PreviewConfig } from '../../model/preview-config.interface';
-import { SlideConfig } from '../../model/slide-config.interface';
-import { AccessibilityConfig } from '../../model/accessibility.interface';
-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;
-    private platformId;
-    private changeDetectorRef;
-    private idValidatorService;
-    private configService;
-    private sanitizer;
-    /**
-     * Reference to the CurrentImageComponent to invoke methods on it.
-     */
-    currentImageComponent: CurrentImageComponent | undefined;
-    /**
-     * Unique id (>=0) of the current instance of this library. This is useful when you are using
-     * the service to call modal gallery without open it manually.
-     */
-    id: number;
-    /**
-     * Object of type `ButtonsConfig` to show/hide buttons.
-     */
-    buttonsConfig: ButtonsConfig | undefined;
-    /**
-     * Boolean to enable modal-gallery close behaviour when clicking
-     * on the semi-transparent background. Enabled by default.
-     */
-    enableCloseOutside: boolean;
-    /**
-     * Object of type `DotsConfig` to init DotsComponent's features.
-     * For instance, it contains a param to show/hide dots.
-     */
-    dotsConfig: DotsConfig | undefined;
-    /**
-     * Object of type `PreviewConfig` to init PreviewsComponent's features.
-     * For instance, it contains a param to show/hide previews.
-     */
-    previewConfig: PreviewConfig | undefined;
-    /**
-     * Object of type `SlideConfig` to init side previews and `infinite sliding`.
-     */
-    slideConfig: SlideConfig | undefined;
-    /**
-     * Object of type `AccessibilityConfig` to init custom accessibility features.
-     * For instance, it contains titles, alt texts, aria-labels and so on.
-     */
-    accessibilityConfig: AccessibilityConfig;
-    /**
-     * Object of type `KeyboardConfig` to assign custom keys to ESC, RIGHT and LEFT keyboard's actions.
-     */
-    keyboardConfig: KeyboardConfig | undefined;
-    /**
-     * Object of type `PlainGalleryConfig` to configure the plain gallery.
-     */
-    plainGalleryConfig: PlainGalleryConfig | undefined;
-    /**
-     * Array of `InternalLibImage` representing the model of this library with all images, thumbs and so on.
-     */
-    images: InternalLibImage[];
-    /**
-     * Optional template reference to use to render previews.
-     */
-    customPreviewsTemplate?: TemplateRef<HTMLElement>;
-    /**
-     * `Image` that is visible right now.
-     */
-    currentImage: InternalLibImage;
-    /**
-     * Boolean to open the modal gallery. False by default.
-     */
-    showGallery: boolean;
-    /**
-     * Object to configure this component.
-     */
-    libConfig: LibConfig | undefined;
-    private updateImagesSubscription;
-    /**
-     * HostListener to catch browser's back button and destroy the gallery.
-     * This prevents weired behaviour about scrolling.
-     * Added to fix this issue: https://github.com/Ks89/angular-modal-gallery/issues/159
-     */
-    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 lifecycle hook, so its called automatically by Angular itself.
-     * In particular, it's called only one time!!!
-     */
-    ngOnInit(): void;
-    /**
-     * Method called by custom upper buttons.
-     * @param event ButtonEvent event payload
-     */
-    onCustomEmit(event: ButtonEvent): void;
-    /**
-     * Method called by the full-screen upper button.
-     * @param event ButtonEvent event payload
-     */
-    onFullScreen(event: ButtonEvent): void;
-    /**
-     * Method called by the delete upper button.
-     * @param event ButtonEvent event payload
-     */
-    onDelete(event: ButtonEvent): void;
-    /**
-     * Method called by the navigate upper button.
-     * @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 event ButtonEvent event payload
-     */
-    onDownload(event: ButtonEvent): void;
-    /**
-     * Method called by the close upper button.
-     * @param event ButtonEvent event payload
-     * @param action Action that triggered the close method. `Action.NORMAL` by default
-     */
-    onCloseGalleryButton(event: ButtonEvent, action?: Action): void;
-    /**
-     * 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.
-     * @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.
-     */
-    closeGallery(action?: Action, clickOutside?: boolean): void;
-    /**
-     * Method called when the image changes and used to update the `currentImage` object.
-     * @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 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 event ImageLoadEvent event payload
-     */
-    onImageLoad(event: ImageLoadEvent): void;
-    /**
-     * Method called when a dot is clicked and used to update the current image.
-     * @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 event ImageModalEvent preview image
-     */
-    onClickPreview(event: ImageModalEvent): void;
-    /**
-     * Method to cleanup resources.
-     * This is an angular lifecycle hook that is called when this component is destroyed.
-     */
-    ngOnDestroy(): void;
-    /**
-     * 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.
-     * @private
-     */
-    private downloadImageAllBrowsers;
-    /**
-     * Private method to get the `ButtonEvent` to emit, merging the input `ButtonEvent`
-     * with the current image.
-     * @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 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 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 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 number is the index number of the image (the first or the last one).
-     * @private
-     */
-    private emitBoundaryEvent;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ModalGalleryComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModalGalleryComponent, "ks-modal-gallery", never, {}, {}, never, never, false, never>;
-}

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

@@ -1,100 +0,0 @@
-import { EventEmitter } from '@angular/core';
-import { Overlay, OverlayRef } from '@angular/cdk/overlay';
-import { ModalGalleryRef } from './modal-gallery-ref';
-import { Image, ImageModalEvent } from '../../model/image.class';
-import { ConfigService } from '../../services/config.service';
-import { ButtonEvent } from '../../model/buttons-config.interface';
-import { ModalGalleryConfig } from '../../model/modal-gallery-config.interface';
-import * as i0 from "@angular/core";
-/**
- * Payload to be emitted via {@link triggerAttachToOverlay} to enable {@link AttachToOverlayService}
- * to attach the {@link ModalGalleryComponent} to the overlay
- */
-export interface AttachToOverlayPayload {
-    /**
-     * Overlay object created using Angular CDK APIs
-     */
-    overlayRef: OverlayRef;
-    /**
-     * Dialog data to be injected into the {@link ModalGalleryComponent}
-     * contains: id, array of images, current image and optionally the configuration object
-     */
-    config: ModalGalleryConfig;
-    /**
-     * Object to control the dialog instance
-     */
-    dialogRef: ModalGalleryRef;
-}
-export declare class ModalGalleryService {
-    private overlay;
-    private configService;
-    private updateImages;
-    updateImages$: import("rxjs").Observable<Image[]>;
-    private dialogRef;
-    triggerAttachToOverlay: EventEmitter<AttachToOverlayPayload>;
-    constructor(overlay: Overlay, configService: ConfigService);
-    /**
-     * Method to open modal gallery passing the configuration
-     * @param config ModalGalleryConfig that contains: id, array of images, current image and optionally the configuration object
-     * @return ModalGalleryRef | undefined is the object used to listen for events.
-     */
-    open(config: ModalGalleryConfig): ModalGalleryRef | undefined;
-    /**
-     * 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;
-    /**
-     * Method to update images array.
-     * @param images Image[] updated array of images
-     */
-    updateModalImages(images: Image[]): void;
-    /**
-     * Method to emit close event.
-     * @param event ImageModalEvent is the event payload
-     */
-    emitClose(event: ImageModalEvent): void;
-    /**
-     * Method to emit show event.
-     * @param event ImageModalEvent is the event payload
-     */
-    emitShow(event: ImageModalEvent): void;
-    /**
-     * Method to emit firstImage event.
-     * @param event ImageModalEvent is the event payload
-     */
-    emitFirstImage(event: ImageModalEvent): void;
-    /**
-     * Method to emit lastImage event.
-     * @param event ImageModalEvent is the event payload
-     */
-    emitLastImage(event: ImageModalEvent): void;
-    /**
-     * Method to emit hasData event.
-     * @param event ImageModalEvent is the event payload
-     */
-    emitHasData(event: ImageModalEvent): void;
-    /**
-     * Method to emit buttonBeforeHook event.
-     * @param event ButtonEvent is the event payload
-     */
-    emitButtonBeforeHook(event: ButtonEvent): void;
-    /**
-     * Method to emit buttonAfterHook event.
-     * @param event ButtonEvent is the event payload
-     */
-    emitButtonAfterHook(event: ButtonEvent): void;
-    /**
-     * Private method to create an Overlay using Angular CDK APIs
-     * @private
-     */
-    private createOverlay;
-    /**
-     * Private method to create an OverlayConfig instance
-     * @private
-     */
-    private getOverlayConfig;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ModalGalleryService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ModalGalleryService>;
-}

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

@@ -1,3 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { ModalGalleryConfig } from '../../model/modal-gallery-config.interface';
-export declare const DIALOG_DATA: InjectionToken<ModalGalleryConfig>;

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

@@ -1,135 +0,0 @@
-import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { AccessibilityConfig } from '../../model/accessibility.interface';
-import { Image } from '../../model/image.class';
-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 { PlainLibConfig } from '../../model/lib-config.interface';
-import * as i0 from "@angular/core";
-/**
- * Component with the gallery of thumbs.
- * In receives an array of Images, a boolean to show/hide
- * the gallery (feature used by imagePointer) and a config
- * object to customize the behaviour of this component.
- * Also, it emits click events as outputs.
- */
-export declare class PlainGalleryComponent 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;
-    /**
-     * Array of `Image` that represent the model of this library with all images, thumbs and so on.
-     */
-    images: Image[];
-    /**
-     * PlainLibConfig object to configure plain-gallery.
-     */
-    config: PlainLibConfig | undefined;
-    /**
-     * Output to emit an event when an image is clicked.
-     */
-    clickImage: EventEmitter<number>;
-    /**
-     * Object of type `PlainGalleryConfig` to configure the plain gallery.
-     */
-    plainGalleryConfig: PlainGalleryConfig | undefined;
-    /**
-     * Object of type `AccessibilityConfig` to init custom accessibility features.
-     * For instance, it contains titles, alt texts, aria-labels and so on.
-     */
-    accessibilityConfig: AccessibilityConfig | undefined;
-    /**
-     * Bi-dimensional array of `Image` object to store images to display as plain gallery.
-     * [] by default.
-     */
-    imageGrid: Image[][];
-    /**
-     * Size object used in the template to resize images.
-     */
-    size: Size | undefined;
-    /**
-     * Boolean passed as input to `ks-wrap` directive to configure flex-wrap css property.
-     * However it's not enough, because you need to limit the width using `widthStyle` public variable.
-     * For more info check https://developer.mozilla.org/it/docs/Web/CSS/flex-wrap
-     */
-    wrapStyle: boolean;
-    /**
-     * String passed as input to `ks-wrap` directive to set width to be able to force overflow.
-     * In this way, `wrapStyle` (flex-wrap css property) will be used as requested.
-     */
-    widthStyle: string;
-    /**
-     * String passed as input to `ks-direction` directive to set the flex-direction css property.
-     * For more info check https://developer.mozilla.org/it/docs/Web/CSS/flex-direction
-     */
-    directionStyle: string | undefined;
-    /**
-     * String passed as input to `ks-direction` directive to set the justify-content css property.
-     * For more info check https://developer.mozilla.org/it/docs/Web/CSS/justify-content
-     */
-    justifyStyle: string | undefined;
-    constructor(configService: ConfigService);
-    /**
-     * Method ´ngOnInit´ to init both `configPlainGallery` calling `initPlainGalleryConfig()`
-     * and `imageGrid invoking `initImageGrid()`.
-     * This is an angular lifecycle hook, so its called automatically by Angular itself.
-     * In particular, it's called only one time!!!
-     */
-    ngOnInit(): void;
-    /**
-     * Method ´ngOnChanges´ to update both `imageGrid` and`plainGalleryConfig`.
-     * This is an angular lifecycle hook, so its called automatically by Angular itself.
-     * In particular, it's called when any data-bound property of a directive changes!!!
-     */
-    ngOnChanges(changes: SimpleChanges): void;
-    /**
-     * Method called when you click on an image of the plain (or inline) gallery.
-     * This will emit the show event with the image as payload.
-     * @param Image img is the Image to show
-     */
-    showModalGalleryByImage(img: Image): void;
-    /**
-     * Method called when you navigate between images.
-     * This will emit the show event with the image as payload.
-     * @param KeyboardEvent event that triggered the navigation
-     * @param Image img is the Image to show
-     */
-    onNavigationEvent(event: KeyboardEvent, img: Image): void;
-    /**
-     * Method to get `alt attribute`.
-     * `alt` specifies an alternate text for an image, if the image cannot be displayed.
-     * @param Image image to get its alt description.
-     * @returns string alt description of the image
-     */
-    getAltPlainDescriptionByImage(image: Image): string;
-    /**
-     * Method to get the title for an image.
-     * @param Image image to get its title
-     * @returns string the title of the input image
-     */
-    getTitleDisplay(image: Image): string;
-    /**
-     * Method used in the template to track ids in ngFor.
-     * @param number index of the array
-     * @param Image item of the array
-     * @returns number the id of the item
-     */
-    trackById(index: number, item: Image): number;
-    /**
-     * Method called when you click on an image of the plain (or inline) gallery.
-     * This will emit the show event with the index number as payload.
-     * @param number index of the clicked image
-     */
-    private showModalGallery;
-    /**
-     * Private method to init both `imageGrid` and other style variables,
-     * based on the layout type.
-     */
-    private initImageGrid;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PlainGalleryComponent, 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>;
-}