@vkontakte/vkui 6.1.2 → 6.2.0

package/dist/cssm/components/View/View.module.css

@@ -1,20 +1,66 @@
 .View {
+  --vkui_internal--view_animation_translateY_initial: 80px;
+
   position: relative;
   block-size: 100%;
   inline-size: 100%;
   word-wrap: break-word;
 }
 
+@media screen and (prefers-reduced-motion: reduce) {
+  .View {
+    --vkui_internal--view_animation_translateY_initial: 0;
+  }
+}
+
 .View--animated,
 .View--swiping-back {
   overflow: hidden;
 }
 
-.View--animated .View__panel,
-.View--animated .View__header,
-.View--swiping-back .View__panel,
-.View--swiping-back .View__header {
+.View__panel-overlay {
+  display: none;
+  position: absolute;
+  inline-size: 100%;
+  block-size: 100%;
+  inset-inline-start: 0;
+  inset-block-start: 0;
+  background-color: #000;
   pointer-events: none;
+  z-index: var(--vkui_internal--z_index_panel_header_fade);
+}
+
+.View__panel--prev .View__panel-overlay {
+  display: block;
+  animation: animation-ios-overlay-fade-in 0.6s var(--vkui--animation_easing_platform);
+}
+
+.View__panel--next .View__panel-overlay {
+  display: block;
+  animation: animation-ios-overlay-fade-out 0.6s var(--vkui--animation_easing_platform) forwards;
+}
+
+.View__panel--active .View__panel-overlay,
+.View__panel--prev ~ .View__panel--next .View__panel-overlay,
+.View__panel--next ~ .View__panel--prev .View__panel-overlay {
+  display: none;
+}
+
+.View__panel--swipe-back-next .View__panel-overlay {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+.View__panel--swipe-back-next.View__panel--swipe-back-success .View__panel-overlay,
+.View__panel--swipe-back-next.View__panel--swipe-back-failed .View__panel-overlay {
+  transition: opacity 0.3s var(--vkui--animation_easing_platform);
+}
+
+@media screen and (prefers-reduced-motion: reduce) {
+  .View__panel--prev .View__panel-overlay,
+  .View__panel--next .View__panel-overlay {
+    display: none;
+    animation: none;
+  }
 }
 
 .View__panels {
@@ -22,6 +68,10 @@
   inline-size: 100%;
 }
 
+.View__panel-in {
+  block-size: 100%;
+}
+
 .View__panel {
   position: relative;
   inline-size: 100%;
@@ -30,8 +80,11 @@
   isolation: isolate;
 }
 
-.View__panel-in {
-  block-size: 100%;
+.View--animated .View__panel,
+.View--animated .View__header,
+.View--swiping-back .View__panel,
+.View--swiping-back .View__header {
+  pointer-events: none;
 }
 
 .View--animated .View__panel,
@@ -42,51 +95,30 @@
   overflow: hidden;
 }
 
-.View__panel-overlay {
-  display: none;
-  position: absolute;
-  inline-size: 100%;
-  block-size: 100%;
-  inset-inline-start: 0;
-  inset-block-start: 0;
-  background-color: #000;
-  pointer-events: none;
-  z-index: var(--vkui_internal--z_index_panel_header_fade);
-}
-
 /**
  * Panel swipe back
  */
 
-.View--ios .View__panel--swipe-back-prev.View__panel--swipe-back-success {
+.View--ios .View__panel--swipe-back-prev.View__panel--swipe-back-success,
+.View--ios .View__panel--swipe-back-prev.View__panel--swipe-back-failed,
+.View--ios .View__panel--swipe-back-next.View__panel--swipe-back-success,
+.View--ios .View__panel--swipe-back-next.View__panel--swipe-back-failed {
   transition: transform 0.3s var(--vkui--animation_easing_platform);
-  transform: translate3d(100%, 0, 0);
 }
 
+.View--ios .View__panel--swipe-back-prev.View__panel--swipe-back-failed,
 .View--ios .View__panel--swipe-back-next.View__panel--swipe-back-success {
-  transition: transform 0.3s var(--vkui--animation_easing_platform);
   transform: translate3d(0, 0, 0);
 }
 
-.View--ios .View__panel--swipe-back-prev.View__panel--swipe-back-failed {
-  transition: transform 0.3s var(--vkui--animation_easing_platform);
-  transform: translate3d(0, 0, 0);
+.View--ios .View__panel--swipe-back-prev.View__panel--swipe-back-success {
+  transform: translate3d(100%, 0, 0);
 }
 
 .View--ios .View__panel--swipe-back-next.View__panel--swipe-back-failed {
-  transition: transform 0.3s var(--vkui--animation_easing_platform);
   transform: translate3d(-50%, 0, 0);
 }
 
-.View--ios .View__panel--swipe-back-next .View__panel-overlay {
-  background-color: rgba(0, 0, 0, 0.1);
-}
-
-.View--ios .View__panel--swipe-back-next.View__panel--swipe-back-success .View__panel-overlay,
-.View--ios .View__panel--swipe-back-next.View__panel--swipe-back-failed .View__panel-overlay {
-  transition: opacity 0.3s var(--vkui--animation_easing_platform);
-}
-
 /**
  * Panel transition
  */
@@ -99,34 +131,6 @@
   animation: animation-view-next-forward 0.3s var(--vkui--animation_easing_platform);
 }
 
-.View--no-motion .View__panel {
-  animation: none;
-}
-
-@keyframes animation-view-prev-back {
-  from {
-    opacity: 1;
-    transform: translateY(0);
-  }
-
-  to {
-    opacity: 0;
-    transform: translateY(80px);
-  }
-}
-
-@keyframes animation-view-next-forward {
-  from {
-    opacity: 0;
-    transform: translateY(80px);
-  }
-
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
 .View--ios .View__panel--prev {
   animation: animation-ios-prev-forward 0.6s var(--vkui--animation_easing_platform);
 }
@@ -143,37 +147,55 @@
   animation: animation-ios-prev-back 0.6s var(--vkui--animation_easing_platform) forwards;
 }
 
-.View--ios .View__panel--prev .View__panel-overlay,
-.View--ios .View__panel--next .View__panel-overlay {
-  display: block;
-}
-
-.View--ios .View__panel--prev .View__panel-overlay {
-  animation: animation-ios-fade-in 0.6s var(--vkui--animation_easing_platform);
-}
+@media screen and (prefers-reduced-motion: reduce) {
+  .View--ios .View__panel--prev,
+  .View--ios .View__panel--next {
+    animation: none;
+  }
 
-.View--ios .View__panel--next .View__panel-overlay {
-  animation: animation-ios-fade-out 0.6s var(--vkui--animation_easing_platform) forwards;
-}
+  .View--ios .View__panel--next ~ .View__panel--prev {
+    animation-name: animation-view-prev-back;
+    animation-duration: 0.3s;
+    animation-fill-mode: forwards;
+  }
 
-.View--ios .View__panel--prev ~ .View__panel--next .View__panel-overlay,
-.View--ios .View__panel--next ~ .View__panel--prev .View__panel-overlay {
-  display: none;
+  .View--ios .View__panel--prev ~ .View__panel--next {
+    animation-name: animation-view-next-forward;
+    animation-duration: 0.3s;
+    animation-fill-mode: none;
+  }
 }
 
 /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
 
+.View--no-motion .View__panel,
 .View--ios.View--no-motion .View__panel,
 .View--ios.View--no-motion .View__panel :global(.vkuiInternalPanel__in) {
   animation: none;
 }
 
-/**
- * Active panel
- */
+@keyframes animation-view-prev-back {
+  from {
+    opacity: 1;
+    transform: translateY(0);
+  }
 
-.View--ios .View__panel--active .View__panel-overlay {
-  display: none;
+  to {
+    opacity: 0;
+    transform: translateY(var(--vkui_internal--view_animation_translateY_initial));
+  }
+}
+
+@keyframes animation-view-next-forward {
+  from {
+    opacity: 0;
+    transform: translateY(var(--vkui_internal--view_animation_translateY_initial));
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
 }
 
 @keyframes animation-ios-next-forward {
@@ -216,7 +238,7 @@
   }
 }
 
-@keyframes animation-ios-fade-in {
+@keyframes animation-ios-overlay-fade-in {
   from {
     opacity: 0;
   }
@@ -226,7 +248,7 @@
   }
 }
 
-@keyframes animation-ios-fade-out {
+@keyframes animation-ios-overlay-fade-out {
   from {
     opacity: 0.3;
   }

package/dist/cssm/components/View/ViewInfinite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViewInfinite.d.ts","sourceRoot":"","sources":["../../../../src/components/View/ViewInfinite.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAY,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAG1D,OAAO,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACrE,OAAO,EAAiB,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AACjF,OAAO,EAEL,8BAA8B,EAC/B,MAAM,yCAAyC,CAAC;AAIjD,OAAO,EAAmB,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAWpF,UAAU,OAAO;IACf,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;CAC5C;AAED,UAAU,YAAY;IACpB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAID,eAAO,IAAI,YAAY,EAAE,YAAiB,CAAC;AAE3C,MAAM,MAAM,gBAAgB,GAAG;IAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAAC;AAE1E,MAAM,WAAW,iBACf,SAAQ,yBAAyB,CAAC,WAAW,CAAC,EAC5C,WAAW,EACX,UAAU;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,GAAG;QAAE,MAAM,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACxE;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,GAAG,SAAS,CAAC;IACpE;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,OAAO,CAAC;IACpD;;OAEG;IACH,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC;;OAEG;IACH,cAAc,CAAC,EAAE,8BAA8B,CAAC;IAChD;;OAEG;IACH,MAAM,CAAC,EAAE,sBAAsB,CAAC;CACjC;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,OAAO,CAAC;IAElB,aAAa,EAAE,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACpC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IAEzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,eAAe,EAAE,SAAS,GAAG,MAAM,GAAG,IAAI,CAAC;IAE3C,YAAY,EAAE,OAAO,CAAC;CACvB;AAilBD,eAAO,MAAM,YAAY,+CAYxB,CAAC"}
+{"version":3,"file":"ViewInfinite.d.ts","sourceRoot":"","sources":["../../../../src/components/View/ViewInfinite.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAY,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACrE,OAAO,EAAiB,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AACjF,OAAO,EAEL,8BAA8B,EAC/B,MAAM,yCAAyC,CAAC;AAIjD,OAAO,EAAmB,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAWpF,UAAU,OAAO;IACf,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;CAC5C;AAED,UAAU,YAAY;IACpB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAID,eAAO,IAAI,YAAY,EAAE,YAAiB,CAAC;AAE3C,MAAM,MAAM,gBAAgB,GAAG;IAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAAC;AAE1E,MAAM,WAAW,iBACf,SAAQ,yBAAyB,CAAC,WAAW,CAAC,EAC5C,WAAW,EACX,UAAU;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,GAAG;QAAE,MAAM,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACxE;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,GAAG,SAAS,CAAC;IACpE;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,OAAO,CAAC;IACpD;;OAEG;IACH,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC;;OAEG;IACH,cAAc,CAAC,EAAE,8BAA8B,CAAC;IAChD;;OAEG;IACH,MAAM,CAAC,EAAE,sBAAsB,CAAC;CACjC;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,OAAO,CAAC;IAElB,aAAa,EAAE,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACpC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IAEzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,eAAe,EAAE,SAAS,GAAG,MAAM,GAAG,IAAI,CAAC;IAE3C,YAAY,EAAE,OAAO,CAAC;CACvB;AAmkBD,eAAO,MAAM,YAAY,+CAYxB,CAAC"}

package/dist/cssm/components/View/ViewInfinite.js

@@ -1,11 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
+import { classNames, noop } from '@vkontakte/vkjs';
 import { withContext } from '../../hoc/withContext';
 import { withPlatform } from '../../hoc/withPlatform';
 import { canUseDOM, withDOM } from '../../lib/dom';
 import { getNavId } from '../../lib/getNavId';
-import { animationEvent, transitionEvent } from '../../lib/supportEvents';
 import { warnOnce } from '../../lib/warnOnce';
 import { ScrollContext } from '../AppRoot/ScrollContext';
 import { ConfigProviderContext } from '../ConfigProvider/ConfigProviderContext';
@@ -102,13 +101,6 @@ class ViewInfiniteComponent extends React.Component {
                     animated: true,
                     isBack
                 });
-                // Фолбек анимации перехода
-                if (!animationEvent.supported) {
-                    if (this.animationFinishTimeout) {
-                        clearTimeout(this.animationFinishTimeout);
-                    }
-                    this.animationFinishTimeout = setTimeout(this.transitionEndHandler, this.props.platform === 'android' || this.props.platform === 'vkcom' ? 300 : 600);
-                }
             }
         }
         // Закончилась анимация свайпа назад
@@ -185,10 +177,21 @@ class ViewInfiniteComponent extends React.Component {
     shouldDisableTransitionMotion() {
         return this.props.configProvider?.transitionMotionEnabled === false || !this.props.splitCol?.animate || this.props.platform === 'vkcom';
     }
+    transitionDisposer = noop;
+    disposeTransition() {
+        this.transitionDisposer();
+        this.transitionDisposer = noop;
+    }
     waitTransitionFinish(elem, eventHandler) {
-        if (transitionEvent.supported && transitionEvent.name && elem) {
-            elem.removeEventListener(transitionEvent.name, eventHandler);
-            elem.addEventListener(transitionEvent.name, eventHandler);
+        if (this.shouldDisableTransitionMotion()) {
+            this.disposeTransition();
+            this.transitionFinishTimeout = setTimeout(eventHandler);
+        } else if (elem) {
+            this.disposeTransition();
+            elem.addEventListener('transitionend', eventHandler);
+            this.transitionDisposer = ()=>{
+                elem.removeEventListener('transitionend', eventHandler);
+            };
         } else {
             if (this.transitionFinishTimeout) {
                 clearTimeout(this.transitionFinishTimeout);
@@ -241,13 +244,8 @@ class ViewInfiniteComponent extends React.Component {
             });
         });
     }
-    transitionEndHandler = (e)=>{
-        if ((!e || [
-            styles['animation-ios-next-forward'],
-            styles['animation-ios-prev-back'],
-            styles['animation-view-next-forward'],
-            styles['animation-view-prev-back']
-        ].includes(e.animationName)) && this.state.prevPanel !== null) {
+    transitionEndHandler = ()=>{
+        if (this.state.prevPanel !== null) {
             this.flushTransition(this.state.prevPanel, Boolean(this.state.isBack));
         }
     };

package/dist/cssm/components/View/ViewInfinite.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/View/ViewInfinite.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { withContext } from '../../hoc/withContext';\nimport { withPlatform } from '../../hoc/withPlatform';\nimport { canUseDOM, DOMProps, withDOM } from '../../lib/dom';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { animationEvent, transitionEvent } from '../../lib/supportEvents';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasPlatform, HTMLAttributesWithRootRef } from '../../types';\nimport { ScrollContext, ScrollContextInterface } from '../AppRoot/ScrollContext';\nimport {\n  ConfigProviderContext,\n  ConfigProviderContextInterface,\n} from '../ConfigProvider/ConfigProviderContext';\nimport { NavViewIdContext } from '../NavIdContext/NavIdContext';\nimport { NavTransitionProvider } from '../NavTransitionContext/NavTransitionContext';\nimport { NavTransitionDirectionProvider } from '../NavTransitionDirectionContext/NavTransitionDirectionContext';\nimport { SplitColContext, SplitColContextProps } from '../SplitCol/SplitColContext';\nimport { Touch, TouchEvent } from '../Touch/Touch';\nimport {\n  getSwipeBackPredicates,\n  hasHorizontalScrollableElementWithScrolledToLeft,\n  swipeBackExcluded,\n} from './utils';\nimport styles from './View.module.css';\n\nconst warn = warnOnce('ViewInfinite');\n\ninterface Scrolls {\n  [index: string]: Array<number | undefined>;\n}\n\ninterface ViewsScrolls {\n  [index: string]: Scrolls;\n}\n\ntype TransitionEventHandler = (e?: TransitionEvent) => void;\n\nexport let scrollsCache: ViewsScrolls = {};\n\nexport type TransitionParams = { from: string | null; to: string | null };\n\nexport interface ViewInfiniteProps\n  extends HTMLAttributesWithRootRef<HTMLElement>,\n    HasPlatform,\n    NavIdProps {\n  activePanel: string;\n  onTransition?: (params: TransitionParams & { isBack: boolean }) => void;\n  /**\n   * callback свайпа назад\n   */\n  onSwipeBack?: () => void;\n  /**\n   * callback начала анимации свайпа назад.\n   */\n  onSwipeBackStart?: (activePanel: string | null) => void | 'prevent';\n  /**\n   * callback завершения анимации отмененного пользователем свайпа\n   */\n  onSwipeBackCancel?: () => void;\n  history?: string[];\n  isBackCheck?: (params: TransitionParams) => boolean;\n  /**\n   * @ignore\n   */\n  splitCol?: SplitColContextProps;\n  /**\n   * @ignore\n   */\n  configProvider?: ConfigProviderContextInterface;\n  /**\n   * @ignore\n   */\n  scroll?: ScrollContextInterface;\n}\n\nexport interface ViewInfiniteState {\n  animated: boolean;\n\n  visiblePanels: Array<string | null>;\n  activePanel: string | null;\n  isBack?: boolean;\n  prevPanel: string | null;\n  nextPanel: string | null;\n\n  swipingBack?: boolean;\n  swipeBackStartX: number;\n  swipeBackShift: number;\n  swipeBackNextPanel: string | null;\n  swipeBackPrevPanel: string | null;\n  swipeBackResult: 'success' | 'fail' | null;\n\n  browserSwipe: boolean;\n}\n\nclass ViewInfiniteComponent extends React.Component<\n  ViewInfiniteProps & DOMProps,\n  ViewInfiniteState\n> {\n  constructor(props: ViewInfiniteProps) {\n    super(props);\n\n    this.state = {\n      animated: false,\n\n      visiblePanels: [props.activePanel],\n      activePanel: props.activePanel,\n      isBack: undefined,\n      prevPanel: null,\n      nextPanel: null,\n\n      swipingBack: undefined,\n      swipeBackStartX: 0,\n      swipeBackShift: 0,\n      swipeBackNextPanel: null,\n      swipeBackPrevPanel: null,\n      swipeBackResult: null,\n\n      browserSwipe: false,\n    };\n  }\n\n  static defaultProps: Partial<ViewInfiniteProps> = {\n    history: [],\n  };\n\n  private swipeBackPrevented = false;\n  private scrolls = scrollsCache[getNavId(this.props, warn) as string] || {};\n  private transitionFinishTimeout: ReturnType<typeof setTimeout> | undefined = undefined;\n  private animationFinishTimeout: ReturnType<typeof setTimeout> | undefined = undefined;\n\n  get document() {\n    return this.props.document;\n  }\n\n  get window() {\n    return this.props.window;\n  }\n\n  get panels() {\n    return React.Children.toArray(this.props.children) as React.ReactElement[];\n  }\n\n  panelNodes: { [id: string]: HTMLDivElement | null } = {};\n\n  componentWillUnmount() {\n    const id = getNavId(this.props);\n    if (id) {\n      scrollsCache[id] = this.scrolls;\n    }\n    if (this.animationFinishTimeout) {\n      clearTimeout(this.animationFinishTimeout);\n    }\n  }\n\n  componentDidUpdate(prevProps: ViewInfiniteProps, prevState: ViewInfiniteState) {\n    // Нужен переход\n    if (\n      prevProps.activePanel !== this.props.activePanel &&\n      !prevState.swipingBack &&\n      !prevState.browserSwipe\n    ) {\n      let isBack = false;\n\n      if (this.props.isBackCheck) {\n        isBack = this.props.isBackCheck({\n          from: prevProps.activePanel,\n          to: this.props.activePanel,\n        });\n      } else {\n        const firstLayerId = this.panels\n          .map((panel) => getNavId(panel.props, warn))\n          .find((id) => id === prevProps.activePanel || id === this.props.activePanel);\n        isBack = firstLayerId === this.props.activePanel;\n      }\n\n      this.blurActiveElement();\n\n      const prevScrolls = this.scrolls[prevProps.activePanel] || [];\n      const scrolls = {\n        ...this.scrolls,\n        [prevProps.activePanel]: [...prevScrolls, this.props.scroll?.getScroll().y],\n      };\n      this.scrolls = scrolls;\n\n      if (this.shouldDisableTransitionMotion()) {\n        this.flushTransition(prevProps.activePanel, isBack);\n      } else {\n        this.setState({\n          visiblePanels: [prevProps.activePanel, this.props.activePanel],\n          prevPanel: prevProps.activePanel,\n          nextPanel: this.props.activePanel,\n          activePanel: null,\n          animated: true,\n          isBack,\n        });\n\n        // Фолбек анимации перехода\n        if (!animationEvent.supported) {\n          if (this.animationFinishTimeout) {\n            clearTimeout(this.animationFinishTimeout);\n          }\n          this.animationFinishTimeout = setTimeout(\n            this.transitionEndHandler,\n            this.props.platform === 'android' || this.props.platform === 'vkcom' ? 300 : 600,\n          );\n        }\n      }\n    }\n\n    // Закончилась анимация свайпа назад\n    if (prevProps.activePanel !== this.props.activePanel && prevState.swipingBack) {\n      const nextPanel = this.state.swipeBackNextPanel;\n      const prevPanel = this.state.swipeBackPrevPanel;\n      let scrollPosition: undefined | number = undefined;\n\n      this.scrolls = {\n        ...this.scrolls,\n      };\n\n      if (prevPanel !== null) {\n        const prevPanelScrolls = [...(this.scrolls[prevPanel] || [])].slice(0, -1);\n        this.scrolls[prevPanel] = prevPanelScrolls;\n      }\n      if (nextPanel !== null) {\n        const newPanelScrolls = [...(this.scrolls[nextPanel] || [])];\n        scrollPosition = newPanelScrolls.pop();\n        this.scrolls[nextPanel] = newPanelScrolls;\n      }\n\n      this.setState(\n        {\n          swipeBackPrevPanel: null,\n          swipeBackNextPanel: null,\n          swipingBack: false,\n          swipeBackResult: null,\n          swipeBackStartX: 0,\n          swipeBackShift: 0,\n          activePanel: nextPanel,\n          visiblePanels: [nextPanel],\n        },\n        () => {\n          this.props.scroll?.scrollTo(0, scrollPosition);\n          prevProps.onTransition &&\n            prevProps.onTransition({\n              isBack: true,\n              from: prevPanel,\n              to: nextPanel,\n            });\n        },\n      );\n    }\n\n    // Началась анимация завершения свайпа назад.\n    if (!prevState.swipeBackResult && this.state.swipeBackResult) {\n      this.waitTransitionFinish(\n        this.pickPanel(this.state.swipeBackNextPanel),\n        this.swipingBackTransitionEndHandler,\n      );\n    }\n\n    // Если свайп назад отменился (когда пользователь недостаточно сильно свайпнул)\n    if (\n      prevState.swipeBackResult === 'fail' &&\n      !this.state.swipeBackResult &&\n      this.state.activePanel !== null\n    ) {\n      const newPanelScrolls = [...(this.scrolls[this.state.activePanel] || [])];\n      const scrollPosition = newPanelScrolls.pop();\n      this.scrolls = {\n        ...this.scrolls,\n        [this.state.activePanel]: newPanelScrolls,\n      };\n\n      this.props.scroll?.scrollTo(0, scrollPosition);\n    }\n\n    // Закончился Safari свайп\n    if (prevProps.activePanel !== this.props.activePanel && this.state.browserSwipe) {\n      this.setState({\n        browserSwipe: false,\n        nextPanel: null,\n        prevPanel: null,\n        animated: false,\n        visiblePanels: [this.props.activePanel],\n        activePanel: this.props.activePanel,\n      });\n    }\n  }\n\n  shouldDisableTransitionMotion(): boolean {\n    return (\n      this.props.configProvider?.transitionMotionEnabled === false ||\n      !this.props.splitCol?.animate ||\n      this.props.platform === 'vkcom'\n    );\n  }\n\n  waitTransitionFinish(\n    elem: HTMLElement | null | undefined,\n    eventHandler: TransitionEventHandler,\n  ): void {\n    if (transitionEvent.supported && transitionEvent.name && elem) {\n      elem.removeEventListener(\n        transitionEvent.name as keyof HTMLElementEventMap,\n        eventHandler as EventListener,\n      );\n      elem.addEventListener(\n        transitionEvent.name as keyof HTMLElementEventMap,\n        eventHandler as EventListener,\n      );\n    } else {\n      if (this.transitionFinishTimeout) {\n        clearTimeout(this.transitionFinishTimeout);\n      }\n\n      this.transitionFinishTimeout = setTimeout(\n        eventHandler,\n        this.props.platform === 'android' || this.props.platform === 'vkcom' ? 300 : 600,\n      );\n    }\n  }\n\n  blurActiveElement(): void {\n    if (typeof this.window !== 'undefined' && this.document?.activeElement) {\n      (this.document.activeElement as HTMLElement).blur();\n    }\n  }\n\n  pickPanel(id: string | null) {\n    if (id === null) {\n      return undefined;\n    }\n    return this.panelNodes[id];\n  }\n\n  flushTransition(prevPanel: string, isBack: boolean) {\n    const activePanel = this.props.activePanel;\n\n    const prevPanelScrolls = [...(this.scrolls[prevPanel] || [])].slice(0, -1);\n    const newPanelScrolls = [...(this.scrolls[activePanel] || [])];\n    const scrollPosition = isBack ? newPanelScrolls.pop() : 0;\n    if (isBack) {\n      this.scrolls = {\n        ...this.scrolls,\n        [prevPanel]: prevPanelScrolls,\n        [activePanel]: newPanelScrolls,\n      };\n    }\n\n    this.setState(\n      {\n        prevPanel: null,\n        nextPanel: null,\n        visiblePanels: [activePanel],\n        activePanel: activePanel,\n        animated: false,\n        isBack,\n      },\n      () => {\n        this.props.scroll?.scrollTo(0, isBack ? scrollPosition : 0);\n        this.props.onTransition &&\n          this.props.onTransition({ isBack, from: prevPanel, to: activePanel });\n      },\n    );\n  }\n\n  transitionEndHandler = (e?: React.AnimationEvent): void => {\n    if (\n      (!e ||\n        [\n          styles['animation-ios-next-forward'],\n          styles['animation-ios-prev-back'],\n          styles['animation-view-next-forward'],\n          styles['animation-view-prev-back'],\n        ].includes(e.animationName)) &&\n      this.state.prevPanel !== null\n    ) {\n      this.flushTransition(this.state.prevPanel, Boolean(this.state.isBack));\n    }\n  };\n\n  swipingBackTransitionEndHandler = (e?: TransitionEvent): void => {\n    // indexOf because of vendor prefixes in old browsers\n    if (\n      !e ||\n      (e.propertyName.includes('transform') &&\n        e.target === this.pickPanel(this.state.swipeBackNextPanel))\n    ) {\n      switch (this.state.swipeBackResult) {\n        case 'fail':\n          this.onSwipeBackCancel();\n          break;\n        case 'success':\n          this.onSwipeBackSuccess();\n      }\n    }\n  };\n\n  onSwipeBackSuccess(): void {\n    this.props.onSwipeBack && this.props.onSwipeBack();\n  }\n\n  onSwipeBackCancel(): void {\n    this.props.onSwipeBackCancel && this.props.onSwipeBackCancel();\n    this.setState({\n      swipeBackPrevPanel: null,\n      swipeBackNextPanel: null,\n      swipingBack: false,\n      swipeBackResult: null,\n      swipeBackStartX: 0,\n      swipeBackShift: 0,\n    });\n  }\n\n  handleTouchMoveXForNativeIOSSwipeBackOrSwipeNext = (event: TouchEvent) => {\n    if (this.state.browserSwipe) {\n      return;\n    }\n    const { swipeBackTriggered, viewportStartEdgeTouched, viewportEndEdgeTouched } =\n      getSwipeBackPredicates(event.startX, event.shiftX, this.window!.innerWidth);\n\n    if ((viewportStartEdgeTouched || viewportEndEdgeTouched) && swipeBackTriggered) {\n      this.setState({ browserSwipe: true });\n    }\n  };\n\n  handleTouchMoveXForIOSSwipeBackSimulation = (event: TouchEvent) => {\n    if (this.swipeBackPrevented || swipeBackExcluded(event)) {\n      return;\n    }\n\n    const { swipedToOpposite, swipeBackTriggered, viewportStartEdgeTouched } =\n      getSwipeBackPredicates(event.startX, event.shiftX, this.window!.innerWidth);\n\n    if (this.state.animated && swipeBackTriggered) {\n      return;\n    }\n\n    if (!this.state.swipingBack && this.props.history && this.props.history.length > 1) {\n      if (swipedToOpposite) {\n        this.swipeBackPrevented = true;\n        return;\n      }\n\n      if (!swipeBackTriggered) {\n        return;\n      }\n\n      if (\n        !viewportStartEdgeTouched &&\n        hasHorizontalScrollableElementWithScrolledToLeft(event.originalEvent.target as HTMLElement)\n      ) {\n        this.swipeBackPrevented = true;\n        return;\n      }\n      // Начался свайп назад\n      if (this.props.onSwipeBackStart) {\n        const payload = this.props.onSwipeBackStart(this.state.activePanel);\n        if (payload === 'prevent') {\n          this.swipeBackPrevented = true;\n          return;\n        }\n      }\n\n      if (this.state.activePanel !== null) {\n        // Note: вызываем закрытие клавиатуры. В iOS это нативное поведение при свайпе.\n        this.blurActiveElement();\n        const prevScrolls = this.scrolls[this.state.activePanel] || [];\n        this.scrolls = {\n          ...this.scrolls,\n          [this.state.activePanel]: [...prevScrolls, this.props.scroll?.getScroll().y],\n        };\n      }\n\n      this.setState({\n        swipingBack: true,\n        swipeBackStartX: event.startX,\n        swipeBackPrevPanel: this.state.activePanel,\n        swipeBackNextPanel: this.props.history.slice(-2)[0],\n      });\n    }\n\n    if (this.state.swipingBack) {\n      if (event.shiftX < 0) {\n        this.setState({ swipeBackShift: 0 });\n      } else if (event.shiftX > this.window!.innerWidth - this.state.swipeBackStartX) {\n        this.setState({ swipeBackShift: this.window!.innerWidth });\n      } else {\n        this.setState({ swipeBackShift: event.shiftX });\n      }\n    }\n  };\n\n  handleTouchEndForIOSSwipeBackSimulation = (event: TouchEvent) => {\n    this.swipeBackPrevented = false;\n\n    if (this.state.swipingBack && this.window) {\n      const speed = (this.state.swipeBackShift / event.duration) * 1000;\n      if (this.state.swipeBackShift === 0) {\n        this.onSwipeBackCancel();\n      } else if (this.state.swipeBackShift >= this.window.innerWidth) {\n        this.onSwipeBackSuccess();\n      } else if (speed > 250 || this.state.swipeBackShift >= this.window.innerWidth / 2) {\n        this.setState({ swipeBackResult: 'success' });\n      } else {\n        this.setState({ swipeBackResult: 'fail' });\n      }\n    }\n  };\n\n  calcPanelSwipeStyles(panelId: string | undefined): React.CSSProperties {\n    if (!canUseDOM || !this.window) {\n      return {};\n    }\n\n    const isPrev = panelId === this.state.swipeBackPrevPanel;\n    const isNext = panelId === this.state.swipeBackNextPanel;\n\n    if ((!isPrev && !isNext) || this.state.swipeBackResult) {\n      return {};\n    }\n\n    let prevPanelTranslate = `${this.state.swipeBackShift}px`;\n    let nextPanelTranslate = `${\n      -50 + (this.state.swipeBackShift * 100) / this.window.innerWidth / 2\n    }%`;\n    let prevPanelShadow =\n      (0.3 * (this.window.innerWidth - this.state.swipeBackShift)) / this.window.innerWidth;\n\n    if (this.state.swipeBackResult) {\n      return isPrev ? { boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})` } : {};\n    }\n\n    if (isNext) {\n      return {\n        transform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n        WebkitTransform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n      };\n    }\n    if (isPrev) {\n      return {\n        transform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n        WebkitTransform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n        boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})`,\n      };\n    }\n\n    return {};\n  }\n\n  render() {\n    const {\n      platform,\n      activePanel: _1,\n      splitCol,\n      configProvider,\n      history,\n      id,\n      nav,\n      onTransition,\n      onSwipeBack,\n      onSwipeBackStart,\n      onSwipeBackCancel,\n      window,\n      document,\n      scroll,\n      isBackCheck,\n      className,\n      ...restProps\n    } = this.props;\n    const {\n      prevPanel,\n      nextPanel,\n      activePanel,\n      isBack,\n      animated,\n      swipeBackPrevPanel,\n      swipeBackNextPanel,\n      swipeBackResult,\n      swipingBack,\n    } = this.state;\n\n    const panels = this.panels\n      .filter((panel) => {\n        const panelId = getNavId(panel.props, warn);\n\n        return (\n          (panelId !== undefined && this.state.visiblePanels.includes(panelId)) ||\n          panelId === swipeBackPrevPanel ||\n          panelId === swipeBackNextPanel\n        );\n      })\n      .sort((panel) => {\n        const panelId = getNavId(panel.props, warn);\n        const isPrevPanel = panelId === prevPanel || panelId === swipeBackPrevPanel;\n        const isNextPanel = panelId === nextPanel || panelId === swipeBackNextPanel;\n\n        if (isNextPanel) {\n          return swipingBack || this.state.isBack ? -1 : 1;\n        }\n\n        if (isPrevPanel) {\n          return swipingBack || this.state.isBack ? 1 : -1;\n        }\n\n        return 0;\n      });\n\n    const disableAnimation = this.shouldDisableTransitionMotion();\n    const iOSSwipeBackSimulationEnabled =\n      !disableAnimation && platform === 'ios' && configProvider?.isWebView && Boolean(onSwipeBack);\n\n    return (\n      <NavViewIdContext.Provider value={id || nav}>\n        <Touch\n          Component=\"section\"\n          {...restProps}\n          className={classNames(\n            styles['View'],\n            platform === 'ios' && classNames(styles['View--ios'], 'vkuiInternalView--ios'),\n            !disableAnimation && this.state.animated && styles['View--animated'],\n            !disableAnimation && this.state.swipingBack && styles['View--swiping-back'],\n            disableAnimation && styles['View--no-motion'],\n            className,\n          )}\n          onMoveX={\n            iOSSwipeBackSimulationEnabled\n              ? this.handleTouchMoveXForIOSSwipeBackSimulation\n              : platform === 'ios'\n              ? this.handleTouchMoveXForNativeIOSSwipeBackOrSwipeNext\n              : undefined\n          }\n          onEnd={\n            iOSSwipeBackSimulationEnabled ? this.handleTouchEndForIOSSwipeBackSimulation : undefined\n          }\n        >\n          <div className={styles['View__panels']}>\n            {panels.map((panel: React.ReactElement) => {\n              const panelId = getNavId(panel.props, warn);\n              const isPrev = panelId === prevPanel || panelId === swipeBackPrevPanel;\n              const compensateScroll =\n                isPrev || panelId === swipeBackNextPanel || (panelId === nextPanel && isBack);\n              const isTransitionTarget = animated && panelId === (isBack ? prevPanel : nextPanel);\n              const scrollList = (panelId && this.scrolls[panelId]) || [];\n              const scroll = scrollList[scrollList.length - 1] || 0;\n\n              return (\n                <div\n                  className={classNames(\n                    styles['View__panel'],\n                    panelId === activePanel && styles['View__panel--active'],\n                    panelId === prevPanel && styles['View__panel--prev'],\n                    panelId === nextPanel && styles['View__panel--next'],\n                    panelId === swipeBackPrevPanel && styles['View__panel--swipe-back-prev'],\n                    panelId === swipeBackNextPanel && styles['View__panel--swipe-back-next'],\n                    swipeBackResult === 'success' && styles['View__panel--swipe-back-success'],\n                    swipeBackResult === 'fail' && styles['View__panel--swipe-back-failed'],\n                  )}\n                  onAnimationEnd={isTransitionTarget ? this.transitionEndHandler : undefined}\n                  ref={(el) => panelId !== undefined && (this.panelNodes[panelId] = el)}\n                  style={this.calcPanelSwipeStyles(panelId)}\n                  key={panelId}\n                >\n                  <div\n                    className={styles['View__panel-in']}\n                    style={{ marginTop: compensateScroll ? -scroll : undefined }}\n                  >\n                    <NavTransitionDirectionProvider isBack={swipingBack || isBack}>\n                      <NavTransitionProvider\n                        entering={panelId === nextPanel || panelId === swipeBackNextPanel}\n                      >\n                        {panel}\n                      </NavTransitionProvider>\n                    </NavTransitionDirectionProvider>\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        </Touch>\n      </NavViewIdContext.Provider>\n    );\n  }\n}\n\nexport const ViewInfinite = withContext(\n  withContext(\n    withContext(\n      withPlatform(withDOM<ViewInfiniteProps>(ViewInfiniteComponent)),\n      SplitColContext,\n      'splitCol',\n    ),\n    ConfigProviderContext,\n    'configProvider',\n  ),\n  ScrollContext,\n  'scroll',\n);\n"],"names":["React","classNames","withContext","withPlatform","canUseDOM","withDOM","getNavId","animationEvent","transitionEvent","warnOnce","ScrollContext","ConfigProviderContext","NavViewIdContext","NavTransitionProvider","NavTransitionDirectionProvider","SplitColContext","Touch","getSwipeBackPredicates","hasHorizontalScrollableElementWithScrolledToLeft","swipeBackExcluded","styles","warn","scrollsCache","ViewInfiniteComponent","Component","constructor","props","state","animated","visiblePanels","activePanel","isBack","undefined","prevPanel","nextPanel","swipingBack","swipeBackStartX","swipeBackShift","swipeBackNextPanel","swipeBackPrevPanel","swipeBackResult","browserSwipe","defaultProps","history","swipeBackPrevented","scrolls","transitionFinishTimeout","animationFinishTimeout","document","window","panels","Children","toArray","children","panelNodes","componentWillUnmount","id","clearTimeout","componentDidUpdate","prevProps","prevState","isBackCheck","from","to","firstLayerId","map","panel","find","blurActiveElement","prevScrolls","scroll","getScroll","y","shouldDisableTransitionMotion","flushTransition","setState","supported","setTimeout","transitionEndHandler","platform","scrollPosition","prevPanelScrolls","slice","newPanelScrolls","pop","scrollTo","onTransition","waitTransitionFinish","pickPanel","swipingBackTransitionEndHandler","configProvider","transitionMotionEnabled","splitCol","animate","elem","eventHandler","name","removeEventListener","addEventListener","activeElement","blur","e","includes","animationName","Boolean","propertyName","target","onSwipeBackCancel","onSwipeBackSuccess","onSwipeBack","handleTouchMoveXForNativeIOSSwipeBackOrSwipeNext","event","swipeBackTriggered","viewportStartEdgeTouched","viewportEndEdgeTouched","startX","shiftX","innerWidth","handleTouchMoveXForIOSSwipeBackSimulation","swipedToOpposite","length","originalEvent","onSwipeBackStart","payload","handleTouchEndForIOSSwipeBackSimulation","speed","duration","calcPanelSwipeStyles","panelId","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","prevPanelShadow","boxShadow","transform","WebkitTransform","render","_1","nav","className","restProps","filter","sort","isPrevPanel","isNextPanel","disableAnimation","iOSSwipeBackSimulationEnabled","isWebView","Provider","value","onMoveX","onEnd","div","compensateScroll","isTransitionTarget","scrollList","onAnimationEnd","ref","el","style","marginTop","entering","ViewInfinite"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../src/components/View/ViewInfinite.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { withContext } from '../../hoc/withContext';\nimport { withPlatform } from '../../hoc/withPlatform';\nimport { canUseDOM, DOMProps, withDOM } from '../../lib/dom';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasPlatform, HTMLAttributesWithRootRef } from '../../types';\nimport { ScrollContext, ScrollContextInterface } from '../AppRoot/ScrollContext';\nimport {\n  ConfigProviderContext,\n  ConfigProviderContextInterface,\n} from '../ConfigProvider/ConfigProviderContext';\nimport { NavViewIdContext } from '../NavIdContext/NavIdContext';\nimport { NavTransitionProvider } from '../NavTransitionContext/NavTransitionContext';\nimport { NavTransitionDirectionProvider } from '../NavTransitionDirectionContext/NavTransitionDirectionContext';\nimport { SplitColContext, SplitColContextProps } from '../SplitCol/SplitColContext';\nimport { Touch, TouchEvent } from '../Touch/Touch';\nimport {\n  getSwipeBackPredicates,\n  hasHorizontalScrollableElementWithScrolledToLeft,\n  swipeBackExcluded,\n} from './utils';\nimport styles from './View.module.css';\n\nconst warn = warnOnce('ViewInfinite');\n\ninterface Scrolls {\n  [index: string]: Array<number | undefined>;\n}\n\ninterface ViewsScrolls {\n  [index: string]: Scrolls;\n}\n\ntype TransitionEventHandler = (e?: TransitionEvent) => void;\n\nexport let scrollsCache: ViewsScrolls = {};\n\nexport type TransitionParams = { from: string | null; to: string | null };\n\nexport interface ViewInfiniteProps\n  extends HTMLAttributesWithRootRef<HTMLElement>,\n    HasPlatform,\n    NavIdProps {\n  activePanel: string;\n  onTransition?: (params: TransitionParams & { isBack: boolean }) => void;\n  /**\n   * callback свайпа назад\n   */\n  onSwipeBack?: () => void;\n  /**\n   * callback начала анимации свайпа назад.\n   */\n  onSwipeBackStart?: (activePanel: string | null) => void | 'prevent';\n  /**\n   * callback завершения анимации отмененного пользователем свайпа\n   */\n  onSwipeBackCancel?: () => void;\n  history?: string[];\n  isBackCheck?: (params: TransitionParams) => boolean;\n  /**\n   * @ignore\n   */\n  splitCol?: SplitColContextProps;\n  /**\n   * @ignore\n   */\n  configProvider?: ConfigProviderContextInterface;\n  /**\n   * @ignore\n   */\n  scroll?: ScrollContextInterface;\n}\n\nexport interface ViewInfiniteState {\n  animated: boolean;\n\n  visiblePanels: Array<string | null>;\n  activePanel: string | null;\n  isBack?: boolean;\n  prevPanel: string | null;\n  nextPanel: string | null;\n\n  swipingBack?: boolean;\n  swipeBackStartX: number;\n  swipeBackShift: number;\n  swipeBackNextPanel: string | null;\n  swipeBackPrevPanel: string | null;\n  swipeBackResult: 'success' | 'fail' | null;\n\n  browserSwipe: boolean;\n}\n\nclass ViewInfiniteComponent extends React.Component<\n  ViewInfiniteProps & DOMProps,\n  ViewInfiniteState\n> {\n  constructor(props: ViewInfiniteProps) {\n    super(props);\n\n    this.state = {\n      animated: false,\n\n      visiblePanels: [props.activePanel],\n      activePanel: props.activePanel,\n      isBack: undefined,\n      prevPanel: null,\n      nextPanel: null,\n\n      swipingBack: undefined,\n      swipeBackStartX: 0,\n      swipeBackShift: 0,\n      swipeBackNextPanel: null,\n      swipeBackPrevPanel: null,\n      swipeBackResult: null,\n\n      browserSwipe: false,\n    };\n  }\n\n  static defaultProps: Partial<ViewInfiniteProps> = {\n    history: [],\n  };\n\n  private swipeBackPrevented = false;\n  private scrolls = scrollsCache[getNavId(this.props, warn) as string] || {};\n  private transitionFinishTimeout: ReturnType<typeof setTimeout> | undefined = undefined;\n  private readonly animationFinishTimeout: ReturnType<typeof setTimeout> | undefined = undefined;\n\n  get document() {\n    return this.props.document;\n  }\n\n  get window() {\n    return this.props.window;\n  }\n\n  get panels() {\n    return React.Children.toArray(this.props.children) as React.ReactElement[];\n  }\n\n  panelNodes: { [id: string]: HTMLDivElement | null } = {};\n\n  componentWillUnmount() {\n    const id = getNavId(this.props);\n    if (id) {\n      scrollsCache[id] = this.scrolls;\n    }\n    if (this.animationFinishTimeout) {\n      clearTimeout(this.animationFinishTimeout);\n    }\n  }\n\n  componentDidUpdate(prevProps: ViewInfiniteProps, prevState: ViewInfiniteState) {\n    // Нужен переход\n    if (\n      prevProps.activePanel !== this.props.activePanel &&\n      !prevState.swipingBack &&\n      !prevState.browserSwipe\n    ) {\n      let isBack = false;\n\n      if (this.props.isBackCheck) {\n        isBack = this.props.isBackCheck({\n          from: prevProps.activePanel,\n          to: this.props.activePanel,\n        });\n      } else {\n        const firstLayerId = this.panels\n          .map((panel) => getNavId(panel.props, warn))\n          .find((id) => id === prevProps.activePanel || id === this.props.activePanel);\n        isBack = firstLayerId === this.props.activePanel;\n      }\n\n      this.blurActiveElement();\n\n      const prevScrolls = this.scrolls[prevProps.activePanel] || [];\n      const scrolls = {\n        ...this.scrolls,\n        [prevProps.activePanel]: [...prevScrolls, this.props.scroll?.getScroll().y],\n      };\n      this.scrolls = scrolls;\n\n      if (this.shouldDisableTransitionMotion()) {\n        this.flushTransition(prevProps.activePanel, isBack);\n      } else {\n        this.setState({\n          visiblePanels: [prevProps.activePanel, this.props.activePanel],\n          prevPanel: prevProps.activePanel,\n          nextPanel: this.props.activePanel,\n          activePanel: null,\n          animated: true,\n          isBack,\n        });\n      }\n    }\n\n    // Закончилась анимация свайпа назад\n    if (prevProps.activePanel !== this.props.activePanel && prevState.swipingBack) {\n      const nextPanel = this.state.swipeBackNextPanel;\n      const prevPanel = this.state.swipeBackPrevPanel;\n      let scrollPosition: undefined | number = undefined;\n\n      this.scrolls = {\n        ...this.scrolls,\n      };\n\n      if (prevPanel !== null) {\n        const prevPanelScrolls = [...(this.scrolls[prevPanel] || [])].slice(0, -1);\n        this.scrolls[prevPanel] = prevPanelScrolls;\n      }\n      if (nextPanel !== null) {\n        const newPanelScrolls = [...(this.scrolls[nextPanel] || [])];\n        scrollPosition = newPanelScrolls.pop();\n        this.scrolls[nextPanel] = newPanelScrolls;\n      }\n\n      this.setState(\n        {\n          swipeBackPrevPanel: null,\n          swipeBackNextPanel: null,\n          swipingBack: false,\n          swipeBackResult: null,\n          swipeBackStartX: 0,\n          swipeBackShift: 0,\n          activePanel: nextPanel,\n          visiblePanels: [nextPanel],\n        },\n        () => {\n          this.props.scroll?.scrollTo(0, scrollPosition);\n          prevProps.onTransition &&\n            prevProps.onTransition({\n              isBack: true,\n              from: prevPanel,\n              to: nextPanel,\n            });\n        },\n      );\n    }\n\n    // Началась анимация завершения свайпа назад.\n    if (!prevState.swipeBackResult && this.state.swipeBackResult) {\n      this.waitTransitionFinish(\n        this.pickPanel(this.state.swipeBackNextPanel),\n        this.swipingBackTransitionEndHandler,\n      );\n    }\n\n    // Если свайп назад отменился (когда пользователь недостаточно сильно свайпнул)\n    if (\n      prevState.swipeBackResult === 'fail' &&\n      !this.state.swipeBackResult &&\n      this.state.activePanel !== null\n    ) {\n      const newPanelScrolls = [...(this.scrolls[this.state.activePanel] || [])];\n      const scrollPosition = newPanelScrolls.pop();\n      this.scrolls = {\n        ...this.scrolls,\n        [this.state.activePanel]: newPanelScrolls,\n      };\n\n      this.props.scroll?.scrollTo(0, scrollPosition);\n    }\n\n    // Закончился Safari свайп\n    if (prevProps.activePanel !== this.props.activePanel && this.state.browserSwipe) {\n      this.setState({\n        browserSwipe: false,\n        nextPanel: null,\n        prevPanel: null,\n        animated: false,\n        visiblePanels: [this.props.activePanel],\n        activePanel: this.props.activePanel,\n      });\n    }\n  }\n\n  shouldDisableTransitionMotion(): boolean {\n    return (\n      this.props.configProvider?.transitionMotionEnabled === false ||\n      !this.props.splitCol?.animate ||\n      this.props.platform === 'vkcom'\n    );\n  }\n\n  private transitionDisposer = noop;\n\n  private disposeTransition() {\n    this.transitionDisposer();\n    this.transitionDisposer = noop;\n  }\n\n  waitTransitionFinish(\n    elem: HTMLElement | null | undefined,\n    eventHandler: TransitionEventHandler,\n  ): void {\n    if (this.shouldDisableTransitionMotion()) {\n      this.disposeTransition();\n      this.transitionFinishTimeout = setTimeout(eventHandler);\n    } else if (elem) {\n      this.disposeTransition();\n      elem.addEventListener('transitionend', eventHandler);\n      this.transitionDisposer = () => {\n        elem.removeEventListener('transitionend', eventHandler);\n      };\n    } else {\n      if (this.transitionFinishTimeout) {\n        clearTimeout(this.transitionFinishTimeout);\n      }\n      this.transitionFinishTimeout = setTimeout(\n        eventHandler,\n        this.props.platform === 'android' || this.props.platform === 'vkcom' ? 300 : 600,\n      );\n    }\n  }\n\n  blurActiveElement(): void {\n    if (typeof this.window !== 'undefined' && this.document?.activeElement) {\n      (this.document.activeElement as HTMLElement).blur();\n    }\n  }\n\n  pickPanel(id: string | null) {\n    if (id === null) {\n      return undefined;\n    }\n    return this.panelNodes[id];\n  }\n\n  flushTransition(prevPanel: string, isBack: boolean) {\n    const activePanel = this.props.activePanel;\n\n    const prevPanelScrolls = [...(this.scrolls[prevPanel] || [])].slice(0, -1);\n    const newPanelScrolls = [...(this.scrolls[activePanel] || [])];\n    const scrollPosition = isBack ? newPanelScrolls.pop() : 0;\n    if (isBack) {\n      this.scrolls = {\n        ...this.scrolls,\n        [prevPanel]: prevPanelScrolls,\n        [activePanel]: newPanelScrolls,\n      };\n    }\n\n    this.setState(\n      {\n        prevPanel: null,\n        nextPanel: null,\n        visiblePanels: [activePanel],\n        activePanel: activePanel,\n        animated: false,\n        isBack,\n      },\n      () => {\n        this.props.scroll?.scrollTo(0, isBack ? scrollPosition : 0);\n        this.props.onTransition &&\n          this.props.onTransition({ isBack, from: prevPanel, to: activePanel });\n      },\n    );\n  }\n\n  transitionEndHandler = (): void => {\n    if (this.state.prevPanel !== null) {\n      this.flushTransition(this.state.prevPanel, Boolean(this.state.isBack));\n    }\n  };\n\n  swipingBackTransitionEndHandler = (e?: TransitionEvent): void => {\n    // indexOf because of vendor prefixes in old browsers\n    if (\n      !e ||\n      (e.propertyName.includes('transform') &&\n        e.target === this.pickPanel(this.state.swipeBackNextPanel))\n    ) {\n      switch (this.state.swipeBackResult) {\n        case 'fail':\n          this.onSwipeBackCancel();\n          break;\n        case 'success':\n          this.onSwipeBackSuccess();\n      }\n    }\n  };\n\n  onSwipeBackSuccess(): void {\n    this.props.onSwipeBack && this.props.onSwipeBack();\n  }\n\n  onSwipeBackCancel(): void {\n    this.props.onSwipeBackCancel && this.props.onSwipeBackCancel();\n    this.setState({\n      swipeBackPrevPanel: null,\n      swipeBackNextPanel: null,\n      swipingBack: false,\n      swipeBackResult: null,\n      swipeBackStartX: 0,\n      swipeBackShift: 0,\n    });\n  }\n\n  handleTouchMoveXForNativeIOSSwipeBackOrSwipeNext = (event: TouchEvent) => {\n    if (this.state.browserSwipe) {\n      return;\n    }\n    const { swipeBackTriggered, viewportStartEdgeTouched, viewportEndEdgeTouched } =\n      getSwipeBackPredicates(event.startX, event.shiftX, this.window!.innerWidth);\n\n    if ((viewportStartEdgeTouched || viewportEndEdgeTouched) && swipeBackTriggered) {\n      this.setState({ browserSwipe: true });\n    }\n  };\n\n  handleTouchMoveXForIOSSwipeBackSimulation = (event: TouchEvent) => {\n    if (this.swipeBackPrevented || swipeBackExcluded(event)) {\n      return;\n    }\n\n    const { swipedToOpposite, swipeBackTriggered, viewportStartEdgeTouched } =\n      getSwipeBackPredicates(event.startX, event.shiftX, this.window!.innerWidth);\n\n    if (this.state.animated && swipeBackTriggered) {\n      return;\n    }\n\n    if (!this.state.swipingBack && this.props.history && this.props.history.length > 1) {\n      if (swipedToOpposite) {\n        this.swipeBackPrevented = true;\n        return;\n      }\n\n      if (!swipeBackTriggered) {\n        return;\n      }\n\n      if (\n        !viewportStartEdgeTouched &&\n        hasHorizontalScrollableElementWithScrolledToLeft(event.originalEvent.target as HTMLElement)\n      ) {\n        this.swipeBackPrevented = true;\n        return;\n      }\n      // Начался свайп назад\n      if (this.props.onSwipeBackStart) {\n        const payload = this.props.onSwipeBackStart(this.state.activePanel);\n        if (payload === 'prevent') {\n          this.swipeBackPrevented = true;\n          return;\n        }\n      }\n\n      if (this.state.activePanel !== null) {\n        // Note: вызываем закрытие клавиатуры. В iOS это нативное поведение при свайпе.\n        this.blurActiveElement();\n        const prevScrolls = this.scrolls[this.state.activePanel] || [];\n        this.scrolls = {\n          ...this.scrolls,\n          [this.state.activePanel]: [...prevScrolls, this.props.scroll?.getScroll().y],\n        };\n      }\n\n      this.setState({\n        swipingBack: true,\n        swipeBackStartX: event.startX,\n        swipeBackPrevPanel: this.state.activePanel,\n        swipeBackNextPanel: this.props.history.slice(-2)[0],\n      });\n    }\n\n    if (this.state.swipingBack) {\n      if (event.shiftX < 0) {\n        this.setState({ swipeBackShift: 0 });\n      } else if (event.shiftX > this.window!.innerWidth - this.state.swipeBackStartX) {\n        this.setState({ swipeBackShift: this.window!.innerWidth });\n      } else {\n        this.setState({ swipeBackShift: event.shiftX });\n      }\n    }\n  };\n\n  handleTouchEndForIOSSwipeBackSimulation = (event: TouchEvent) => {\n    this.swipeBackPrevented = false;\n\n    if (this.state.swipingBack && this.window) {\n      const speed = (this.state.swipeBackShift / event.duration) * 1000;\n      if (this.state.swipeBackShift === 0) {\n        this.onSwipeBackCancel();\n      } else if (this.state.swipeBackShift >= this.window.innerWidth) {\n        this.onSwipeBackSuccess();\n      } else if (speed > 250 || this.state.swipeBackShift >= this.window.innerWidth / 2) {\n        this.setState({ swipeBackResult: 'success' });\n      } else {\n        this.setState({ swipeBackResult: 'fail' });\n      }\n    }\n  };\n\n  calcPanelSwipeStyles(panelId: string | undefined): React.CSSProperties {\n    if (!canUseDOM || !this.window) {\n      return {};\n    }\n\n    const isPrev = panelId === this.state.swipeBackPrevPanel;\n    const isNext = panelId === this.state.swipeBackNextPanel;\n\n    if ((!isPrev && !isNext) || this.state.swipeBackResult) {\n      return {};\n    }\n\n    let prevPanelTranslate = `${this.state.swipeBackShift}px`;\n    let nextPanelTranslate = `${\n      -50 + (this.state.swipeBackShift * 100) / this.window.innerWidth / 2\n    }%`;\n    let prevPanelShadow =\n      (0.3 * (this.window.innerWidth - this.state.swipeBackShift)) / this.window.innerWidth;\n\n    if (this.state.swipeBackResult) {\n      return isPrev ? { boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})` } : {};\n    }\n\n    if (isNext) {\n      return {\n        transform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n        WebkitTransform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n      };\n    }\n    if (isPrev) {\n      return {\n        transform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n        WebkitTransform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n        boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})`,\n      };\n    }\n\n    return {};\n  }\n\n  render() {\n    const {\n      platform,\n      activePanel: _1,\n      splitCol,\n      configProvider,\n      history,\n      id,\n      nav,\n      onTransition,\n      onSwipeBack,\n      onSwipeBackStart,\n      onSwipeBackCancel,\n      window,\n      document,\n      scroll,\n      isBackCheck,\n      className,\n      ...restProps\n    } = this.props;\n    const {\n      prevPanel,\n      nextPanel,\n      activePanel,\n      isBack,\n      animated,\n      swipeBackPrevPanel,\n      swipeBackNextPanel,\n      swipeBackResult,\n      swipingBack,\n    } = this.state;\n\n    const panels = this.panels\n      .filter((panel) => {\n        const panelId = getNavId(panel.props, warn);\n\n        return (\n          (panelId !== undefined && this.state.visiblePanels.includes(panelId)) ||\n          panelId === swipeBackPrevPanel ||\n          panelId === swipeBackNextPanel\n        );\n      })\n      .sort((panel) => {\n        const panelId = getNavId(panel.props, warn);\n        const isPrevPanel = panelId === prevPanel || panelId === swipeBackPrevPanel;\n        const isNextPanel = panelId === nextPanel || panelId === swipeBackNextPanel;\n\n        if (isNextPanel) {\n          return swipingBack || this.state.isBack ? -1 : 1;\n        }\n\n        if (isPrevPanel) {\n          return swipingBack || this.state.isBack ? 1 : -1;\n        }\n\n        return 0;\n      });\n\n    const disableAnimation = this.shouldDisableTransitionMotion();\n    const iOSSwipeBackSimulationEnabled =\n      !disableAnimation && platform === 'ios' && configProvider?.isWebView && Boolean(onSwipeBack);\n\n    return (\n      <NavViewIdContext.Provider value={id || nav}>\n        <Touch\n          Component=\"section\"\n          {...restProps}\n          className={classNames(\n            styles['View'],\n            platform === 'ios' && classNames(styles['View--ios'], 'vkuiInternalView--ios'),\n            !disableAnimation && this.state.animated && styles['View--animated'],\n            !disableAnimation && this.state.swipingBack && styles['View--swiping-back'],\n            disableAnimation && styles['View--no-motion'],\n            className,\n          )}\n          onMoveX={\n            iOSSwipeBackSimulationEnabled\n              ? this.handleTouchMoveXForIOSSwipeBackSimulation\n              : platform === 'ios'\n                ? this.handleTouchMoveXForNativeIOSSwipeBackOrSwipeNext\n                : undefined\n          }\n          onEnd={\n            iOSSwipeBackSimulationEnabled ? this.handleTouchEndForIOSSwipeBackSimulation : undefined\n          }\n        >\n          <div className={styles['View__panels']}>\n            {panels.map((panel: React.ReactElement) => {\n              const panelId = getNavId(panel.props, warn);\n              const isPrev = panelId === prevPanel || panelId === swipeBackPrevPanel;\n              const compensateScroll =\n                isPrev || panelId === swipeBackNextPanel || (panelId === nextPanel && isBack);\n              const isTransitionTarget = animated && panelId === (isBack ? prevPanel : nextPanel);\n              const scrollList = (panelId && this.scrolls[panelId]) || [];\n              const scroll = scrollList[scrollList.length - 1] || 0;\n\n              return (\n                <div\n                  className={classNames(\n                    styles['View__panel'],\n                    panelId === activePanel && styles['View__panel--active'],\n                    panelId === prevPanel && styles['View__panel--prev'],\n                    panelId === nextPanel && styles['View__panel--next'],\n                    panelId === swipeBackPrevPanel && styles['View__panel--swipe-back-prev'],\n                    panelId === swipeBackNextPanel && styles['View__panel--swipe-back-next'],\n                    swipeBackResult === 'success' && styles['View__panel--swipe-back-success'],\n                    swipeBackResult === 'fail' && styles['View__panel--swipe-back-failed'],\n                  )}\n                  onAnimationEnd={isTransitionTarget ? this.transitionEndHandler : undefined}\n                  ref={(el) => panelId !== undefined && (this.panelNodes[panelId] = el)}\n                  style={this.calcPanelSwipeStyles(panelId)}\n                  key={panelId}\n                >\n                  <div\n                    className={styles['View__panel-in']}\n                    style={{ marginTop: compensateScroll ? -scroll : undefined }}\n                  >\n                    <NavTransitionDirectionProvider isBack={swipingBack || isBack}>\n                      <NavTransitionProvider\n                        entering={panelId === nextPanel || panelId === swipeBackNextPanel}\n                      >\n                        {panel}\n                      </NavTransitionProvider>\n                    </NavTransitionDirectionProvider>\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        </Touch>\n      </NavViewIdContext.Provider>\n    );\n  }\n}\n\nexport const ViewInfinite = withContext(\n  withContext(\n    withContext(\n      withPlatform(withDOM<ViewInfiniteProps>(ViewInfiniteComponent)),\n      SplitColContext,\n      'splitCol',\n    ),\n    ConfigProviderContext,\n    'configProvider',\n  ),\n  ScrollContext,\n  'scroll',\n);\n"],"names":["React","classNames","noop","withContext","withPlatform","canUseDOM","withDOM","getNavId","warnOnce","ScrollContext","ConfigProviderContext","NavViewIdContext","NavTransitionProvider","NavTransitionDirectionProvider","SplitColContext","Touch","getSwipeBackPredicates","hasHorizontalScrollableElementWithScrolledToLeft","swipeBackExcluded","styles","warn","scrollsCache","ViewInfiniteComponent","Component","constructor","props","state","animated","visiblePanels","activePanel","isBack","undefined","prevPanel","nextPanel","swipingBack","swipeBackStartX","swipeBackShift","swipeBackNextPanel","swipeBackPrevPanel","swipeBackResult","browserSwipe","defaultProps","history","swipeBackPrevented","scrolls","transitionFinishTimeout","animationFinishTimeout","document","window","panels","Children","toArray","children","panelNodes","componentWillUnmount","id","clearTimeout","componentDidUpdate","prevProps","prevState","isBackCheck","from","to","firstLayerId","map","panel","find","blurActiveElement","prevScrolls","scroll","getScroll","y","shouldDisableTransitionMotion","flushTransition","setState","scrollPosition","prevPanelScrolls","slice","newPanelScrolls","pop","scrollTo","onTransition","waitTransitionFinish","pickPanel","swipingBackTransitionEndHandler","configProvider","transitionMotionEnabled","splitCol","animate","platform","transitionDisposer","disposeTransition","elem","eventHandler","setTimeout","addEventListener","removeEventListener","activeElement","blur","transitionEndHandler","Boolean","e","propertyName","includes","target","onSwipeBackCancel","onSwipeBackSuccess","onSwipeBack","handleTouchMoveXForNativeIOSSwipeBackOrSwipeNext","event","swipeBackTriggered","viewportStartEdgeTouched","viewportEndEdgeTouched","startX","shiftX","innerWidth","handleTouchMoveXForIOSSwipeBackSimulation","swipedToOpposite","length","originalEvent","onSwipeBackStart","payload","handleTouchEndForIOSSwipeBackSimulation","speed","duration","calcPanelSwipeStyles","panelId","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","prevPanelShadow","boxShadow","transform","WebkitTransform","render","_1","nav","className","restProps","filter","sort","isPrevPanel","isNextPanel","disableAnimation","iOSSwipeBackSimulationEnabled","isWebView","Provider","value","onMoveX","onEnd","div","compensateScroll","isTransitionTarget","scrollList","onAnimationEnd","ref","el","style","marginTop","entering","ViewInfinite"],"mappings":"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"}

package/dist/cssm/components/View/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/View/utils.ts"],"sourcesContent":["import { getOverflowAncestors } from '../../lib/floating';\nimport { TouchEvent } from '../Touch/Touch';\n\nconst swipeBackExcludedSelector = 'input, textarea, [data-vkui-swipe-back=false]';\n\nexport function swipeBackExcluded(e: TouchEvent) {\n  const target = e.originalEvent.target as HTMLElement;\n  // eslint-disable-next-line no-restricted-properties\n  return Boolean(target?.closest?.(swipeBackExcludedSelector));\n}\n\nexport function hasHorizontalScrollableElementWithScrolledToLeft(node: HTMLElement) {\n  return getOverflowAncestors(node).some((node) =>\n    'scrollLeft' in node ? node.scrollLeft > 0 : false,\n  );\n}\n\nexport const SWIPE_BACK_EDGE_SIZE_THRESHOLD = 20;\n\nexport const SWIPE_BACK_SHIFT_THRESHOLD = 10;\n\nexport const getSwipeBackPredicates = (startX: number, shiftX: number, innerWidth: number) => {\n  const swipedToOpposite = shiftX < 0;\n  const swipeBackTriggered = shiftX >= SWIPE_BACK_SHIFT_THRESHOLD;\n  const viewportStartEdgeTouched = startX <= SWIPE_BACK_EDGE_SIZE_THRESHOLD;\n  const viewportEndEdgeTouched = startX >= innerWidth - SWIPE_BACK_EDGE_SIZE_THRESHOLD;\n  return { swipedToOpposite, swipeBackTriggered, viewportStartEdgeTouched, viewportEndEdgeTouched };\n};\n"],"names":["getOverflowAncestors","swipeBackExcludedSelector","swipeBackExcluded","e","target","originalEvent","Boolean","closest","hasHorizontalScrollableElementWithScrolledToLeft","node","some","scrollLeft","SWIPE_BACK_EDGE_SIZE_THRESHOLD","SWIPE_BACK_SHIFT_THRESHOLD","getSwipeBackPredicates","startX","shiftX","innerWidth","swipedToOpposite","swipeBackTriggered","viewportStartEdgeTouched","viewportEndEdgeTouched"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,oBAAoB,QAAQ,qBAAqB;AAG1D,MAAMC,4BAA4B;AAElC,OAAO,SAASC,kBAAkBC,CAAa;IAC7C,MAAMC,SAASD,EAAEE,aAAa,CAACD,MAAM;IACrC,oDAAoD;IACpD,OAAOE,QAAQF,QAAQG,UAAUN;AACnC;AAEA,OAAO,SAASO,iDAAiDC,IAAiB;IAChF,OAAOT,qBAAqBS,MAAMC,IAAI,CAAC,CAACD,OACtC,gBAAgBA,OAAOA,KAAKE,UAAU,GAAG,IAAI;AAEjD;AAEA,OAAO,MAAMC,iCAAiC,GAAG;AAEjD,OAAO,MAAMC,6BAA6B,GAAG;AAE7C,OAAO,MAAMC,yBAAyB,CAACC,QAAgBC,QAAgBC;IACrE,MAAMC,mBAAmBF,SAAS;IAClC,MAAMG,qBAAqBH,UAAUH;IACrC,MAAMO,2BAA2BL,UAAUH;IAC3C,MAAMS,yBAAyBN,UAAUE,aAAaL;IACtD,OAAO;QAAEM;QAAkBC;QAAoBC;QAA0BC;IAAuB;AAClG,EAAE"}
+{"version":3,"sources":["../../../../src/components/View/utils.ts"],"sourcesContent":["import { getOverflowAncestors } from '../../lib/floating';\nimport { TouchEvent } from '../Touch/Touch';\n\nconst swipeBackExcludedSelector = 'input, textarea, [data-vkui-swipe-back=false]';\n\nexport function swipeBackExcluded(e: TouchEvent) {\n  const target = e.originalEvent.target as HTMLElement;\n  // eslint-disable-next-line no-restricted-properties\n  return Boolean(target?.closest?.(swipeBackExcludedSelector));\n}\n\nexport function hasHorizontalScrollableElementWithScrolledToLeft(node: HTMLElement) {\n  return getOverflowAncestors(node).some((node) =>\n    'scrollLeft' in node ? node.scrollLeft > 0 : false,\n  );\n}\n\nexport const SWIPE_BACK_EDGE_SIZE_THRESHOLD = 20;\n\nexport const SWIPE_BACK_SHIFT_THRESHOLD = 10;\n\nexport const getSwipeBackPredicates = (startX: number, shiftX: number, innerWidth: number) => {\n  const swipedToOpposite = shiftX < 0;\n  const swipeBackTriggered = shiftX >= SWIPE_BACK_SHIFT_THRESHOLD;\n  const viewportStartEdgeTouched = startX <= SWIPE_BACK_EDGE_SIZE_THRESHOLD;\n  const viewportEndEdgeTouched = startX >= innerWidth - SWIPE_BACK_EDGE_SIZE_THRESHOLD;\n  return { swipedToOpposite, swipeBackTriggered, viewportStartEdgeTouched, viewportEndEdgeTouched };\n};\n"],"names":["getOverflowAncestors","swipeBackExcludedSelector","swipeBackExcluded","e","target","originalEvent","Boolean","closest","hasHorizontalScrollableElementWithScrolledToLeft","node","some","scrollLeft","SWIPE_BACK_EDGE_SIZE_THRESHOLD","SWIPE_BACK_SHIFT_THRESHOLD","getSwipeBackPredicates","startX","shiftX","innerWidth","swipedToOpposite","swipeBackTriggered","viewportStartEdgeTouched","viewportEndEdgeTouched"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ,qBAAqB;AAG1D,MAAMC,4BAA4B;AAElC,OAAO,SAASC,kBAAkBC,CAAa;IAC7C,MAAMC,SAASD,EAAEE,aAAa,CAACD,MAAM;IACrC,oDAAoD;IACpD,OAAOE,QAAQF,QAAQG,UAAUN;AACnC;AAEA,OAAO,SAASO,iDAAiDC,IAAiB;IAChF,OAAOT,qBAAqBS,MAAMC,IAAI,CAAC,CAACD,OACtC,gBAAgBA,OAAOA,KAAKE,UAAU,GAAG,IAAI;AAEjD;AAEA,OAAO,MAAMC,iCAAiC,GAAG;AAEjD,OAAO,MAAMC,6BAA6B,GAAG;AAE7C,OAAO,MAAMC,yBAAyB,CAACC,QAAgBC,QAAgBC;IACrE,MAAMC,mBAAmBF,SAAS;IAClC,MAAMG,qBAAqBH,UAAUH;IACrC,MAAMO,2BAA2BL,UAAUH;IAC3C,MAAMS,yBAAyBN,UAAUE,aAAaL;IACtD,OAAO;QAAEM;QAAkBC;QAAoBC;QAA0BC;IAAuB;AAClG,EAAE"}

package/dist/cssm/components/VisuallyHidden/VisuallyHidden.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGxF,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI,kBAAkB,CAAC,CAAC,CAAC,CAAC;AAE3D;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,mCAGxB,oBAAoB,CAAC,CAAC,4CASxB,CAAC"}
+{"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGxF,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI,kBAAkB,CAAC,CAAC,CAAC,CAAC;AAE3D;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,GAAI,CAAC,+BAG7B,mBAAmB,CAAC,CAAC,CAAC,4CASxB,CAAC"}

package/dist/cssm/components/VisuallyHidden/VisuallyHidden.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { RootComponent, type RootComponentProps } from '../RootComponent/RootComponent';\nimport styles from './VisuallyHidden.module.css';\n\nexport type VisuallyHiddenProps<T> = RootComponentProps<T>;\n\n/**\n * Компонент-обертка. Позволяет скрыть контент визуально, но оставить его\n * доступным для ассистивных технологий. По умолчанию — `span`.\n *\n * @since 5.4.0\n * @see https://vkcom.github.io/VKUI/#/VisuallyHidden\n */\nexport const VisuallyHidden = <T,>({\n  Component = 'span',\n  ...restProps\n}: VisuallyHiddenProps<T>) => (\n  <RootComponent\n    Component={Component}\n    {...restProps}\n    baseClassName={classNames(\n      styles['VisuallyHidden'],\n      Component === 'input' && styles['VisuallyHidden--focusable-input'],\n    )}\n  />\n);\n"],"names":["classNames","RootComponent","styles","VisuallyHidden","Component","restProps","baseClassName"],"rangeMappings":";;;;;;;;;;;;;;","mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAiC,iCAAiC;AACxF,OAAOC,YAAY,8BAA8B;AAIjD;;;;;;CAMC,GACD,OAAO,MAAMC,iBAAiB,CAAK,EACjCC,YAAY,MAAM,EAClB,GAAGC,WACoB,iBACvB,KAACJ;QACCG,WAAWA;QACV,GAAGC,SAAS;QACbC,eAAeN,WACbE,MAAM,CAAC,iBAAiB,EACxBE,cAAc,WAAWF,MAAM,CAAC,kCAAkC;OAGtE"}
+{"version":3,"sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { RootComponent, type RootComponentProps } from '../RootComponent/RootComponent';\nimport styles from './VisuallyHidden.module.css';\n\nexport type VisuallyHiddenProps<T> = RootComponentProps<T>;\n\n/**\n * Компонент-обертка. Позволяет скрыть контент визуально, но оставить его\n * доступным для ассистивных технологий. По умолчанию — `span`.\n *\n * @since 5.4.0\n * @see https://vkcom.github.io/VKUI/#/VisuallyHidden\n */\nexport const VisuallyHidden = <T,>({\n  Component = 'span',\n  ...restProps\n}: VisuallyHiddenProps<T>) => (\n  <RootComponent\n    Component={Component}\n    {...restProps}\n    baseClassName={classNames(\n      styles['VisuallyHidden'],\n      Component === 'input' && styles['VisuallyHidden--focusable-input'],\n    )}\n  />\n);\n"],"names":["classNames","RootComponent","styles","VisuallyHidden","Component","restProps","baseClassName"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAiC,iCAAiC;AACxF,OAAOC,YAAY,8BAA8B;AAIjD;;;;;;CAMC,GACD,OAAO,MAAMC,iBAAiB,CAAK,EACjCC,YAAY,MAAM,EAClB,GAAGC,WACoB,iBACvB,KAACJ;QACCG,WAAWA;QACV,GAAGC,SAAS;QACbC,eAAeN,WACbE,MAAM,CAAC,iBAAiB,EACxBE,cAAc,WAAWF,MAAM,CAAC,kCAAkC;OAGtE"}

package/dist/cssm/components/WriteBar/WriteBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WriteBar.d.ts","sourceRoot":"","sources":["../../../../src/components/WriteBar/WriteBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAMjD,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACvD,UAAU,CAAC,cAAc,CAAC,EAC1B,MAAM,CAAC,mBAAmB,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB;AAYD;;GAEG;AACH,eAAO,MAAM,QAAQ,yHAYlB,aAAa,4CAwDf,CAAC"}
+{"version":3,"file":"WriteBar.d.ts","sourceRoot":"","sources":["../../../../src/components/WriteBar/WriteBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAOjD,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACvD,UAAU,CAAC,cAAc,CAAC,EAC1B,MAAM,CAAC,mBAAmB,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB;AAYD;;GAEG;AACH,eAAO,MAAM,QAAQ,yHAYlB,aAAa,4CAuCf,CAAC"}

package/dist/cssm/components/WriteBar/WriteBar.js

@@ -4,6 +4,7 @@ import { classNames, hasReactNode } from '@vkontakte/vkjs';
 import { useExternRef } from '../../hooks/useExternRef';
 import { usePlatform } from '../../hooks/usePlatform';
 import { callMultiple } from '../../lib/callMultiple';
+import { useResizeTextarea } from '../Textarea/useResizeTextarea';
 import { Headline } from '../Typography/Headline/Headline';
 import { Title } from '../Typography/Title/Title';
 import styles from './WriteBar.module.css';
@@ -24,25 +25,8 @@ const WriteBarTypography = (props)=>{
  * @see https://vkcom.github.io/VKUI/#/WriteBar
  */ export const WriteBar = ({ className, style, before, inlineAfter, after, getRootRef, getRef, onHeightChange, shadow = false, onChange, ...restProps })=>{
     const platform = usePlatform();
-    const textareaRef = useExternRef(getRef);
-    const currentScrollHeight = React.useRef();
-    const resize = React.useCallback(()=>{
-        const textareaEl = textareaRef.current;
-        if (!textareaEl) {
-            return;
-        }
-        if (textareaEl.offsetParent) {
-            textareaEl.style.height = '';
-            textareaEl.style.height = `${textareaEl.scrollHeight}px`;
-            if (textareaEl.scrollHeight !== currentScrollHeight.current && onHeightChange) {
-                onHeightChange();
-                currentScrollHeight.current = textareaEl.scrollHeight;
-            }
-        }
-    }, [
-        onHeightChange,
-        textareaRef
-    ]);
+    const [refResizeTextarea, resize] = useResizeTextarea(onHeightChange, true);
+    const textareaRef = useExternRef(getRef, refResizeTextarea);
     React.useEffect(resize, [
         resize,
         platform