@vkontakte/vkui 7.0.0-dev-efd91c.0 → 7.0.0-dev-efd91c.2

package/dist/lib/sheet/useBottomSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/sheet/useBottomSheet.ts"],"sourcesContent":["'use client';\n\nimport {\n  type CSSProperties,\n  type Dispatch,\n  type SetStateAction,\n  type UIEvent,\n  type UIEventHandler,\n  useMemo,\n  useState,\n} from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { useStableCallback } from '../../hooks/useStableCallback';\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect';\nimport { BottomSheetController, type InitialSnapPoint } from './controllers/BottomSheetController';\nimport { CSSTransitionController } from './controllers/CSSTransitionController';\n\nexport type UseBottomSheetOptions = {\n  sheetCSSProperty: string;\n  backdropCSSProperty: string;\n  initialSnapPoint?: InitialSnapPoint;\n  blocked?: boolean;\n  onDismiss?: VoidFunction;\n};\n\nexport type UseBottomSheetHandlers = {\n  onTouchStart: UIEventHandler<HTMLElement>;\n  onTouchMove: UIEventHandler<HTMLElement>;\n  onTouchEnd: UIEventHandler<HTMLElement>;\n  onTouchCancel: UIEventHandler<HTMLElement>;\n  onMouseDown: UIEventHandler<HTMLElement>;\n  onMouseMove: UIEventHandler<HTMLElement>;\n  onMouseUp: UIEventHandler<HTMLElement>;\n  onMouseLeave: UIEventHandler<HTMLElement>;\n};\n\nexport type UseBottomSheetResult = [\n  {\n    initialStyle?: CSSProperties;\n    setSheetEl: Dispatch<SetStateAction<HTMLElement | null>>;\n    setSheetScrollEl: Dispatch<SetStateAction<HTMLElement | null>>;\n    setBackdropEl: Dispatch<SetStateAction<HTMLElement | null>>;\n  },\n  UseBottomSheetHandlers | undefined,\n];\n\n/**\n * # Checklist\n *\n * ## Возможности\n *\n * - [x] есть возможность открывать до определенного размера (см. `initialSnapPoint`)\n * - [x] есть возможность закрыть при сильном смахивании вниз\n * - [x] есть возможность отключить взаимодействие на определённых элементах используя data-атрибут\n * - [x] есть возможность отключить взаимодействие на определённых элементах используя stopPropagation()\n *\n * ## Анимации\n *\n * - [x] оверлей становится светлее в зависимости от процента сворачивания\n *    - [x] при `initialSnapPoint !== 'auto'` процент высчитывается относительно переданного `initialSnapPoint`\n * - [x] при перетаскивании за пределы есть анимация натяжения\n *   > note: в `ModalPage` этого эффекта нет при высоте 100% из-за `max-block-size: 100%`\n *\n * ## Пограничные кейсы\n *\n * - [x] ⚠️ не блокирует взаимодействие с _горизонтальным_ скроллом\n * - [x] ⚠️ не блокирует взаимодействие с _вертикальным_ скроллом\n * - [x] ⚠️ не блокирует взаимодействие с полями ввода\n * - [x] ⚠️ не блокирует взаимодействие с элементами вне корневого элемента\n *\n * @private\n */\nexport const useBottomSheet = (\n  enabled: boolean,\n  {\n    blocked,\n    initialSnapPoint,\n    sheetCSSProperty,\n    backdropCSSProperty,\n    onDismiss: onDismissProp,\n  }: UseBottomSheetOptions,\n): UseBottomSheetResult => {\n  const [sheetScrollEl, setSheetScrollEl] = useState<HTMLElement | null>(null);\n  const [sheetEl, setSheetEl] = useState<HTMLElement | null>(null);\n  const [backdropEl, setBackdropEl] = useState<HTMLElement | null>(null);\n\n  const initialStyle = useMemo<CSSProperties | undefined>(() => {\n    if (!enabled) {\n      return;\n    }\n\n    const { unit, currentSnapPoint } =\n      BottomSheetController.parseInitialSnapPoint(initialSnapPoint);\n\n    return unit === '%' ? { [sheetCSSProperty]: `${currentSnapPoint}${unit}` } : undefined;\n  }, [enabled, initialSnapPoint, sheetCSSProperty]);\n\n  const onDismiss = useStableCallback(onDismissProp || noop);\n  const bsController = useMemo<BottomSheetController | null>(() => {\n    if (!enabled || sheetEl === null) {\n      return null;\n    }\n\n    return new BottomSheetController(sheetEl, {\n      sheetScrollEl: sheetScrollEl || null,\n      sheetTransitionController: new CSSTransitionController<string>(sheetEl, sheetCSSProperty),\n      backdropTransitionController: backdropEl\n        ? new CSSTransitionController(backdropEl, backdropCSSProperty)\n        : null,\n      onDismiss,\n    });\n  }, [\n    enabled,\n    sheetEl,\n    sheetCSSProperty,\n    sheetScrollEl,\n    backdropEl,\n    backdropCSSProperty,\n    onDismiss,\n  ]);\n\n  const onPanStart = function onPanStart(event: UIEvent<HTMLElement>) {\n    if (!blocked) {\n      bsController!.panStart(event.nativeEvent);\n    }\n  };\n\n  const onPanMove = function onPanMove(event: UIEvent<HTMLElement>) {\n    bsController!.panMove(event.nativeEvent);\n  };\n\n  const onPanEnd = function onPanEnd() {\n    bsController!.panEnd();\n  };\n\n  useIsomorphicLayoutEffect(\n    function init() {\n      if (bsController) {\n        bsController.init(initialSnapPoint);\n      }\n    },\n    [initialSnapPoint, bsController],\n  );\n\n  useIsomorphicLayoutEffect(\n    () =>\n      function unmount() {\n        if (bsController) {\n          bsController.destroy();\n        }\n      },\n    [bsController],\n  );\n\n  return [\n    {\n      initialStyle,\n      setSheetEl,\n      setSheetScrollEl,\n      setBackdropEl,\n    },\n    bsController !== null\n      ? {\n          onTouchStart: onPanStart,\n          onTouchMove: onPanMove,\n          onTouchEnd: onPanEnd,\n          onTouchCancel: onPanEnd,\n          onMouseDown: onPanStart,\n          onMouseMove: onPanMove,\n          onMouseUp: onPanEnd,\n          onMouseLeave: onPanEnd,\n        }\n      : undefined,\n  ];\n};\n"],"names":["useMemo","useState","noop","useStableCallback","useIsomorphicLayoutEffect","BottomSheetController","CSSTransitionController","useBottomSheet","enabled","blocked","initialSnapPoint","sheetCSSProperty","backdropCSSProperty","onDismiss","onDismissProp","sheetScrollEl","setSheetScrollEl","sheetEl","setSheetEl","backdropEl","setBackdropEl","initialStyle","unit","currentSnapPoint","parseInitialSnapPoint","undefined","bsController","sheetTransitionController","backdropTransitionController","onPanStart","event","panStart","nativeEvent","onPanMove","panMove","onPanEnd","panEnd","init","unmount","destroy","onTouchStart","onTouchMove","onTouchEnd","onTouchCancel","onMouseDown","onMouseMove","onMouseUp","onMouseLeave"],"mappings":"AAAA;AAEA,SAMEA,OAAO,EACPC,QAAQ,QACH,QAAQ;AACf,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,iBAAiB,QAAQ,mCAAgC;AAClE,SAASC,yBAAyB,QAAQ,kCAA+B;AACzE,SAASC,qBAAqB,QAA+B,yCAAsC;AACnG,SAASC,uBAAuB,QAAQ,2CAAwC;AA+BhF;;;;;;;;;;;;;;;;;;;;;;;;;CAyBC,GACD,OAAO,MAAMC,iBAAiB,CAC5BC,SACA,EACEC,OAAO,EACPC,gBAAgB,EAChBC,gBAAgB,EAChBC,mBAAmB,EACnBC,WAAWC,aAAa,EACF;IAExB,MAAM,CAACC,eAAeC,iBAAiB,GAAGf,SAA6B;IACvE,MAAM,CAACgB,SAASC,WAAW,GAAGjB,SAA6B;IAC3D,MAAM,CAACkB,YAAYC,cAAc,GAAGnB,SAA6B;IAEjE,MAAMoB,eAAerB,QAAmC;QACtD,IAAI,CAACQ,SAAS;YACZ;QACF;QAEA,MAAM,EAAEc,IAAI,EAAEC,gBAAgB,EAAE,GAC9BlB,sBAAsBmB,qBAAqB,CAACd;QAE9C,OAAOY,SAAS,MAAM;YAAE,CAACX,iBAAiB,EAAE,GAAGY,mBAAmBD,MAAM;QAAC,IAAIG;IAC/E,GAAG;QAACjB;QAASE;QAAkBC;KAAiB;IAEhD,MAAME,YAAYV,kBAAkBW,iBAAiBZ;IACrD,MAAMwB,eAAe1B,QAAsC;QACzD,IAAI,CAACQ,WAAWS,YAAY,MAAM;YAChC,OAAO;QACT;QAEA,OAAO,IAAIZ,sBAAsBY,SAAS;YACxCF,eAAeA,iBAAiB;YAChCY,2BAA2B,IAAIrB,wBAAgCW,SAASN;YACxEiB,8BAA8BT,aAC1B,IAAIb,wBAAwBa,YAAYP,uBACxC;YACJC;QACF;IACF,GAAG;QACDL;QACAS;QACAN;QACAI;QACAI;QACAP;QACAC;KACD;IAED,MAAMgB,aAAa,SAASA,WAAWC,KAA2B;QAChE,IAAI,CAACrB,SAAS;YACZiB,aAAcK,QAAQ,CAACD,MAAME,WAAW;QAC1C;IACF;IAEA,MAAMC,YAAY,SAASA,UAAUH,KAA2B;QAC9DJ,aAAcQ,OAAO,CAACJ,MAAME,WAAW;IACzC;IAEA,MAAMG,WAAW,SAASA;QACxBT,aAAcU,MAAM;IACtB;IAEAhC,0BACE,SAASiC;QACP,IAAIX,cAAc;YAChBA,aAAaW,IAAI,CAAC3B;QACpB;IACF,GACA;QAACA;QAAkBgB;KAAa;IAGlCtB,0BACE,IACE,SAASkC;YACP,IAAIZ,cAAc;gBAChBA,aAAaa,OAAO;YACtB;QACF,GACF;QAACb;KAAa;IAGhB,OAAO;QACL;YACEL;YACAH;YACAF;YACAI;QACF;QACAM,iBAAiB,OACb;YACEc,cAAcX;YACdY,aAAaR;YACbS,YAAYP;YACZQ,eAAeR;YACfS,aAAaf;YACbgB,aAAaZ;YACba,WAAWX;YACXY,cAAcZ;QAChB,IACAV;KACL;AACH,EAAE"}

