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

package/dist/lib/sheet/controllers/BottomSheetController.d.ts

@@ -0,0 +1,51 @@
+import type { CSSTransitionController } from './CSSTransitionController';
+export type InitialSnapPoint = 'auto' | number;
+export type SnapPointDetents = [number, number] | [number, number, number];
+export type BottomSheetControllerSnapPointData = {
+    unit: '%' | 'px';
+    currentSnapPoint: number;
+    snapPointDetents: SnapPointDetents;
+};
+export type BottomSheetControllerOptions = {
+    sheetScrollEl: HTMLElement | null;
+    sheetTransitionController: CSSTransitionController<string>;
+    backdropTransitionController: CSSTransitionController | null;
+    onDismiss: VoidFunction;
+};
+export declare class BottomSheetController {
+    private readonly sheetEl;
+    static parseInitialSnapPoint(initialSnapPoint?: InitialSnapPoint): BottomSheetControllerSnapPointData;
+    constructor(sheetEl: HTMLElement, { sheetScrollEl, sheetTransitionController, backdropTransitionController, onDismiss, }: BottomSheetControllerOptions);
+    init(initialSnapPoint?: InitialSnapPoint): void;
+    destroy(): void;
+    panStart(event: UIEvent): void;
+    panMove(event: UIEvent): void;
+    panEnd(): void;
+    private isInitialized;
+    private panState;
+    private pannedEl;
+    private sheetHeight;
+    private rafId;
+    private currentSnapPoint;
+    private nextSnapPoint;
+    private snapPointDetents;
+    private unit;
+    private get isDynamicSnapPoint();
+    private disableVerticalScrollBouncingDispose;
+    private readonly sheetScrollEl;
+    private readonly sheetTransitionController;
+    private readonly backdropTransitionController;
+    private readonly panGestureRecognizer;
+    private readonly onDismiss;
+    private calculateSnapPoint;
+    private getSnapPointTo;
+    private preventUntilPanGestureBecomesExpected;
+    private preventImmediatelyIfPannedElIsNotValid;
+    private preventUntilVerticalScrollingOnSheetScrollElBecomesExpected;
+    private preventImmediatelyIfVerticalScrollingOnPannedElIsScrolled;
+    private static disableVerticalScrollBouncingIfNeeded;
+    private static isLastSnapPointDetents;
+    private static getClosestSnapPointByDirection;
+    private static getClosestSnapPoint;
+}
+//# sourceMappingURL=BottomSheetController.d.ts.map

package/dist/lib/sheet/controllers/BottomSheetController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetController.d.ts","sourceRoot":"","sources":["../../../../src/lib/sheet/controllers/BottomSheetController.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEzE,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,MAAM,CAAC;AAE/C,MAAM,MAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAE3E,MAAM,MAAM,kCAAkC,GAAG;IAC/C,IAAI,EAAE,GAAG,GAAG,IAAI,CAAC;IACjB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,gBAAgB,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG;IACzC,aAAa,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,yBAAyB,EAAE,uBAAuB,CAAC,MAAM,CAAC,CAAC;IAC3D,4BAA4B,EAAE,uBAAuB,GAAG,IAAI,CAAC;IAC7D,SAAS,EAAE,YAAY,CAAC;CACzB,CAAC;AAEF,qBAAa,qBAAqB;IA+B9B,OAAO,CAAC,QAAQ,CAAC,OAAO;IA9B1B,MAAM,CAAC,qBAAqB,CAC1B,gBAAgB,GAAE,gBAA4C,GAC7D,kCAAkC;gBA4BlB,OAAO,EAAE,WAAW,EACrC,EACE,aAAa,EACb,yBAAyB,EACzB,4BAA4B,EAC5B,SAAS,GACV,EAAE,4BAA4B;IASjC,IAAI,CAAC,gBAAgB,CAAC,EAAE,gBAAgB;IAWxC,OAAO;IAUP,QAAQ,CAAC,KAAK,EAAE,OAAO;IAcvB,OAAO,CAAC,KAAK,EAAE,OAAO;IA4DtB,MAAM;IAeN,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,QAAQ,CAAuC;IACvD,OAAO,CAAC,QAAQ,CAA4B;IAC5C,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,KAAK,CAAuB;IACpC,OAAO,CAAC,gBAAgB,CAAK;IAC7B,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,gBAAgB,CAA4B;IACpD,OAAO,CAAC,IAAI,CAAmB;IAC/B,OAAO,KAAK,kBAAkB,GAE7B;IACD,OAAO,CAAC,oCAAoC,CAAQ;IACpD,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAqB;IACnD,OAAO,CAAC,QAAQ,CAAC,yBAAyB,CAAkC;IAC5E,OAAO,CAAC,QAAQ,CAAC,4BAA4B,CAAiC;IAC9E,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAyB;IAC9D,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAe;IAEzC,OAAO,CAAC,kBAAkB;IAqC1B,OAAO,CAAC,cAAc;IA4BtB,OAAO,CAAC,qCAAqC;IAO7C,OAAO,CAAC,sCAAsC;IAU9C,OAAO,CAAC,2DAA2D;IAmBnE,OAAO,CAAC,yDAAyD;IAoBjE,OAAO,CAAC,MAAM,CAAC,qCAAqC;IAkBpD,OAAO,CAAC,MAAM,CAAC,sBAAsB;IAOrC,OAAO,CAAC,MAAM,CAAC,8BAA8B;IAc7C,OAAO,CAAC,MAAM,CAAC,mBAAmB;CAcnC"}

package/dist/lib/sheet/controllers/BottomSheetController.js

