vevet 4.3.1 → 4.4.1

package/lib/types/components/ScrollBar/Bar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollBar/Bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAQpC;;GAEG;AACH,qBAAa,GAAG;IA0GF,OAAO,CAAC,MAAM;IAzG1B,oDAAoD;IACpD,OAAO,CAAC,MAAM,CAAc;IAE5B;;OAEG;IACH,IAAI,KAAK,gBAER;IAED,mCAAmC;IACnC,OAAO,CAAC,MAAM,CAAc;IAE5B;;OAEG;IACH,IAAI,KAAK,gBAER;IAED,mDAAmD;IACnD,OAAO,CAAC,YAAY,CAAK;IAEzB,kDAAkD;IAClD,OAAO,CAAC,WAAW,CAAK;IAExB,yBAAyB;IACzB,OAAO,CAAC,YAAY,CAAK;IAEzB,wBAAwB;IACxB,OAAO,CAAC,WAAW,CAAK;IAExB,sDAAsD;IACtD,OAAO,CAAC,gBAAgB,CAAK;IAE7B,4EAA4E;IAC5E,OAAO,CAAC,kBAAkB,CAAmC;IAE7D,yCAAyC;IACzC,OAAO,CAAC,UAAU,CAAsB;IAExC,+BAA+B;IAC/B,OAAO,CAAC,YAAY,CAAC,CAAa;IAElC,8CAA8C;IAC9C,OAAO,CAAC,cAAc,CAAC,CAAiB;IAExC,mDAAmD;IACnD,OAAO,CAAC,QAAQ,CAAC,CAAc;IAE/B;;OAEG;IACH,IAAI,YAAY,YAEf;IAED;;OAEG;IACH,IAAI,UAAU,YAEb;IAED;;OAEG;IACH,IAAI,aAAa,sLAIhB;IAED;;OAEG;IACH,IAAI,UAAU,WAMb;IAED;;OAEG;IACH,IAAI,WAAW,WAEd;IAED;;OAEG;IACH,IAAI,YAAY,WAEf;IAED;;OAEG;IACH,IAAI,KAAK,cAER;gBAEmB,MAAM,EAAE,SAAS;IAyBrC;;;OAGG;IACH,OAAO,CAAC,SAAS;IAIjB;;OAEG;IACH,OAAO,CAAC,UAAU;IA6BlB;;OAEG;IACH,OAAO,CAAC,aAAa;IAMrB;;;OAGG;IACH,OAAO,CAAC,YAAY;IAKpB;;;OAGG;IACH,OAAO,CAAC,aAAa;IAoCrB;;;OAGG;IACH,OAAO,CAAC,gBAAgB;IAoCxB;;OAEG;IACH,OAAO,CAAC,YAAY;IAapB;;OAEG;IACI,MAAM;IA4Cb;;OAEG;IACI,OAAO;CASf"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollBar/Bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAQpC;;GAEG;AACH,qBAAa,GAAG;IA0GF,OAAO,CAAC,MAAM;IAzG1B,oDAAoD;IACpD,OAAO,CAAC,MAAM,CAAc;IAE5B;;OAEG;IACH,IAAI,KAAK,gBAER;IAED,mCAAmC;IACnC,OAAO,CAAC,MAAM,CAAc;IAE5B;;OAEG;IACH,IAAI,KAAK,gBAER;IAED,mDAAmD;IACnD,OAAO,CAAC,YAAY,CAAK;IAEzB,kDAAkD;IAClD,OAAO,CAAC,WAAW,CAAK;IAExB,yBAAyB;IACzB,OAAO,CAAC,YAAY,CAAK;IAEzB,wBAAwB;IACxB,OAAO,CAAC,WAAW,CAAK;IAExB,sDAAsD;IACtD,OAAO,CAAC,gBAAgB,CAAK;IAE7B,4EAA4E;IAC5E,OAAO,CAAC,kBAAkB,CAAmC;IAE7D,yCAAyC;IACzC,OAAO,CAAC,UAAU,CAAsB;IAExC,+BAA+B;IAC/B,OAAO,CAAC,YAAY,CAAC,CAAa;IAElC,8CAA8C;IAC9C,OAAO,CAAC,cAAc,CAAC,CAAiB;IAExC,mDAAmD;IACnD,OAAO,CAAC,QAAQ,CAAC,CAAc;IAE/B;;OAEG;IACH,IAAI,YAAY,YAEf;IAED;;OAEG;IACH,IAAI,UAAU,YAEb;IAED;;OAEG;IACH,IAAI,aAAa,sLAIhB;IAED;;OAEG;IACH,IAAI,UAAU,WAMb;IAED;;OAEG;IACH,IAAI,WAAW,WAEd;IAED;;OAEG;IACH,IAAI,YAAY,WAEf;IAED;;OAEG;IACH,IAAI,KAAK,cAER;gBAEmB,MAAM,EAAE,SAAS;IAyBrC;;;OAGG;IACH,OAAO,CAAC,SAAS;IAIjB;;OAEG;IACH,OAAO,CAAC,UAAU;IA6BlB;;OAEG;IACH,OAAO,CAAC,aAAa;IAMrB;;;OAGG;IACH,OAAO,CAAC,YAAY;IAKpB;;;OAGG;IACH,OAAO,CAAC,aAAa;IAoCrB;;;OAGG;IACH,OAAO,CAAC,gBAAgB;IAiCxB;;OAEG;IACH,OAAO,CAAC,YAAY;IAapB;;OAEG;IACI,MAAM;IA4Cb;;OAEG;IACI,OAAO;CASf"}

