@creative-web-solution/front-library 7.1.22 → 7.1.24

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # CHANGELOG
 
+## 7.1.24
+
+* [Gesture] Fix currentTarget
+* [EventsManager] Callback signature harmonization
+
+
+## 7.1.23
+
+* [TransitionHelpers] Fix delay issue
+
 
 ## 7.1.22
 

package/Events/EventsManager.ts

@@ -71,15 +71,21 @@ function passiveTestFnc() {return;}
 }() );
 
 
-function getDelegation( $element: Node, selector: string, callback: ( e: Event, $target: Element ) => void ) {
-    return e => {
-        const $target = e.target.closest( selector );
+function getDelegation( $element: Node, callback: ( e: Event, $target: Element ) => void, selector?: string ) {
+    if (selector) {
+        return e => {
+            const $target = e.target.closest( selector );
 
-        if ( !$target || !$element.contains( $target ) ) {
-            return;
-        }
+            if ( !$target || !$element.contains( $target ) ) {
+                return;
+            }
+
+            callback.call( $target, e, $target );
+        };
+    }
 
-        callback.call( $target, e, $target );
+    return e => {
+        callback.call( $element, e, $element as Element );
     };
 }
 
@@ -153,14 +159,8 @@ export const on = function( $elements: any, options: FLib.Events.EventsManager.O
             };
 
             if ( useNativeDOMEvents ) {
-                if ( options.selector ) {
-                    data.delegate = getDelegation( $element, options.selector, cbFunction );
-
-                    $element.addEventListener( eventName, data.delegate, eventOptions );
-                }
-                else {
-                    $element.addEventListener( eventName, cbFunction, eventOptions );
-                }
+                data.delegate = getDelegation( $element, cbFunction, options.selector );
+                $element.addEventListener( eventName, data.delegate, eventOptions );
                 DOMRegistry.push( data );
             }
             else {
@@ -178,7 +178,7 @@ export const one = function( $elements: any, options: FLib.Events.EventsManager.
 
     function _internalCallback( this: any, e ) {
         off( $elements || this, options );
-        options.callback.call( this, e );
+        options.callback.call( this, e, this );
     }
 
     on( $elements, {

package/Events/Gesture.ts

@@ -483,7 +483,12 @@ class GestureManager {
 
         const touchCoords = getPos( e );
 
-        this.#$currentTargetElement = e.target;
+        if (this.#options.selector) {
+            this.#$currentTargetElement = e.target?.closest(this.#options.selector) ?? this.#$element;
+        }
+        else {
+            this.#$currentTargetElement = this.#$element
+        }
 
         if ( this.#options.start ) {
             this.#options.start.call( this.#$currentTargetElement, e, this.#$currentTargetElement, touchCoords, 'start' );

package/Helpers/TransitionHelpers.ts

@@ -12,7 +12,7 @@ function addWatcher( $element: HTMLElement, styleChange: ( $element: HTMLElement
     }
 
     if ( typeof options.delay !== 'number' && options.delay !== 'idle') {
-        options.delay = 'idle';
+        options.delay = -1;
     }
 
     $element[ KEY ] = isAnimation ?
@@ -30,7 +30,7 @@ function addWatcher( $element: HTMLElement, styleChange: ( $element: HTMLElement
         return $element;
     } );
 
-    wait( options.delay ).then( () => styleChange( $element ) );
+    wait( options.delay ).then( () => wait() ).then( () => styleChange( $element ) );
 
     return $element[ KEY ];
 }

package/README.md

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