@creative-web-solution/front-library 7.1.57 → 7.1.59

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # CHANGELOG
 
+## 7.1.59
+
+- [DragSlider]: Refresh elements on first interaction
+
+## 7.1.58
+
+- [Popin]: Fix trap focus bug
+
 ## 7.1.57
 
 - [KeyboardHandler]: Handle onHome and onEnd callbak. Set onNext as RIGHT or DOWN and onPrevious as LEFT or UP.

package/Modules/DragSlider.ts

@@ -75,7 +75,6 @@ export default class DragSlider {
     #itemMap = new Map<HTMLElement, FLib.DragSlider.Item>();
     #firstItem: FLib.DragSlider.Item | undefined;
     #currentSnapItem: FLib.DragSlider.Item | undefined;
-    #hasAlreadyBeenDragged = false;
     #startDragCoords: FLib.Events.Gesture.Coords | undefined;
     #isInitialized = false;
     #visibleItems: FLib.DragSlider.Item[] = [];
@@ -83,6 +82,7 @@ export default class DragSlider {
     #debouncedOnResize;
     #minXPos: number = 0;
     #maxXPos: number = 0;
+    #interactedWithSliderOneTime: boolean = false;
 
     get count(): number {
         return this.#$items?.length ?? 0;
@@ -405,10 +405,7 @@ export default class DragSlider {
         $target: HTMLElement,
         coords: FLib.Events.Gesture.Coords
     ): void => {
-        if (!this.#hasAlreadyBeenDragged) {
-            this.#onResize();
-            this.#hasAlreadyBeenDragged = true;
-        }
+        this.#checkForFirstInteraction();
 
         if (!this.#isDraggingActive || !this.#$list) {
             return;
@@ -515,6 +512,8 @@ export default class DragSlider {
     };
 
     next(): Promise<any> {
+        this.#checkForFirstInteraction();
+
         const CURRENT_ITEM = this.#currentSnapItem as FLib.DragSlider.Item;
 
         if (
@@ -530,6 +529,8 @@ export default class DragSlider {
     }
 
     previous(): Promise<any> {
+        this.#checkForFirstInteraction();
+
         const CURRENT_ITEM = this.#currentSnapItem as FLib.DragSlider.Item;
 
         if (!this.#isDraggingActive || CURRENT_ITEM.isFirst) {
@@ -546,6 +547,8 @@ export default class DragSlider {
             return Promise.resolve();
         }
 
+        this.#checkForFirstInteraction();
+
         let $block;
 
         if (typeof blockOrIndex === "number") {
@@ -587,6 +590,14 @@ export default class DragSlider {
             .then(() => this.#updateAccessibilityFeature());
     }
 
+
+    #checkForFirstInteraction(): void {
+        if (!this.#interactedWithSliderOneTime) {
+            this.#interactedWithSliderOneTime = true;
+            this.#onResize();
+        }
+    }
+
     #updateAccessibilityFeature = (): void => {
         this.#visibleItems.length = 0;
         this.#hiddenItems.length = 0;
@@ -697,7 +708,7 @@ export default class DragSlider {
 
     destroy(): this {
         this.#isInitialized = false;
-        this.#hasAlreadyBeenDragged = false;
+        this.#interactedWithSliderOneTime = false;
 
         if (!this.#$items?.length) {
             return this;

package/Modules/Popin/PopinAccessibility.ts

@@ -47,8 +47,8 @@ export default class PopinAccessibility {
 
     refresh(): void {
         this.#addSentinels();
-        this.#handleFocusBackInDocument();
         this.#getFocusableElements();
+        this.#handleFocusBackInDocument();
     }
 
     #getFocusableElements(): void {
@@ -56,7 +56,7 @@ export default class PopinAccessibility {
             this.#$popin.querySelectorAll<HTMLElement>(
                 FOCUSABLE_ELEMENTS_SELECTOR,
             ),
-        ).filter(($element) => $element.offsetParent !== null);
+        ).filter(($element) => $element.offsetParent !== null && $element !== this.#$startSentinel && $element !== this.#$endSentinel);
         this.#$firstElement = this.#$elements[0] ?? this.#$popin;
         this.#$lastElement = this.#$elements[this.#$elements.length - 1];
     }

package/README.md

@@ -1,6 +1,6 @@
 # Front Library
 
-@version: 7.1.57
+@version: 7.1.59
 
 
 ## 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.57",
+  "version": "7.1.59",
   "homepage": "https://github.com/creative-web-solution/front-library",
   "author": "Creative Web Solution <contact@cws-studio.com> (https://www.cws-studio.com)",
   "keywords": [],