package/lib/types/components/SlideProgress/index.d.ts

@@ -1,11 +1,9 @@
 /// <reference types="node" />
 import { Component as ComponentClass } from '../../base/Component';
 import { NSlideProgress } from './types';
-import { createIsPageScrolling } from '../../utils/scroll/isPageScrolling';
 import { AnimationFrame } from '../AnimationFrame';
 import { DraggerMove, NDraggerMove } from '../DraggerMove';
 import { Timeline } from '../Timeline';
-import { NDraggerBase } from '../DraggerBase';
 export type { NSlideProgress };
 /**
  * Slide progress handler.
@@ -32,7 +30,7 @@ export declare class SlideProgress<StaticProps extends NSlideProgress.IStaticPro
         dragThreshold: number;
     };
     /** Animation frame for smooth animations */
-    protected _animationFrame: AnimationFrame;
+    protected _raf: AnimationFrame;
     /** Dragging behavior manager */
     protected _dragger: DraggerMove;
     /** Stores the current and target progress values */
@@ -46,19 +44,15 @@ export declare class SlideProgress<StaticProps extends NSlideProgress.IStaticPro
      */
     get steppedProgress(): number;
     /** Timeline for smooth transitions */
-    protected _timelineTo?: Timeline;
+    protected _timeline?: Timeline;
     /** Timeout for sticky behavior at the end */
     protected _stickyEndTimeout?: NodeJS.Timeout;
-    /** Determines if dragging is allowed */
-    protected _canDragMove: boolean;
     /** Direction of progress */
     protected _direction: 1 | -1;
     /** Intensity of wheel interaction */
     protected _wheelIntensity: number;
     /** Current handler for user interactions: 'wheel' or 'drag' */
     protected _currentHandler: 'wheel' | 'drag';
-    /** Checks if the page is scrolling */
-    protected _createIsPageScrolling: ReturnType<typeof createIsPageScrolling>;
     constructor(initialProps?: StaticProps & ChangeableProps, canInit?: boolean);
     /**
      * Handles mutation of properties.
@@ -69,11 +63,6 @@ export declare class SlideProgress<StaticProps extends NSlideProgress.IStaticPro
      * @param event - The wheel event.
      */
     protected _handleWheel(event: WheelEvent): void;
