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

package/dist/cssm/lib/dom.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/dom.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { canUseDOM } from '@vkontakte/vkjs';\nimport { rectToClientRect } from '@vkontakte/vkui-floating-ui/core';\nimport {\n  getNearestOverflowAncestor as getNearestOverflowAncestorLib,\n  getWindow,\n  isElement,\n  isHTMLElement,\n} from '@vkontakte/vkui-floating-ui/utils/dom';\n\nexport {\n  getWindow,\n  getNodeScroll,\n  isHTMLElement,\n  isElement,\n} from '@vkontakte/vkui-floating-ui/utils/dom';\n\nexport { canUseDOM, canUseEventListeners, onDOMLoaded } from '@vkontakte/vkjs';\nexport interface DOMContextInterface {\n  /**\n   * @ignore\n   */\n  window?: Window;\n  /**\n   * @ignore\n   */\n  document?: Document;\n}\n\nexport type DOMProps = DOMContextInterface;\n\n/* eslint-disable no-restricted-globals */\nexport const getDOM = (): DOMContextInterface => ({\n  window: canUseDOM ? window : undefined,\n  document: canUseDOM ? document : undefined,\n});\n/* eslint-enable no-restricted-globals */\n\nexport const DOMContext: React.Context<DOMContextInterface> =\n  React.createContext<DOMContextInterface>(getDOM());\n\nexport const useDOM = (): DOMContextInterface => {\n  return React.useContext(DOMContext);\n};\n\n/**\n * В случае, если используется DOMContext, при проверке 'node instanceOf Window' – Window может быть\n * другим объектом.\n */\nexport const isWindow = (\n  node: Element | Window | VisualViewport | undefined | null,\n): node is Window => {\n  return node !== null && node !== undefined && 'navigator' in node;\n};\n\nexport const isBody = (\n  node: Element | Window | VisualViewport | undefined | null,\n): node is HTMLBodyElement => {\n  return node !== null && node !== undefined && 'tagName' in node && node.tagName === 'BODY';\n};\n\nexport const isDocumentElement = (\n  node: Element | Window | VisualViewport | undefined | null,\n): node is HTMLHtmlElement => {\n  return node !== null && node !== undefined && 'tagName' in node && node.tagName === 'HTML';\n};\n\nexport function withDOM<Props>(\n  Component: React.ComponentType<Props & DOMProps>,\n): React.ComponentType<Props> {\n  const WithDOM = (props: Props) => {\n    const dom = useDOM();\n    return <Component {...props} {...dom} />;\n  };\n  return WithDOM;\n}\n\nexport function blurActiveElement(document: Document | undefined): void {\n  if (document && document.activeElement) {\n    (document.activeElement as HTMLElement).blur();\n  }\n}\n\nexport const TRANSFORM_DEFAULT_VALUES: string[] = ['none', 'initial', 'inherit', 'unset'];\nexport const WILL_CHANGE_DEFAULT_VALUES: string[] = ['auto', 'initial', 'inherit', 'unset'];\nexport function getTransformedParentCoords(element: Element): {\n  x: number;\n  y: number;\n} {\n  let parentNode = element.parentNode;\n  while (parentNode !== null) {\n    if (isHTMLElement(parentNode)) {\n      const { transform, willChange } = getComputedStyle(parentNode);\n      if (\n        !TRANSFORM_DEFAULT_VALUES.includes(transform) ||\n        !WILL_CHANGE_DEFAULT_VALUES.includes(willChange)\n      ) {\n        const { x, y } = parentNode.getBoundingClientRect();\n        return { x, y };\n      }\n    }\n    parentNode = parentNode.parentNode;\n  }\n  return { x: 0, y: 0 };\n}\n\nexport const getBoundingClientRect = (node: Element | Window, isFixedStrategy = false) => {\n  const element = isWindow(node) ? node.document.documentElement : node;\n  const clientRect = element.getBoundingClientRect();\n\n  if (isDocumentElement(element)) {\n    /**\n     * Если на странице не используется `html, body { height: 100% }` (или `height: 100vh`), то\n     * `height`, полученный из `document.documentElement.getBoundingClientRect()`, будет возвращать\n     * `scrollHeight`, а не `clientHeight`. Поэтому перебиваем `height` на `clientHeight`.\n     */\n    clientRect.height = element.clientHeight;\n  }\n\n  let offsetX = 0;\n  let offsetY = 0;\n  if (isFixedStrategy) {\n    const { x, y } = getTransformedParentCoords(element);\n    offsetX = x;\n    offsetY = y;\n  }\n\n  return rectToClientRect({\n    x: clientRect.left - offsetX,\n    y: clientRect.top - offsetY,\n    width: clientRect.width,\n    height: clientRect.height,\n  }) as DOMRect;\n};\n\nexport const getRelativeBoundingClientRect = (parent: Element, child: Element) => {\n  const parentRect = getBoundingClientRect(parent);\n  const childRect = getBoundingClientRect(child);\n  return rectToClientRect({\n    x: childRect.left - parentRect.left,\n    y: childRect.top - parentRect.top,\n    width: childRect.width,\n    height: childRect.height,\n  }) as DOMRect;\n};\n\n/**\n * Адаптер над getNearestOverflowAncestor из @floating-ui/utils/dom.\n *\n * document.body подменяем на window, т.к. на document.body нельзя применить скролл.\n */\nexport const getNearestOverflowAncestor = (childEl: Node): HTMLElement | Window | null => {\n  const foundAncestor = getNearestOverflowAncestorLib(childEl);\n\n  return isBody(foundAncestor)\n    ? getWindow(foundAncestor)\n    : isHTMLElement(childEl)\n      ? foundAncestor\n      : null;\n};\n\nexport const getScrollHeight = (node: Element | Window): number => {\n  return isWindow(node) ? node.document.documentElement.scrollHeight : node.scrollHeight;\n};\n\nexport const getScrollRect = (\n  node: Element | Window,\n): {\n  relative: DOMRect;\n  edges: {\n    y: [number, number];\n  };\n} => {\n  const window = isElement(node) ? getWindow(node) : node;\n  const scrollElRect = getBoundingClientRect(node);\n\n  const edgeTop = window.scrollY + scrollElRect.top;\n  const edgeBottom = edgeTop + scrollElRect.height;\n  const y: [number, number] = [edgeTop, edgeBottom];\n\n  return {\n    relative: scrollElRect,\n    edges: { y },\n  };\n};\n\nexport const getDocumentBody = (node?: any): HTMLElement => getWindow(node).document.body;\n\nexport const getActiveElementByAnotherElement = (el: Element | null): Element | null =>\n  el ? el.ownerDocument.activeElement : null;\n\nexport const contains = (parent?: Element | null, child?: Element | null): boolean => {\n  return parent && child ? parent.contains(child) : false;\n};\n\nexport const getFirstTouchEventData = (\n  event: UIEvent | React.UIEvent<HTMLElement>,\n): {\n  screenX: number;\n  screenY: number;\n  clientX: number;\n  clientY: number;\n  pageX: number;\n  pageY: number;\n} => {\n  let dataRaw = (function resolveData() {\n    switch (event.type) {\n      case 'touchend':\n        return (event as TouchEvent).changedTouches[0];\n      case 'touchstart':\n      case 'touchmove':\n      case 'touchcancel':\n        return (event as TouchEvent).touches[0];\n      case 'mousedown':\n      case 'mousemove':\n      case 'mouseup':\n      case 'mouseleave':\n        return event as MouseEvent;\n      default:\n        return { screenX: 0, screenY: 0, clientX: 0, clientY: 0, pageX: 0, pageY: 0 };\n    }\n  })();\n  /* istanbul ignore if */\n  if (process.env.NODE_ENV === 'test') {\n    dataRaw = dataRaw\n      ? dataRaw\n      : { screenX: 0, screenY: 0, clientX: 0, clientY: 0, pageX: 0, pageY: 0 };\n  }\n  return {\n    screenX: dataRaw.screenX || 0,\n    screenY: dataRaw.screenY || 0,\n    clientX: dataRaw.clientX || 0,\n    clientY: dataRaw.clientY || 0,\n    pageX: dataRaw.pageX || 0,\n    pageY: dataRaw.pageY || 0,\n  };\n};\n\n/**\n * ⚠️ В частности, необходимо для iOS 15. Начиная с этой версии в Safari добавили\n * pull-to-refresh. CSS св-во `overflow-behavior` появился только с iOS 16.\n *\n * Во вторую очередь, полезна блокированием скролла, чтобы пользователь дождался обновления\n * данных.\n */\nexport const initializeBrowserGesturePreventionEffect = (window: Window): VoidFunction => {\n  const options: AddEventListenerOptions & EventListenerOptions = { passive: false };\n  const handleWindowTouchMove = (event: TouchEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  window.document.documentElement.classList.add('vkui--disable-overscroll-behavior'); // eslint-disable-line no-restricted-properties\n  window.addEventListener('touchmove', handleWindowTouchMove, options);\n\n  return function dispose() {\n    window.document.documentElement.classList.remove('vkui--disable-overscroll-behavior'); // eslint-disable-line no-restricted-properties\n    window.removeEventListener('touchmove', handleWindowTouchMove, options);\n  };\n};\n"],"names":["React","canUseDOM","rectToClientRect","getNearestOverflowAncestor","getNearestOverflowAncestorLib","getWindow","isElement","isHTMLElement","getNodeScroll","canUseEventListeners","onDOMLoaded","getDOM","window","undefined","document","DOMContext","createContext","useDOM","useContext","isWindow","node","isBody","tagName","isDocumentElement","withDOM","Component","WithDOM","props","dom","blurActiveElement","activeElement","blur","TRANSFORM_DEFAULT_VALUES","WILL_CHANGE_DEFAULT_VALUES","getTransformedParentCoords","element","parentNode","transform","willChange","getComputedStyle","includes","x","y","getBoundingClientRect","isFixedStrategy","documentElement","clientRect","height","clientHeight","offsetX","offsetY","left","top","width","getRelativeBoundingClientRect","parent","child","parentRect","childRect","childEl","foundAncestor","getScrollHeight","scrollHeight","getScrollRect","scrollElRect","edgeTop","scrollY","edgeBottom","relative","edges","getDocumentBody","body","getActiveElementByAnotherElement","el","ownerDocument","contains","getFirstTouchEventData","event","dataRaw","resolveData","type","changedTouches","touches","screenX","screenY","clientX","clientY","pageX","pageY","process","env","NODE_ENV","initializeBrowserGesturePreventionEffect","options","passive","handleWindowTouchMove","preventDefault","stopPropagation","classList","add","addEventListener","dispose","remove","removeEventListener"],"mappings":"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"}
+{"version":3,"sources":["../../../src/lib/dom.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { canUseDOM } from '@vkontakte/vkjs';\nimport { rectToClientRect } from '@vkontakte/vkui-floating-ui/core';\nimport {\n  getParentNode,\n  getWindow,\n  isElement,\n  isHTMLElement,\n  isLastTraversableNode,\n  isOverflowElement,\n} from '@vkontakte/vkui-floating-ui/utils/dom';\n\nexport {\n  getWindow,\n  getNodeScroll,\n  isHTMLElement,\n  isElement,\n  getParentNode,\n} from '@vkontakte/vkui-floating-ui/utils/dom';\n\nexport { canUseDOM, canUseEventListeners, onDOMLoaded } from '@vkontakte/vkjs';\nexport interface DOMContextInterface {\n  /**\n   * @ignore\n   */\n  window?: Window;\n  /**\n   * @ignore\n   */\n  document?: Document;\n}\n\nexport type DOMProps = DOMContextInterface;\n\n/* eslint-disable no-restricted-globals */\nconst getDOM = (): DOMContextInterface => ({\n  window: canUseDOM ? window : undefined,\n  document: canUseDOM ? document : undefined,\n});\n/* eslint-enable no-restricted-globals */\n\nexport const DOMContext: React.Context<DOMContextInterface> =\n  React.createContext<DOMContextInterface>(getDOM());\n\nexport const useDOM = (): DOMContextInterface => {\n  return React.useContext(DOMContext);\n};\n\n/**\n * В случае, если используется DOMContext, при проверке 'node instanceOf Window' – Window может быть\n * другим объектом.\n */\nexport const isWindow = (\n  node: Element | Window | VisualViewport | undefined | null,\n): node is Window => {\n  return node !== null && node !== undefined && 'navigator' in node;\n};\n\nexport const isBody = (\n  node: Element | Window | VisualViewport | undefined | null,\n): node is HTMLBodyElement => {\n  return node !== null && node !== undefined && 'tagName' in node && node.tagName === 'BODY';\n};\n\nexport const isDocumentElement = (\n  node: Element | Window | VisualViewport | undefined | null,\n): node is HTMLHtmlElement => {\n  return node !== null && node !== undefined && 'tagName' in node && node.tagName === 'HTML';\n};\n\nexport function withDOM<Props>(\n  Component: React.ComponentType<Props & DOMProps>,\n): React.ComponentType<Props> {\n  const WithDOM = (props: Props) => {\n    const dom = useDOM();\n    return <Component {...props} {...dom} />;\n  };\n  return WithDOM;\n}\n\nexport function blurActiveElement(document: Document | undefined): void {\n  if (document && document.activeElement) {\n    (document.activeElement as HTMLElement).blur();\n  }\n}\n\nexport const TRANSFORM_DEFAULT_VALUES: string[] = ['none', 'initial', 'inherit', 'unset'];\nexport const WILL_CHANGE_DEFAULT_VALUES: string[] = ['auto', 'initial', 'inherit', 'unset'];\nexport function getTransformedParentCoords(element: Element): {\n  x: number;\n  y: number;\n} {\n  let parentNode = element.parentNode;\n  while (parentNode !== null) {\n    if (isHTMLElement(parentNode)) {\n      const { transform, willChange } = getComputedStyle(parentNode);\n      if (\n        !TRANSFORM_DEFAULT_VALUES.includes(transform) ||\n        !WILL_CHANGE_DEFAULT_VALUES.includes(willChange)\n      ) {\n        const { x, y } = parentNode.getBoundingClientRect();\n        return { x, y };\n      }\n    }\n    parentNode = parentNode.parentNode;\n  }\n  return { x: 0, y: 0 };\n}\n\nexport const getBoundingClientRect = (node: Element | Window, isFixedStrategy = false) => {\n  const element = isWindow(node) ? node.document.documentElement : node;\n  const clientRect = element.getBoundingClientRect();\n\n  if (isDocumentElement(element)) {\n    /**\n     * Если на странице не используется `html, body { height: 100% }` (или `height: 100vh`), то\n     * `height`, полученный из `document.documentElement.getBoundingClientRect()`, будет возвращать\n     * `scrollHeight`, а не `clientHeight`. Поэтому перебиваем `height` на `clientHeight`.\n     */\n    clientRect.height = element.clientHeight;\n  }\n\n  let offsetX = 0;\n  let offsetY = 0;\n  if (isFixedStrategy) {\n    const { x, y } = getTransformedParentCoords(element);\n    offsetX = x;\n    offsetY = y;\n  }\n\n  return rectToClientRect({\n    x: clientRect.left - offsetX,\n    y: clientRect.top - offsetY,\n    width: clientRect.width,\n    height: clientRect.height,\n  }) as DOMRect;\n};\n\nexport const getRelativeBoundingClientRect = (parent: Element, child: Element) => {\n  const parentRect = getBoundingClientRect(parent);\n  const childRect = getBoundingClientRect(child);\n  return rectToClientRect({\n    x: childRect.left - parentRect.left,\n    y: childRect.top - parentRect.top,\n    width: childRect.width,\n    height: childRect.height,\n  }) as DOMRect;\n};\n\n/**\n * Переписанный `getNearestOverflowAncestor` из @floating-ui/utils/dom.\n *\n * [1] добавляем ноду, на которой нужно остановить рекурсию\n * [2] document.body подменяем на window, т.к. на document.body нельзя применить скролл.\n *\n * @link https://github.com/floating-ui/floating-ui/blob/%40floating-ui/dom%401.6.3/packages/utils/src/dom.ts#L143\n */\nexport function getNearestOverflowAncestor(node: Node): HTMLElement | Window | null;\nexport function getNearestOverflowAncestor(node: Node, terminalNode: Node): HTMLElement | null;\nexport function getNearestOverflowAncestor(node: Node, terminalNode?: any): any {\n  const parentNode = getParentNode(node);\n\n  if (terminalNode === parentNode) {\n    return null; /* [1] */\n  }\n\n  if (isLastTraversableNode(parentNode)) {\n    return getWindow(parentNode); /* [2] */\n  }\n\n  if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {\n    return parentNode;\n  }\n\n  return getNearestOverflowAncestor(parentNode, terminalNode);\n}\n\nexport const getScrollHeight = (node: Element | Window): number => {\n  return isWindow(node) ? node.document.documentElement.scrollHeight : node.scrollHeight;\n};\n\nexport const getScrollRect = (\n  node: Element | Window,\n): {\n  relative: DOMRect;\n  edges: {\n    y: [number, number];\n  };\n} => {\n  const window = isElement(node) ? getWindow(node) : node;\n  const scrollElRect = getBoundingClientRect(node);\n\n  const edgeTop = window.scrollY + scrollElRect.top;\n  const edgeBottom = edgeTop + scrollElRect.height;\n  const y: [number, number] = [edgeTop, edgeBottom];\n\n  return {\n    relative: scrollElRect,\n    edges: { y },\n  };\n};\n\nexport const getDocumentBody = (node?: any): HTMLElement => getWindow(node).document.body;\n\nexport const getActiveElementByAnotherElement = (el: Element | null): Element | null =>\n  el ? el.ownerDocument.activeElement : null;\n\nexport const contains = (parent?: Element | null, child?: Element | null): boolean => {\n  return parent && child ? parent.contains(child) : false;\n};\n\nexport const getFirstTouchEventData = (\n  event: UIEvent | React.UIEvent<HTMLElement>,\n): {\n  screenX: number;\n  screenY: number;\n  clientX: number;\n  clientY: number;\n  pageX: number;\n  pageY: number;\n} => {\n  let dataRaw = (function resolveData() {\n    switch (event.type) {\n      case 'touchend':\n        return (event as TouchEvent).changedTouches[0];\n      case 'touchstart':\n      case 'touchmove':\n      case 'touchcancel':\n        return (event as TouchEvent).touches[0];\n      case 'mousedown':\n      case 'mousemove':\n      case 'mouseup':\n      case 'mouseleave':\n        return event as MouseEvent;\n      default:\n        return { screenX: 0, screenY: 0, clientX: 0, clientY: 0, pageX: 0, pageY: 0 };\n    }\n  })();\n  /* istanbul ignore if */\n  if (process.env.NODE_ENV === 'test') {\n    dataRaw = dataRaw\n      ? dataRaw\n      : { screenX: 0, screenY: 0, clientX: 0, clientY: 0, pageX: 0, pageY: 0 };\n  }\n  return {\n    screenX: dataRaw.screenX || 0,\n    screenY: dataRaw.screenY || 0,\n    clientX: dataRaw.clientX || 0,\n    clientY: dataRaw.clientY || 0,\n    pageX: dataRaw.pageX || 0,\n    pageY: dataRaw.pageY || 0,\n  };\n};\n\n/**\n * ⚠️ В частности, необходимо для iOS 15. Начиная с этой версии в Safari добавили\n * pull-to-refresh. CSS св-во `overflow-behavior` появился только с iOS 16.\n *\n * Во вторую очередь, полезна блокированием скролла, чтобы пользователь дождался обновления\n * данных.\n */\nexport const initializeBrowserGesturePreventionEffect = (window: Window): VoidFunction => {\n  const options: AddEventListenerOptions & EventListenerOptions = { passive: false };\n  const handleWindowTouchMove = (event: TouchEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  window.document.documentElement.classList.add('vkui--disable-overscroll-behavior'); // eslint-disable-line no-restricted-properties\n  window.addEventListener('touchmove', handleWindowTouchMove, options);\n\n  return function dispose() {\n    window.document.documentElement.classList.remove('vkui--disable-overscroll-behavior'); // eslint-disable-line no-restricted-properties\n    window.removeEventListener('touchmove', handleWindowTouchMove, options);\n  };\n};\n\nconst nonTextInputTypes = { button: true, submit: true, reset: true, color: true, file: true, image: true, checkbox: true, radio: true }; // prettier-ignore\n\nexport const isHTMLContentEditableElement = (\n  el: Element | null,\n): el is HTMLInputElement | HTMLTextAreaElement | HTMLElement => {\n  if (el === null) {\n    return false;\n  }\n\n  if (el.tagName === 'INPUT') {\n    // @ts-expect-error: TS2339 за счёт `tagName` удовлетворяемся, что это `HTMLInputElement`\n    return !nonTextInputTypes[el.type]; // prettier-ignore\n  }\n\n  return (\n    el.tagName === 'TEXTAREA' ||\n    // eslint-disable-next-line no-restricted-properties\n    el.closest('[contenteditable=true]') !== null\n  );\n};\n\nexport type VisualViewport = {\n  offsetTop: number;\n  offsetLeft: number;\n  width: number;\n  height: number;\n};\n\n/**\n * Фоллбек `visualViewport` для **Safari 12**.\n */\nexport function getVisualViewport(win: Window): VisualViewport {\n  const result: VisualViewport = { offsetTop: 0, offsetLeft: 0, width: 0, height: 0 };\n  if (win.visualViewport) {\n    const { offsetTop, offsetLeft, width, height } = win.visualViewport;\n    result.offsetTop = Math.round(offsetTop);\n    result.offsetLeft = offsetLeft;\n    result.width = width;\n    result.height = Math.round(height);\n\n    return result;\n  }\n\n  // TODO[Safari@>=13] Удалить фоллбек\n  result.offsetTop = win.pageYOffset;\n  result.offsetLeft = win.pageXOffset;\n  result.width = win.innerWidth; // note: вызывает reflow в отличии от visualViewport\n  result.height = win.innerHeight; // note: вызывает reflow в отличии от visualViewport\n  return result;\n}\n\nexport const hasSelectionWithRangeType = (node: unknown) => {\n  const selection = getWindow(node).getSelection();\n  return selection ? selection.type === 'Range' : false;\n};\n"],"names":["React","canUseDOM","rectToClientRect","getParentNode","getWindow","isElement","isHTMLElement","isLastTraversableNode","isOverflowElement","getNodeScroll","canUseEventListeners","onDOMLoaded","getDOM","window","undefined","document","DOMContext","createContext","useDOM","useContext","isWindow","node","isBody","tagName","isDocumentElement","withDOM","Component","WithDOM","props","dom","blurActiveElement","activeElement","blur","TRANSFORM_DEFAULT_VALUES","WILL_CHANGE_DEFAULT_VALUES","getTransformedParentCoords","element","parentNode","transform","willChange","getComputedStyle","includes","x","y","getBoundingClientRect","isFixedStrategy","documentElement","clientRect","height","clientHeight","offsetX","offsetY","left","top","width","getRelativeBoundingClientRect","parent","child","parentRect","childRect","getNearestOverflowAncestor","terminalNode","getScrollHeight","scrollHeight","getScrollRect","scrollElRect","edgeTop","scrollY","edgeBottom","relative","edges","getDocumentBody","body","getActiveElementByAnotherElement","el","ownerDocument","contains","getFirstTouchEventData","event","dataRaw","resolveData","type","changedTouches","touches","screenX","screenY","clientX","clientY","pageX","pageY","process","env","NODE_ENV","initializeBrowserGesturePreventionEffect","options","passive","handleWindowTouchMove","preventDefault","stopPropagation","classList","add","addEventListener","dispose","remove","removeEventListener","nonTextInputTypes","button","submit","reset","color","file","image","checkbox","radio","isHTMLContentEditableElement","closest","getVisualViewport","win","result","offsetTop","offsetLeft","visualViewport","Math","round","pageYOffset","pageXOffset","innerWidth","innerHeight","hasSelectionWithRangeType","selection","getSelection"],"mappings":"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"}

package/dist/cssm/lib/floating/usePlacementChangeCallback.js

@@ -1,18 +1,21 @@
-import { usePrevious } from "../../hooks/usePrevious.js";
+import * as React from "react";
 import { useIsomorphicLayoutEffect } from "../useIsomorphicLayoutEffect.js";
 export function usePlacementChangeCallback(initialPlacement, resolvedPlacement, onPlacementChange) {
-    const prevPlacement = usePrevious(resolvedPlacement);
+    const prevPlacementRef = React.useRef(undefined);
+    React.useEffect(()=>{
+        prevPlacementRef.current = resolvedPlacement;
+    });
     useIsomorphicLayoutEffect(()=>{
         if (!onPlacementChange) {
             return;
         }
+        const prevPlacement = prevPlacementRef.current;
         const isInitialPlacementChanged = prevPlacement === undefined && initialPlacement !== resolvedPlacement;
         const isResolvedPlacementChanged = prevPlacement !== undefined && prevPlacement !== resolvedPlacement;
         if (isInitialPlacementChanged || isResolvedPlacementChanged) {
             onPlacementChange(resolvedPlacement);
         }
     }, [
-        prevPlacement,
         initialPlacement,
         resolvedPlacement,
         onPlacementChange

package/dist/cssm/lib/floating/usePlacementChangeCallback.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/floating/usePlacementChangeCallback.ts"],"sourcesContent":["import { usePrevious } from '../../hooks/usePrevious';\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect';\nimport type { OnPlacementChange, Placement, PlacementWithAuto } from './types/common';\n\nexport function usePlacementChangeCallback(\n  initialPlacement: PlacementWithAuto,\n  resolvedPlacement: Placement,\n  onPlacementChange: OnPlacementChange | undefined,\n): void {\n  const prevPlacement = usePrevious(resolvedPlacement);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!onPlacementChange) {\n      return;\n    }\n    const isInitialPlacementChanged =\n      prevPlacement === undefined && initialPlacement !== resolvedPlacement;\n    const isResolvedPlacementChanged =\n      prevPlacement !== undefined && prevPlacement !== resolvedPlacement;\n    if (isInitialPlacementChanged || isResolvedPlacementChanged) {\n      onPlacementChange(resolvedPlacement);\n    }\n  }, [prevPlacement, initialPlacement, resolvedPlacement, onPlacementChange]);\n}\n"],"names":["usePrevious","useIsomorphicLayoutEffect","usePlacementChangeCallback","initialPlacement","resolvedPlacement","onPlacementChange","prevPlacement","isInitialPlacementChanged","undefined","isResolvedPlacementChanged"],"mappings":"AAAA,SAASA,WAAW,QAAQ,6BAA0B;AACtD,SAASC,yBAAyB,QAAQ,kCAA+B;AAGzE,OAAO,SAASC,2BACdC,gBAAmC,EACnCC,iBAA4B,EAC5BC,iBAAgD;IAEhD,MAAMC,gBAAgBN,YAAYI;IAElCH,0BAA0B;QACxB,IAAI,CAACI,mBAAmB;YACtB;QACF;QACA,MAAME,4BACJD,kBAAkBE,aAAaL,qBAAqBC;QACtD,MAAMK,6BACJH,kBAAkBE,aAAaF,kBAAkBF;QACnD,IAAIG,6BAA6BE,4BAA4B;YAC3DJ,kBAAkBD;QACpB;IACF,GAAG;QAACE;QAAeH;QAAkBC;QAAmBC;KAAkB;AAC5E"}
+{"version":3,"sources":["../../../../src/lib/floating/usePlacementChangeCallback.ts"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect';\nimport type { OnPlacementChange, Placement, PlacementWithAuto } from './types/common';\n\nexport function usePlacementChangeCallback(\n  initialPlacement: PlacementWithAuto,\n  resolvedPlacement: Placement,\n  onPlacementChange: OnPlacementChange | undefined,\n): void {\n  const prevPlacementRef = React.useRef<Placement | undefined>(undefined);\n  React.useEffect(() => {\n    prevPlacementRef.current = resolvedPlacement;\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    if (!onPlacementChange) {\n      return;\n    }\n\n    const prevPlacement = prevPlacementRef.current;\n\n    const isInitialPlacementChanged =\n      prevPlacement === undefined && initialPlacement !== resolvedPlacement;\n    const isResolvedPlacementChanged =\n      prevPlacement !== undefined && prevPlacement !== resolvedPlacement;\n    if (isInitialPlacementChanged || isResolvedPlacementChanged) {\n      onPlacementChange(resolvedPlacement);\n    }\n  }, [initialPlacement, resolvedPlacement, onPlacementChange]);\n}\n"],"names":["React","useIsomorphicLayoutEffect","usePlacementChangeCallback","initialPlacement","resolvedPlacement","onPlacementChange","prevPlacementRef","useRef","undefined","useEffect","current","prevPlacement","isInitialPlacementChanged","isResolvedPlacementChanged"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,kCAA+B;AAGzE,OAAO,SAASC,2BACdC,gBAAmC,EACnCC,iBAA4B,EAC5BC,iBAAgD;IAEhD,MAAMC,mBAAmBN,MAAMO,MAAM,CAAwBC;IAC7DR,MAAMS,SAAS,CAAC;QACdH,iBAAiBI,OAAO,GAAGN;IAC7B;IAEAH,0BAA0B;QACxB,IAAI,CAACI,mBAAmB;YACtB;QACF;QAEA,MAAMM,gBAAgBL,iBAAiBI,OAAO;QAE9C,MAAME,4BACJD,kBAAkBH,aAAaL,qBAAqBC;QACtD,MAAMS,6BACJF,kBAAkBH,aAAaG,kBAAkBP;QACnD,IAAIQ,6BAA6BC,4BAA4B;YAC3DR,kBAAkBD;QACpB;IACF,GAAG;QAACD;QAAkBC;QAAmBC;KAAkB;AAC7D"}

package/dist/cssm/lib/sheet/constants.js

@@ -0,0 +1,23 @@
+/** @public */ export const BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE_KEY = 'data-vkui-block-sheet-behavior';
+/** @public */ export const BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE = {
+    [BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE_KEY]: true
+};
+/** @private */ export const DRAG_THRESHOLDS = {
+    DISTANCE_FOR_MOVING_START: 12,
+    VELOCITY: 500
+};
+/** @private */ export const SNAP_POINT_SAFE_RANGE = {
+    LOWER: 25,
+    HIGHEST: 90
+};
+/** @private */ export const SNAP_POINT_DETENTS = {
+    MIN: 0,
+    MEDIUM: 50,
+    LARGE: 100
+};
+/** @private */ export const DYNAMIC_SNAP_POINT_DATA = {
+    IDLE_POINT_VALUE: 0,
+    COMPUTED_INDEX: 1
+};
+
+//# sourceMappingURL=constants.js.map

package/dist/cssm/lib/sheet/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/lib/sheet/constants.ts"],"sourcesContent":["/** @public */\nexport const BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE_KEY = 'data-vkui-block-sheet-behavior';\n\n/** @public */\nexport const BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE = {\n  [BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE_KEY]: true,\n};\n\n/** @private */\nexport const DRAG_THRESHOLDS = {\n  DISTANCE_FOR_MOVING_START: 12 as const,\n  VELOCITY: 500 as const,\n};\n\n/** @private */\nexport const SNAP_POINT_SAFE_RANGE = {\n  LOWER: 25 as const,\n  HIGHEST: 90 as const,\n};\n\n/** @private */\nexport const SNAP_POINT_DETENTS = {\n  MIN: 0 as const,\n  MEDIUM: 50 as const,\n  LARGE: 100 as const,\n};\n\n/** @private */\nexport const DYNAMIC_SNAP_POINT_DATA = {\n  IDLE_POINT_VALUE: 0 as const,\n  COMPUTED_INDEX: 1 as const,\n};\n"],"names":["BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE_KEY","BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE","DRAG_THRESHOLDS","DISTANCE_FOR_MOVING_START","VELOCITY","SNAP_POINT_SAFE_RANGE","LOWER","HIGHEST","SNAP_POINT_DETENTS","MIN","MEDIUM","LARGE","DYNAMIC_SNAP_POINT_DATA","IDLE_POINT_VALUE","COMPUTED_INDEX"],"mappings":"AAAA,YAAY,GACZ,OAAO,MAAMA,0CAA0C,iCAAiC;AAExF,YAAY,GACZ,OAAO,MAAMC,sCAAsC;IACjD,CAACD,wCAAwC,EAAE;AAC7C,EAAE;AAEF,aAAa,GACb,OAAO,MAAME,kBAAkB;IAC7BC,2BAA2B;IAC3BC,UAAU;AACZ,EAAE;AAEF,aAAa,GACb,OAAO,MAAMC,wBAAwB;IACnCC,OAAO;IACPC,SAAS;AACX,EAAE;AAEF,aAAa,GACb,OAAO,MAAMC,qBAAqB;IAChCC,KAAK;IACLC,QAAQ;IACRC,OAAO;AACT,EAAE;AAEF,aAAa,GACb,OAAO,MAAMC,0BAA0B;IACrCC,kBAAkB;IAClBC,gBAAgB;AAClB,EAAE"}

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

@@ -0,0 +1,252 @@
+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 {
+    sheetEl;
+    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
+            ]
+        };
+    }
+    constructor(sheetEl, { sheetScrollEl, sheetTransitionController, backdropTransitionController, onDismiss }){
+        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;
+    }
+    init(initialSnapPoint) {
+        this.isInitialized = true;
+        const { unit, currentSnapPoint, snapPointDetents } = BottomSheetController.parseInitialSnapPoint(initialSnapPoint);
+        this.unit = unit;
+        this.currentSnapPoint = currentSnapPoint;
+        this.snapPointDetents = snapPointDetents;
+    }
+    destroy() {
+        this.isInitialized = false;
+        this.pannedEl = null;
+        this.sheetTransitionController.cleanup();
+        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;
+    }
+    isInitialized;
+    panState;
+    pannedEl;
+    sheetHeight;
+    rafId;
+    currentSnapPoint;
+    nextSnapPoint;
+    snapPointDetents;
+    unit;
+    get isDynamicSnapPoint() {
+        return this.unit === 'px';
+    }
+    disableVerticalScrollBouncingDispose;
+    sheetScrollEl;
+    sheetTransitionController;
+    backdropTransitionController;
+    panGestureRecognizer;
+    onDismiss;
+    calculateSnapPoint(nextSnapPoint, immediately = false) {
+        if (this.rafId !== null) {
+            cancelAnimationFrame(this.rafId);
+        }
+        if (nextSnapPoint <= SNAP_POINT_DETENTS.MIN) {
+            this.sheetTransitionController.enableTransition();
+            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(()=>{
+            if (immediately) {
+                this.backdropTransitionController?.disableTransition().set(backdropOpacity);
+                this.sheetTransitionController.disableTransition().set(`${nextSnapPoint}${this.unit}`);
+                return;
+            }
+            if (this.isDynamicSnapPoint) {
+                this.sheetTransitionController.cleanupOnTransitionEnd();
+            }
+            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:
+                return snapPointDetents[foundIndex + 1] ?? snapPointDetents[snapPointDetents.length - 1];
+            case 1:
+                return snapPointDetents[foundIndex - 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;
+    }
+}
+
+//# sourceMappingURL=BottomSheetController.js.map

package/dist/cssm/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","constructor","sheetEl","sheetScrollEl","sheetTransitionController","backdropTransitionController","onDismiss","isInitialized","panState","pannedEl","sheetHeight","rafId","nextSnapPoint","disableVerticalScrollBouncingDispose","panGestureRecognizer","init","destroy","cleanup","panStart","event","target","setStartCoords","panMove","setInitialTimeOnce","setEndCoords","preventUntilPanGestureBecomesExpected","preventImmediatelyIfPannedElIsNotValid","preventUntilVerticalScrollingOnSheetScrollElBecomesExpected","preventImmediatelyIfVerticalScrollingOnPannedElIsScrolled","offsetHeight","disableVerticalScrollBouncingIfNeeded","isDynamicSnapPoint","COMPUTED_INDEX","cancelable","preventDefault","y1","y2","calculateSnapPoint","panEnd","getSnapPointTo","reset","immediately","cancelAnimationFrame","enableTransition","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"],"mappings":"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"}

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

@@ -0,0 +1,50 @@
+export class CSSTransitionController {
+    el;
+    property;
+    constructor(el, property){
+        this.el = el;
+        this.property = property;
+        this.handleTransitionEnd = ()=>{
+            this.cleanup();
+            return this;
+        };
+    }
+    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;
+    }
+    handleTransitionEnd;
+}
+
+//# sourceMappingURL=CSSTransitionController.js.map

package/dist/cssm/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","constructor","el","property","handleTransitionEnd","cleanup","set","to","style","setProperty","unset","from","undefined","addEventListener","once","enableTransition","removeProperty","disableTransition","removeEventListener","cleanupOnTransitionEnd"],"mappings":"AAEA,OAAO,MAAMA;;;IACXC,YACE,AAAgBC,EAAe,EAC/B,AAAgBC,QAAgB,CAChC;aAFgBD,KAAAA;aACAC,WAAAA;aAyCDC,sBAAsB;YACrC,IAAI,CAACC,OAAO;YACZ,OAAO,IAAI;QACb;IA3CG;IAEHC,IAAIC,EAAK,EAAE;QACT,IAAI,CAACL,EAAE,CAACM,KAAK,CAACC,WAAW,CAAC,IAAI,CAACN,QAAQ,EAAE,GAAGI,IAAI;QAChD,OAAO,IAAI;IACb;IAEAG,MAAMC,IAAQ,EAAE;QACd,IAAIA,SAASC,WAAW;YACtB,IAAI,CAACV,EAAE,CAACW,gBAAgB,CAAC,iBAAiB,IAAI,CAACT,mBAAmB,EAAE;gBAAEU,MAAM;YAAK;YACjF,IAAI,CAACC,gBAAgB;YACrB,IAAI,CAACb,EAAE,CAACM,KAAK,CAACC,WAAW,CAAC,IAAI,CAACN,QAAQ,EAAE,GAAGQ,MAAM;YAClD,OAAO,IAAI;QACb;QAEA,OAAO,IAAI,CAACN,OAAO;IACrB;IAEAU,mBAAmB;QACjB,IAAI,CAACb,EAAE,CAACM,KAAK,CAACQ,cAAc,CAAC;QAC7B,OAAO,IAAI;IACb;IAEAC,oBAAoB;QAClB,IAAI,CAACf,EAAE,CAACM,KAAK,CAACC,WAAW,CAAC,cAAc;QACxC,OAAO,IAAI;IACb;IAEAJ,UAAU;QACR,IAAI,CAACH,EAAE,CAACgB,mBAAmB,CAAC,iBAAiB,IAAI,CAACd,mBAAmB;QACrE,IAAI,CAACF,EAAE,CAACM,KAAK,CAACQ,cAAc,CAAC;QAC7B,IAAI,CAACd,EAAE,CAACM,KAAK,CAACQ,cAAc,CAAC,IAAI,CAACb,QAAQ;QAC1C,OAAO,IAAI;IACb;IAEAgB,yBAAyB;QACvB,IAAI,CAACjB,EAAE,CAACW,gBAAgB,CAAC,iBAAiB,IAAI,CAACT,mBAAmB,EAAE;YAAEU,MAAM;QAAK;QACjF,OAAO,IAAI;IACb;IAEiBV,oBAGf;AACJ"}

package/dist/cssm/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/cssm/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/cssm/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