@ks89/angular-modal-gallery 9.0.1 → 9.1.0

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

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+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';
@@ -76,6 +76,10 @@ export declare class ModalGalleryComponent implements OnInit, OnDestroy {
      * 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.
      */

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

@@ -1,4 +1,4 @@
-import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { EventEmitter, OnChanges, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
 import { AccessibleComponent } from '../accessible.component';
 import { AccessibilityConfig } from '../../model/accessibility.interface';
 import { Image, ImageEvent } from '../../model/image.class';
@@ -28,6 +28,13 @@ export declare class PreviewsComponent extends AccessibleComponent implements On
      * thumbs and so on.
      */
     images: InternalLibImage[] | undefined;
+    /**
+     * Optional template reference for the rendering of previews.
+     * Template may access following context variables:
+     * - preview: the `Image` object
+     * - defaultTemplate: the template used by default to render the preview (in case the need is to wrap it)
+     */
+    customTemplate?: TemplateRef<HTMLElement>;
     /**
      * Output to emit the clicked preview. The payload contains the `ImageEvent` associated to the clicked preview.
      */
@@ -62,11 +69,11 @@ export declare class PreviewsComponent extends AccessibleComponent implements On
      */
     previews: InternalLibImage[];
     /**
-     * Start index of the input images used to display previews.
+     * Start index (included) of the input images used to display previews.
      */
     start: number;
     /**
-     * End index of the input images used to display previews.
+     * End index (excluded) of the input images used to display previews.
      */
     end: number;
     defaultPreviewSize: Size;
@@ -114,6 +121,16 @@ export declare class PreviewsComponent extends AccessibleComponent implements On
      * @returns number the id of the item
      */
     trackById(index: number, item: Image): number;
+    /**
+     * Indicates if the previews 'left arrow' should be displayed or not.
+     * @returns
+     */
+    displayLeftPreviewsArrow(): boolean;
+    /**
+     * Indicates if the previews 'right arrow' should be displayed or not.
+     * @returns
+     */
+    displayRightPreviewsArrow(): boolean;
     /**
      * Private method to init previews based on the currentImage and the full array of images.
      * The current image in mandatory to show always the current preview (as highlighted).
@@ -121,14 +138,6 @@ export declare class PreviewsComponent extends AccessibleComponent implements On
      * @param InternalLibImage[] images is the array of all images.
      */
     private initPreviews;
-    /**
-     * Private method to init both `start` and `end` to the beginning.
-     */
-    private setBeginningIndexesPreviews;
-    /**
-     * Private method to init both `start` and `end` to the end.
-     */
-    private setEndIndexesPreviews;
     /**
      * Private method to update both `start` and `end` based on the currentImage.
      */
@@ -141,16 +150,6 @@ export declare class PreviewsComponent extends AccessibleComponent implements On
      * Private method to update the visible previews navigating to the left (previous).
      */
     private previous;
-    /**
-     * Private method to block/permit sliding between previews.
-     * @param number boundaryIndex is the first or the last index of `images` input array
-     * @returns boolean if true block sliding, otherwise not
-     */
-    private isPreventSliding;
-    /**
-     * Private method to handle navigation changing the previews array and other variables.
-     */
-    private updatePreviews;
     static ɵfac: i0.ɵɵFactoryDeclaration<PreviewsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PreviewsComponent, "ks-previews", never, { "id": "id"; "currentImage": "currentImage"; "images": "images"; }, { "clickPreview": "clickPreview"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PreviewsComponent, "ks-previews", never, { "id": "id"; "currentImage": "currentImage"; "images": "images"; "customTemplate": "customTemplate"; }, { "clickPreview": "clickPreview"; }, never, never>;
 }

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

@@ -1,3 +1,4 @@
+import { TemplateRef } from '@angular/core';
 import { Image } from './image.class';
 import { ModalLibConfig } from './lib-config.interface';
 export interface ModalGalleryConfig {
@@ -5,4 +6,11 @@ export interface ModalGalleryConfig {
     images: Image[];
     currentImage: Image;
     libConfig?: ModalLibConfig;
+    /**
+     * Optional template reference for the rendering of previews.
+     * Template may access following context variables:
+     * - "preview": the `Image` object of the preview
+     * - "defaultTemplate": the template used by default to render the preview (in case the need is to augment it)
+     */
+    previewsTemplate?: TemplateRef<HTMLElement>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ks89/angular-modal-gallery",
-  "version": "9.0.1",
+  "version": "9.1.0",
   "description": "Image gallery for Angular",
   "license": "MIT",
   "author": "Stefano Cappa",