-    /**
-     * Checks if dragging is allowed.
-     * @param absDiff - Absolute difference in dragging distance.
-     */
-    protected _checkCanDragMove(absDiff: NDraggerBase.IVector2): boolean;
     /**
      * Handles the drag movement for adjusting progress.
      * @param data - The drag event data.

package/lib/types/components/SlideProgress/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SlideProgress/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAGzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,YAAY,EAAE,cAAc,EAAE,CAAC;AAE/B;;;;;;;GAOG;AACH,qBAAa,aAAa,CACxB,WAAW,SAAS,cAAc,CAAC,YAAY,GAAG,cAAc,CAAC,YAAY,EAC7E,eAAe,SACb,cAAc,CAAC,gBAAgB,GAAG,cAAc,CAAC,gBAAgB,EACnE,cAAc,SACZ,cAAc,CAAC,eAAe,GAAG,cAAc,CAAC,eAAe,CACjE,SAAQ,cAAc,CAAC,WAAW,EAAE,eAAe,EAAE,cAAc,CAAC;IACpE,SAAS,CAAC,gBAAgB;;;;;;;;;;;;;;;IAmB1B,4CAA4C;IAC5C,SAAS,CAAC,eAAe,EAAE,cAAc,CAAC;IAE1C,gCAAgC;IAChC,SAAS,CAAC,QAAQ,EAAE,WAAW,CAAC;IAEhC,oDAAoD;IACpD,SAAS,CAAC,aAAa,EAAE,cAAc,CAAC,SAAS,CAA6B;IAE9E;;OAEG;IACH,IAAI,QAAQ,WAEX;IAED;;OAEG;IACH,IAAI,eAAe,WAElB;IAED,sCAAsC;IACtC,SAAS,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC;IAEjC,6CAA6C;IAC7C,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;IAE7C,wCAAwC;IACxC,SAAS,CAAC,YAAY,UAAS;IAE/B,4BAA4B;IAC5B,SAAS,CAAC,UAAU,EAAE,CAAC,GAAG,CAAC,CAAC,CAAK;IAEjC,qCAAqC;IACrC,SAAS,CAAC,eAAe,SAAK;IAE9B,+DAA+D;IAC/D,SAAS,CAAC,eAAe,EAAE,OAAO,GAAG,MAAM,CAAW;IAEtD,sCAAsC;IACtC,SAAS,CAAC,sBAAsB,EAAE,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC;gBAE/D,YAAY,CAAC,EAAE,WAAW,GAAG,eAAe,EAAE,OAAO,UAAO;IA+BxE;;OAEG;IACH,SAAS,CAAC,cAAc;IAMxB;;;OAGG;IACH,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,UAAU;IAuCxC;;;OAGG;IACH,SAAS,CAAC,iBAAiB,CAAC,OAAO,EAAE,YAAY,CAAC,QAAQ;IAsB1D;;;OAGG;IACH,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,YAAY,CAAC,cAAc;IAwCvD;;OAEG;IACH,OAAO,CAAC,cAAc;IAMtB;;;OAGG;IACH,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,MAAM;IAyBvC;;OAEG;IACH,SAAS,CAAC,qBAAqB;IA4B/B;;OAEG;IACI,MAAM;IAIb;;;OAGG;IACH,SAAS,CAAC,sBAAsB,CAAC,IAAI,EAAE,MAAM;IAc7C;;OAEG;IACH,SAAS,CAAC,YAAY;IAuBtB;;OAEG;IACI,EAAE,CAAC,EACR,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,YAAkB,EAC5B,UAAU,EACV,KAAK,GACN,EAAE,cAAc,CAAC,QAAQ;IAoC1B;;OAEG;IACH,SAAS,CAAC,QAAQ;CAenB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SlideProgress/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAGzC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,YAAY,EAAE,cAAc,EAAE,CAAC;AAE/B;;;;;;;GAOG;AACH,qBAAa,aAAa,CACxB,WAAW,SAAS,cAAc,CAAC,YAAY,GAAG,cAAc,CAAC,YAAY,EAC7E,eAAe,SACb,cAAc,CAAC,gBAAgB,GAAG,cAAc,CAAC,gBAAgB,EACnE,cAAc,SACZ,cAAc,CAAC,eAAe,GAAG,cAAc,CAAC,eAAe,CACjE,SAAQ,cAAc,CAAC,WAAW,EAAE,eAAe,EAAE,cAAc,CAAC;IACpE,SAAS,CAAC,gBAAgB;;;;;;;;;;;;;;;IAmB1B,4CAA4C;IAC5C,SAAS,CAAC,IAAI,EAAE,cAAc,CAAC;IAE/B,gCAAgC;IAChC,SAAS,CAAC,QAAQ,EAAE,WAAW,CAAC;IAEhC,oDAAoD;IACpD,SAAS,CAAC,aAAa,EAAE,cAAc,CAAC,SAAS,CAA6B;IAE9E;;OAEG;IACH,IAAI,QAAQ,WAEX;IAED;;OAEG;IACH,IAAI,eAAe,WAElB;IAED,sCAAsC;IACtC,SAAS,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC;IAE/B,6CAA6C;IAC7C,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;IAE7C,4BAA4B;IAC5B,SAAS,CAAC,UAAU,EAAE,CAAC,GAAG,CAAC,CAAC,CAAK;IAEjC,qCAAqC;IACrC,SAAS,CAAC,eAAe,SAAK;IAE9B,+DAA+D;IAC/D,SAAS,CAAC,eAAe,EAAE,OAAO,GAAG,MAAM,CAAW;gBAE1C,YAAY,CAAC,EAAE,WAAW,GAAG,eAAe,EAAE,OAAO,UAAO;IAkCxE;;OAEG;IACH,SAAS,CAAC,cAAc;IAUxB;;;OAGG;IACH,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,UAAU;IAwCxC;;;OAGG;IACH,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,YAAY,CAAC,cAAc;IA6BvD;;OAEG;IACH,OAAO,CAAC,cAAc;IAOtB;;;OAGG;IACH,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,MAAM;IAyBvC;;OAEG;IACH,SAAS,CAAC,qBAAqB;IA4B/B;;OAEG;IACI,MAAM;IAIb;;;OAGG;IACH,SAAS,CAAC,sBAAsB,CAAC,IAAI,EAAE,MAAM;IAc7C;;OAEG;IACH,SAAS,CAAC,YAAY;IAuBtB;;OAEG;IACI,EAAE,CAAC,EACR,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,YAAkB,EAC5B,UAAU,EACV,KAAK,GACN,EAAE,cAAc,CAAC,QAAQ;IAoC1B;;OAEG;IACH,SAAS,CAAC,QAAQ;CAanB"}

package/lib/types/components/SlideProgress/types.d.ts

@@ -61,7 +61,7 @@ export declare namespace NSlideProgress {
         stickyEndDuration?: TDuration | null;
         /**
          * Minimum threshold for drag movements (in pixels).
-         * @default 3
+         * @default 5
          */
         dragThreshold?: number;
     }
