angular2-image-gallery - npm Package Compare versions

Comparing version 15.1.0 to 15.2.0

lib/gallery/gallery.component.d.ts

@@ -27,7 +27,8 @@ import { ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges } from '@angular/core';
     includeViewer: boolean;
+    lazyLoadGalleryImages: boolean;
     viewerChange: EventEmitter<boolean>;
     galleryContainer: ElementRef;
     imageElements: QueryList<any>;
-    triggerCycle(event: any): void;
-    windowResize(event: any): void;
+    triggerCycle(_: any): void;
+    windowResize(_: any): void;
     constructor(imageService: ImageService, http: HttpClient, changeDetectorRef: ChangeDetectorRef);
@@ -59,3 +60,3 @@ ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GalleryComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GalleryComponent, "gallery", never, { "providedImageMargin": "flexBorderSize"; "providedImageSize": "flexImageSize"; "providedGalleryName": "galleryName"; "providedMetadataUri": "metadataUri"; "rowsPerPage": "maxRowsPerPage"; "includeViewer": "includeViewer"; }, { "viewerChange": "viewerChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GalleryComponent, "gallery", never, { "providedImageMargin": "flexBorderSize"; "providedImageSize": "flexImageSize"; "providedGalleryName": "galleryName"; "providedMetadataUri": "metadataUri"; "rowsPerPage": "maxRowsPerPage"; "includeViewer": "includeViewer"; "lazyLoadGalleryImages": "lazyLoadGalleryImages"; }, { "viewerChange": "viewerChange"; }, never, never, false, never>;
 }

package.json

 {
   "name": "angular2-image-gallery",
-  "version": "15.1.0",
+  "version": "15.2.0",
   "description": "Responsive Angular 15 image gallery",
@@ -5,0 +5,0 @@ "repository": {

README.md

@@ -14,3 +14,3 @@ # Angular 2 Image Gallery
 
-[https://oidamo.de/gallery-demo.html](https://oidamo.de/gallery-demo.html)
+[https://oidamo.de/blog/gallery-demo](https://oidamo.de/blog/gallery-demo)
 
@@ -72,9 +72,15 @@ ### Fundamentals
     [maxRowsPerPage]="100"
-    (viewerChange)="yourNotificationFunction($event)">
-</gallery>
+    (viewerChange)="yourNotificationFunction($event)"
+    [includeViewer]="true"
+></gallery>
 ```
 
-All parameters are optional. You may play around on the demo site to find out what parameters suit your needs.
+All parameters are optional.
 
-The viewerChange event fires once the viewer component gets opened or closed.
+* **[flexBorderSize]** used to define the border thickness between the images within the gallery.
+* **[flexImageSize]** used to define the size of the images with the gallery (not the viewer).
+* **[galleryName]** used when having multiple galleries.
+* **[maxRowsPerPage]** maximum rows per gallery, this will add navigation arrows once the threshold is reached.
+* **[viewerChange]** event fires once the viewer component gets opened or closed.
+* **[includeViewer]** provides an option to manually place the viewer outside the default DOM structure. Defaults to true.
 
@@ -95,1 +101,21 @@ ## Different use cases
 If you experience any other issues, please raise an issue on GitHub.
+
+## Changelog
+
+### 15.1.0
+
+* Adding optional parameter [includeViewer] to support use cases where viewer is placed outside the gallery component manually
+
+### 15.0.0
+
+* Angular 15 support
+* Performance improvements
+
+### 14.1.0
+
+* Refactor convert script entirely
+* Provide smoother output for image conversion process
+
+### 14.0.0
+
+* Angular 14 support

No alert changes

Improved metrics

Total package byte prevSize

331916

0.63%

Lines of code

2520

0.52%

Number of lines in readme file

119

27.96%

No dependency changes