@@ -0,0 +1,259 @@
+import { _ as _define_property } from "@swc/helpers/_/_define_property";
+import { noop } from "@vkontakte/vkjs";
+import { clamp } from "../../../helpers/math.js";
+import { inRange } from "../../../helpers/range.js";
+import { rubberbandIfOutOfBounds } from "../../animation/index.js";
+import { getNearestOverflowAncestor, hasSelectionWithRangeType } from "../../dom.js";
+import { UIPanGestureRecognizer } from "../../touch/UIPanGestureRecognizer.js";
+import { BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE_KEY, DRAG_THRESHOLDS, DYNAMIC_SNAP_POINT_DATA, SNAP_POINT_DETENTS, SNAP_POINT_SAFE_RANGE } from "../constants.js";
+export class BottomSheetController {
+    static parseInitialSnapPoint(initialSnapPoint = SNAP_POINT_DETENTS.MEDIUM) {
+        if (initialSnapPoint === 'auto') {
+            return {
+                unit: 'px',
+                currentSnapPoint: DYNAMIC_SNAP_POINT_DATA.IDLE_POINT_VALUE,
+                snapPointDetents: [
+                    SNAP_POINT_DETENTS.MIN,
+                    DYNAMIC_SNAP_POINT_DATA.IDLE_POINT_VALUE
+                ]
+            };
+        }
+        const currentSnapPoint = Math.min(Math.max(initialSnapPoint, SNAP_POINT_SAFE_RANGE.LOWER), SNAP_POINT_DETENTS.LARGE);
+        return {
+            unit: '%',
+            currentSnapPoint,
+            snapPointDetents: inRange(currentSnapPoint, SNAP_POINT_SAFE_RANGE.LOWER, SNAP_POINT_SAFE_RANGE.HIGHEST) ? [
+                SNAP_POINT_DETENTS.MIN,
+                currentSnapPoint,
+                SNAP_POINT_DETENTS.LARGE
+            ] : [
+                SNAP_POINT_DETENTS.MIN,
+                currentSnapPoint
+            ]
+        };
+    }
+    init(initialSnapPoint) {
+        this.isInitialized = true;
+        const { unit, currentSnapPoint, snapPointDetents } = BottomSheetController.parseInitialSnapPoint(initialSnapPoint);
+        this.unit = unit;
+        this.currentSnapPoint = currentSnapPoint;
+        this.snapPointDetents = snapPointDetents;
+    }
+    destroy() {
+        var _this_backdropTransitionController;
+        this.isInitialized = false;
+        this.pannedEl = null;
+        this.sheetTransitionController.cleanup();
+        (_this_backdropTransitionController = this.backdropTransitionController) === null || _this_backdropTransitionController === void 0 ? void 0 : _this_backdropTransitionController.cleanup();
+        this.disableVerticalScrollBouncingDispose();
+        this.disableVerticalScrollBouncingDispose = noop;
+    }
+    panStart(event) {
+        if (!this.isInitialized || this.panState !== 'idle' || hasSelectionWithRangeType(event.target)) {
+            return;
+        }
+        this.panState = 'start';
+        this.pannedEl = event.target;
+        this.panGestureRecognizer.setStartCoords(event);
+    }
+    panMove(event) {
+        switch(this.panState){
+            case 'start':
+                this.panGestureRecognizer.setInitialTimeOnce();
+                this.panGestureRecognizer.setEndCoords(event);
+                if (this.preventUntilPanGestureBecomesExpected()) {
+                    return;
+                }
+                if (this.preventImmediatelyIfPannedElIsNotValid()) {
+                    this.panState = 'idle';
+                    return;
+                }
+                if (this.preventUntilVerticalScrollingOnSheetScrollElBecomesExpected()) {
+                    return;
+                }
+                if (this.preventImmediatelyIfVerticalScrollingOnPannedElIsScrolled()) {
+                    this.panState = 'idle';
+                    return;
+                }
+                this.panState = 'moving';
+                this.panGestureRecognizer.setStartCoords(event);
+                this.sheetHeight = this.sheetEl.offsetHeight;
+                this.disableVerticalScrollBouncingDispose = BottomSheetController.disableVerticalScrollBouncingIfNeeded(this.sheetScrollEl, this.pannedEl);
+                if (this.isDynamicSnapPoint) {
+                    this.currentSnapPoint = this.sheetHeight;
+                    this.snapPointDetents[DYNAMIC_SNAP_POINT_DATA.COMPUTED_INDEX] = this.sheetHeight;
+                }
+                break;
+            case 'moving':
+                if (event.cancelable) {
+                    event.preventDefault();
+                }
+                this.panGestureRecognizer.setEndCoords(event);
+                const { y1, y2 } = this.panGestureRecognizer;
+                this.nextSnapPoint = rubberbandIfOutOfBounds(this.currentSnapPoint - (y2 - y1) / this.sheetHeight * this.currentSnapPoint, SNAP_POINT_DETENTS.MIN, this.isDynamicSnapPoint ? this.sheetHeight : SNAP_POINT_DETENTS.LARGE);
+                this.calculateSnapPoint(this.nextSnapPoint, true);
+                break;
+        }
+    }
+    panEnd() {
+        switch(this.panState){
+            case 'moving':
+                this.currentSnapPoint = this.getSnapPointTo(this.nextSnapPoint);
+                this.calculateSnapPoint(this.currentSnapPoint);
+                break;
+        }
+        this.panState = 'idle';
+        this.panGestureRecognizer.reset();
+        this.disableVerticalScrollBouncingDispose();
+        this.disableVerticalScrollBouncingDispose = noop;
+    }
+    get isDynamicSnapPoint() {
+        return this.unit === 'px';
+    }
+    calculateSnapPoint(nextSnapPoint, immediately = false) {
+        if (this.rafId !== null) {
+            cancelAnimationFrame(this.rafId);
+        }
+        if (nextSnapPoint <= SNAP_POINT_DETENTS.MIN) {
+            var _this_backdropTransitionController;
+            this.sheetTransitionController.enableTransition();
+            (_this_backdropTransitionController = this.backdropTransitionController) === null || _this_backdropTransitionController === void 0 ? void 0 : _this_backdropTransitionController.enableTransition();
+            this.panState = 'idle';
+            this.onDismiss();
+            return;
+        }
+        const backdropOpacity = clamp(this.isDynamicSnapPoint ? nextSnapPoint / this.sheetHeight : nextSnapPoint * 2 / SNAP_POINT_DETENTS.LARGE, 0, 1);
+        this.rafId = requestAnimationFrame(()=>{
+            var _this_backdropTransitionController;
+            if (immediately) {
+                var _this_backdropTransitionController1;
+                (_this_backdropTransitionController1 = this.backdropTransitionController) === null || _this_backdropTransitionController1 === void 0 ? void 0 : _this_backdropTransitionController1.disableTransition().set(backdropOpacity);
+                this.sheetTransitionController.disableTransition().set(`${nextSnapPoint}${this.unit}`);
+                return;
+            }
+            if (this.isDynamicSnapPoint) {
+                this.sheetTransitionController.cleanupOnTransitionEnd();
+            }
+            (_this_backdropTransitionController = this.backdropTransitionController) === null || _this_backdropTransitionController === void 0 ? void 0 : _this_backdropTransitionController.unset();
+            this.sheetTransitionController.enableTransition().set(`${this.currentSnapPoint}${this.unit}`);
+        });
+    }
+    getSnapPointTo(nextSnapPoint) {
+        const closestSnapPoint = BottomSheetController.getClosestSnapPoint(this.snapPointDetents, nextSnapPoint);
+        if (closestSnapPoint !== this.currentSnapPoint) {
+            return closestSnapPoint;
+        }
+        const panDirection = this.panGestureRecognizer.direction();
+        if (panDirection.axis !== 'y' || panDirection.direction === null) {
+            return this.currentSnapPoint;
+        }
+        const velocity = this.panGestureRecognizer.velocity();
+        if (Math.abs(velocity.y) < DRAG_THRESHOLDS.VELOCITY) {
+            return this.currentSnapPoint;
+        }
+        const closestSnapPointByDirection = BottomSheetController.getClosestSnapPointByDirection(this.snapPointDetents, closestSnapPoint, panDirection.direction);
+        return closestSnapPointByDirection;
+    }
+    preventUntilPanGestureBecomesExpected() {
+        return this.panGestureRecognizer.direction().axis === 'x' || this.panGestureRecognizer.distance() < DRAG_THRESHOLDS.DISTANCE_FOR_MOVING_START;
+    }
+    preventImmediatelyIfPannedElIsNotValid() {
+        return this.pannedEl === null || // Элемент со специальным атрибутом
+        this.pannedEl.closest(`[${BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE_KEY}=true]`) !== null || // eslint-disable-line no-restricted-properties
+        // Элемент за пределами панели.
+        !this.sheetEl.contains(this.pannedEl);
+    }
+    preventUntilVerticalScrollingOnSheetScrollElBecomesExpected() {
+        if (this.sheetScrollEl === null || !this.sheetScrollEl.contains(this.pannedEl) || this.sheetScrollEl.scrollHeight <= this.sheetScrollEl.clientHeight) {
+            return false;
+        }
+        if (this.sheetScrollEl.scrollTop === 0) {
+            return this.panGestureRecognizer.direction().direction === -1 && BottomSheetController.isLastSnapPointDetents(this.snapPointDetents, this.currentSnapPoint);
+        }
+        return true;
+    }
+    preventImmediatelyIfVerticalScrollingOnPannedElIsScrolled() {
+        if (this.pannedEl === null || this.sheetScrollEl === this.pannedEl) {
+            return false;
+        }
+        const overflowAncestor = getNearestOverflowAncestor(this.pannedEl, this.sheetEl);
+        if (overflowAncestor === null || this.sheetScrollEl === overflowAncestor || overflowAncestor.scrollHeight <= overflowAncestor.clientHeight) {
+            return false;
+        }
+        return overflowAncestor.scrollTop !== 0 || this.panGestureRecognizer.direction().direction === -1;
+    }
+    static disableVerticalScrollBouncingIfNeeded(sheetScrollEl, targetEl) {
+        if (sheetScrollEl !== null && sheetScrollEl.scrollTop <= 0 && sheetScrollEl.contains(targetEl) && sheetScrollEl.scrollHeight > sheetScrollEl.clientHeight) {
+            sheetScrollEl.style.setProperty('overflow-y', 'hidden');
+            return function dispose() {
+                sheetScrollEl.style.removeProperty('overflow-y');
+            };
+        }
+        return noop;
+    }
+    static isLastSnapPointDetents(snapPointDetents, currentY) {
+        return currentY === snapPointDetents[snapPointDetents.length - 1];
+    }
+    static getClosestSnapPointByDirection(snapPointDetents, currentY, direction) {
+        const foundIndex = snapPointDetents.findIndex((i)=>i === currentY);
+        switch(direction){
+            case -1:
+                var _snapPointDetents_;
+                return (_snapPointDetents_ = snapPointDetents[foundIndex + 1]) !== null && _snapPointDetents_ !== void 0 ? _snapPointDetents_ : snapPointDetents[snapPointDetents.length - 1];
+            case 1:
+                var _snapPointDetents_1;
+                return (_snapPointDetents_1 = snapPointDetents[foundIndex - 1]) !== null && _snapPointDetents_1 !== void 0 ? _snapPointDetents_1 : snapPointDetents[0];
+        }
+    }
+    static getClosestSnapPoint(snapPointDetents, currentY) {
+        let closest = snapPointDetents[0];
+        let minDifference = Math.abs(snapPointDetents[0] - currentY);
+        for(let i = 1; i < snapPointDetents.length; i += 1){
+            const difference = Math.abs(snapPointDetents[i] - currentY);
+            if (difference < minDifference) {
+                closest = snapPointDetents[i];
+                minDifference = difference;
+            }
+        }
+        return closest;
+    }
+    constructor(sheetEl, { sheetScrollEl, sheetTransitionController, backdropTransitionController, onDismiss }){
+        _define_property(this, "sheetEl", void 0);
+        _define_property(this, "isInitialized", void 0);
+        _define_property(this, "panState", void 0);
+        _define_property(this, "pannedEl", void 0);
+        _define_property(this, "sheetHeight", void 0);
+        _define_property(this, "rafId", void 0);
+        _define_property(this, "currentSnapPoint", void 0);
+        _define_property(this, "nextSnapPoint", void 0);
+        _define_property(this, "snapPointDetents", void 0);
+        _define_property(this, "unit", void 0);
+        _define_property(this, "disableVerticalScrollBouncingDispose", void 0);
+        _define_property(this, "sheetScrollEl", void 0);
+        _define_property(this, "sheetTransitionController", void 0);
+        _define_property(this, "backdropTransitionController", void 0);
+        _define_property(this, "panGestureRecognizer", void 0);
+        _define_property(this, "onDismiss", void 0);
+        this.sheetEl = sheetEl;
+        this.isInitialized = false;
+        this.panState = 'idle';
+        this.pannedEl = null;
+        this.sheetHeight = 0;
+        this.rafId = null;
+        this.currentSnapPoint = 0;
+        this.nextSnapPoint = 0;
+        this.snapPointDetents = [
+            0,
+            0
+        ];
+        this.unit = '%';
+        this.disableVerticalScrollBouncingDispose = noop;
+        this.onDismiss = onDismiss;
+        this.panGestureRecognizer = new UIPanGestureRecognizer();
+        this.sheetScrollEl = sheetScrollEl;
+        this.sheetTransitionController = sheetTransitionController;
+        this.backdropTransitionController = backdropTransitionController;
+    }
+}
+
+//# sourceMappingURL=BottomSheetController.js.map