@@ -74,6 +74,8 @@ export declare namespace NSlideProgress {
         wheel: TNormalizeWheel;
         /** Fired when a drag event moves the slider */
         dragMove: NDraggerMove.IMoveParameter;
+        /** Fired when dragging ends */
+        dragEnd: undefined;
     }
     interface IWithLerp {
         /** Current progress value */

package/lib/types/components/SlideProgress/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/SlideProgress/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,yBAAiB,cAAc,CAAC;IAC9B,UAAiB,YAAa,SAAQ,UAAU,CAAC,YAAY;QAC3D,4DAA4D;QAC5D,SAAS,EAAE,WAAW,CAAC;KACxB;IAED,UAAiB,gBAAiB,SAAQ,UAAU,CAAC,gBAAgB;QACnE,oCAAoC;QACpC,GAAG,EAAE,MAAM,CAAC;QACZ,oCAAoC;QACpC,GAAG,EAAE,MAAM,CAAC;QACZ,4CAA4C;QAC5C,IAAI,EAAE,MAAM,CAAC;QACb;;;WAGG;QACH,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB;;;WAGG;QACH,IAAI,CAAC,EAAE,MAAM,CAAC;QACd;;;WAGG;QACH,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB;;;WAGG;QACH,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB;;;WAGG;QACH,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB;;;WAGG;QACH,aAAa,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;QAC1B;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB;;;WAGG;QACH,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB;;;WAGG;QACH,iBAAiB,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;QACrC;;;WAGG;QACH,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB;IAED,UAAiB,eAAgB,SAAQ,UAAU,CAAC,eAAe;QACjE,yCAAyC;QACzC,MAAM,EAAE,SAAS,CAAC;QAClB,qCAAqC;QACrC,IAAI,EAAE,SAAS,CAAC;QAChB,2CAA2C;QAC3C,KAAK,EAAE,eAAe,CAAC;QACvB,+CAA+C;QAC/C,QAAQ,EAAE,YAAY,CAAC,cAAc,CAAC;KACvC;IAED,UAAiB,SAAS;QACxB,6BAA6B;QAC7B,OAAO,EAAE,MAAM,CAAC;QAChB,4BAA4B;QAC5B,MAAM,EAAE,MAAM,CAAC;KAChB;IAED,KAAY,SAAS,GAAG,MAAM,GAAG,CAAC,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAElE,UAAiB,QAAQ;QACvB,4BAA4B;QAC5B,KAAK,EAAE,MAAM,CAAC;QACd,uEAAuE;QACvE,QAAQ,CAAC,EAAE,SAAS,CAAC;QACrB,yDAAyD;QACzD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,eAAe,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;QACpE,mDAAmD;QACnD,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;KACpB;CACF"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/SlideProgress/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,yBAAiB,cAAc,CAAC;IAC9B,UAAiB,YAAa,SAAQ,UAAU,CAAC,YAAY;QAC3D,4DAA4D;QAC5D,SAAS,EAAE,WAAW,CAAC;KACxB;IAED,UAAiB,gBAAiB,SAAQ,UAAU,CAAC,gBAAgB;QACnE,oCAAoC;QACpC,GAAG,EAAE,MAAM,CAAC;QACZ,oCAAoC;QACpC,GAAG,EAAE,MAAM,CAAC;QACZ,4CAA4C;QAC5C,IAAI,EAAE,MAAM,CAAC;QACb;;;WAGG;QACH,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB;;;WAGG;QACH,IAAI,CAAC,EAAE,MAAM,CAAC;QACd;;;WAGG;QACH,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB;;;WAGG;QACH,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB;;;WAGG;QACH,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB;;;WAGG;QACH,aAAa,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;QAC1B;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB;;;WAGG;QACH,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB;;;WAGG;QACH,iBAAiB,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;QACrC;;;WAGG;QACH,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB;IAED,UAAiB,eAAgB,SAAQ,UAAU,CAAC,eAAe;QACjE,yCAAyC;QACzC,MAAM,EAAE,SAAS,CAAC;QAClB,qCAAqC;QACrC,IAAI,EAAE,SAAS,CAAC;QAChB,2CAA2C;QAC3C,KAAK,EAAE,eAAe,CAAC;QACvB,+CAA+C;QAC/C,QAAQ,EAAE,YAAY,CAAC,cAAc,CAAC;QACtC,+BAA+B;QAC/B,OAAO,EAAE,SAAS,CAAC;KACpB;IAED,UAAiB,SAAS;QACxB,6BAA6B;QAC7B,OAAO,EAAE,MAAM,CAAC;QAChB,4BAA4B;QAC5B,MAAM,EAAE,MAAM,CAAC;KAChB;IAED,KAAY,SAAS,GAAG,MAAM,GAAG,CAAC,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAElE,UAAiB,QAAQ;QACvB,4BAA4B;QAC5B,KAAK,EAAE,MAAM,CAAC;QACd,uEAAuE;QACvE,QAAQ,CAAC,EAAE,SAAS,CAAC;QACrB,yDAAyD;QACzD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,eAAe,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;QACpE,mDAAmD;QACnD,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;KACpB;CACF"}

