@creative-web-solution/front-library 7.1.29 → 7.1.31

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # CHANGELOG
 
+## 7.1.31
+
+* [DragSlider]: Fix the move range when using api
+
+
+## 7.1.30
+
+* [DragSlider]: Fix link cancellation
+
+
 ## 7.1.29
 
 * [DragSlider]: Fix callback issue

package/Modules/DragSlider.ts

@@ -140,13 +140,11 @@ export default class DragSlider {
     }
 
     #cancelLinkClick = (): void => {
-        aClass(this.#$slider, this.#options.dragClass);
+        wait().then(() => aClass(this.#$slider, this.#options.dragClass));
     };
 
     #activeLinkClick = (): void => {
-        wait().then(() => {
-            rClass(this.#$slider, this.#options.dragClass);
-        });
+        wait().then(() => rClass(this.#$slider, this.#options.dragClass));
     };
 
     #onResize = (): void => {
@@ -455,8 +453,6 @@ export default class DragSlider {
         $target: HTMLElement,
         coords: FLib.Events.Gesture.Coords
     ): void => {
-        this.#cancelLinkClick();
-
         this.#deltaMove.deltaX =
             coords.pageX -
             (this.#startDragCoords as FLib.Events.Gesture.Coords).pageX;
@@ -468,6 +464,8 @@ export default class DragSlider {
             return;
         }
 
+        this.#cancelLinkClick();
+
         this.#deltaMove.newX = this.#deltaMove.deltaX + this.#deltaMove.x;
         this.#deltaMove.newX = Math.max(
             Math.min(this.#minXPos, this.#deltaMove.newX),
@@ -572,12 +570,18 @@ export default class DragSlider {
 
         this.#currentSnapItem = ITEM;
 
-        const xPos = -1 * ITEM.info.left + this.#siteOffsetLeft;
+        const finalX = Math.max(
+            Math.min(
+                this.#minXPos,
+                -1 * ITEM.info.left + this.#siteOffsetLeft
+            ),
+            this.#maxXPos
+        );
 
-        this.#options.onSnap?.(this.#getCallbackOptions(xPos, ITEM));
+        this.#options.onSnap?.(this.#getCallbackOptions(finalX, ITEM));
 
         return this.#options
-            ._animMoveItem(this.#$list, xPos, (x) => {
+            ._animMoveItem(this.#$list, finalX, (x) => {
                 this.#deltaMove.x = x;
 
                 this.#options.onSnapUpdate?.(

package/README.md

@@ -1,6 +1,6 @@
 # Front Library
 
-@version: 7.1.29
+@version: 7.1.31
 
 
 ## Use

package/package.json

@@ -2,7 +2,7 @@
   "name": "@creative-web-solution/front-library",
   "title": "Frontend library",
   "description": "Frontend functions and modules",
-  "version": "7.1.29",
+  "version": "7.1.31",
   "homepage": "https://github.com/creative-web-solution/front-library",
   "author": "Creative Web Solution <contact@cws-studio.com> (https://www.cws-studio.com)",
   "keywords": [],