package/dist/lib/spacings/sizes.d.ts

@@ -1,5 +1,6 @@
-import type { LiteralUnion } from '../../types';
+import type { CSSCustomProperties, LiteralUnion } from '../../types';
 export type SpacingSize = '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl';
 export declare const spacingSizeClassNames: Record<SpacingSize, string>;
-export type SpacingSizeProp = LiteralUnion<SpacingSize, number>;
+export type SpacingSizeProp = LiteralUnion<SpacingSize | `--${string}`, number>;
+export declare function resolveSpacingSize(cssVariable: string, size?: SpacingSizeProp): [string | undefined, CSSCustomProperties | undefined];
 //# sourceMappingURL=sizes.d.ts.map

package/dist/lib/spacings/sizes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sizes.d.ts","sourceRoot":"","sources":["../../../src/lib/spacings/sizes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAExF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAU7D,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC"}
+{"version":3,"file":"sizes.d.ts","sourceRoot":"","sources":["../../../src/lib/spacings/sizes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGrE,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAExF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAU7D,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,WAAW,GAAG,KAAK,MAAM,EAAE,EAAE,MAAM,CAAC,CAAC;AAEhF,wBAAgB,kBAAkB,CAChC,WAAW,EAAE,MAAM,EACnB,IAAI,CAAC,EAAE,eAAe,GACrB,CAAC,MAAM,GAAG,SAAS,EAAE,mBAAmB,GAAG,SAAS,CAAC,CAUvD"}

package/dist/lib/spacings/sizes.js

@@ -9,5 +9,28 @@ export const spacingSizeClassNames = {
     '3xl': "vkuistyles__-spacing--3xl",
     '4xl': "vkuistyles__-spacing--4xl"
 };
+export function resolveSpacingSize(cssVariable, size) {
+    if (typeof size === 'string') {
+        if (size.startsWith('--')) {
+            return [
+                undefined,
+                {
+                    [cssVariable]: `var(${size})`
+                }
+            ];
+        } else {
+            return [
+                spacingSizeClassNames[size],
+                undefined
+            ];
+        }
+    }
+    return [
+        undefined,
+        typeof size === 'number' ? {
+            [cssVariable]: `${size}px`
+        } : undefined
+    ];
+}
 
 //# sourceMappingURL=sizes.js.map

package/dist/lib/spacings/sizes.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/spacings/sizes.ts"],"sourcesContent":["import type { LiteralUnion } from '../../types';\nimport styles from '../../styles/spacings.module.css';\n\nexport type SpacingSize = '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl';\n\nexport const spacingSizeClassNames: Record<SpacingSize, string> = {\n  '2xs': styles['-spacing--2xs'],\n  'xs': styles['-spacing--xs'],\n  's': styles['-spacing--s'],\n  'm': styles['-spacing--m'],\n  'l': styles['-spacing--l'],\n  'xl': styles['-spacing--xl'],\n  '2xl': styles['-spacing--2xl'],\n  '3xl': styles['-spacing--3xl'],\n  '4xl': styles['-spacing--4xl'],\n};\n\nexport type SpacingSizeProp = LiteralUnion<SpacingSize, number>;\n"],"names":["spacingSizeClassNames"],"mappings":"AAKA,OAAO,MAAMA,wBAAqD;IAChE,KAAK;IACL,IAAI;IACJ,GAAG;IACH,GAAG;IACH,GAAG;IACH,IAAI;IACJ,KAAK;IACL,KAAK;IACL,KAAK;AACP,EAAE"}
+{"version":3,"sources":["../../../src/lib/spacings/sizes.ts"],"sourcesContent":["import type { CSSCustomProperties, LiteralUnion } from '../../types';\nimport styles from '../../styles/spacings.module.css';\n\nexport type SpacingSize = '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl';\n\nexport const spacingSizeClassNames: Record<SpacingSize, string> = {\n  '2xs': styles['-spacing--2xs'],\n  'xs': styles['-spacing--xs'],\n  's': styles['-spacing--s'],\n  'm': styles['-spacing--m'],\n  'l': styles['-spacing--l'],\n  'xl': styles['-spacing--xl'],\n  '2xl': styles['-spacing--2xl'],\n  '3xl': styles['-spacing--3xl'],\n  '4xl': styles['-spacing--4xl'],\n};\n\nexport type SpacingSizeProp = LiteralUnion<SpacingSize | `--${string}`, number>;\n\nexport function resolveSpacingSize(\n  cssVariable: string,\n  size?: SpacingSizeProp,\n): [string | undefined, CSSCustomProperties | undefined] {\n  if (typeof size === 'string') {\n    if (size.startsWith('--')) {\n      return [undefined, { [cssVariable]: `var(${size})` }];\n    } else {\n      return [spacingSizeClassNames[size as SpacingSize], undefined];\n    }\n  }\n\n  return [undefined, typeof size === 'number' ? { [cssVariable]: `${size}px` } : undefined];\n}\n"],"names":["spacingSizeClassNames","resolveSpacingSize","cssVariable","size","startsWith","undefined"],"mappings":"AAKA,OAAO,MAAMA,wBAAqD;IAChE,KAAK;IACL,IAAI;IACJ,GAAG;IACH,GAAG;IACH,GAAG;IACH,IAAI;IACJ,KAAK;IACL,KAAK;IACL,KAAK;AACP,EAAE;AAIF,OAAO,SAASC,mBACdC,WAAmB,EACnBC,IAAsB;IAEtB,IAAI,OAAOA,SAAS,UAAU;QAC5B,IAAIA,KAAKC,UAAU,CAAC,OAAO;YACzB,OAAO;gBAACC;gBAAW;oBAAE,CAACH,YAAY,EAAE,CAAC,IAAI,EAAEC,KAAK,CAAC,CAAC;gBAAC;aAAE;QACvD,OAAO;YACL,OAAO;gBAACH,qBAAqB,CAACG,KAAoB;gBAAEE;aAAU;QAChE;IACF;IAEA,OAAO;QAACA;QAAW,OAAOF,SAAS,WAAW;YAAE,CAACD,YAAY,EAAE,GAAGC,KAAK,EAAE,CAAC;QAAC,IAAIE;KAAU;AAC3F"}

package/dist/lib/touch/UIPanGestureRecognizer.d.ts

@@ -1,4 +1,8 @@
-export type VCoords = {
+export type Direction = {
+    axis: 'x' | 'y';
+    direction: -1 | 1 | null;
+};
+export type Coords = {
     x: number;
     y: number;
 };
@@ -16,16 +20,11 @@ export declare class UIPanGestureRecognizer {
     setInitialTimeOnce(): void;
     setStartCoords(event: UIEvent): void;
     setEndCoords(event: UIEvent): void;
-    delta(): {
-        x: number;
-        y: number;
-    };
+    delta(): Coords;
     distance(): number;
-    velocity(): {
-        x: number;
-        y: number;
-    };
+    velocity(): Coords;
     angle(): number;
+    direction(): Direction;
     reset(): void;
 }
 //# sourceMappingURL=UIPanGestureRecognizer.d.ts.map

package/dist/lib/touch/UIPanGestureRecognizer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UIPanGestureRecognizer.d.ts","sourceRoot":"","sources":["../../../src/lib/touch/UIPanGestureRecognizer.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,OAAO,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAK/C;;;;GAIG;AACH,qBAAa,sBAAsB;IACjC,OAAO,CAAC,WAAW,CAAwB;IAC3C,EAAE,SAAK;IACP,EAAE,SAAK;IACP,EAAE,SAAK;IACP,EAAE,SAAK;IAEP,kBAAkB,IAAI,IAAI;IAM1B,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAMpC,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAMlC,KAAK,IAAI;QACP,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;KACX;IAOD,QAAQ,IAAI,MAAM;IAKlB,QAAQ,IAAI;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;KACX;IAWD,KAAK,IAAI,MAAM;IAQf,KAAK,IAAI,IAAI;CAKd"}
+{"version":3,"file":"UIPanGestureRecognizer.d.ts","sourceRoot":"","sources":["../../../src/lib/touch/UIPanGestureRecognizer.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,SAAS,GAAG;IAAE,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAAC,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,CAAA;CAAE,CAAC;AAEtE,MAAM,MAAM,MAAM,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAK9C;;;;GAIG;AACH,qBAAa,sBAAsB;IACjC,OAAO,CAAC,WAAW,CAAwB;IAC3C,EAAE,SAAK;IACP,EAAE,SAAK;IACP,EAAE,SAAK;IACP,EAAE,SAAK;IAEP,kBAAkB,IAAI,IAAI;IAM1B,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAMpC,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAMlC,KAAK,IAAI,MAAM;IAOf,QAAQ,IAAI,MAAM;IAKlB,QAAQ,IAAI,MAAM;IAWlB,KAAK,IAAI,MAAM;IAQf,SAAS,IAAI,SAAS;IAOtB,KAAK,IAAI,IAAI;CAKd"}

package/dist/lib/touch/UIPanGestureRecognizer.js

@@ -53,6 +53,16 @@ const MILLISECONDS = 1000;
         const degrees = radians * 180 / Math.PI;
         return degrees < 0 ? 360 + degrees : degrees;
     }
+    direction() {
+        const { x, y } = this.delta();
+        return Math.abs(x) > Math.abs(y) ? {
+            axis: 'x',
+            direction: x > 0 ? 1 : x < 0 ? -1 : null
+        } : {
+            axis: 'y',
+            direction: y > 0 ? 1 : y < 0 ? -1 : null
+        };
+    }
     reset() {
         this.initialTime = DEFAULT_INITIAL_TIME;
         this.x1 = this.y1 = 0;

package/dist/lib/touch/UIPanGestureRecognizer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/touch/UIPanGestureRecognizer.ts"],"sourcesContent":["import { getFirstTouchEventData } from '../dom';\n\nexport type VCoords = { x: number; y: number };\n\nconst DEFAULT_INITIAL_TIME = 0;\nconst MILLISECONDS = 1000;\n\n/**\n * JS имплементация класса из UIKIt iOS.\n *\n * https://developer.apple.com/documentation/uikit/uipangesturerecognizer\n */\nexport class UIPanGestureRecognizer {\n  private initialTime = DEFAULT_INITIAL_TIME;\n  x1 = 0;\n  y1 = 0;\n  x2 = 0;\n  y2 = 0;\n\n  setInitialTimeOnce(): void {\n    if (this.initialTime === DEFAULT_INITIAL_TIME) {\n      this.initialTime = Date.now();\n    }\n  }\n\n  setStartCoords(event: UIEvent): void {\n    const { clientX, clientY } = getFirstTouchEventData(event);\n    this.x1 = clientX;\n    this.y1 = clientY;\n  }\n\n  setEndCoords(event: UIEvent): void {\n    const { clientX, clientY } = getFirstTouchEventData(event);\n    this.x2 = clientX;\n    this.y2 = clientY;\n  }\n\n  delta(): {\n    x: number;\n    y: number;\n  } {\n    return {\n      x: this.x2 - this.x1,\n      y: this.y2 - this.y1,\n    };\n  }\n\n  distance(): number {\n    const { x, y } = this.delta();\n    return Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2));\n  }\n\n  velocity(): {\n    x: number;\n    y: number;\n  } {\n    const deltaTime = (Date.now() - this.initialTime) / MILLISECONDS;\n\n    if (deltaTime <= 0) {\n      return { x: 0, y: 0 };\n    }\n\n    const { x, y } = this.delta();\n    return { x: x / deltaTime, y: y / deltaTime };\n  }\n\n  angle(): number {\n    const deltaX = this.x2 - this.x1;\n    const deltaY = this.y2 - this.y1;\n    const radians = Math.atan2(deltaY, deltaX);\n    const degrees = (radians * 180) / Math.PI;\n    return degrees < 0 ? 360 + degrees : degrees;\n  }\n\n  reset(): void {\n    this.initialTime = DEFAULT_INITIAL_TIME;\n    this.x1 = this.y1 = 0;\n    this.x2 = this.y2 = 0;\n  }\n}\n"],"names":["getFirstTouchEventData","DEFAULT_INITIAL_TIME","MILLISECONDS","UIPanGestureRecognizer","setInitialTimeOnce","initialTime","Date","now","setStartCoords","event","clientX","clientY","x1","y1","setEndCoords","x2","y2","delta","x","y","distance","Math","sqrt","pow","velocity","deltaTime","angle","deltaX","deltaY","radians","atan2","degrees","PI","reset"],"mappings":";AAAA,SAASA,sBAAsB,QAAQ,YAAS;AAIhD,MAAMC,uBAAuB;AAC7B,MAAMC,eAAe;AAErB;;;;CAIC,GACD,OAAO,MAAMC;IAOXC,qBAA2B;QACzB,IAAI,IAAI,CAACC,WAAW,KAAKJ,sBAAsB;YAC7C,IAAI,CAACI,WAAW,GAAGC,KAAKC,GAAG;QAC7B;IACF;IAEAC,eAAeC,KAAc,EAAQ;QACnC,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGX,uBAAuBS;QACpD,IAAI,CAACG,EAAE,GAAGF;QACV,IAAI,CAACG,EAAE,GAAGF;IACZ;IAEAG,aAAaL,KAAc,EAAQ;QACjC,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGX,uBAAuBS;QACpD,IAAI,CAACM,EAAE,GAAGL;QACV,IAAI,CAACM,EAAE,GAAGL;IACZ;IAEAM,QAGE;QACA,OAAO;YACLC,GAAG,IAAI,CAACH,EAAE,GAAG,IAAI,CAACH,EAAE;YACpBO,GAAG,IAAI,CAACH,EAAE,GAAG,IAAI,CAACH,EAAE;QACtB;IACF;IAEAO,WAAmB;QACjB,MAAM,EAAEF,CAAC,EAAEC,CAAC,EAAE,GAAG,IAAI,CAACF,KAAK;QAC3B,OAAOI,KAAKC,IAAI,CAACD,KAAKE,GAAG,CAACL,GAAG,KAAKG,KAAKE,GAAG,CAACJ,GAAG;IAChD;IAEAK,WAGE;QACA,MAAMC,YAAY,AAACnB,CAAAA,KAAKC,GAAG,KAAK,IAAI,CAACF,WAAW,AAAD,IAAKH;QAEpD,IAAIuB,aAAa,GAAG;YAClB,OAAO;gBAAEP,GAAG;gBAAGC,GAAG;YAAE;QACtB;QAEA,MAAM,EAAED,CAAC,EAAEC,CAAC,EAAE,GAAG,IAAI,CAACF,KAAK;QAC3B,OAAO;YAAEC,GAAGA,IAAIO;YAAWN,GAAGA,IAAIM;QAAU;IAC9C;IAEAC,QAAgB;QACd,MAAMC,SAAS,IAAI,CAACZ,EAAE,GAAG,IAAI,CAACH,EAAE;QAChC,MAAMgB,SAAS,IAAI,CAACZ,EAAE,GAAG,IAAI,CAACH,EAAE;QAChC,MAAMgB,UAAUR,KAAKS,KAAK,CAACF,QAAQD;QACnC,MAAMI,UAAU,AAACF,UAAU,MAAOR,KAAKW,EAAE;QACzC,OAAOD,UAAU,IAAI,MAAMA,UAAUA;IACvC;IAEAE,QAAc;QACZ,IAAI,CAAC5B,WAAW,GAAGJ;QACnB,IAAI,CAACW,EAAE,GAAG,IAAI,CAACC,EAAE,GAAG;QACpB,IAAI,CAACE,EAAE,GAAG,IAAI,CAACC,EAAE,GAAG;IACtB;;QAjEA,uBAAQX,eAAcJ;QACtBW,uBAAAA,MAAK;QACLC,uBAAAA,MAAK;QACLE,uBAAAA,MAAK;QACLC,uBAAAA,MAAK;;AA8DP"}
+{"version":3,"sources":["../../../src/lib/touch/UIPanGestureRecognizer.ts"],"sourcesContent":["import { getFirstTouchEventData } from '../dom';\n\nexport type Direction = { axis: 'x' | 'y'; direction: -1 | 1 | null };\n\nexport type Coords = { x: number; y: number };\n\nconst DEFAULT_INITIAL_TIME = 0;\nconst MILLISECONDS = 1000;\n\n/**\n * JS имплементация класса из UIKIt iOS.\n *\n * https://developer.apple.com/documentation/uikit/uipangesturerecognizer\n */\nexport class UIPanGestureRecognizer {\n  private initialTime = DEFAULT_INITIAL_TIME;\n  x1 = 0;\n  y1 = 0;\n  x2 = 0;\n  y2 = 0;\n\n  setInitialTimeOnce(): void {\n    if (this.initialTime === DEFAULT_INITIAL_TIME) {\n      this.initialTime = Date.now();\n    }\n  }\n\n  setStartCoords(event: UIEvent): void {\n    const { clientX, clientY } = getFirstTouchEventData(event);\n    this.x1 = clientX;\n    this.y1 = clientY;\n  }\n\n  setEndCoords(event: UIEvent): void {\n    const { clientX, clientY } = getFirstTouchEventData(event);\n    this.x2 = clientX;\n    this.y2 = clientY;\n  }\n\n  delta(): Coords {\n    return {\n      x: this.x2 - this.x1,\n      y: this.y2 - this.y1,\n    };\n  }\n\n  distance(): number {\n    const { x, y } = this.delta();\n    return Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2));\n  }\n\n  velocity(): Coords {\n    const deltaTime = (Date.now() - this.initialTime) / MILLISECONDS;\n\n    if (deltaTime <= 0) {\n      return { x: 0, y: 0 };\n    }\n\n    const { x, y } = this.delta();\n    return { x: x / deltaTime, y: y / deltaTime };\n  }\n\n  angle(): number {\n    const deltaX = this.x2 - this.x1;\n    const deltaY = this.y2 - this.y1;\n    const radians = Math.atan2(deltaY, deltaX);\n    const degrees = (radians * 180) / Math.PI;\n    return degrees < 0 ? 360 + degrees : degrees;\n  }\n\n  direction(): Direction {\n    const { x, y } = this.delta();\n    return Math.abs(x) > Math.abs(y)\n      ? { axis: 'x', direction: x > 0 ? 1 : x < 0 ? -1 : null }\n      : { axis: 'y', direction: y > 0 ? 1 : y < 0 ? -1 : null };\n  }\n\n  reset(): void {\n    this.initialTime = DEFAULT_INITIAL_TIME;\n    this.x1 = this.y1 = 0;\n    this.x2 = this.y2 = 0;\n  }\n}\n"],"names":["getFirstTouchEventData","DEFAULT_INITIAL_TIME","MILLISECONDS","UIPanGestureRecognizer","setInitialTimeOnce","initialTime","Date","now","setStartCoords","event","clientX","clientY","x1","y1","setEndCoords","x2","y2","delta","x","y","distance","Math","sqrt","pow","velocity","deltaTime","angle","deltaX","deltaY","radians","atan2","degrees","PI","direction","abs","axis","reset"],"mappings":";AAAA,SAASA,sBAAsB,QAAQ,YAAS;AAMhD,MAAMC,uBAAuB;AAC7B,MAAMC,eAAe;AAErB;;;;CAIC,GACD,OAAO,MAAMC;IAOXC,qBAA2B;QACzB,IAAI,IAAI,CAACC,WAAW,KAAKJ,sBAAsB;YAC7C,IAAI,CAACI,WAAW,GAAGC,KAAKC,GAAG;QAC7B;IACF;IAEAC,eAAeC,KAAc,EAAQ;QACnC,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGX,uBAAuBS;QACpD,IAAI,CAACG,EAAE,GAAGF;QACV,IAAI,CAACG,EAAE,GAAGF;IACZ;IAEAG,aAAaL,KAAc,EAAQ;QACjC,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGX,uBAAuBS;QACpD,IAAI,CAACM,EAAE,GAAGL;QACV,IAAI,CAACM,EAAE,GAAGL;IACZ;IAEAM,QAAgB;QACd,OAAO;YACLC,GAAG,IAAI,CAACH,EAAE,GAAG,IAAI,CAACH,EAAE;YACpBO,GAAG,IAAI,CAACH,EAAE,GAAG,IAAI,CAACH,EAAE;QACtB;IACF;IAEAO,WAAmB;QACjB,MAAM,EAAEF,CAAC,EAAEC,CAAC,EAAE,GAAG,IAAI,CAACF,KAAK;QAC3B,OAAOI,KAAKC,IAAI,CAACD,KAAKE,GAAG,CAACL,GAAG,KAAKG,KAAKE,GAAG,CAACJ,GAAG;IAChD;IAEAK,WAAmB;QACjB,MAAMC,YAAY,AAACnB,CAAAA,KAAKC,GAAG,KAAK,IAAI,CAACF,WAAW,AAAD,IAAKH;QAEpD,IAAIuB,aAAa,GAAG;YAClB,OAAO;gBAAEP,GAAG;gBAAGC,GAAG;YAAE;QACtB;QAEA,MAAM,EAAED,CAAC,EAAEC,CAAC,EAAE,GAAG,IAAI,CAACF,KAAK;QAC3B,OAAO;YAAEC,GAAGA,IAAIO;YAAWN,GAAGA,IAAIM;QAAU;IAC9C;IAEAC,QAAgB;QACd,MAAMC,SAAS,IAAI,CAACZ,EAAE,GAAG,IAAI,CAACH,EAAE;QAChC,MAAMgB,SAAS,IAAI,CAACZ,EAAE,GAAG,IAAI,CAACH,EAAE;QAChC,MAAMgB,UAAUR,KAAKS,KAAK,CAACF,QAAQD;QACnC,MAAMI,UAAU,AAACF,UAAU,MAAOR,KAAKW,EAAE;QACzC,OAAOD,UAAU,IAAI,MAAMA,UAAUA;IACvC;IAEAE,YAAuB;QACrB,MAAM,EAAEf,CAAC,EAAEC,CAAC,EAAE,GAAG,IAAI,CAACF,KAAK;QAC3B,OAAOI,KAAKa,GAAG,CAAChB,KAAKG,KAAKa,GAAG,CAACf,KAC1B;YAAEgB,MAAM;YAAKF,WAAWf,IAAI,IAAI,IAAIA,IAAI,IAAI,CAAC,IAAI;QAAK,IACtD;YAAEiB,MAAM;YAAKF,WAAWd,IAAI,IAAI,IAAIA,IAAI,IAAI,CAAC,IAAI;QAAK;IAC5D;IAEAiB,QAAc;QACZ,IAAI,CAAC/B,WAAW,GAAGJ;QACnB,IAAI,CAACW,EAAE,GAAG,IAAI,CAACC,EAAE,GAAG;QACpB,IAAI,CAACE,EAAE,GAAG,IAAI,CAACC,EAAE,GAAG;IACtB;;QAlEA,uBAAQX,eAAcJ;QACtBW,uBAAAA,MAAK;QACLC,uBAAAA,MAAK;QACLE,uBAAAA,MAAK;QACLC,uBAAAA,MAAK;;AA+DP"}

package/dist/lib/touch/index.d.ts

@@ -1,5 +1,5 @@
 export type * from './functions';
 export { getSupportedEvents, coordX, coordY, touchEnabled, rubber } from './functions';
-export type { VCoords } from './UIPanGestureRecognizer';
+export type { Direction as UIPanGestureRecognizerDirection, Coords as UIPanGestureRecognizerCoords, } from './UIPanGestureRecognizer';
 export { UIPanGestureRecognizer } from './UIPanGestureRecognizer';
 //# sourceMappingURL=index.d.ts.map

package/dist/lib/touch/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/touch/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,aAAa,CAAC;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAEvF,YAAY,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/touch/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,aAAa,CAAC;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAEvF,YAAY,EACV,SAAS,IAAI,+BAA+B,EAC5C,MAAM,IAAI,4BAA4B,GACvC,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/lib/touch/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/touch/index.ts"],"sourcesContent":["export type * from './functions';\nexport { getSupportedEvents, coordX, coordY, touchEnabled, rubber } from './functions';\n\nexport type { VCoords } from './UIPanGestureRecognizer';\nexport { UIPanGestureRecognizer } from './UIPanGestureRecognizer';\n"],"names":["getSupportedEvents","coordX","coordY","touchEnabled","rubber","UIPanGestureRecognizer"],"mappings":"AACA,SAASA,kBAAkB,EAAEC,MAAM,EAAEC,MAAM,EAAEC,YAAY,EAAEC,MAAM,QAAQ,iBAAc;AAGvF,SAASC,sBAAsB,QAAQ,8BAA2B"}
+{"version":3,"sources":["../../../src/lib/touch/index.ts"],"sourcesContent":["export type * from './functions';\nexport { getSupportedEvents, coordX, coordY, touchEnabled, rubber } from './functions';\n\nexport type {\n  Direction as UIPanGestureRecognizerDirection,\n  Coords as UIPanGestureRecognizerCoords,\n} from './UIPanGestureRecognizer';\nexport { UIPanGestureRecognizer } from './UIPanGestureRecognizer';\n"],"names":["getSupportedEvents","coordX","coordY","touchEnabled","rubber","UIPanGestureRecognizer"],"mappings":"AACA,SAASA,kBAAkB,EAAEC,MAAM,EAAEC,MAAM,EAAEC,YAAY,EAAEC,MAAM,QAAQ,iBAAc;AAMvF,SAASC,sBAAsB,QAAQ,8BAA2B"}