package/lib/types/utils/common/PCancelable.d.ts

@@ -1,4 +1,4 @@
-import PCancelable from '@anton.bobrov/p-cancelable';
+import PCancelable from 'p-cancelable';
 export { PCancelable };
 /**
  * This module imports and re-exports the `PCancelable` class from the `@anton.bobrov/p-cancelable` package.

package/lib/types/utils/common/PCancelable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PCancelable.d.ts","sourceRoot":"","sources":["../../../../src/utils/common/PCancelable.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,4BAA4B,CAAC;AAErD,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB;;;;;;;;;;;;;;;GAeG"}
+{"version":3,"file":"PCancelable.d.ts","sourceRoot":"","sources":["../../../../src/utils/common/PCancelable.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB;;;;;;;;;;;;;;;GAeG"}

package/lib/types/utils/scroll/index.d.ts

@@ -1,5 +1,4 @@
 export * from './getScrollValues';
-export * from './isPageScrolling';
 export * from './normalizeWheel';
 export * from './onScroll';
 export * from './scrollTo';

package/lib/types/utils/scroll/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/scroll/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/scroll/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC"}

package/lib/types/version.d.ts

@@ -1,3 +1,3 @@
-declare const version = "4.3.1";
+declare const version = "4.4.1";
 export default version;
 //# sourceMappingURL=version.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vevet",
-  "version": "4.3.1",
+  "version": "4.4.1",
   "description": "Vevet is a flexible JavaScript library designed for creative web development",
   "scripts": {
     "storybook": "storybook dev -p 6006",
@@ -59,12 +59,12 @@
   "author": "Anton Bobrov <anton.bobrov@hotmail.com>",
   "license": "MIT",
   "dependencies": {
-    "@anton.bobrov/p-cancelable": "^4.0.1-1",
     "detect-browser": "^5.3.0",
     "easing-progress": "^1.0.0",
     "get-image-pos": "^0.0.11",
     "ismobilejs": "^1.1.1",
     "normalize-wheel": "^1.0.1",
+    "p-cancelable": "^4.0.1",
     "ts-essentials": "^9.3.2"
   },
   "devDependencies": {

package/src/components/CustomScrollDragPlugin/index.ts

@@ -58,6 +58,8 @@ export class CustomScrollDragPlugin<
     super._init();
 
     this._toggleDragger();
+
+    this.component.container.style.touchAction = 'none';
   }
 
   protected _onPropsMutate() {
@@ -89,6 +91,8 @@ export class CustomScrollDragPlugin<
 
     this._dragger = new DraggerMove({
       container: component.container,
+      threshold: 0,
+      preventDefault: false,
     });
 
     this._dragger.addCallback('start', () => this._handleDragStart());

package/src/components/DraggerBase/index.ts

@@ -25,8 +25,8 @@ export abstract class DraggerBase<
     return {
       ...super._getDefaultProps(),
       container: `#${this.prefix}`,
-      isPassive: false,
       isEnabled: true,
+      preventDefault: true,
     };
   }
 
@@ -58,18 +58,6 @@ export abstract class DraggerBase<
     return this._runtimeListeners.length > 0;
   }
 
-  /**
-   * Stores the pointer ID of the current drag operation.
-   */
-  protected _pointerID: number | null;
-
-  /**
-   * Returns the current pointer ID.
-   */
-  protected get pointerID() {
-    return this._pointerID;
-  }
-
   /**
    * The current coordinates of the pointer during dragging.
    */
