@ks89/angular-modal-gallery 9.0.1 → 9.1.0-beta.1

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.
      */
@@ -152,5 +159,5 @@ export declare class PreviewsComponent extends AccessibleComponent implements On
      */
     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-beta.1",
   "description": "Image gallery for Angular",
   "license": "MIT",
   "author": "Stefano Cappa",