package/dist/lib/sheet/controllers/BottomSheetController.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/lib/sheet/controllers/BottomSheetController.ts"],"sourcesContent":["import { noop } from '@vkontakte/vkjs';\nimport { clamp } from '../../../helpers/math';\nimport { inRange } from '../../../helpers/range';\nimport { rubberbandIfOutOfBounds } from '../../animation';\nimport { getNearestOverflowAncestor, hasSelectionWithRangeType } from '../../dom';\nimport { UIPanGestureRecognizer } from '../../touch/UIPanGestureRecognizer';\nimport {\n  BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE_KEY,\n  DRAG_THRESHOLDS,\n  DYNAMIC_SNAP_POINT_DATA,\n  SNAP_POINT_DETENTS,\n  SNAP_POINT_SAFE_RANGE,\n} from '../constants';\nimport type { CSSTransitionController } from './CSSTransitionController';\n\nexport type InitialSnapPoint = 'auto' | number;\n\nexport type SnapPointDetents = [number, number] | [number, number, number];\n\nexport type BottomSheetControllerSnapPointData = {\n  unit: '%' | 'px';\n  currentSnapPoint: number;\n  snapPointDetents: SnapPointDetents;\n};\n\nexport type BottomSheetControllerOptions = {\n  sheetScrollEl: HTMLElement | null;\n  sheetTransitionController: CSSTransitionController<string>;\n  backdropTransitionController: CSSTransitionController | null;\n  onDismiss: VoidFunction;\n};\n\nexport class BottomSheetController {\n  static parseInitialSnapPoint(\n    initialSnapPoint: InitialSnapPoint = SNAP_POINT_DETENTS.MEDIUM,\n  ): BottomSheetControllerSnapPointData {\n    if (initialSnapPoint === 'auto') {\n      return {\n        unit: 'px',\n        currentSnapPoint: DYNAMIC_SNAP_POINT_DATA.IDLE_POINT_VALUE,\n        snapPointDetents: [SNAP_POINT_DETENTS.MIN, DYNAMIC_SNAP_POINT_DATA.IDLE_POINT_VALUE],\n      };\n    }\n\n    const currentSnapPoint = Math.min(\n      Math.max(initialSnapPoint, SNAP_POINT_SAFE_RANGE.LOWER),\n      SNAP_POINT_DETENTS.LARGE,\n    );\n\n    return {\n      unit: '%',\n      currentSnapPoint,\n      snapPointDetents: inRange(\n        currentSnapPoint,\n        SNAP_POINT_SAFE_RANGE.LOWER,\n        SNAP_POINT_SAFE_RANGE.HIGHEST,\n      )\n        ? [SNAP_POINT_DETENTS.MIN, currentSnapPoint, SNAP_POINT_DETENTS.LARGE]\n        : [SNAP_POINT_DETENTS.MIN, currentSnapPoint],\n    };\n  }\n\n  constructor(\n    private readonly sheetEl: HTMLElement,\n    {\n      sheetScrollEl,\n      sheetTransitionController,\n      backdropTransitionController,\n      onDismiss,\n    }: BottomSheetControllerOptions,\n  ) {\n    this.onDismiss = onDismiss;\n    this.panGestureRecognizer = new UIPanGestureRecognizer();\n    this.sheetScrollEl = sheetScrollEl;\n    this.sheetTransitionController = sheetTransitionController;\n    this.backdropTransitionController = backdropTransitionController;\n  }\n\n  init(initialSnapPoint?: InitialSnapPoint) {\n    this.isInitialized = true;\n\n    const { unit, currentSnapPoint, snapPointDetents } =\n      BottomSheetController.parseInitialSnapPoint(initialSnapPoint);\n\n    this.unit = unit;\n    this.currentSnapPoint = currentSnapPoint;\n    this.snapPointDetents = snapPointDetents;\n  }\n\n  destroy() {\n    this.isInitialized = false;\n    this.pannedEl = null;\n    this.sheetTransitionController.cleanup();\n    this.backdropTransitionController?.cleanup();\n\n    this.disableVerticalScrollBouncingDispose();\n    this.disableVerticalScrollBouncingDispose = noop;\n  }\n\n  panStart(event: UIEvent) {\n    if (\n      !this.isInitialized ||\n      this.panState !== 'idle' ||\n      hasSelectionWithRangeType(event.target)\n    ) {\n      return;\n    }\n\n    this.panState = 'start';\n    this.pannedEl = event.target as HTMLElement;\n    this.panGestureRecognizer.setStartCoords(event);\n  }\n\n  panMove(event: UIEvent) {\n    switch (this.panState) {\n      case 'start':\n        this.panGestureRecognizer.setInitialTimeOnce();\n        this.panGestureRecognizer.setEndCoords(event);\n\n        if (this.preventUntilPanGestureBecomesExpected()) {\n          return;\n        }\n\n        if (this.preventImmediatelyIfPannedElIsNotValid()) {\n          this.panState = 'idle';\n          return;\n        }\n\n        if (this.preventUntilVerticalScrollingOnSheetScrollElBecomesExpected()) {\n          return;\n        }\n\n        if (this.preventImmediatelyIfVerticalScrollingOnPannedElIsScrolled()) {\n          this.panState = 'idle';\n          return;\n        }\n\n        this.panState = 'moving';\n        this.panGestureRecognizer.setStartCoords(event);\n\n        this.sheetHeight = this.sheetEl.offsetHeight;\n\n        this.disableVerticalScrollBouncingDispose =\n          BottomSheetController.disableVerticalScrollBouncingIfNeeded(\n            this.sheetScrollEl,\n            this.pannedEl,\n          );\n\n        if (this.isDynamicSnapPoint) {\n          this.currentSnapPoint = this.sheetHeight;\n          this.snapPointDetents[DYNAMIC_SNAP_POINT_DATA.COMPUTED_INDEX] = this.sheetHeight;\n        }\n        break;\n      case 'moving':\n        if (event.cancelable) {\n          event.preventDefault();\n        }\n\n        this.panGestureRecognizer.setEndCoords(event);\n\n        const { y1, y2 } = this.panGestureRecognizer;\n\n        this.nextSnapPoint = rubberbandIfOutOfBounds(\n          this.currentSnapPoint - ((y2 - y1) / this.sheetHeight) * this.currentSnapPoint,\n          SNAP_POINT_DETENTS.MIN,\n          this.isDynamicSnapPoint ? this.sheetHeight : SNAP_POINT_DETENTS.LARGE,\n        );\n\n        this.calculateSnapPoint(this.nextSnapPoint, true);\n        break;\n    }\n  }\n\n  panEnd() {\n    switch (this.panState) {\n      case 'moving':\n        this.currentSnapPoint = this.getSnapPointTo(this.nextSnapPoint);\n        this.calculateSnapPoint(this.currentSnapPoint);\n        break;\n    }\n\n    this.panState = 'idle';\n    this.panGestureRecognizer.reset();\n\n    this.disableVerticalScrollBouncingDispose();\n    this.disableVerticalScrollBouncingDispose = noop;\n  }\n\n  private isInitialized = false;\n  private panState: 'idle' | 'start' | 'moving' = 'idle';\n  private pannedEl: HTMLElement | null = null;\n  private sheetHeight = 0;\n  private rafId: number | null = null;\n  private currentSnapPoint = 0;\n  private nextSnapPoint = 0;\n  private snapPointDetents: SnapPointDetents = [0, 0];\n  private unit: 'px' | '%' = '%';\n  private get isDynamicSnapPoint() {\n    return this.unit === 'px';\n  }\n  private disableVerticalScrollBouncingDispose = noop;\n  private readonly sheetScrollEl: HTMLElement | null;\n  private readonly sheetTransitionController: CSSTransitionController<string>;\n  private readonly backdropTransitionController: CSSTransitionController | null;\n  private readonly panGestureRecognizer: UIPanGestureRecognizer;\n  private readonly onDismiss: VoidFunction;\n\n  private calculateSnapPoint(nextSnapPoint: number, immediately = false) {\n    if (this.rafId !== null) {\n      cancelAnimationFrame(this.rafId);\n    }\n\n    if (nextSnapPoint <= SNAP_POINT_DETENTS.MIN) {\n      this.sheetTransitionController.enableTransition();\n      this.backdropTransitionController?.enableTransition();\n      this.panState = 'idle';\n      this.onDismiss();\n      return;\n    }\n\n    const backdropOpacity = clamp(\n      this.isDynamicSnapPoint\n        ? nextSnapPoint / this.sheetHeight\n        : (nextSnapPoint * 2) / SNAP_POINT_DETENTS.LARGE,\n      0,\n      1,\n    );\n\n    this.rafId = requestAnimationFrame(() => {\n      if (immediately) {\n        this.backdropTransitionController?.disableTransition().set(backdropOpacity);\n        this.sheetTransitionController.disableTransition().set(`${nextSnapPoint}${this.unit}`);\n        return;\n      }\n\n      if (this.isDynamicSnapPoint) {\n        this.sheetTransitionController.cleanupOnTransitionEnd();\n      }\n\n      this.backdropTransitionController?.unset();\n      this.sheetTransitionController.enableTransition().set(`${this.currentSnapPoint}${this.unit}`);\n    });\n  }\n\n  private getSnapPointTo(nextSnapPoint: number) {\n    const closestSnapPoint = BottomSheetController.getClosestSnapPoint(\n      this.snapPointDetents,\n      nextSnapPoint,\n    );\n    if (closestSnapPoint !== this.currentSnapPoint) {\n      return closestSnapPoint;\n    }\n\n    const panDirection = this.panGestureRecognizer.direction();\n    if (panDirection.axis !== 'y' || panDirection.direction === null) {\n      return this.currentSnapPoint;\n    }\n\n    const velocity = this.panGestureRecognizer.velocity();\n    if (Math.abs(velocity.y) < DRAG_THRESHOLDS.VELOCITY) {\n      return this.currentSnapPoint;\n    }\n\n    const closestSnapPointByDirection = BottomSheetController.getClosestSnapPointByDirection(\n      this.snapPointDetents,\n      closestSnapPoint,\n      panDirection.direction,\n    );\n\n    return closestSnapPointByDirection;\n  }\n\n  private preventUntilPanGestureBecomesExpected() {\n    return (\n      this.panGestureRecognizer.direction().axis === 'x' ||\n      this.panGestureRecognizer.distance() < DRAG_THRESHOLDS.DISTANCE_FOR_MOVING_START\n    );\n  }\n\n  private preventImmediatelyIfPannedElIsNotValid() {\n    return (\n      this.pannedEl === null ||\n      // Элемент со специальным атрибутом\n      this.pannedEl.closest(`[${BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE_KEY}=true]`) !== null || // eslint-disable-line no-restricted-properties\n      // Элемент за пределами панели.\n      !this.sheetEl.contains(this.pannedEl)\n    );\n  }\n\n  private preventUntilVerticalScrollingOnSheetScrollElBecomesExpected() {\n    if (\n      this.sheetScrollEl === null ||\n      !this.sheetScrollEl.contains(this.pannedEl) ||\n      this.sheetScrollEl.scrollHeight <= this.sheetScrollEl.clientHeight\n    ) {\n      return false;\n    }\n\n    if (this.sheetScrollEl.scrollTop === 0) {\n      return (\n        this.panGestureRecognizer.direction().direction === -1 &&\n        BottomSheetController.isLastSnapPointDetents(this.snapPointDetents, this.currentSnapPoint)\n      );\n    }\n\n    return true;\n  }\n\n  private preventImmediatelyIfVerticalScrollingOnPannedElIsScrolled() {\n    if (this.pannedEl === null || this.sheetScrollEl === this.pannedEl) {\n      return false;\n    }\n\n    const overflowAncestor = getNearestOverflowAncestor(this.pannedEl, this.sheetEl);\n\n    if (\n      overflowAncestor === null ||\n      this.sheetScrollEl === overflowAncestor ||\n      overflowAncestor.scrollHeight <= overflowAncestor.clientHeight\n    ) {\n      return false;\n    }\n\n    return (\n      overflowAncestor.scrollTop !== 0 || this.panGestureRecognizer.direction().direction === -1\n    );\n  }\n\n  private static disableVerticalScrollBouncingIfNeeded(\n    sheetScrollEl: HTMLElement | null,\n    targetEl: HTMLElement | null,\n  ) {\n    if (\n      sheetScrollEl !== null &&\n      sheetScrollEl.scrollTop <= 0 &&\n      sheetScrollEl.contains(targetEl) &&\n      sheetScrollEl.scrollHeight > sheetScrollEl.clientHeight\n    ) {\n      sheetScrollEl.style.setProperty('overflow-y', 'hidden');\n      return function dispose() {\n        sheetScrollEl.style.removeProperty('overflow-y');\n      };\n    }\n    return noop;\n  }\n\n  private static isLastSnapPointDetents(\n    snapPointDetents: SnapPointDetents,\n    currentY: number,\n  ): boolean {\n    return currentY === snapPointDetents[snapPointDetents.length - 1];\n  }\n\n  private static getClosestSnapPointByDirection(\n    snapPointDetents: SnapPointDetents,\n    currentY: number,\n    direction: -1 | 1,\n  ): number {\n    const foundIndex = snapPointDetents.findIndex((i) => i === currentY);\n    switch (direction) {\n      case -1:\n        return snapPointDetents[foundIndex + 1] ?? snapPointDetents[snapPointDetents.length - 1];\n      case 1:\n        return snapPointDetents[foundIndex - 1] ?? snapPointDetents[0];\n    }\n  }\n\n  private static getClosestSnapPoint(snapPointDetents: SnapPointDetents, currentY: number) {\n    let closest = snapPointDetents[0];\n    let minDifference = Math.abs(snapPointDetents[0] - currentY);\n\n    for (let i = 1; i < snapPointDetents.length; i += 1) {\n      const difference = Math.abs(snapPointDetents[i] - currentY);\n      if (difference < minDifference) {\n        closest = snapPointDetents[i];\n        minDifference = difference;\n      }\n    }\n\n    return closest;\n  }\n}\n"],"names":["noop","clamp","inRange","rubberbandIfOutOfBounds","getNearestOverflowAncestor","hasSelectionWithRangeType","UIPanGestureRecognizer","BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE_KEY","DRAG_THRESHOLDS","DYNAMIC_SNAP_POINT_DATA","SNAP_POINT_DETENTS","SNAP_POINT_SAFE_RANGE","BottomSheetController","parseInitialSnapPoint","initialSnapPoint","MEDIUM","unit","currentSnapPoint","IDLE_POINT_VALUE","snapPointDetents","MIN","Math","min","max","LOWER","LARGE","HIGHEST","init","isInitialized","destroy","pannedEl","sheetTransitionController","cleanup","backdropTransitionController","disableVerticalScrollBouncingDispose","panStart","event","panState","target","panGestureRecognizer","setStartCoords","panMove","setInitialTimeOnce","setEndCoords","preventUntilPanGestureBecomesExpected","preventImmediatelyIfPannedElIsNotValid","preventUntilVerticalScrollingOnSheetScrollElBecomesExpected","preventImmediatelyIfVerticalScrollingOnPannedElIsScrolled","sheetHeight","sheetEl","offsetHeight","disableVerticalScrollBouncingIfNeeded","sheetScrollEl","isDynamicSnapPoint","COMPUTED_INDEX","cancelable","preventDefault","y1","y2","nextSnapPoint","calculateSnapPoint","panEnd","getSnapPointTo","reset","immediately","rafId","cancelAnimationFrame","enableTransition","onDismiss","backdropOpacity","requestAnimationFrame","disableTransition","set","cleanupOnTransitionEnd","unset","closestSnapPoint","getClosestSnapPoint","panDirection","direction","axis","velocity","abs","y","VELOCITY","closestSnapPointByDirection","getClosestSnapPointByDirection","distance","DISTANCE_FOR_MOVING_START","closest","contains","scrollHeight","clientHeight","scrollTop","isLastSnapPointDetents","overflowAncestor","targetEl","style","setProperty","dispose","removeProperty","currentY","length","foundIndex","findIndex","i","minDifference","difference","constructor"],"mappings":"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"}

package/dist/lib/sheet/controllers/CSSTransitionController.d.ts

@@ -0,0 +1,14 @@
+export type CSSTransitionControllerUnit = 'px' | '%' | '';
+export declare class CSSTransitionController<V extends number | string = number> {
+    readonly el: HTMLElement;
+    readonly property: string;
+    constructor(el: HTMLElement, property: string);
+    set(to: V): this;
+    unset(from?: V): this;
+    enableTransition(): this;
+    disableTransition(): this;
+    cleanup(): this;
+    cleanupOnTransitionEnd(): this;
+    private readonly handleTransitionEnd;
+}
+//# sourceMappingURL=CSSTransitionController.d.ts.map

package/dist/lib/sheet/controllers/CSSTransitionController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CSSTransitionController.d.ts","sourceRoot":"","sources":["../../../../src/lib/sheet/controllers/CSSTransitionController.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,2BAA2B,GAAG,IAAI,GAAG,GAAG,GAAG,EAAE,CAAC;AAE1D,qBAAa,uBAAuB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM;aAEnD,EAAE,EAAE,WAAW;aACf,QAAQ,EAAE,MAAM;gBADhB,EAAE,EAAE,WAAW,EACf,QAAQ,EAAE,MAAM;IAGlC,GAAG,CAAC,EAAE,EAAE,CAAC;IAKT,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;IAWd,gBAAgB;IAKhB,iBAAiB;IAKjB,OAAO;IAOP,sBAAsB;IAKtB,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAGlC;CACH"}

package/dist/lib/sheet/controllers/CSSTransitionController.js

@@ -0,0 +1,51 @@
+import { _ as _define_property } from "@swc/helpers/_/_define_property";
+export class CSSTransitionController {
+    set(to) {
+        this.el.style.setProperty(this.property, `${to}`);
+        return this;
+    }
+    unset(from) {
+        if (from !== undefined) {
+            this.el.addEventListener('transitionend', this.handleTransitionEnd, {
+                once: true
+            });
+            this.enableTransition();
+            this.el.style.setProperty(this.property, `${from}`);
+            return this;
+        }
+        return this.cleanup();
+    }
+    enableTransition() {
+        this.el.style.removeProperty('transition');
+        return this;
+    }
+    disableTransition() {
+        this.el.style.setProperty('transition', 'none');
+        return this;
+    }
+    cleanup() {
+        this.el.removeEventListener('transitionend', this.handleTransitionEnd);
+        this.el.style.removeProperty('transition');
+        this.el.style.removeProperty(this.property);
+        return this;
+    }
+    cleanupOnTransitionEnd() {
+        this.el.addEventListener('transitionend', this.handleTransitionEnd, {
+            once: true
+        });
+        return this;
+    }
+    constructor(el, property){
+        _define_property(this, "el", void 0);
+        _define_property(this, "property", void 0);
+        _define_property(this, "handleTransitionEnd", void 0);
+        this.el = el;
+        this.property = property;
+        this.handleTransitionEnd = ()=>{
+            this.cleanup();
+            return this;
+        };
+    }
+}
+
+//# sourceMappingURL=CSSTransitionController.js.map

package/dist/lib/sheet/controllers/CSSTransitionController.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/lib/sheet/controllers/CSSTransitionController.ts"],"sourcesContent":["export type CSSTransitionControllerUnit = 'px' | '%' | '';\n\nexport class CSSTransitionController<V extends number | string = number> {\n  constructor(\n    public readonly el: HTMLElement,\n    public readonly property: string,\n  ) {}\n\n  set(to: V) {\n    this.el.style.setProperty(this.property, `${to}`);\n    return this;\n  }\n\n  unset(from?: V) {\n    if (from !== undefined) {\n      this.el.addEventListener('transitionend', this.handleTransitionEnd, { once: true });\n      this.enableTransition();\n      this.el.style.setProperty(this.property, `${from}`);\n      return this;\n    }\n\n    return this.cleanup();\n  }\n\n  enableTransition() {\n    this.el.style.removeProperty('transition');\n    return this;\n  }\n\n  disableTransition() {\n    this.el.style.setProperty('transition', 'none');\n    return this;\n  }\n\n  cleanup() {\n    this.el.removeEventListener('transitionend', this.handleTransitionEnd);\n    this.el.style.removeProperty('transition');\n    this.el.style.removeProperty(this.property);\n    return this;\n  }\n\n  cleanupOnTransitionEnd() {\n    this.el.addEventListener('transitionend', this.handleTransitionEnd, { once: true });\n    return this;\n  }\n\n  private readonly handleTransitionEnd = () => {\n    this.cleanup();\n    return this;\n  };\n}\n"],"names":["CSSTransitionController","set","to","el","style","setProperty","property","unset","from","undefined","addEventListener","handleTransitionEnd","once","enableTransition","cleanup","removeProperty","disableTransition","removeEventListener","cleanupOnTransitionEnd","constructor"],"mappings":";AAEA,OAAO,MAAMA;IAMXC,IAAIC,EAAK,EAAE;QACT,IAAI,CAACC,EAAE,CAACC,KAAK,CAACC,WAAW,CAAC,IAAI,CAACC,QAAQ,EAAE,GAAGJ,IAAI;QAChD,OAAO,IAAI;IACb;IAEAK,MAAMC,IAAQ,EAAE;QACd,IAAIA,SAASC,WAAW;YACtB,IAAI,CAACN,EAAE,CAACO,gBAAgB,CAAC,iBAAiB,IAAI,CAACC,mBAAmB,EAAE;gBAAEC,MAAM;YAAK;YACjF,IAAI,CAACC,gBAAgB;YACrB,IAAI,CAACV,EAAE,CAACC,KAAK,CAACC,WAAW,CAAC,IAAI,CAACC,QAAQ,EAAE,GAAGE,MAAM;YAClD,OAAO,IAAI;QACb;QAEA,OAAO,IAAI,CAACM,OAAO;IACrB;IAEAD,mBAAmB;QACjB,IAAI,CAACV,EAAE,CAACC,KAAK,CAACW,cAAc,CAAC;QAC7B,OAAO,IAAI;IACb;IAEAC,oBAAoB;QAClB,IAAI,CAACb,EAAE,CAACC,KAAK,CAACC,WAAW,CAAC,cAAc;QACxC,OAAO,IAAI;IACb;IAEAS,UAAU;QACR,IAAI,CAACX,EAAE,CAACc,mBAAmB,CAAC,iBAAiB,IAAI,CAACN,mBAAmB;QACrE,IAAI,CAACR,EAAE,CAACC,KAAK,CAACW,cAAc,CAAC;QAC7B,IAAI,CAACZ,EAAE,CAACC,KAAK,CAACW,cAAc,CAAC,IAAI,CAACT,QAAQ;QAC1C,OAAO,IAAI;IACb;IAEAY,yBAAyB;QACvB,IAAI,CAACf,EAAE,CAACO,gBAAgB,CAAC,iBAAiB,IAAI,CAACC,mBAAmB,EAAE;YAAEC,MAAM;QAAK;QACjF,OAAO,IAAI;IACb;IAzCAO,YACE,AAAgBhB,EAAe,EAC/B,AAAgBG,QAAgB,CAChC;;;QAwCF,uBAAiBK,uBAAjB,KAAA;aA1CkBR,KAAAA;aACAG,WAAAA;aAyCDK,sBAAsB;YACrC,IAAI,CAACG,OAAO;YACZ,OAAO,IAAI;QACb;IA3CG;AA4CL"}

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

@@ -0,0 +1,3 @@
+export { BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE_KEY, BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE, } from './constants';
+export { type UseBottomSheetOptions, type UseBottomSheetHandlers, type UseBottomSheetResult, useBottomSheet, } from './useBottomSheet';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/sheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uCAAuC,EACvC,mCAAmC,GACpC,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EACzB,cAAc,GACf,MAAM,kBAAkB,CAAC"}

package/dist/lib/sheet/index.js

@@ -0,0 +1,4 @@
+export { BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE_KEY, BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE } from "./constants.js";
+export { useBottomSheet } from "./useBottomSheet.js";
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/sheet/index.ts"],"sourcesContent":["export {\n  BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE_KEY,\n  BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE,\n} from './constants';\nexport {\n  type UseBottomSheetOptions,\n  type UseBottomSheetHandlers,\n  type UseBottomSheetResult,\n  useBottomSheet,\n} from './useBottomSheet';\n"],"names":["BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE_KEY","BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE","useBottomSheet"],"mappings":"AAAA,SACEA,uCAAuC,EACvCC,mCAAmC,QAC9B,iBAAc;AACrB,SAIEC,cAAc,QACT,sBAAmB"}

package/dist/lib/sheet/useBottomSheet.d.ts

@@ -0,0 +1,56 @@
+import { type CSSProperties, type Dispatch, type SetStateAction, type UIEventHandler } from 'react';
+import { type InitialSnapPoint } from './controllers/BottomSheetController';
+export type UseBottomSheetOptions = {
+    sheetCSSProperty: string;
+    backdropCSSProperty: string;
+    initialSnapPoint?: InitialSnapPoint;
+    blocked?: boolean;
+    onDismiss?: VoidFunction;
+};
+export type UseBottomSheetHandlers = {
+    onTouchStart: UIEventHandler<HTMLElement>;
+    onTouchMove: UIEventHandler<HTMLElement>;
+    onTouchEnd: UIEventHandler<HTMLElement>;
+    onTouchCancel: UIEventHandler<HTMLElement>;
+    onMouseDown: UIEventHandler<HTMLElement>;
+    onMouseMove: UIEventHandler<HTMLElement>;
+    onMouseUp: UIEventHandler<HTMLElement>;
+    onMouseLeave: UIEventHandler<HTMLElement>;
+};
+export type UseBottomSheetResult = [
+    {
+        initialStyle?: CSSProperties;
+        setSheetEl: Dispatch<SetStateAction<HTMLElement | null>>;
+        setSheetScrollEl: Dispatch<SetStateAction<HTMLElement | null>>;
+        setBackdropEl: Dispatch<SetStateAction<HTMLElement | null>>;
+    },
+    UseBottomSheetHandlers | undefined
+];
+/**
+ * # Checklist
+ *
+ * ## Возможности
+ *
+ * - [x] есть возможность открывать до определенного размера (см. `initialSnapPoint`)
+ * - [x] есть возможность закрыть при сильном смахивании вниз
+ * - [x] есть возможность отключить взаимодействие на определённых элементах используя data-атрибут
+ * - [x] есть возможность отключить взаимодействие на определённых элементах используя stopPropagation()
+ *
+ * ## Анимации
+ *
+ * - [x] оверлей становится светлее в зависимости от процента сворачивания
+ *    - [x] при `initialSnapPoint !== 'auto'` процент высчитывается относительно переданного `initialSnapPoint`
+ * - [x] при перетаскивании за пределы есть анимация натяжения
+ *   > note: в `ModalPage` этого эффекта нет при высоте 100% из-за `max-block-size: 100%`
+ *
+ * ## Пограничные кейсы
+ *
+ * - [x] ⚠️ не блокирует взаимодействие с _горизонтальным_ скроллом
+ * - [x] ⚠️ не блокирует взаимодействие с _вертикальным_ скроллом
+ * - [x] ⚠️ не блокирует взаимодействие с полями ввода
+ * - [x] ⚠️ не блокирует взаимодействие с элементами вне корневого элемента
+ *
+ * @private
+ */
+export declare const useBottomSheet: (enabled: boolean, { blocked, initialSnapPoint, sheetCSSProperty, backdropCSSProperty, onDismiss: onDismissProp, }: UseBottomSheetOptions) => UseBottomSheetResult;
+//# sourceMappingURL=useBottomSheet.d.ts.map

package/dist/lib/sheet/useBottomSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBottomSheet.d.ts","sourceRoot":"","sources":["../../../src/lib/sheet/useBottomSheet.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,QAAQ,EACb,KAAK,cAAc,EAEnB,KAAK,cAAc,EAGpB,MAAM,OAAO,CAAC;AAIf,OAAO,EAAyB,KAAK,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAGnG,MAAM,MAAM,qBAAqB,GAAG;IAClC,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,YAAY,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IAC1C,WAAW,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACzC,UAAU,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACxC,aAAa,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IAC3C,WAAW,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACzC,WAAW,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACzC,SAAS,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACvC,YAAY,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;CAC3C,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC;QACE,YAAY,CAAC,EAAE,aAAa,CAAC;QAC7B,UAAU,EAAE,QAAQ,CAAC,cAAc,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC;QACzD,gBAAgB,EAAE,QAAQ,CAAC,cAAc,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC;QAC/D,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC;KAC7D;IACD,sBAAsB,GAAG,SAAS;CACnC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,cAAc,YAChB,OAAO,mGAOb,qBAAqB,KACvB,oBA6FF,CAAC"}

package/dist/lib/sheet/useBottomSheet.js

@@ -0,0 +1,116 @@
+'use client';
+import { useMemo, useState } from "react";
+import { noop } from "@vkontakte/vkjs";
+import { useStableCallback } from "../../hooks/useStableCallback.js";
+import { useIsomorphicLayoutEffect } from "../useIsomorphicLayoutEffect.js";
+import { BottomSheetController } from "./controllers/BottomSheetController.js";
+import { CSSTransitionController } from "./controllers/CSSTransitionController.js";
+/**
+ * # Checklist
+ *
+ * ## Возможности
+ *
+ * - [x] есть возможность открывать до определенного размера (см. `initialSnapPoint`)
+ * - [x] есть возможность закрыть при сильном смахивании вниз
+ * - [x] есть возможность отключить взаимодействие на определённых элементах используя data-атрибут
+ * - [x] есть возможность отключить взаимодействие на определённых элементах используя stopPropagation()
+ *
+ * ## Анимации
+ *
+ * - [x] оверлей становится светлее в зависимости от процента сворачивания
+ *    - [x] при `initialSnapPoint !== 'auto'` процент высчитывается относительно переданного `initialSnapPoint`
+ * - [x] при перетаскивании за пределы есть анимация натяжения
+ *   > note: в `ModalPage` этого эффекта нет при высоте 100% из-за `max-block-size: 100%`
+ *
+ * ## Пограничные кейсы
+ *
+ * - [x] ⚠️ не блокирует взаимодействие с _горизонтальным_ скроллом
+ * - [x] ⚠️ не блокирует взаимодействие с _вертикальным_ скроллом
+ * - [x] ⚠️ не блокирует взаимодействие с полями ввода
+ * - [x] ⚠️ не блокирует взаимодействие с элементами вне корневого элемента
+ *
+ * @private
+ */ export const useBottomSheet = (enabled, { blocked, initialSnapPoint, sheetCSSProperty, backdropCSSProperty, onDismiss: onDismissProp })=>{
+    const [sheetScrollEl, setSheetScrollEl] = useState(null);
+    const [sheetEl, setSheetEl] = useState(null);
+    const [backdropEl, setBackdropEl] = useState(null);
+    const initialStyle = useMemo(()=>{
+        if (!enabled) {
+            return;
+        }
+        const { unit, currentSnapPoint } = BottomSheetController.parseInitialSnapPoint(initialSnapPoint);
+        return unit === '%' ? {
+            [sheetCSSProperty]: `${currentSnapPoint}${unit}`
+        } : undefined;
+    }, [
+        enabled,
+        initialSnapPoint,
+        sheetCSSProperty
+    ]);
+    const onDismiss = useStableCallback(onDismissProp || noop);
+    const bsController = useMemo(()=>{
+        if (!enabled || sheetEl === null) {
+            return null;
+        }
+        return new BottomSheetController(sheetEl, {
+            sheetScrollEl: sheetScrollEl || null,
+            sheetTransitionController: new CSSTransitionController(sheetEl, sheetCSSProperty),
+            backdropTransitionController: backdropEl ? new CSSTransitionController(backdropEl, backdropCSSProperty) : null,
+            onDismiss
+        });
+    }, [
+        enabled,
+        sheetEl,
+        sheetCSSProperty,
+        sheetScrollEl,
+        backdropEl,
+        backdropCSSProperty,
+        onDismiss
+    ]);
+    const onPanStart = function onPanStart(event) {
+        if (!blocked) {
+            bsController.panStart(event.nativeEvent);
+        }
+    };
+    const onPanMove = function onPanMove(event) {
+        bsController.panMove(event.nativeEvent);
+    };
+    const onPanEnd = function onPanEnd() {
+        bsController.panEnd();
+    };
+    useIsomorphicLayoutEffect(function init() {
+        if (bsController) {
+            bsController.init(initialSnapPoint);
+        }
+    }, [
+        initialSnapPoint,
+        bsController
+    ]);
+    useIsomorphicLayoutEffect(()=>function unmount() {
+            if (bsController) {
+                bsController.destroy();
+            }
+        }, [
+        bsController
+    ]);
+    return [
+        {
+            initialStyle,
+            setSheetEl,
+            setSheetScrollEl,
+            setBackdropEl
+        },
+        bsController !== null ? {
+            onTouchStart: onPanStart,
+            onTouchMove: onPanMove,
+            onTouchEnd: onPanEnd,
+            onTouchCancel: onPanEnd,
+            onMouseDown: onPanStart,
+            onMouseMove: onPanMove,
+            onMouseUp: onPanEnd,
+            onMouseLeave: onPanEnd
+        } : undefined
+    ];
+};
+
+//# sourceMappingURL=useBottomSheet.js.map