@@ -111,30 +99,13 @@ export abstract class DraggerBase<
   /**
    * The coordinates where the drag operation started.
    */
-  protected _startCoords: NDraggerBase.IVector2;
+  protected _start: NDraggerBase.IVector2;
 
   /**
    * Returns the starting pointer coordinates at the beginning of the drag.
    */
-  get startCoords() {
-    return this._startCoords;
-  }
-
-  /**
-   * Timeout handler for handling drag end events.
-   */
-  protected _handleEndTimeout?: NodeJS.Timeout;
-
-  /**
-   * The type of drag event, either 'mouse' or 'touch'.
-   */
-  protected _type?: 'mouse' | 'touch';
-
-  /**
-   * Returns the type of event ('mouse' or 'touch') being handled.
-   */
-  get type() {
-    return this._type;
+  get start() {
+    return this._start;
   }
 
   /**
@@ -153,10 +124,9 @@ export abstract class DraggerBase<
 
     // Initialize default variables
     this._runtimeListeners = [];
-    this._pointerID = null;
     this._coords = { x: 0, y: 0 };
     this._prevCoords = { x: 0, y: 0 };
-    this._startCoords = { x: 0, y: 0 };
+    this._start = { x: 0, y: 0 };
 
     // Set styles to prevent user-select during drag
     this._fixStyles = document.createElement('style');
@@ -179,16 +149,16 @@ export abstract class DraggerBase<
   protected _setEvents() {
     this.addEventListener(
       this.container,
-      'mousedown',
+      'pointerdown',
       (event) => this._handleStart(event),
-      { passive: this.props.isPassive },
+      { passive: false },
     );
 
     this.addEventListener(
       this.container,
-      'touchstart',
-      (event) => this._handleStart(event),
-      { passive: this.props.isPassive },
+      'dragstart',
+      (event) => event.preventDefault(),
+      { passive: false },
     );
   }
 
@@ -196,29 +166,24 @@ export abstract class DraggerBase<
    * Adds runtime events for mouseup, touchend, and other events during dragging.
    */
   protected _addRuntimeEvents() {
-    const { isPassive } = this.props;
-
-    this._runtimeListeners.push(
-      addEventListener(window, 'mouseup', (event) => this.handleEnd(event), {
-        passive: isPassive,
-      }),
-    );
-
     this._runtimeListeners.push(
-      addEventListener(window, 'touchend', (event) => this.handleEnd(event), {
-        passive: isPassive,
+      addEventListener(window, 'pointerup', (event) => this._handleEnd(event), {
+        passive: false,
       }),
     );
 
     this._runtimeListeners.push(
-      addEventListener(window, 'touchcancel', () => this.cancel(), {
-        passive: isPassive,
-      }),
+      addEventListener(
+        window,
+        'pointercancel',
+        (event) => this._handleEnd(event),
+        { passive: false },
+      ),
     );
 
     this._runtimeListeners.push(
-      addEventListener(window, 'blur', () => this.cancel(), {
-        passive: isPassive,
+      addEventListener(window, 'blur', () => this._handleEnd(null), {
+        passive: false,
       }),
     );
   }
@@ -232,120 +197,58 @@ export abstract class DraggerBase<
     this._runtimeListeners = [];
   }
 
-  /**
-   * Normalizes event coordinates based on the event type (mouse or touch).
-   *
-   * @param event - The event from which to extract coordinates.
-   * @returns The pointer coordinates and pointer ID.
-   */
-  protected _getEventCoords(event: NDraggerBase.TEvent) {
-    if (event.type.includes('touch')) {
-      const evt = event as TouchEvent;
-      const touch = evt.targetTouches[0] || evt.changedTouches[0];
-
-      return {
-        x: touch.clientX,
-        y: touch.clientY,
-        pointerId: touch.identifier,
-      };
-    }
-
-    const evt = event as MouseEvent;
-
-    return {
-      x: evt.clientX,
-      y: evt.clientY,
-      pointerId: null,
-    };
-  }
-
   /**
    * Handles the start of a drag event.
-   *
-   * @param event - The event that initiated the drag (mouse or touch).
-   * @returns A boolean indicating whether the drag started successfully.
    */
-  protected _handleStart(event: NDraggerBase.TEvent) {
+  protected _handleStart(event: PointerEvent) {
     if (!this.props.isEnabled || this.isDragging) {
-      return false;
+      return;
     }
 
-    if (event.type === 'touchstart') {
-      this._type = 'touch';
-    } else {
-      this._type = 'mouse';
+    // prevent right click
+    if (event.button === 2) {
+      return;
     }
 
-    if (event.type === 'mousedown') {
-      if (event.which === 1) {
-        event.stopPropagation();
-      } else {
-        return false;
-      }
+    if (this.props.preventDefault) {
+      event.preventDefault();
     }
 
     // Update coordinates
-    const { x, y, pointerId } = this._getEventCoords(event);
+    const { clientX: x, clientY: y } = event;
     this._coords = { x, y };
     this._prevCoords = { x, y };
-    this._startCoords = { x, y };
-    this._pointerID = pointerId;
+    this._start = { x, y };
 
     // Add runtime events for drag
     this._addRuntimeEvents();
 
+    // reset selection
+    window.getSelection()?.empty();
+    window.getSelection()?.removeAllRanges();
+
     // Apply styles to prevent user-select
     getApp().body.append(this._fixStyles);
 
     // Trigger start callback
     this.callbacks.tbt('start', {
       event,
-      start: this.startCoords,
+      start: this.start,
       coords: this.coords,
     });
-
-    return true;
   }
 
   /**
    * Handles the end of a drag event and initiates cleanup.
-   *
-   * @param event - The event that ended the drag (mouse or touch).
-   */
-  protected handleEnd(event: NDraggerBase.TEvent) {
-    if (this._handleEndTimeout) {
-      return;
-    }
-
-    this._handleEndTimeout = setTimeout(() => {
-      const { pointerId } = this._getEventCoords(event);
-
-      if (!this.isDragging || pointerId !== this.pointerID) {
-        return;
-      }
-
-      this._handleEnd(event);
-
-      this._handleEndTimeout = undefined;
-    }, 1);
-  }
-
-  /**
-   * Handles the cleanup process when dragging ends.
-   *
-   * @param event - The event that ended the drag.
-   */
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  protected _handleEnd(event: NDraggerBase.TEvent) {
-    this.cancel();
-  }
-
-  /**
-   * Cancels the current drag operation and removes runtime events and styles.
    */
-  public cancel() {
+  protected _handleEnd(event: PointerEvent | null) {
     this._removeRuntimeEvents();
 
+    // Update coordinates
+    if (event) {
+      this._coords = { x: event.clientX, y: event.clientY };
+    }
+
     // remove styles fix
     this._fixStyles.remove();
 
@@ -357,14 +260,10 @@ export abstract class DraggerBase<
    * Destroys the dragger component, removing events and cleaning up resources.
    */
   protected _destroy() {
-    this.cancel();
+    this._handleEnd(null);
 
     super._destroy();
 
     this._removeRuntimeEvents();
-
-    if (this._handleEndTimeout) {
-      clearTimeout(this._handleEndTimeout);
-    }
   }
 }

package/src/components/DraggerBase/types.ts

@@ -7,12 +7,11 @@ export namespace NDraggerBase {
      * @default '#v-dragger'
      */
     container?: string | Element | Window;
-
     /**
-     * Whether to use passive event listeners for the drag events. If set to `true`, the events will be passive, which can improve performance but prevents the default behavior from being blocked.
-     * @default false
+     * If need to prevent default events
+     * @default true
      */
-    isPassive?: boolean;
+    preventDefault?: boolean;
   }
 
   export interface IChangeableProps extends NComponent.IChangeableProps {
@@ -35,16 +34,11 @@ export namespace NDraggerBase {
     end: undefined;
   }
 
-  /**
-   * Type representing a drag event, which can be either a `MouseEvent` or a `TouchEvent`.
-   */
-  export type TEvent = MouseEvent | TouchEvent;
-
   export interface IStartParameter {
     /**
-     * The event that initiated the drag (either `MouseEvent` or `TouchEvent`).
+     * The event that initiated the drag.
      */
-    event: TEvent;
+    event: PointerEvent;
 
     /**
      * The coordinates where the drag started.

package/src/components/DraggerDirection/index.ts

@@ -1,4 +1,4 @@
-import { DraggerBase, NDraggerBase } from '../DraggerBase';
+import { DraggerBase } from '../DraggerBase';
 import { NDraggerDirection } from './types';
 
 export type { NDraggerDirection };
@@ -30,33 +30,34 @@ export class DraggerDirection<
    * Handles the end of the drag event and detects the swipe direction by comparing the start and end coordinates.
    * If the drag distance is greater than or equal to `minLength`, the corresponding direction callback is triggered.
    */
-  protected _handleEnd(event: NDraggerBase.TEvent) {
-    const { x, y } = this._getEventCoords(event);
-    const { startCoords } = this;
+  protected _handleEnd(event: PointerEvent | null) {
+    super._handleEnd(event);
+
+    const { start, coords } = this;
+    const { x, y } = coords;
+
     const min = Math.abs(this.props.minLength);
 
     // Detect swipe direction
+
     // Swipe up
-    if (startCoords.y > y && Math.abs(y - startCoords.y) >= min) {
+    if (start.y > y && Math.abs(y - start.y) >= min) {
       this.callbacks.tbt('up', undefined);
     }
 
     // Swipe down
-    if (startCoords.y < y && Math.abs(y - startCoords.y) >= min) {
+    if (start.y < y && Math.abs(y - start.y) >= min) {
       this.callbacks.tbt('down', undefined);
     }
 
     // Swipe left
-    if (startCoords.x > x && Math.abs(x - startCoords.x) >= min) {
+    if (start.x > x && Math.abs(x - start.x) >= min) {
       this.callbacks.tbt('left', undefined);
     }
 
     // Swipe right
-    if (startCoords.x < x && Math.abs(x - startCoords.x) >= min) {
+    if (start.x < x && Math.abs(x - start.x) >= min) {
       this.callbacks.tbt('right', undefined);
     }
-
-    // Call the parent class's `_handleEnd` method for further cleanup
-    super._handleEnd(event);
   }
 }

package/src/components/DraggerDirection/stories/index.tsx

@@ -50,6 +50,7 @@ export const Component: FC = () => {
           justifyContent: 'center',
           alignItems: 'center',
           background: '#ccc',
+          touchAction: 'none',
         }}
       >
         {direction}