@ks89/angular-modal-gallery - npm Package Compare versions

Comparing version 9.1.0-beta.1 to 9.1.0-beta.2

CHANGELOG.md

@@ -0,1 +1,14 @@
+# 9.1.0-beta.2
+
+Pull request #257 by @locinus
+Simplifies and uniformizes the calculation of previews indexes, in the different navigation cases (changes of current images, uses of previews arrows).
+
+### Bugfixes
+
+- clicking the right image arrow always shifts the displayed previews, even in cases where it shouldn't, for instance for n>=3 and current=0 (root cause of 'clipping' effects when navigating away from first/last preview)
+- the number of displayed previews sometimes oscillate between n (number of requested previews in config) and n-1/n+1 while navigating (for example for n=4 or n=5)
+- when opening the modal and navigating to the last preview by clicking on the right preview arrow, it's impossible to then click on the left preview arrow (same from last to first and clicking on the right preview arrow)
+- In infinite sliding, the left and right preview arrows should be always visible (except if nbPreviews < nbImages)
+
+
 # 9.1.0-beta.1
@@ -16,3 +29,3 @@
 # 9.0.0
- 
+
 **Migrate from 8.0.0 to 9.0.0 - Check the official guide [HERE](https://ks89.github.io/angular-modal-gallery-2021-v9.github.io/)**
@@ -99,3 +112,3 @@
     }
-    
+
     .ks-modal-gallery-panel {
@@ -113,3 +126,3 @@ z-index: 90000 !important;
 - remove npm's codeclimate coverage reporter to use the new version
-- add Security Policy in SECURITY.MD 
+- add Security Policy in SECURITY.MD
 
@@ -182,5 +195,5 @@ ### Tests
 - new modal-gallery CSS classes used to set the backdrop **(BREAKING CHANGES)**
-  
+
   To upgrade from all previous 8.0.0 beta releases, change your global styles.scss from:
-  
+
     ```
@@ -191,3 +204,3 @@ .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.dark-backdrop {
     }
-    
+
     .cdk-overlay-container {
@@ -197,5 +210,5 @@ z-index: 90000 !important;
     ```
-    
+
     to :
-    
+
     ```
@@ -206,3 +219,3 @@ .ks-modal-gallery-backdrop {
     }
-    
+
     .ks-modal-gallery-panel {
@@ -243,3 +256,3 @@ z-index: 90000 !important;
   ```
-  
+
 ### Demos
@@ -246,0 +259,0 @@ - update all LibConfigs in SystemJS demo to prevent crashes. Because, now disableSsrWorkaround must be passed manually in every LibConfig. This is a

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

@@ -72,7 +72,7 @@ import { EventEmitter, OnChanges, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
     /**
-     * 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.
      */
@@ -126,2 +126,12 @@ end: 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.
@@ -134,10 +144,2 @@ * The current image in mandatory to show always the current preview (as highlighted).
     /**
-     * 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.
@@ -154,14 +156,4 @@ */
     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"; "customTemplate": "customTemplate"; }, { "clickPreview": "clickPreview"; }, never, never>;
 }

package.json

 {
   "name": "@ks89/angular-modal-gallery",
-  "version": "9.1.0-beta.1",
+  "version": "9.1.0-beta.2",
   "description": "Image gallery for Angular",
@@ -5,0 +5,0 @@ "license": "MIT",

README.md

@@ -184,2 +184,3 @@ <h1 align="center">
 
+- 04/23/2022 - 9.1.0-beta.2 - @ks89/angular-modal-gallery - [HERE](https://github.com/Ks89/angular-modal-gallery/releases)
 - 04/14/2022 - 9.1.0-beta.1 - @ks89/angular-modal-gallery - [HERE](https://github.com/Ks89/angular-modal-gallery/releases)
@@ -186,0 +187,0 @@ - 11/15/2021 - 9.0.1 - @ks89/angular-modal-gallery - [HERE](https://github.com/Ks89/angular-modal-gallery/releases)

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Number of lines in readme file

315

increased by0.32%

Worsened metrics

Total package byte prevSize

2722897

decreased by-0.69%

Lines of code

21450

decreased by-0.94%

No dependency changes