@creative-web-solution/front-library 7.1.44 → 7.1.46

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # CHANGELOG
 
+## 7.1.46
+
+* [Slider]: Fix bullet pager
+
+## 7.1.45
+
+* [Slider]: Fix type
+* [DragSlider]: The feature that make slide outside viewport inert is tied to an option
+
 ## 7.1.44
 
 * [SkinSelect]: Fix click handler on full skinned select

package/Modules/DragSlider.ts

@@ -12,6 +12,7 @@ const defaultOptions = {
     swipeTresholdMin: 40,
     swipeTresholdSize: 0.5,
     lockedClass: "is-locked",
+    makeSlideOutideViewportInert: false,
     _animReset: function ($list) {
         // gsap.set( $list, {
         //     "x": 0,
@@ -597,16 +598,20 @@ export default class DragSlider {
                 this.#viewportInfo.width;
 
             if (hideElement1 || hideElement2) {
-                item.$item.setAttribute("tabindex", "-1");
-                item.$item.setAttribute("inert", "");
-                item.$item.setAttribute("aria-hidden", "true");
+                if (this.#options.makeSlideOutideViewportInert) {
+                    item.$item.setAttribute("tabindex", "-1");
+                    item.$item.setAttribute("inert", "");
+                    item.$item.setAttribute("aria-hidden", "true");
+                }
                 this.#hiddenItems.push(item);
                 return;
             }
 
-            item.$item.removeAttribute("tabindex");
-            item.$item.removeAttribute("inert");
-            item.$item.setAttribute("aria-hidden", "false");
+            if (this.#options.makeSlideOutideViewportInert) {
+                item.$item.removeAttribute("tabindex");
+                item.$item.removeAttribute("inert");
+                item.$item.setAttribute("aria-hidden", "false");
+            }
             this.#visibleItems.push(item);
         });
     };

package/Modules/Slider/SliderControls.ts

@@ -399,19 +399,19 @@ export default class SliderControls {
     }
 
 
-    #updateBullets = ( targetSlide: Slide, currentSlide?: Slide ): void => {
+    #updateBullets = ( targetSlide: FLib.Slider.SlideProperties, currentSlide?: FLib.Slider.SlideProperties ): void => {
         if ( !this.#$bullets ) {
             return;
         }
 
-        if ( currentSlide && this.#$bullets[ currentSlide.index ] ) {
-            const $BULLET = this.#$bullets[ currentSlide.index ] as HTMLElement;
+        if ( currentSlide && this.#$bullets[ currentSlide.pageIndex ] ) {
+            const $BULLET = this.#$bullets[ currentSlide.pageIndex ] as HTMLElement;
             $BULLET.setAttribute( 'aria-selected', 'false' );
             $BULLET.setAttribute( 'tabindex', '-1' );
         }
 
-        if ( targetSlide && this.#$bullets[ targetSlide.index ] ) {
-            const $BULLET = this.#$bullets[ targetSlide.index ] as HTMLElement;
+        if ( targetSlide && this.#$bullets[ targetSlide.pageIndex ] ) {
+            const $BULLET = this.#$bullets[ targetSlide.pageIndex ] as HTMLElement;
             $BULLET.setAttribute( 'aria-selected', 'true' );
             $BULLET.setAttribute( 'tabindex', '0' );
         }

package/README.md

@@ -1,6 +1,6 @@
 # Front Library
 
-@version: 7.1.44
+@version: 7.1.46
 
 
 ## Use

package/Types/DragSlider.d.ts

@@ -31,6 +31,7 @@ declare namespace FLib {
             viewportSelector:   string;
             listSelector:       string;
             itemSelector:       string;
+            makeSlideOutideViewportInert: boolean;
             dragClass:          string;
             /** @defaultValue is-locked */
             lockedClass:        string;

package/Types/Slider.d.ts

@@ -44,7 +44,7 @@ declare namespace FLib {
             $button?: HTMLElement
         }
         type Callback     = ( data: CallbackParam ) => void;
-        type InitCallback = ({ currentSlide: SlidePropertiesType }) => void;
+        type InitCallback = ({ currentSlide }: { currentSlide: SlideProperties }) => void;
 
         type Options = {
             /** @defaultValue 0 */

package/package.json

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