@vkontakte/vkui 4.37.0 → 5.0.0

package/dist/cssm/components/Typography/Text/Text.d.ts

@@ -4,10 +4,8 @@ import "./Text.css";
 export interface TextProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {
     /**
      * Задаёт начертание шрифта, отличное от стандартного.
-     *
-     * > ⚠️ Начертания `"semibold"`, `medium` и `"regular"` устарели и будут удалены в 5.0.0. Используйте значения `"1"`, `"2"` и `"3"`.
      */
-    weight?: "regular" | "medium" | "semibold" | "1" | "2" | "3";
+    weight?: "1" | "2" | "3";
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/Text

package/dist/cssm/components/Typography/Text/Text.js

@@ -5,6 +5,7 @@ import { createScopedElement } from "../../../lib/jsxRuntime";
 import { useAdaptivity } from "../../../hooks/useAdaptivity";
 import { classNames } from "../../../lib/classNames";
 import { warnOnce } from "../../../lib/warnOnce";
+import { getSizeYClassName } from "../../../helpers/getSizeYClassName";
 import "./Text.css";
 var warn = warnOnce("Text");
 /**
@@ -23,17 +24,12 @@ export var Text = function Text(_ref) {
     warn("\u0421\u0432\u043E\u0439\u0441\u0442\u0432\u043E \"getRootRef\" \u043C\u043E\u0436\u0435\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C\u0441\u044F \u0442\u043E\u043B\u044C\u043A\u043E \u0441 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430\u043C\u0438 DOM", "error");
   }
 
-  if (process.env.NODE_ENV === "development" && weight && ["semibold", "medium", "regular"].includes(weight)) {
-    warn("\u041D\u0430\u0447\u0435\u0440\u0442\u0430\u043D\u0438\u0435 weight=\"".concat(weight, "\" \u0443\u0441\u0442\u0430\u0440\u0435\u043B\u043E \u0438 \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043B\u0435\u043D\u043E \u0432 5.0.0. \u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F \"1\", \"2\" \u0438 \"3\""));
-  }
-
   var _useAdaptivity = useAdaptivity(),
       sizeY = _useAdaptivity.sizeY;
 
   return createScopedElement(Component, _extends({}, restProps, {
     ref: getRootRef,
-    vkuiClass: classNames("Text", // TODO v5.0.0 перевести на новую адаптивность
-    "Text--sizeY-".concat(sizeY), weight && "Text--w-".concat(weight))
+    vkuiClass: classNames("Text", getSizeYClassName("Text", sizeY), weight && "Text--weight-".concat(weight))
   }), children);
 };
 //# sourceMappingURL=Text.js.map

package/dist/cssm/components/Typography/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","names":["useAdaptivity","classNames","warnOnce","warn","Text","children","weight","Component","getRootRef","restProps","process","env","NODE_ENV","includes","sizeY"],"sources":["../../../../../src/components/Typography/Text/Text.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { HasComponent, HasRootRef } from \"../../../types\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport \"./Text.css\";\n\nexport interface TextProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта, отличное от стандартного.\n   *\n   * > ⚠️ Начертания `\"semibold\"`, `medium` и `\"regular\"` устарели и будут удалены в 5.0.0. Используйте значения `\"1\"`, `\"2\"` и `\"3\"`.\n   */\n  weight?: \"regular\" | \"medium\" | \"semibold\" | \"1\" | \"2\" | \"3\";\n}\n\nconst warn = warnOnce(\"Text\");\n/**\n * @see https://vkcom.github.io/VKUI/#/Text\n */\nexport const Text = ({\n  children,\n  weight,\n  Component = \"span\",\n  getRootRef,\n  ...restProps\n}: TextProps) => {\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    typeof Component !== \"string\" &&\n    getRootRef\n  ) {\n    warn(\n      `Свойство \"getRootRef\" может использоваться только с компонентами DOM`,\n      \"error\"\n    );\n  }\n\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    weight &&\n    [\"semibold\", \"medium\", \"regular\"].includes(weight)\n  ) {\n    warn(\n      `Начертание weight=\"${weight}\" устарело и будет удалено в 5.0.0. Используйте значения \"1\", \"2\" и \"3\"`\n    );\n  }\n\n  const { sizeY } = useAdaptivity();\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"Text\",\n        // TODO v5.0.0 перевести на новую адаптивность\n        `Text--sizeY-${sizeY}`,\n        weight && `Text--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AACA,SAASA,aAAT;AACA,SAASC,UAAT;AAEA,SAASC,QAAT;AACA;AAcA,IAAMC,IAAI,GAAGD,QAAQ,CAAC,MAAD,CAArB;AACA;AACA;AACA;;AACA,OAAO,IAAME,IAAI,GAAG,SAAPA,IAAO,OAMH;EAAA,IALfC,QAKe,QALfA,QAKe;EAAA,IAJfC,MAIe,QAJfA,MAIe;EAAA,0BAHfC,SAGe;EAAA,IAHfA,SAGe,+BAHH,MAGG;EAAA,IAFfC,UAEe,QAFfA,UAEe;EAAA,IADZC,SACY;;EACf,IACEC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,OAAOL,SAAP,KAAqB,QADrB,IAEAC,UAHF,EAIE;IACAL,IAAI,iTAEF,OAFE,CAAJ;EAID;;EAED,IACEO,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACAN,MADA,IAEA,CAAC,UAAD,EAAa,QAAb,EAAuB,SAAvB,EAAkCO,QAAlC,CAA2CP,MAA3C,CAHF,EAIE;IACAH,IAAI,iFACoBG,MADpB,sSAAJ;EAGD;;EAED,qBAAkBN,aAAa,EAA/B;EAAA,IAAQc,KAAR,kBAAQA,KAAR;;EAEA,OACE,oBAAC,SAAD,eACML,SADN;IAEE,GAAG,EAAED,UAFP;IAGE,SAAS,EAAEP,UAAU,CACnB,MADmB,EAEnB;IAFmB,sBAGJa,KAHI,GAInBR,MAAM,sBAAeA,MAAf,CAJa;EAHvB,IAUGD,QAVH,CADF;AAcD,CA5CM"}
+{"version":3,"file":"Text.js","names":["useAdaptivity","classNames","warnOnce","getSizeYClassName","warn","Text","children","weight","Component","getRootRef","restProps","process","env","NODE_ENV","sizeY"],"sources":["../../../../../src/components/Typography/Text/Text.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { HasComponent, HasRootRef } from \"../../../types\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport { getSizeYClassName } from \"../../../helpers/getSizeYClassName\";\nimport \"./Text.css\";\n\nexport interface TextProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта, отличное от стандартного.\n   */\n  weight?: \"1\" | \"2\" | \"3\";\n}\n\nconst warn = warnOnce(\"Text\");\n/**\n * @see https://vkcom.github.io/VKUI/#/Text\n */\nexport const Text = ({\n  children,\n  weight,\n  Component = \"span\",\n  getRootRef,\n  ...restProps\n}: TextProps) => {\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    typeof Component !== \"string\" &&\n    getRootRef\n  ) {\n    warn(\n      `Свойство \"getRootRef\" может использоваться только с компонентами DOM`,\n      \"error\"\n    );\n  }\n\n  const { sizeY } = useAdaptivity();\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"Text\",\n        getSizeYClassName(\"Text\", sizeY),\n        weight && `Text--weight-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AACA,SAASA,aAAT;AACA,SAASC,UAAT;AAEA,SAASC,QAAT;AACA,SAASC,iBAAT;AACA;AAYA,IAAMC,IAAI,GAAGF,QAAQ,CAAC,MAAD,CAArB;AACA;AACA;AACA;;AACA,OAAO,IAAMG,IAAI,GAAG,SAAPA,IAAO,OAMH;EAAA,IALfC,QAKe,QALfA,QAKe;EAAA,IAJfC,MAIe,QAJfA,MAIe;EAAA,0BAHfC,SAGe;EAAA,IAHfA,SAGe,+BAHH,MAGG;EAAA,IAFfC,UAEe,QAFfA,UAEe;EAAA,IADZC,SACY;;EACf,IACEC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,OAAOL,SAAP,KAAqB,QADrB,IAEAC,UAHF,EAIE;IACAL,IAAI,iTAEF,OAFE,CAAJ;EAID;;EAED,qBAAkBJ,aAAa,EAA/B;EAAA,IAAQc,KAAR,kBAAQA,KAAR;;EAEA,OACE,oBAAC,SAAD,eACMJ,SADN;IAEE,GAAG,EAAED,UAFP;IAGE,SAAS,EAAER,UAAU,CACnB,MADmB,EAEnBE,iBAAiB,CAAC,MAAD,EAASW,KAAT,CAFE,EAGnBP,MAAM,2BAAoBA,MAApB,CAHa;EAHvB,IASGD,QATH,CADF;AAaD,CAjCM"}

package/dist/cssm/components/Typography/Title/Title.css

@@ -1 +1 @@
-.vkuiTitle{display:block;margin:0}.vkuiTitle--l-1{font-size:24px;font-size:var(--vkui--font_title1--font_size--regular,24px);font-weight:600;font-weight:var(--vkui--font_title1--font_weight--regular,600);line-height:28px;line-height:var(--vkui--font_title1--line_height--regular,28px)}.vkuiTitle--l-2{font-size:20px;font-size:var(--vkui--font_title2--font_size--regular,20px);font-weight:600;font-weight:var(--vkui--font_title2--font_weight--regular,600);line-height:24px;line-height:var(--vkui--font_title2--line_height--regular,24px)}.vkuiTitle--l-3{font-size:17px;font-size:var(--vkui--font_title3--font_size--regular,17px);font-weight:600;font-weight:var(--vkui--font_title3--font_weight--regular,600);line-height:22px;line-height:var(--vkui--font_title3--line_height--regular,22px)}.vkuiTitle--w-regular{font-weight:400}.vkuiTitle--w-medium{font-weight:500}.vkuiTitle--w-semibold{font-weight:600}.vkuiTitle--w-bold{font-weight:700}.vkuiTitle--w-heavy{font-weight:800}.vkuiTitle--w-1{font-weight:600;font-weight:var(--vkui--font_weight_accent1,600)}.vkuiTitle--w-2{font-weight:500;font-weight:var(--vkui--font_weight_accent2,500)}.vkuiTitle--w-3{font-weight:400;font-weight:var(--vkui--font_weight_accent3,400)}
+.vkuiTitle{display:block;margin:0}.vkuiTitle--level-1{font-family:var(--vkui--font_title1--font_family--regular);font-size:var(--vkui--font_title1--font_size--regular);font-weight:var(--vkui--font_title1--font_weight--regular);line-height:var(--vkui--font_title1--line_height--regular)}.vkuiTitle--level-2{font-family:var(--vkui--font_title2--font_family--regular);font-size:var(--vkui--font_title2--font_size--regular);font-weight:var(--vkui--font_title2--font_weight--regular);line-height:var(--vkui--font_title2--line_height--regular)}.vkuiTitle--level-3{font-family:var(--vkui--font_title3--font_family--regular);font-size:var(--vkui--font_title3--font_size--regular);font-weight:var(--vkui--font_title3--font_weight--regular);line-height:var(--vkui--font_title3--line_height--regular)}.vkuiTitle--weight-1{font-weight:var(--vkui--font_weight_accent1)}.vkuiTitle--weight-2{font-weight:var(--vkui--font_weight_accent2)}.vkuiTitle--weight-3{font-weight:var(--vkui--font_weight_accent3)}

package/dist/cssm/components/Typography/Title/Title.d.ts

@@ -4,10 +4,8 @@ import "./Title.css";
 export interface TitleProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
     /**
      * Задаёт начертание шрифта отличное от стандартного.
-     *
-     * > ⚠️ Начертания `"heavy"`, `"bold"`, `"semibold"`, `medium` и `"regular"` устарели и будут удалены в 5.0.0. Используйте значения `"1"`, `"2"` и `"3"`.
      */
-    weight?: "heavy" | "bold" | "semibold" | "medium" | "regular" | "1" | "2" | "3";
+    weight?: "1" | "2" | "3";
     level?: "1" | "2" | "3";
 }
 /**

package/dist/cssm/components/Typography/Title/Title.js

@@ -3,13 +3,11 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["children", "weight", "level", "Component"];
 import { createScopedElement } from "../../../lib/jsxRuntime";
 import { classNames } from "../../../lib/classNames";
-import { warnOnce } from "../../../lib/warnOnce";
 import "./Title.css";
-var warn = warnOnce("Title");
+
 /**
  * @see https://vkcom.github.io/VKUI/#/Title
  */
-
 export var Title = function Title(_ref) {
   var children = _ref.children,
       weight = _ref.weight,
@@ -22,12 +20,8 @@ export var Title = function Title(_ref) {
     Component = "h" + level;
   }
 
-  if (process.env.NODE_ENV === "development") {
-    if (weight && ["heavy", "bold", "semibold", "medium", "regular"].includes(weight)) warn("\u041D\u0430\u0447\u0435\u0440\u0442\u0430\u043D\u0438\u0435 weight=\"".concat(weight, "\" \u0443\u0441\u0442\u0430\u0440\u0435\u043B\u043E \u0438 \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043B\u0435\u043D\u043E \u0432 5.0.0. \u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F \"1\", \"2\" \u0438 \"3\""));
-  }
-
   return createScopedElement(Component, _extends({}, restProps, {
-    vkuiClass: classNames("Title", "Title--l-".concat(level), weight && "Title--w-".concat(weight))
+    vkuiClass: classNames("Title", "Title--level-".concat(level), weight && "Title--weight-".concat(weight))
   }), children);
 };
 //# sourceMappingURL=Title.js.map

package/dist/cssm/components/Typography/Title/Title.js.map

@@ -1 +1 @@
-{"version":3,"file":"Title.js","names":["classNames","warnOnce","warn","Title","children","weight","level","Component","restProps","process","env","NODE_ENV","includes"],"sources":["../../../../../src/components/Typography/Title/Title.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport \"./Title.css\";\n\nexport interface TitleProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   *\n   * > ⚠️ Начертания `\"heavy\"`, `\"bold\"`, `\"semibold\"`, `medium` и `\"regular\"` устарели и будут удалены в 5.0.0. Используйте значения `\"1\"`, `\"2\"` и `\"3\"`.\n   */\n  weight?:\n    | \"heavy\"\n    | \"bold\"\n    | \"semibold\"\n    | \"medium\"\n    | \"regular\"\n    | \"1\"\n    | \"2\"\n    | \"3\";\n  level?: \"1\" | \"2\" | \"3\";\n}\n\nconst warn = warnOnce(\"Title\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Title\n */\nexport const Title = ({\n  children,\n  weight,\n  level = \"1\",\n  Component,\n  ...restProps\n}: TitleProps) => {\n  if (!Component) {\n    Component = (\"h\" + level) as React.ElementType;\n  }\n\n  if (process.env.NODE_ENV === \"development\") {\n    if (\n      weight &&\n      [\"heavy\", \"bold\", \"semibold\", \"medium\", \"regular\"].includes(weight)\n    )\n      warn(\n        `Начертание weight=\"${weight}\" устарело и будет удалено в 5.0.0. Используйте значения \"1\", \"2\" и \"3\"`\n      );\n  }\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Title\",\n        `Title--l-${level}`,\n        weight && `Title--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AAEA,SAASA,UAAT;AACA,SAASC,QAAT;AACA;AAsBA,IAAMC,IAAI,GAAGD,QAAQ,CAAC,OAAD,CAArB;AAEA;AACA;AACA;;AACA,OAAO,IAAME,KAAK,GAAG,SAARA,KAAQ,OAMH;EAAA,IALhBC,QAKgB,QALhBA,QAKgB;EAAA,IAJhBC,MAIgB,QAJhBA,MAIgB;EAAA,sBAHhBC,KAGgB;EAAA,IAHhBA,KAGgB,2BAHR,GAGQ;EAAA,IAFhBC,SAEgB,QAFhBA,SAEgB;EAAA,IADbC,SACa;;EAChB,IAAI,CAACD,SAAL,EAAgB;IACdA,SAAS,GAAI,MAAMD,KAAnB;EACD;;EAED,IAAIG,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;IAC1C,IACEN,MAAM,IACN,CAAC,OAAD,EAAU,MAAV,EAAkB,UAAlB,EAA8B,QAA9B,EAAwC,SAAxC,EAAmDO,QAAnD,CAA4DP,MAA5D,CAFF,EAIEH,IAAI,iFACoBG,MADpB,sSAAJ;EAGH;;EAED,OACE,oBAAC,SAAD,eACMG,SADN;IAEE,SAAS,EAAER,UAAU,CACnB,OADmB,qBAEPM,KAFO,GAGnBD,MAAM,uBAAgBA,MAAhB,CAHa;EAFvB,IAQGD,QARH,CADF;AAYD,CAjCM"}
+{"version":3,"file":"Title.js","names":["classNames","Title","children","weight","level","Component","restProps"],"sources":["../../../../../src/components/Typography/Title/Title.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport \"./Title.css\";\n\nexport interface TitleProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   */\n  weight?: \"1\" | \"2\" | \"3\";\n  level?: \"1\" | \"2\" | \"3\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Title\n */\nexport const Title = ({\n  children,\n  weight,\n  level = \"1\",\n  Component,\n  ...restProps\n}: TitleProps) => {\n  if (!Component) {\n    Component = (\"h\" + level) as React.ElementType;\n  }\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Title\",\n        `Title--level-${level}`,\n        weight && `Title--weight-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AAEA,SAASA,UAAT;AACA;;AAYA;AACA;AACA;AACA,OAAO,IAAMC,KAAK,GAAG,SAARA,KAAQ,OAMH;EAAA,IALhBC,QAKgB,QALhBA,QAKgB;EAAA,IAJhBC,MAIgB,QAJhBA,MAIgB;EAAA,sBAHhBC,KAGgB;EAAA,IAHhBA,KAGgB,2BAHR,GAGQ;EAAA,IAFhBC,SAEgB,QAFhBA,SAEgB;EAAA,IADbC,SACa;;EAChB,IAAI,CAACD,SAAL,EAAgB;IACdA,SAAS,GAAI,MAAMD,KAAnB;EACD;;EAED,OACE,oBAAC,SAAD,eACME,SADN;IAEE,SAAS,EAAEN,UAAU,CACnB,OADmB,yBAEHI,KAFG,GAGnBD,MAAM,4BAAqBA,MAArB,CAHa;EAFvB,IAQGD,QARH,CADF;AAYD,CAvBM"}

package/dist/cssm/components/UsersStack/UsersStack.css

@@ -1,5 +1 @@
-.vkuiUsersStack{align-items:center;color:#818c99;color:var(--text_secondary,var(--vkui--color_text_secondary));display:flex}.vkuiUsersStack__photos{display:flex}.vkuiUsersStack__fill{fill:rgba(0,28,61,.08);fill:var(
-    --placeholder_icon_background,var(--vkui--color_image_placeholder_alpha)
-  )}.vkuiUsersStack__photo--others{align-items:center;background:#99a2ad;background:var(
-    --content_placeholder_icon,var(--vkui--color_icon_secondary)
-  );border-radius:50%;color:#f2f3f5;color:var(--vkui--color_icon_contrast_secondary,#f2f3f5);display:flex;justify-content:center}.vkuiUsersStack--size-xs .vkuiUsersStack__photo{height:16px;width:16px}.vkuiUsersStack--size-s .vkuiUsersStack__photo{height:24px;width:24px}.vkuiUsersStack--size-m .vkuiUsersStack__photo{height:32px;width:32px}.vkuiUsersStack__photo+.vkuiUsersStack__photo{margin-left:-2px}.vkuiUsersStack__text{flex:1;margin:0 0 0 8px;min-width:0}.vkuiUsersStack--l-vertical{flex-direction:column;justify-content:center}.vkuiUsersStack--l-vertical .vkuiUsersStack__text{margin:8px 0 0;text-align:center}.vkuiModalCardBase .vkuiUsersStack{margin-top:20px}.vkuiUsersStack__mask--16-left{-webkit-clip-path:path("M2,13.285A8 8 0 0 0 8 16A8 8 0 0 0 8 0A8 8 0 0 0 2 2.715A8 8 0 0 1 2,13.285");clip-path:path("M2,13.285A8 8 0 0 0 8 16A8 8 0 0 0 8 0A8 8 0 0 0 2 2.715A8 8 0 0 1 2,13.285")}.vkuiUsersStack__mask--16-circle{-webkit-clip-path:circle(8px);clip-path:circle(8px)}.vkuiUsersStack__mask--24-left{-webkit-clip-path:path("M2,18.625A12 12 0 0 0 12 24A12 12 0 0 0 12 0A12 12 0 0 0 2 5.375A12 12 0 0 1 2,18.625");clip-path:path("M2,18.625A12 12 0 0 0 12 24A12 12 0 0 0 12 0A12 12 0 0 0 2 5.375A12 12 0 0 1 2,18.625")}.vkuiUsersStack__mask--24-circle{-webkit-clip-path:circle(12px);clip-path:circle(12px)}.vkuiUsersStack__mask--24-right{-webkit-clip-path:path("M22,18.625A12 12 0 0 1 12 24A12 12 0 0 1 12 0A12 12 0 0 1 22 5.375A12 12 0 0 0 22,18.625");clip-path:path("M22,18.625A12 12 0 0 1 12 24A12 12 0 0 1 12 0A12 12 0 0 1 22 5.375A12 12 0 0 0 22,18.625")}.vkuiUsersStack__mask--32-left{-webkit-clip-path:path("M2,23.75A16 16 0 0 0 16 32A16 16 0 0 0 16 0A16 16 0 0 0 2 8.25A16 16 0 0 1 2,23.75");clip-path:path("M2,23.75A16 16 0 0 0 16 32A16 16 0 0 0 16 0A16 16 0 0 0 2 8.25A16 16 0 0 1 2,23.75")}.vkuiUsersStack__mask--32-circle{-webkit-clip-path:circle(16px);clip-path:circle(16px)}.vkuiUsersStack__mask--32-right{-webkit-clip-path:path("M30,23.75A16 16 0 0 1 16 32A16 16 0 0 1 16 0A16 16 0 0 1 30 8.25A16 16 0 0 0 30,23.75");clip-path:path("M30,23.75A16 16 0 0 1 16 32A16 16 0 0 1 16 0A16 16 0 0 1 30 8.25A16 16 0 0 0 30,23.75")}
+.vkuiUsersStack{align-items:center;color:var(--vkui--color_text_secondary);display:flex}.vkuiUsersStack__photos{display:flex}.vkuiUsersStack__fill{fill:var(--vkui--color_image_placeholder_alpha)}.vkuiUsersStack__photo--others{align-items:center;background:var(--vkui--color_icon_secondary);border-radius:50%;color:var(--vkui--color_icon_contrast_secondary);display:flex;justify-content:center}.vkuiUsersStack--size-s .vkuiUsersStack__photo{height:16px;width:16px}.vkuiUsersStack--size-m .vkuiUsersStack__photo{height:24px;width:24px}.vkuiUsersStack--size-l .vkuiUsersStack__photo{height:32px;width:32px}.vkuiUsersStack__photo+.vkuiUsersStack__photo{margin-left:-2px}.vkuiUsersStack__text{flex:1;margin:0 0 0 8px;min-width:0}.vkuiUsersStack--layout-vertical{flex-direction:column;justify-content:center}.vkuiUsersStack--layout-vertical .vkuiUsersStack__text{margin:8px 0 0;text-align:center}.vkuiModalCardBase .vkuiUsersStack{margin-top:20px}.vkuiUsersStack__mask--16-left{-webkit-clip-path:path("M2,13.285A8 8 0 0 0 8 16A8 8 0 0 0 8 0A8 8 0 0 0 2 2.715A8 8 0 0 1 2,13.285");clip-path:path("M2,13.285A8 8 0 0 0 8 16A8 8 0 0 0 8 0A8 8 0 0 0 2 2.715A8 8 0 0 1 2,13.285")}.vkuiUsersStack__mask--16-circle{-webkit-clip-path:circle(8px);clip-path:circle(8px)}.vkuiUsersStack__mask--24-left{-webkit-clip-path:path("M2,18.625A12 12 0 0 0 12 24A12 12 0 0 0 12 0A12 12 0 0 0 2 5.375A12 12 0 0 1 2,18.625");clip-path:path("M2,18.625A12 12 0 0 0 12 24A12 12 0 0 0 12 0A12 12 0 0 0 2 5.375A12 12 0 0 1 2,18.625")}.vkuiUsersStack__mask--24-circle{-webkit-clip-path:circle(12px);clip-path:circle(12px)}.vkuiUsersStack__mask--24-right{-webkit-clip-path:path("M22,18.625A12 12 0 0 1 12 24A12 12 0 0 1 12 0A12 12 0 0 1 22 5.375A12 12 0 0 0 22,18.625");clip-path:path("M22,18.625A12 12 0 0 1 12 24A12 12 0 0 1 12 0A12 12 0 0 1 22 5.375A12 12 0 0 0 22,18.625")}.vkuiUsersStack__mask--32-left{-webkit-clip-path:path("M2,23.75A16 16 0 0 0 16 32A16 16 0 0 0 16 0A16 16 0 0 0 2 8.25A16 16 0 0 1 2,23.75");clip-path:path("M2,23.75A16 16 0 0 0 16 32A16 16 0 0 0 16 0A16 16 0 0 0 2 8.25A16 16 0 0 1 2,23.75")}.vkuiUsersStack__mask--32-circle{-webkit-clip-path:circle(16px);clip-path:circle(16px)}.vkuiUsersStack__mask--32-right{-webkit-clip-path:path("M30,23.75A16 16 0 0 1 16 32A16 16 0 0 1 16 0A16 16 0 0 1 30 8.25A16 16 0 0 0 30,23.75");clip-path:path("M30,23.75A16 16 0 0 1 16 32A16 16 0 0 1 16 0A16 16 0 0 1 30 8.25A16 16 0 0 0 30,23.75")}

package/dist/cssm/components/UsersStack/UsersStack.d.ts

@@ -8,7 +8,7 @@ export interface UsersStackProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Размер аватарок
      */
-    size?: "xs" | "s" | "m";
+    size?: "s" | "m" | "l";
     /**
      * Вертикальный режим рекомендуется использовать с размером `m`
      */

package/dist/cssm/components/UsersStack/UsersStack.js

@@ -69,23 +69,23 @@ export var UsersStack = function UsersStack(_ref2) {
       _ref2$count = _ref2.count,
       count = _ref2$count === void 0 ? Math.max(0, photos.length - visibleCount) : _ref2$count,
       _ref2$size = _ref2.size,
-      size = _ref2$size === void 0 ? "s" : _ref2$size,
+      size = _ref2$size === void 0 ? "m" : _ref2$size,
       _ref2$layout = _ref2.layout,
       layout = _ref2$layout === void 0 ? "horizontal" : _ref2$layout,
       children = _ref2.children,
       restProps = _objectWithoutProperties(_ref2, _excluded2);
 
-  var canShowOthers = count > 0 && size !== "xs";
+  var canShowOthers = count > 0 && size !== "s";
   var CounterTypography = size === "m" ? Footnote : Caption;
   var photoSize = {
-    xs: 16,
-    s: 24,
-    m: 32
+    s: 16,
+    m: 24,
+    l: 32
   }[size];
   var directionClip = canShowOthers ? "right" : "left";
   var photosShown = photos.slice(0, visibleCount);
   return createScopedElement("div", _extends({}, restProps, {
-    vkuiClass: classNames("UsersStack", "UsersStack--size-".concat(size), "UsersStack--l-".concat(layout), canShowOthers && "UsersStack--others")
+    vkuiClass: classNames("UsersStack", "UsersStack--size-".concat(size), "UsersStack--layout-".concat(layout), canShowOthers && "UsersStack--others")
   }), createScopedElement("div", {
     vkuiClass: "UsersStack__photos",
     role: "presentation"
@@ -115,8 +115,6 @@ export var UsersStack = function UsersStack(_ref2) {
   }), canShowOthers && createScopedElement(CounterTypography, {
     caps: true,
     weight: "1",
-    level: "2" // TODO: remove only level in #2343
-    ,
     vkuiClass: "UsersStack__photo UsersStack__photo--others",
     "aria-hidden": true
   }, createScopedElement("span", null, "+", count))), hasReactNode(children) && createScopedElement(Footnote, {

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

@@ -1 +1 @@
-{"version":3,"file":"UsersStack.js","names":["hasReactNode","classNames","Footnote","Caption","PathElement","photoSize","direction","props","radius","UsersStack","photos","visibleCount","count","Math","max","length","size","layout","children","restProps","canShowOthers","CounterTypography","xs","s","m","directionClip","photosShown","slice","map","photo","i"],"sources":["../../../../src/components/UsersStack/UsersStack.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport \"./UsersStack.css\";\n\nexport interface UsersStackProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Массив ссылок на фотографии\n   */\n  photos?: string[];\n  /**\n   * Размер аватарок\n   */\n  size?: \"xs\" | \"s\" | \"m\"; // TODO: \"s\" | \"m\" | \"l\"\n  /**\n   * Вертикальный режим рекомендуется использовать с размером `m`\n   */\n  layout?: \"vertical\" | \"horizontal\";\n  /**\n   * Количество аватарок, которые будут показаны.\n   * Если в массиве `photos` больше элементов и используется размер `m`, то будет показано количество остальных элементов\n   */\n  visibleCount?: number;\n  /**\n   * Число, которое будет указано в счетчике.\n   * По умолчанию высчитывается по формуле `photos.length - visibleCount`.\n   * Если число больше 99, то счетчик скроется.\n   */\n  count?: number;\n}\n\ninterface PathElementProps extends React.SVGAttributes<SVGElement> {\n  photoSize: number;\n  direction: \"circle\" | \"right\" | \"left\";\n}\n\nfunction PathElement({ photoSize, direction, ...props }: PathElementProps) {\n  switch (direction) {\n    case \"circle\":\n      const radius = photoSize / 2;\n\n      return <circle cx={radius} cy={radius} r={radius} {...props} />;\n\n    case \"right\":\n      switch (photoSize) {\n        case 24:\n          return (\n            <path\n              d=\"M22,18.625A12 12 0 0 1 12 24A12 12 0 0 1 12 0A12 12 0 0 1 22 5.375A12 12 0 0 0 22,18.625\"\n              {...props}\n            />\n          );\n\n        default:\n          return (\n            <path\n              d=\"M30,23.75A16 16 0 0 1 16 32A16 16 0 0 1 16 0A16 16 0 0 1 30 8.25A16 16 0 0 0 30,23.75\"\n              {...props}\n            />\n          );\n      }\n\n    default:\n      switch (photoSize) {\n        case 16:\n          return (\n            <path\n              d=\"M2,13.285A8 8 0 0 0 8 16A8 8 0 0 0 8 0A8 8 0 0 0 2 2.715A8 8 0 0 1 2,13.285\"\n              {...props}\n            />\n          );\n        case 24:\n          return (\n            <path\n              d=\"M2,18.625A12 12 0 0 0 12 24A12 12 0 0 0 12 0A12 12 0 0 0 2 5.375A12 12 0 0 1 2,18.625\"\n              {...props}\n            />\n          );\n\n        default:\n          return (\n            <path\n              d=\"M2,23.75A16 16 0 0 0 16 32A16 16 0 0 0 16 0A16 16 0 0 0 2 8.25A16 16 0 0 1 2,23.75\"\n              {...props}\n            />\n          );\n      }\n  }\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/UsersStack\n */\nexport const UsersStack = ({\n  photos = [],\n  visibleCount = 3,\n  count = Math.max(0, photos.length - visibleCount),\n  size = \"s\",\n  layout = \"horizontal\",\n  children,\n  ...restProps\n}: UsersStackProps) => {\n  const canShowOthers = count > 0 && size !== \"xs\";\n  const CounterTypography = size === \"m\" ? Footnote : Caption;\n\n  const photoSize = {\n    xs: 16,\n    s: 24,\n    m: 32,\n  }[size];\n  const directionClip = canShowOthers ? \"right\" : \"left\";\n\n  const photosShown = photos.slice(0, visibleCount);\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"UsersStack\",\n        `UsersStack--size-${size}`,\n        `UsersStack--l-${layout}`,\n        canShowOthers && \"UsersStack--others\"\n      )}\n    >\n      <div vkuiClass=\"UsersStack__photos\" role=\"presentation\">\n        {photosShown.map((photo, i) => {\n          const direction =\n            i === 0 && !canShowOthers ? \"circle\" : directionClip;\n\n          return (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              vkuiClass=\"UsersStack__photo\"\n              key={i}\n              aria-hidden\n            >\n              <g vkuiClass={`UsersStack__mask--${photoSize}-${direction}`}>\n                <PathElement\n                  direction={direction}\n                  photoSize={photoSize}\n                  vkuiClass=\"UsersStack__fill\"\n                />\n                <image href={photo} width={photoSize} height={photoSize} />\n                <PathElement\n                  direction={direction}\n                  photoSize={photoSize}\n                  fill=\"none\"\n                  stroke=\"rgba(0, 0, 0, 0.08)\"\n                />\n              </g>\n            </svg>\n          );\n        })}\n\n        {canShowOthers && (\n          <CounterTypography\n            caps\n            weight=\"1\"\n            level=\"2\" // TODO: remove only level in #2343\n            vkuiClass=\"UsersStack__photo UsersStack__photo--others\"\n            aria-hidden\n          >\n            <span>+{count}</span>\n          </CounterTypography>\n        )}\n      </div>\n      {hasReactNode(children) && (\n        <Footnote vkuiClass=\"UsersStack__text\">{children}</Footnote>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"UsersStack.js","names":["hasReactNode","classNames","Footnote","Caption","PathElement","photoSize","direction","props","radius","UsersStack","photos","visibleCount","count","Math","max","length","size","layout","children","restProps","canShowOthers","CounterTypography","s","m","l","directionClip","photosShown","slice","map","photo","i"],"sources":["../../../../src/components/UsersStack/UsersStack.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport \"./UsersStack.css\";\n\nexport interface UsersStackProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Массив ссылок на фотографии\n   */\n  photos?: string[];\n  /**\n   * Размер аватарок\n   */\n  size?: \"s\" | \"m\" | \"l\";\n  /**\n   * Вертикальный режим рекомендуется использовать с размером `m`\n   */\n  layout?: \"vertical\" | \"horizontal\";\n  /**\n   * Количество аватарок, которые будут показаны.\n   * Если в массиве `photos` больше элементов и используется размер `m`, то будет показано количество остальных элементов\n   */\n  visibleCount?: number;\n  /**\n   * Число, которое будет указано в счетчике.\n   * По умолчанию высчитывается по формуле `photos.length - visibleCount`.\n   * Если число больше 99, то счетчик скроется.\n   */\n  count?: number;\n}\n\ninterface PathElementProps extends React.SVGAttributes<SVGElement> {\n  photoSize: number;\n  direction: \"circle\" | \"right\" | \"left\";\n}\n\nfunction PathElement({ photoSize, direction, ...props }: PathElementProps) {\n  switch (direction) {\n    case \"circle\":\n      const radius = photoSize / 2;\n\n      return <circle cx={radius} cy={radius} r={radius} {...props} />;\n\n    case \"right\":\n      switch (photoSize) {\n        case 24:\n          return (\n            <path\n              d=\"M22,18.625A12 12 0 0 1 12 24A12 12 0 0 1 12 0A12 12 0 0 1 22 5.375A12 12 0 0 0 22,18.625\"\n              {...props}\n            />\n          );\n\n        default:\n          return (\n            <path\n              d=\"M30,23.75A16 16 0 0 1 16 32A16 16 0 0 1 16 0A16 16 0 0 1 30 8.25A16 16 0 0 0 30,23.75\"\n              {...props}\n            />\n          );\n      }\n\n    default:\n      switch (photoSize) {\n        case 16:\n          return (\n            <path\n              d=\"M2,13.285A8 8 0 0 0 8 16A8 8 0 0 0 8 0A8 8 0 0 0 2 2.715A8 8 0 0 1 2,13.285\"\n              {...props}\n            />\n          );\n        case 24:\n          return (\n            <path\n              d=\"M2,18.625A12 12 0 0 0 12 24A12 12 0 0 0 12 0A12 12 0 0 0 2 5.375A12 12 0 0 1 2,18.625\"\n              {...props}\n            />\n          );\n\n        default:\n          return (\n            <path\n              d=\"M2,23.75A16 16 0 0 0 16 32A16 16 0 0 0 16 0A16 16 0 0 0 2 8.25A16 16 0 0 1 2,23.75\"\n              {...props}\n            />\n          );\n      }\n  }\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/UsersStack\n */\nexport const UsersStack = ({\n  photos = [],\n  visibleCount = 3,\n  count = Math.max(0, photos.length - visibleCount),\n  size = \"m\",\n  layout = \"horizontal\",\n  children,\n  ...restProps\n}: UsersStackProps) => {\n  const canShowOthers = count > 0 && size !== \"s\";\n  const CounterTypography = size === \"m\" ? Footnote : Caption;\n\n  const photoSize = {\n    s: 16,\n    m: 24,\n    l: 32,\n  }[size];\n  const directionClip = canShowOthers ? \"right\" : \"left\";\n\n  const photosShown = photos.slice(0, visibleCount);\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"UsersStack\",\n        `UsersStack--size-${size}`,\n        `UsersStack--layout-${layout}`,\n        canShowOthers && \"UsersStack--others\"\n      )}\n    >\n      <div vkuiClass=\"UsersStack__photos\" role=\"presentation\">\n        {photosShown.map((photo, i) => {\n          const direction =\n            i === 0 && !canShowOthers ? \"circle\" : directionClip;\n\n          return (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              vkuiClass=\"UsersStack__photo\"\n              key={i}\n              aria-hidden\n            >\n              <g vkuiClass={`UsersStack__mask--${photoSize}-${direction}`}>\n                <PathElement\n                  direction={direction}\n                  photoSize={photoSize}\n                  vkuiClass=\"UsersStack__fill\"\n                />\n                <image href={photo} width={photoSize} height={photoSize} />\n                <PathElement\n                  direction={direction}\n                  photoSize={photoSize}\n                  fill=\"none\"\n                  stroke=\"rgba(0, 0, 0, 0.08)\"\n                />\n              </g>\n            </svg>\n          );\n        })}\n\n        {canShowOthers && (\n          <CounterTypography\n            caps\n            weight=\"1\"\n            vkuiClass=\"UsersStack__photo UsersStack__photo--others\"\n            aria-hidden\n          >\n            <span>+{count}</span>\n          </CounterTypography>\n        )}\n      </div>\n      {hasReactNode(children) && (\n        <Footnote vkuiClass=\"UsersStack__text\">{children}</Footnote>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-.vkuiView--ios .vkuiPanel__in{padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom);padding:0;padding:0 var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left)}.vkuiView--ios .vkuiView__panel--swipe-back-prev{box-shadow:-2px 0 12px rgba(0,0,0,.3)}.vkuiView--ios .vkuiView__panel--swipe-back-prev.vkuiView__panel--swipe-back-success{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);transition:-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1),-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing),-webkit-transform .3s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-success,.vkuiView--ios .vkuiView__panel--swipe-back-prev.vkuiView__panel--swipe-back-failed{-webkit-transform:translateZ(0);transform:translateZ(0)}.vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-failed,.vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-success,.vkuiView--ios .vkuiView__panel--swipe-back-prev.vkuiView__panel--swipe-back-failed{transition:-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1),-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing),-webkit-transform .3s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-failed{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.vkuiView--ios .vkuiView__panel--prev{-webkit-animation:vkui-animation-ios-prev-forward .6s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-prev-forward .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-ios-prev-forward .6s var(--ios-easing);animation:vkui-animation-ios-prev-forward .6s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--next{-webkit-animation:vkui-animation-ios-next-back .6s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-next-back .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-ios-next-back .6s var(--ios-easing);animation:vkui-animation-ios-next-back .6s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--prev~.vkuiView__panel--next{-webkit-animation:vkui-animation-ios-next-forward .6s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-next-forward .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-ios-next-forward .6s var(--ios-easing);animation:vkui-animation-ios-next-forward .6s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--next~.vkuiView__panel--prev{-webkit-animation:vkui-animation-ios-prev-back .6s cubic-bezier(.36,.66,.04,1) forwards;animation:vkui-animation-ios-prev-back .6s cubic-bezier(.36,.66,.04,1) forwards;-webkit-animation:vkui-animation-ios-prev-back .6s var(--ios-easing) forwards;animation:vkui-animation-ios-prev-back .6s var(--ios-easing) forwards}.vkuiView--ios .vkuiView__panel--next .vkuiPanel__fade,.vkuiView--ios .vkuiView__panel--prev .vkuiPanel__fade{background:#000;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.vkuiView--ios .vkuiView__panel--prev .vkuiPanel__fade{-webkit-animation:vkui-animation-ios-fade-in .6s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-fade-in .6s cubic-bezier(.36,.66,.04,1);-webkit-animation:vkui-animation-ios-fade-in .6s var(--ios-easing);animation:vkui-animation-ios-fade-in .6s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--next .vkuiPanel__fade{-webkit-animation:vkui-animation-ios-fade-out .6s cubic-bezier(.36,.66,.04,1) forwards;animation:vkui-animation-ios-fade-out .6s cubic-bezier(.36,.66,.04,1) forwards;-webkit-animation:vkui-animation-ios-fade-out .6s var(--ios-easing) forwards;animation:vkui-animation-ios-fade-out .6s var(--ios-easing) forwards}.vkuiView--ios .vkuiView__panel--next~.vkuiView__panel--prev .vkuiPanel__fade,.vkuiView--ios .vkuiView__panel--prev~.vkuiView__panel--next .vkuiPanel__fade{display:none}.vkuiView--ios.vkuiView--no-motion .vkuiView__panel,.vkuiView--ios.vkuiView--no-motion .vkuiView__panel .vkuiPanel__in{-webkit-animation:none;animation:none}.vkuiView--ios .vkuiView__panel--active .vkuiPanel__fade{display:none}@-webkit-keyframes vkui-animation-ios-next-forward{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes vkui-animation-ios-next-forward{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes vkui-animation-ios-next-back{0%{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes vkui-animation-ios-next-back{0%{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes vkui-animation-ios-prev-forward{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@keyframes vkui-animation-ios-prev-forward{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@-webkit-keyframes vkui-animation-ios-prev-back{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes vkui-animation-ios-prev-back{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes vkui-animation-ios-fade-in{0%{opacity:0}to{opacity:.3}}@keyframes vkui-animation-ios-fade-in{0%{opacity:0}to{opacity:.3}}@-webkit-keyframes vkui-animation-ios-fade-out{0%{opacity:.3}to{opacity:0}}@keyframes vkui-animation-ios-fade-out{0%{opacity:.3}to{opacity:0}}.vkuiView{word-wrap:break-word;font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-common);height:100%;position:relative;width:100%}.vkuiView--animated,.vkuiView--swiping-back{overflow:hidden}.vkuiView__header{position:fixed;width:100%;z-index:2}.vkuiView--animated .vkuiView__header,.vkuiView--animated .vkuiView__panel,.vkuiView--swiping-back .vkuiView__header,.vkuiView--swiping-back .vkuiView__panel{pointer-events:none}.vkuiView__panel,.vkuiView__panels{height:100%;width:100%}.vkuiView__panel{box-sizing:border-box;position:relative;z-index:1}.vkuiView__panel-in{height:100%}.vkuiView--animated .vkuiView__panel,.vkuiView--swiping-back .vkuiView__panel{left:0;overflow:hidden;position:fixed;top:0}.vkuiView__popout{z-index:100}.vkuiView__modal,.vkuiView__popout{height:100%;left:0;position:fixed;top:0;width:100%}.vkuiView__modal{z-index:99}.vkuiView__modal:empty{display:none}.vkuiView__panel--next~.vkuiView__panel--prev{-webkit-animation:vkui-animation-view-prev-back .3s cubic-bezier(.4,0,.2,1) forwards;animation:vkui-animation-view-prev-back .3s cubic-bezier(.4,0,.2,1) forwards;-webkit-animation:vkui-animation-view-prev-back .3s var(--android-easing) forwards;animation:vkui-animation-view-prev-back .3s var(--android-easing) forwards}.vkuiView__panel--prev~.vkuiView__panel--next{-webkit-animation:vkui-animation-view-next-forward .3s cubic-bezier(.4,0,.2,1);animation:vkui-animation-view-next-forward .3s cubic-bezier(.4,0,.2,1);-webkit-animation:vkui-animation-view-next-forward .3s var(--android-easing);animation:vkui-animation-view-next-forward .3s var(--android-easing)}.vkuiView--no-motion .vkuiView__panel{-webkit-animation:none;animation:none}@-webkit-keyframes vkui-animation-view-prev-back{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}}@keyframes vkui-animation-view-prev-back{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}}@-webkit-keyframes vkui-animation-view-next-forward{0%{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes vkui-animation-view-next-forward{0%{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
+.vkuiView--ios .vkuiPanel__in{padding-bottom:0;padding-bottom:var(--safe-area-inset-bottom);padding:0;padding:0 var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left)}.vkuiView--ios .vkuiView__panel--swipe-back-prev{box-shadow:-2px 0 12px rgba(0,0,0,.3)}.vkuiView--ios .vkuiView__panel--swipe-back-prev.vkuiView__panel--swipe-back-success{transform:translate3d(100%,0,0);transition:transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-success,.vkuiView--ios .vkuiView__panel--swipe-back-prev.vkuiView__panel--swipe-back-failed{transform:translateZ(0);transition:transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--swipe-back-next.vkuiView__panel--swipe-back-failed{transform:translate3d(-50%,0,0);transition:transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--prev{animation:vkui-animation-ios-prev-forward .6s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-prev-forward .6s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--next{animation:vkui-animation-ios-next-back .6s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-next-back .6s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--prev~.vkuiView__panel--next{animation:vkui-animation-ios-next-forward .6s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-next-forward .6s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--next~.vkuiView__panel--prev{animation:vkui-animation-ios-prev-back .6s cubic-bezier(.36,.66,.04,1) forwards;animation:vkui-animation-ios-prev-back .6s var(--ios-easing) forwards}.vkuiView--ios .vkuiView__panel--next .vkuiPanel__fade,.vkuiView--ios .vkuiView__panel--prev .vkuiPanel__fade{background:#000;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.vkuiView--ios .vkuiView__panel--prev .vkuiPanel__fade{animation:vkui-animation-ios-fade-in .6s cubic-bezier(.36,.66,.04,1);animation:vkui-animation-ios-fade-in .6s var(--ios-easing)}.vkuiView--ios .vkuiView__panel--next .vkuiPanel__fade{animation:vkui-animation-ios-fade-out .6s cubic-bezier(.36,.66,.04,1) forwards;animation:vkui-animation-ios-fade-out .6s var(--ios-easing) forwards}.vkuiView--ios .vkuiView__panel--next~.vkuiView__panel--prev .vkuiPanel__fade,.vkuiView--ios .vkuiView__panel--prev~.vkuiView__panel--next .vkuiPanel__fade{display:none}.vkuiView--ios.vkuiView--no-motion .vkuiView__panel,.vkuiView--ios.vkuiView--no-motion .vkuiView__panel .vkuiPanel__in{animation:none}.vkuiView--ios .vkuiView__panel--active .vkuiPanel__fade{display:none}@keyframes vkui-animation-ios-next-forward{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes vkui-animation-ios-next-back{0%{transform:translate3d(-50%,0,0)}to{transform:translateZ(0)}}@keyframes vkui-animation-ios-prev-forward{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes vkui-animation-ios-prev-back{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}@keyframes vkui-animation-ios-fade-in{0%{opacity:0}to{opacity:.3}}@keyframes vkui-animation-ios-fade-out{0%{opacity:.3}to{opacity:0}}.vkuiView{word-wrap:break-word;font-family:var(--vkui--font_family_base);font-family:var(--font-common);height:100%;position:relative;width:100%}.vkuiView--animated,.vkuiView--swiping-back{overflow:hidden}.vkuiView__header{position:fixed;width:100%;z-index:2}.vkuiView--animated .vkuiView__header,.vkuiView--animated .vkuiView__panel,.vkuiView--swiping-back .vkuiView__header,.vkuiView--swiping-back .vkuiView__panel{pointer-events:none}.vkuiView__panel,.vkuiView__panels{height:100%;width:100%}.vkuiView__panel{box-sizing:border-box;position:relative;z-index:1}.vkuiView__panel-in{height:100%}.vkuiView--animated .vkuiView__panel,.vkuiView--swiping-back .vkuiView__panel{left:0;overflow:hidden;position:fixed;top:0}.vkuiView__popout{z-index:100}.vkuiView__modal,.vkuiView__popout{height:100%;left:0;position:fixed;top:0;width:100%}.vkuiView__modal{z-index:99}.vkuiView__modal:empty{display:none}.vkuiView__panel--next~.vkuiView__panel--prev{animation:vkui-animation-view-prev-back .3s cubic-bezier(.4,0,.2,1) forwards;animation:vkui-animation-view-prev-back .3s var(--android-easing) forwards}.vkuiView__panel--prev~.vkuiView__panel--next{animation:vkui-animation-view-next-forward .3s cubic-bezier(.4,0,.2,1);animation:vkui-animation-view-next-forward .3s var(--android-easing)}.vkuiView--no-motion .vkuiView__panel{animation:none}@keyframes vkui-animation-view-prev-back{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(80px)}}@keyframes vkui-animation-view-next-forward{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}

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

@@ -14,18 +14,6 @@ interface ViewsScrolls {
 export declare let scrollsCache: ViewsScrolls;
 export interface ViewProps extends React.HTMLAttributes<HTMLElement>, NavIdProps {
     activePanel: string;
-    /**
-     * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.
-     *
-     * Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.
-     */
-    popout?: React.ReactNode;
-    /**
-     * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.
-     *
-     * Свойство для отрисовки `ModalRoot`.
-     */
-    modal?: React.ReactNode;
     onTransition?(params: {
         isBack: boolean;
         from: string;
@@ -63,5 +51,5 @@ export interface ViewState {
 /**
  * @see https://vkcom.github.io/VKUI/#/View
  */
-export declare const View: ({ popout, modal, activePanel: activePanelProp, history, nav, onTransition, onSwipeBack, onSwipeBackStart, onSwipeBackCancel: onSwipeBackCancelProp, children, ...restProps }: ViewProps) => JSX.Element;
+export declare const View: ({ activePanel: activePanelProp, history, nav, onTransition, onSwipeBack, onSwipeBackStart, onSwipeBackCancel: onSwipeBackCancelProp, children, ...restProps }: ViewProps) => JSX.Element;
 export {};

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

@@ -1,16 +1,15 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["popout", "modal", "activePanel", "history", "nav", "onTransition", "onSwipeBack", "onSwipeBackStart", "onSwipeBackCancel", "children"];
+var _excluded = ["activePanel", "history", "nav", "onTransition", "onSwipeBack", "onSwipeBackStart", "onSwipeBackCancel", "children"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import { classNames } from "../../lib/classNames";
 import { animationEvent } from "../../lib/supportEvents";
-import { IOS } from "../../lib/platform";
+import { Platform } from "../../lib/platform";
 import { Touch } from "../Touch/Touch";
 import { useConfigProvider } from "../ConfigProvider/ConfigProviderContext";
 import { useSplitCol } from "../SplitCol/SplitCol";
-import { AppRootPortal } from "../AppRoot/AppRootPortal";
 import { canUseDOM, useDOM, blurActiveElement } from "../../lib/dom";
 import { useScroll } from "../AppRoot/ScrollContext";
 import { NavTransitionProvider } from "../NavTransitionContext/NavTransitionContext";
@@ -38,9 +37,7 @@ var warn = warnOnce("View");
  */
 
 export var View = function View(_ref) {
-  var popout = _ref.popout,
-      modal = _ref.modal,
-      activePanelProp = _ref.activePanel,
+  var activePanelProp = _ref.activePanel,
       history = _ref.history,
       nav = _ref.nav,
       onTransition = _ref.onTransition,
@@ -50,11 +47,6 @@ export var View = function View(_ref) {
       children = _ref.children,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
-  if (process.env.NODE_ENV === "development") {
-    popout && warn("Свойство popout устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.");
-    modal && warn("Свойство modal устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.");
-  }
-
   var scrolls = React.useRef(scrollsCache[getNavId({
     nav: nav,
     id: restProps.id
@@ -202,7 +194,7 @@ export var View = function View(_ref) {
   var _useWaitTransitionFin = useWaitTransitionFinish(),
       waitTransitionFinish = _useWaitTransitionFin.waitTransitionFinish;
 
-  var animationFinishTimeout = useTimeout(transitionEndHandler, platform === IOS ? 600 : 300);
+  var animationFinishTimeout = useTimeout(transitionEndHandler, platform === Platform.IOS ? 600 : 300);
   var onSwipeBackSuccess = React.useCallback(function () {
     onSwipeBack && onSwipeBack();
   }, [onSwipeBack]);
@@ -234,11 +226,11 @@ export var View = function View(_ref) {
       return;
     }
 
-    if (platform === IOS && !(configProvider !== null && configProvider !== void 0 && configProvider.isWebView) && (e.startX <= 70 || e.startX >= window.innerWidth - 70) && !browserSwipe) {
+    if (platform === Platform.IOS && !(configProvider !== null && configProvider !== void 0 && configProvider.isWebView) && (e.startX <= 70 || e.startX >= window.innerWidth - 70) && !browserSwipe) {
       setBrowserSwipe(true);
     }
 
-    if (platform === IOS && configProvider !== null && configProvider !== void 0 && configProvider.isWebView && onSwipeBack) {
+    if (platform === Platform.IOS && configProvider !== null && configProvider !== void 0 && configProvider.isWebView && onSwipeBack) {
       if (animated && e.startX <= 70 || !window) {
         return;
       }
@@ -328,9 +320,6 @@ export var View = function View(_ref) {
     return {};
   };
 
-  React.useEffect(function () {
-    popout && blurActiveElement(document);
-  }, [document, popout]);
   React.useEffect(function () {
     // Нужен переход
     if (prevActivePanel && prevActivePanel !== activePanelProp && !prevSwipingBack && !prevBrowserSwipe) {
@@ -397,7 +386,7 @@ export var View = function View(_ref) {
 
 
     if (!prevSwipeBackResult && swipeBackResult) {
-      waitTransitionFinish(pickPanel(swipeBackNextPanel), swipingBackTransitionEndHandler, platform === IOS ? 600 : 300);
+      waitTransitionFinish(pickPanel(swipeBackNextPanel), swipingBackTransitionEndHandler, platform === Platform.IOS ? 600 : 300);
     } // Если свайп назад отменился (когда пользователь недостаточно сильно свайпнул)
 
 
@@ -418,13 +407,13 @@ export var View = function View(_ref) {
   return createScopedElement(Touch, _extends({
     Component: "section"
   }, restProps, {
-    vkuiClass: classNames("View", platform === IOS && "View--ios", !disableAnimation && animated && "View--animated", !disableAnimation && swipingBack && "View--swiping-back", disableAnimation && "View--no-motion"),
+    vkuiClass: classNames("View", platform === Platform.IOS && "View--ios", !disableAnimation && animated && "View--animated", !disableAnimation && swipingBack && "View--swiping-back", disableAnimation && "View--no-motion"),
     onMoveX: onMoveX,
     onEnd: onEnd
   }), createScopedElement("div", {
     vkuiClass: "View__panels"
   }, panels.map(function (panel) {
-    var _scrolls$current;
+    var _scrolls$current$pane;
 
     var panelId = getNavId(panel.props, warn);
     var isPrev = panelId === prevPanel || panelId === swipeBackPrevPanel;
@@ -441,15 +430,11 @@ export var View = function View(_ref) {
     }, createScopedElement("div", {
       vkuiClass: "View__panel-in",
       style: {
-        marginTop: compensateScroll ? -((_scrolls$current = scrolls.current[panelId]) !== null && _scrolls$current !== void 0 ? _scrolls$current : 0) : undefined
+        marginTop: compensateScroll ? -((_scrolls$current$pane = scrolls.current[panelId]) !== null && _scrolls$current$pane !== void 0 ? _scrolls$current$pane : 0) : undefined
       }
     }, createScopedElement(NavTransitionProvider, {
       entering: panelId === nextPanel || panelId === swipeBackNextPanel
     }, panel)));
-  })), createScopedElement(AppRootPortal, null, !!popout && createScopedElement("div", {
-    vkuiClass: "View__popout"
-  }, popout), !!modal && createScopedElement("div", {
-    vkuiClass: "View__modal"
-  }, modal)));
+  })));
 };
 //# sourceMappingURL=View.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"View.js","names":["React","classNames","animationEvent","IOS","Touch","useConfigProvider","useSplitCol","AppRootPortal","canUseDOM","useDOM","blurActiveElement","useScroll","NavTransitionProvider","getNavId","warnOnce","usePlatform","swipeBackExcluded","useWaitTransitionFinish","useTimeout","usePrevious","useIsomorphicLayoutEffect","noop","SwipeBackResults","scrollsCache","warn","View","popout","modal","activePanelProp","activePanel","history","nav","onTransition","onSwipeBack","onSwipeBackStart","onSwipeBackCancelProp","onSwipeBackCancel","children","restProps","process","env","NODE_ENV","scrolls","useRef","id","afterTransition","useEffect","current","panelNodes","window","document","scroll","configProvider","splitCol","platform","useState","animated","setAnimated","visiblePanels","setVisiblePanels","setActivePanel","undefined","isBack","setIsBack","prevPanel","setPrevPanel","nextPanel","setNextPanel","swipingBack","setSwipingBack","swipeBackStartX","setSwipeBackStartX","swipeBackShift","setSwipeBackShift","swipeBackNextPanel","setSwipeBackNextPanel","swipeBackPrevPanel","setSwipeBackPrevPanel","swipeBackResult","setSwipeBackResult","browserSwipe","setBrowserSwipe","prevActivePanel","prevSwipingBack","prevBrowserSwipe","prevSwipeBackResult","prevSwipeBackPrevPanel","prevOnTransition","panels","Children","toArray","filter","panel","panelId","props","includes","disableAnimation","transitionMotionEnabled","animate","pickPanel","flushTransition","useCallback","isBackTransition","scrollTo","from","to","transitionEndHandler","e","animationName","Boolean","waitTransitionFinish","animationFinishTimeout","onSwipeBackSuccess","swipingBackTransitionEndHandler","propertyName","target","fail","success","onMoveX","isWebView","startX","innerWidth","length","getScroll","y","slice","shiftX","onEnd","speed","duration","calcPanelSwipeStyles","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","prevPanelShadow","boxShadow","transform","WebkitTransform","firstLayerId","map","find","supported","set","isTransitionTarget","compensateScroll","el","marginTop"],"sources":["../../../../src/components/View/View.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { animationEvent } from \"../../lib/supportEvents\";\nimport { IOS } from \"../../lib/platform\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { useConfigProvider } from \"../ConfigProvider/ConfigProviderContext\";\nimport { useSplitCol } from \"../SplitCol/SplitCol\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { canUseDOM, useDOM, blurActiveElement } from \"../../lib/dom\";\nimport { useScroll } from \"../AppRoot/ScrollContext\";\nimport { NavTransitionProvider } from \"../NavTransitionContext/NavTransitionContext\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { swipeBackExcluded } from \"./utils\";\nimport { useWaitTransitionFinish } from \"../../hooks/useWaitTransitionFinish\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePrevious } from \"../../hooks/usePrevious\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { noop } from \"../../lib/utils\";\nimport \"./View.css\";\n\nenum SwipeBackResults {\n  fail = 1,\n  success,\n}\n\ninterface Scrolls {\n  [index: string]: number | undefined;\n}\n\ninterface ViewsScrolls {\n  [index: string]: Scrolls;\n}\n\nexport let scrollsCache: ViewsScrolls = {};\n\nexport interface ViewProps\n  extends React.HTMLAttributes<HTMLElement>,\n    NavIdProps {\n  activePanel: string;\n  /**\n   * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n   *\n   * Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.\n   */\n  popout?: React.ReactNode;\n  /**\n   * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n   *\n   * Свойство для отрисовки `ModalRoot`.\n   */\n  modal?: React.ReactNode;\n  onTransition?(params: { isBack: boolean; from: string; to: string }): void;\n  /**\n   * callback свайпа назад\n   */\n  onSwipeBack?(): void;\n  /**\n   * callback начала анимации свайпа назад.\n   */\n  onSwipeBackStart?(): void;\n  /**\n   * callback завершения анимации отмененного пользователем свайпа\n   */\n  onSwipeBackCancel?(): void;\n  history?: string[];\n}\n\nexport interface ViewState {\n  animated: boolean;\n\n  visiblePanels: string[];\n  activePanel: string | null;\n  isBack: boolean | undefined;\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: SwipeBackResults | null;\n\n  browserSwipe: boolean;\n}\n\nconst warn = warnOnce(\"View\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/View\n */\nexport const View = ({\n  popout,\n  modal,\n  activePanel: activePanelProp,\n  history,\n  nav,\n  onTransition,\n  onSwipeBack,\n  onSwipeBackStart,\n  onSwipeBackCancel: onSwipeBackCancelProp,\n  children,\n\n  ...restProps\n}: ViewProps) => {\n  if (process.env.NODE_ENV === \"development\") {\n    popout &&\n      warn(\n        \"Свойство popout устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n      );\n    modal &&\n      warn(\n        \"Свойство modal устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n      );\n  }\n\n  const scrolls = React.useRef(\n    scrollsCache[getNavId({ nav, id: restProps.id }) as string] || {}\n  );\n  const afterTransition = React.useRef(noop);\n\n  React.useEffect(() => () => {\n    const id = getNavId({ nav, id: restProps.id });\n    if (id) {\n      scrollsCache[id] = scrolls.current;\n    }\n  });\n\n  const panelNodes = React.useRef<{ [id: string]: HTMLDivElement | null }>({});\n\n  const { window, document } = useDOM();\n  const scroll = useScroll();\n  const configProvider = useConfigProvider();\n  const splitCol = useSplitCol();\n  const platform = usePlatform();\n\n  const [animated, setAnimated] = React.useState(false);\n\n  const [visiblePanels, setVisiblePanels] = React.useState([activePanelProp]);\n  const [activePanel, setActivePanel] = React.useState<string | null>(\n    activePanelProp\n  );\n  const [isBack, setIsBack] = React.useState<boolean | undefined>(undefined);\n  const [prevPanel, setPrevPanel] = React.useState<string | null>(null);\n  const [nextPanel, setNextPanel] = React.useState<string | null>(null);\n\n  const [swipingBack, setSwipingBack] = React.useState<boolean>(false);\n  const [swipeBackStartX, setSwipeBackStartX] = React.useState<number>(0);\n  const [swipeBackShift, setSwipeBackShift] = React.useState<number>(0);\n  const [swipeBackNextPanel, setSwipeBackNextPanel] = React.useState<\n    string | null\n  >(null);\n  const [swipeBackPrevPanel, setSwipeBackPrevPanel] = React.useState<\n    string | null\n  >(null);\n  const [swipeBackResult, setSwipeBackResult] =\n    React.useState<SwipeBackResults | null>(null);\n\n  const [browserSwipe, setBrowserSwipe] = React.useState(false);\n\n  const prevActivePanel = usePrevious(activePanelProp);\n  const prevSwipingBack = usePrevious(swipingBack);\n  const prevBrowserSwipe = usePrevious(browserSwipe);\n  const prevSwipeBackResult = usePrevious(swipeBackResult);\n  const prevSwipeBackPrevPanel = usePrevious(swipeBackPrevPanel);\n  const prevOnTransition = usePrevious(onTransition);\n\n  const panels = (\n    React.Children.toArray(children) as React.ReactElement[]\n  ).filter((panel: React.ReactElement) => {\n    const panelId = getNavId(panel.props, warn);\n\n    return (\n      (panelId !== undefined && visiblePanels.includes(panelId)) ||\n      panelId === swipeBackPrevPanel ||\n      panelId === swipeBackNextPanel\n    );\n  });\n\n  const disableAnimation =\n    configProvider?.transitionMotionEnabled === false || !splitCol?.animate;\n\n  const pickPanel = (id: string | null) => {\n    if (id === null) {\n      return null;\n    }\n    return panelNodes.current[id];\n  };\n\n  const flushTransition = React.useCallback(\n    (prevPanel: string, isBackTransition: boolean) => {\n      if (isBackTransition) {\n        scrolls.current[prevPanel] = 0;\n      }\n      setPrevPanel(null);\n      setNextPanel(null);\n      setVisiblePanels([activePanelProp]);\n      setActivePanel(activePanelProp);\n      setAnimated(false);\n      setIsBack(undefined);\n\n      afterTransition.current = () => {\n        scroll?.scrollTo(\n          0,\n          isBackTransition ? scrolls.current[activePanelProp] : 0\n        );\n        onTransition &&\n          onTransition({\n            isBack: isBackTransition,\n            from: prevPanel,\n            to: activePanelProp,\n          });\n      };\n    },\n    [activePanelProp, onTransition, scroll]\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    afterTransition.current();\n    afterTransition.current = noop;\n  }, [afterTransition.current]);\n\n  const transitionEndHandler = React.useCallback(\n    (e?: React.AnimationEvent): void => {\n      if (\n        (!e ||\n          [\n            \"vkui-animation-ios-next-forward\",\n            \"vkui-animation-ios-prev-back\",\n            \"vkui-animation-view-next-forward\",\n            \"vkui-animation-view-prev-back\",\n          ].includes(e.animationName)) &&\n        prevPanel !== null\n      ) {\n        flushTransition(prevPanel, Boolean(isBack));\n      }\n    },\n    [flushTransition, isBack, prevPanel]\n  );\n\n  const { waitTransitionFinish } = useWaitTransitionFinish();\n  const animationFinishTimeout = useTimeout(\n    transitionEndHandler,\n    platform === IOS ? 600 : 300\n  );\n\n  const onSwipeBackSuccess = React.useCallback(() => {\n    onSwipeBack && onSwipeBack();\n  }, [onSwipeBack]);\n\n  const onSwipeBackCancel = React.useCallback(() => {\n    onSwipeBackCancelProp && onSwipeBackCancelProp();\n    setSwipeBackPrevPanel(null);\n    setSwipeBackNextPanel(null);\n    setSwipingBack(false);\n    setSwipeBackResult(null);\n    setSwipeBackStartX(0);\n    setSwipeBackShift(0);\n  }, [onSwipeBackCancelProp]);\n\n  const swipingBackTransitionEndHandler = React.useCallback(\n    (e?: TransitionEvent): void => {\n      // indexOf because of vendor prefixes in old browsers\n      if (\n        !e ||\n        (e?.propertyName.includes(\"transform\") &&\n          e?.target === pickPanel(swipeBackNextPanel))\n      ) {\n        switch (swipeBackResult) {\n          case SwipeBackResults.fail:\n            onSwipeBackCancel();\n            break;\n          case SwipeBackResults.success:\n            onSwipeBackSuccess();\n        }\n      }\n    },\n    [onSwipeBackCancel, onSwipeBackSuccess, swipeBackNextPanel, swipeBackResult]\n  );\n\n  const onMoveX = (e: TouchEvent): void => {\n    if (swipeBackExcluded(e)) {\n      return;\n    }\n\n    if (\n      platform === IOS &&\n      !configProvider?.isWebView &&\n      (e.startX <= 70 || e.startX >= window!.innerWidth - 70) &&\n      !browserSwipe\n    ) {\n      setBrowserSwipe(true);\n    }\n\n    if (platform === IOS && configProvider?.isWebView && onSwipeBack) {\n      if ((animated && e.startX <= 70) || !window) {\n        return;\n      }\n\n      if (e.startX <= 70 && !swipingBack && history && history.length > 1) {\n        if (activePanel !== null) {\n          scrolls.current[activePanel] = scroll?.getScroll().y;\n        }\n\n        setSwipingBack(true);\n        setSwipeBackStartX(e.startX);\n        setSwipeBackPrevPanel(activePanel);\n        setSwipeBackNextPanel(history.slice(-2)[0]);\n      }\n      if (swipingBack) {\n        let swipeBackShift = 0;\n        if (e.shiftX < 0) {\n          swipeBackShift = 0;\n        } else if (e.shiftX > window.innerWidth - swipeBackStartX) {\n          swipeBackShift = window?.innerWidth;\n        } else {\n          swipeBackShift = e.shiftX;\n        }\n        setSwipeBackShift(swipeBackShift);\n      }\n    }\n  };\n\n  const onEnd = React.useCallback(\n    (e: TouchEvent): void => {\n      if (swipingBack && window) {\n        const speed = (swipeBackShift / e.duration) * 1000;\n        if (swipeBackShift === 0) {\n          onSwipeBackCancel();\n        } else if (swipeBackShift >= (window?.innerWidth ?? 0)) {\n          onSwipeBackSuccess();\n        } else if (\n          speed > 250 ||\n          swipeBackStartX + swipeBackShift > window.innerWidth / 2\n        ) {\n          setSwipeBackResult(SwipeBackResults.success);\n        } else {\n          setSwipeBackResult(SwipeBackResults.fail);\n        }\n      }\n    },\n    [\n      onSwipeBackCancel,\n      onSwipeBackSuccess,\n      swipeBackShift,\n      swipeBackStartX,\n      swipingBack,\n      window,\n    ]\n  );\n\n  const calcPanelSwipeStyles = (\n    panelId: string | undefined\n  ): React.CSSProperties => {\n    if (!canUseDOM || !window) {\n      return {};\n    }\n\n    const isPrev = panelId === swipeBackPrevPanel;\n    const isNext = panelId === swipeBackNextPanel;\n\n    if ((!isPrev && !isNext) || swipeBackResult) {\n      return {};\n    }\n\n    let prevPanelTranslate = `${swipeBackShift}px`;\n    let nextPanelTranslate = `${\n      -50 + (swipeBackShift * 100) / window.innerWidth / 2\n    }%`;\n    let prevPanelShadow =\n      (0.3 * (window.innerWidth - swipeBackShift)) / window.innerWidth;\n\n    if (swipeBackResult) {\n      return isPrev\n        ? { boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})` }\n        : {};\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  React.useEffect(() => {\n    popout && blurActiveElement(document);\n  }, [document, popout]);\n\n  React.useEffect(() => {\n    // Нужен переход\n    if (\n      prevActivePanel &&\n      prevActivePanel !== activePanelProp &&\n      !prevSwipingBack &&\n      !prevBrowserSwipe\n    ) {\n      const firstLayerId = (\n        React.Children.toArray(children) as React.ReactElement[]\n      )\n        .map((panel) => getNavId(panel.props, warn))\n        .find((id) => id === prevActivePanel || id === activePanelProp);\n\n      const isBackTransition = firstLayerId === activePanelProp;\n      scrolls.current[prevActivePanel] = scroll?.getScroll().y;\n\n      if (disableAnimation) {\n        flushTransition(prevActivePanel, isBackTransition);\n      } else {\n        blurActiveElement(document);\n\n        setVisiblePanels([prevActivePanel, activePanelProp]);\n        setPrevPanel(prevActivePanel);\n        setNextPanel(activePanelProp);\n        setActivePanel(null);\n        setAnimated(true);\n        setIsBack(isBackTransition);\n\n        // Фолбек анимации перехода\n        if (!animationEvent.supported) {\n          animationFinishTimeout.set();\n        }\n      }\n    }\n\n    // Закончилась анимация свайпа назад\n    if (\n      prevActivePanel &&\n      prevActivePanel !== activePanelProp &&\n      prevSwipingBack\n    ) {\n      const nextPanel = activePanelProp;\n      const prevPanel = prevActivePanel;\n      if (prevSwipeBackPrevPanel) {\n        scrolls.current[prevSwipeBackPrevPanel] = 0;\n      }\n\n      setSwipeBackPrevPanel(null);\n      setSwipeBackNextPanel(null);\n      setSwipingBack(false);\n      setSwipeBackResult(null);\n      setSwipeBackStartX(0);\n      setSwipeBackShift(0);\n      setActivePanel(nextPanel);\n      setVisiblePanels([nextPanel]);\n\n      afterTransition.current = () => {\n        if (nextPanel !== null) {\n          scroll?.scrollTo(0, scrolls.current[nextPanel]);\n        }\n        prevOnTransition &&\n          prevOnTransition({\n            isBack: true,\n            from: prevPanel,\n            to: nextPanel,\n          });\n      };\n    }\n\n    // Начался свайп назад\n    if (!prevSwipingBack && swipingBack) {\n      onSwipeBackStart && onSwipeBackStart();\n    }\n\n    // Началась анимация завершения свайпа назад.\n    if (!prevSwipeBackResult && swipeBackResult) {\n      waitTransitionFinish(\n        pickPanel(swipeBackNextPanel),\n        swipingBackTransitionEndHandler,\n        platform === IOS ? 600 : 300\n      );\n    }\n\n    // Если свайп назад отменился (когда пользователь недостаточно сильно свайпнул)\n    if (\n      prevSwipeBackResult === SwipeBackResults.fail &&\n      !swipeBackResult &&\n      activePanel !== null\n    ) {\n      scroll?.scrollTo(0, scrolls.current[activePanel]);\n    }\n\n    // Закончился Safari свайп\n    if (prevActivePanel !== activePanelProp && browserSwipe) {\n      setBrowserSwipe(false);\n      setNextPanel(null);\n      setPrevPanel(null);\n      setAnimated(false);\n      setVisiblePanels([activePanelProp]);\n      setActivePanel(activePanelProp);\n    }\n  }, [\n    activePanelProp,\n    activePanel,\n    animationFinishTimeout,\n    browserSwipe,\n    children,\n    disableAnimation,\n    document,\n    flushTransition,\n    onSwipeBackStart,\n    panels,\n    platform,\n    prevActivePanel,\n    prevBrowserSwipe,\n    prevOnTransition,\n    prevSwipeBackPrevPanel,\n    prevSwipeBackResult,\n    prevSwipingBack,\n    scroll,\n    swipeBackNextPanel,\n    swipeBackResult,\n    swipingBack,\n    swipingBackTransitionEndHandler,\n    waitTransitionFinish,\n  ]);\n\n  return (\n    <Touch\n      Component=\"section\"\n      {...restProps}\n      vkuiClass={classNames(\n        \"View\",\n        platform === IOS && \"View--ios\",\n        !disableAnimation && animated && \"View--animated\",\n        !disableAnimation && swipingBack && \"View--swiping-back\",\n        disableAnimation && \"View--no-motion\"\n      )}\n      onMoveX={onMoveX}\n      onEnd={onEnd}\n    >\n      <div vkuiClass=\"View__panels\">\n        {panels.map((panel: React.ReactElement) => {\n          const panelId = getNavId(panel.props, warn);\n          const isPrev =\n            panelId === prevPanel || panelId === swipeBackPrevPanel;\n          const isTransitionTarget =\n            animated && panelId === (isBack ? prevPanel : nextPanel);\n          const compensateScroll =\n            isPrev ||\n            panelId === swipeBackNextPanel ||\n            (panelId === nextPanel && isBack);\n\n          return (\n            <div\n              vkuiClass={classNames(\n                \"View__panel\",\n                panelId === activePanel && \"View__panel--active\",\n                panelId === prevPanel && \"View__panel--prev\",\n                panelId === nextPanel && \"View__panel--next\",\n                panelId === swipeBackPrevPanel &&\n                  \"View__panel--swipe-back-prev\",\n                panelId === swipeBackNextPanel &&\n                  \"View__panel--swipe-back-next\",\n                swipeBackResult === SwipeBackResults.success &&\n                  \"View__panel--swipe-back-success\",\n                swipeBackResult === SwipeBackResults.fail &&\n                  \"View__panel--swipe-back-failed\"\n              )}\n              onAnimationEnd={\n                isTransitionTarget ? transitionEndHandler : undefined\n              }\n              ref={(el) =>\n                panelId !== undefined && (panelNodes.current[panelId] = el)\n              }\n              style={calcPanelSwipeStyles(panelId)}\n              key={panelId}\n            >\n              <div\n                vkuiClass=\"View__panel-in\"\n                style={{\n                  marginTop: compensateScroll\n                    ? -(scrolls.current[panelId as string] ?? 0)\n                    : undefined,\n                }}\n              >\n                <NavTransitionProvider\n                  entering={\n                    panelId === nextPanel || panelId === swipeBackNextPanel\n                  }\n                >\n                  {panel}\n                </NavTransitionProvider>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n      <AppRootPortal>\n        {!!popout && <div vkuiClass=\"View__popout\">{popout}</div>}\n        {!!modal && <div vkuiClass=\"View__modal\">{modal}</div>}\n      </AppRootPortal>\n    </Touch>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"View.js","names":["React","classNames","animationEvent","Platform","Touch","useConfigProvider","useSplitCol","canUseDOM","useDOM","blurActiveElement","useScroll","NavTransitionProvider","getNavId","warnOnce","usePlatform","swipeBackExcluded","useWaitTransitionFinish","useTimeout","usePrevious","useIsomorphicLayoutEffect","noop","SwipeBackResults","scrollsCache","warn","View","activePanelProp","activePanel","history","nav","onTransition","onSwipeBack","onSwipeBackStart","onSwipeBackCancelProp","onSwipeBackCancel","children","restProps","scrolls","useRef","id","afterTransition","useEffect","current","panelNodes","window","document","scroll","configProvider","splitCol","platform","useState","animated","setAnimated","visiblePanels","setVisiblePanels","setActivePanel","undefined","isBack","setIsBack","prevPanel","setPrevPanel","nextPanel","setNextPanel","swipingBack","setSwipingBack","swipeBackStartX","setSwipeBackStartX","swipeBackShift","setSwipeBackShift","swipeBackNextPanel","setSwipeBackNextPanel","swipeBackPrevPanel","setSwipeBackPrevPanel","swipeBackResult","setSwipeBackResult","browserSwipe","setBrowserSwipe","prevActivePanel","prevSwipingBack","prevBrowserSwipe","prevSwipeBackResult","prevSwipeBackPrevPanel","prevOnTransition","panels","Children","toArray","filter","panel","panelId","props","includes","disableAnimation","transitionMotionEnabled","animate","pickPanel","flushTransition","useCallback","isBackTransition","scrollTo","from","to","transitionEndHandler","e","animationName","Boolean","waitTransitionFinish","animationFinishTimeout","IOS","onSwipeBackSuccess","swipingBackTransitionEndHandler","propertyName","target","fail","success","onMoveX","isWebView","startX","innerWidth","length","getScroll","y","slice","shiftX","onEnd","speed","duration","calcPanelSwipeStyles","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","prevPanelShadow","boxShadow","transform","WebkitTransform","firstLayerId","map","find","supported","set","isTransitionTarget","compensateScroll","el","marginTop"],"sources":["../../../../src/components/View/View.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { animationEvent } from \"../../lib/supportEvents\";\nimport { Platform } from \"../../lib/platform\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { useConfigProvider } from \"../ConfigProvider/ConfigProviderContext\";\nimport { useSplitCol } from \"../SplitCol/SplitCol\";\nimport { canUseDOM, useDOM, blurActiveElement } from \"../../lib/dom\";\nimport { useScroll } from \"../AppRoot/ScrollContext\";\nimport { NavTransitionProvider } from \"../NavTransitionContext/NavTransitionContext\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { swipeBackExcluded } from \"./utils\";\nimport { useWaitTransitionFinish } from \"../../hooks/useWaitTransitionFinish\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePrevious } from \"../../hooks/usePrevious\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { noop } from \"../../lib/utils\";\nimport \"./View.css\";\n\nenum SwipeBackResults {\n  fail = 1,\n  success,\n}\n\ninterface Scrolls {\n  [index: string]: number | undefined;\n}\n\ninterface ViewsScrolls {\n  [index: string]: Scrolls;\n}\n\nexport let scrollsCache: ViewsScrolls = {};\n\nexport interface ViewProps\n  extends React.HTMLAttributes<HTMLElement>,\n    NavIdProps {\n  activePanel: string;\n  onTransition?(params: { isBack: boolean; from: string; to: string }): void;\n  /**\n   * callback свайпа назад\n   */\n  onSwipeBack?(): void;\n  /**\n   * callback начала анимации свайпа назад.\n   */\n  onSwipeBackStart?(): void;\n  /**\n   * callback завершения анимации отмененного пользователем свайпа\n   */\n  onSwipeBackCancel?(): void;\n  history?: string[];\n}\n\nexport interface ViewState {\n  animated: boolean;\n\n  visiblePanels: string[];\n  activePanel: string | null;\n  isBack: boolean | undefined;\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: SwipeBackResults | null;\n\n  browserSwipe: boolean;\n}\n\nconst warn = warnOnce(\"View\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/View\n */\nexport const View = ({\n  activePanel: activePanelProp,\n  history,\n  nav,\n  onTransition,\n  onSwipeBack,\n  onSwipeBackStart,\n  onSwipeBackCancel: onSwipeBackCancelProp,\n  children,\n\n  ...restProps\n}: ViewProps) => {\n  const scrolls = React.useRef(\n    scrollsCache[getNavId({ nav, id: restProps.id }) as string] || {}\n  );\n  const afterTransition = React.useRef(noop);\n\n  React.useEffect(() => () => {\n    const id = getNavId({ nav, id: restProps.id });\n    if (id) {\n      scrollsCache[id] = scrolls.current;\n    }\n  });\n\n  const panelNodes = React.useRef<{ [id: string]: HTMLDivElement | null }>({});\n\n  const { window, document } = useDOM();\n  const scroll = useScroll();\n  const configProvider = useConfigProvider();\n  const splitCol = useSplitCol();\n  const platform = usePlatform();\n\n  const [animated, setAnimated] = React.useState(false);\n\n  const [visiblePanels, setVisiblePanels] = React.useState([activePanelProp]);\n  const [activePanel, setActivePanel] = React.useState<string | null>(\n    activePanelProp\n  );\n  const [isBack, setIsBack] = React.useState<boolean | undefined>(undefined);\n  const [prevPanel, setPrevPanel] = React.useState<string | null>(null);\n  const [nextPanel, setNextPanel] = React.useState<string | null>(null);\n\n  const [swipingBack, setSwipingBack] = React.useState<boolean>(false);\n  const [swipeBackStartX, setSwipeBackStartX] = React.useState<number>(0);\n  const [swipeBackShift, setSwipeBackShift] = React.useState<number>(0);\n  const [swipeBackNextPanel, setSwipeBackNextPanel] = React.useState<\n    string | null\n  >(null);\n  const [swipeBackPrevPanel, setSwipeBackPrevPanel] = React.useState<\n    string | null\n  >(null);\n  const [swipeBackResult, setSwipeBackResult] =\n    React.useState<SwipeBackResults | null>(null);\n\n  const [browserSwipe, setBrowserSwipe] = React.useState(false);\n\n  const prevActivePanel = usePrevious(activePanelProp);\n  const prevSwipingBack = usePrevious(swipingBack);\n  const prevBrowserSwipe = usePrevious(browserSwipe);\n  const prevSwipeBackResult = usePrevious(swipeBackResult);\n  const prevSwipeBackPrevPanel = usePrevious(swipeBackPrevPanel);\n  const prevOnTransition = usePrevious(onTransition);\n\n  const panels = (\n    React.Children.toArray(children) as React.ReactElement[]\n  ).filter((panel: React.ReactElement) => {\n    const panelId = getNavId(panel.props, warn);\n\n    return (\n      (panelId !== undefined && visiblePanels.includes(panelId)) ||\n      panelId === swipeBackPrevPanel ||\n      panelId === swipeBackNextPanel\n    );\n  });\n\n  const disableAnimation =\n    configProvider?.transitionMotionEnabled === false || !splitCol?.animate;\n\n  const pickPanel = (id: string | null) => {\n    if (id === null) {\n      return null;\n    }\n    return panelNodes.current[id];\n  };\n\n  const flushTransition = React.useCallback(\n    (prevPanel: string, isBackTransition: boolean) => {\n      if (isBackTransition) {\n        scrolls.current[prevPanel] = 0;\n      }\n      setPrevPanel(null);\n      setNextPanel(null);\n      setVisiblePanels([activePanelProp]);\n      setActivePanel(activePanelProp);\n      setAnimated(false);\n      setIsBack(undefined);\n\n      afterTransition.current = () => {\n        scroll?.scrollTo(\n          0,\n          isBackTransition ? scrolls.current[activePanelProp] : 0\n        );\n        onTransition &&\n          onTransition({\n            isBack: isBackTransition,\n            from: prevPanel,\n            to: activePanelProp,\n          });\n      };\n    },\n    [activePanelProp, onTransition, scroll]\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    afterTransition.current();\n    afterTransition.current = noop;\n  }, [afterTransition.current]);\n\n  const transitionEndHandler = React.useCallback(\n    (e?: React.AnimationEvent): void => {\n      if (\n        (!e ||\n          [\n            \"vkui-animation-ios-next-forward\",\n            \"vkui-animation-ios-prev-back\",\n            \"vkui-animation-view-next-forward\",\n            \"vkui-animation-view-prev-back\",\n          ].includes(e.animationName)) &&\n        prevPanel !== null\n      ) {\n        flushTransition(prevPanel, Boolean(isBack));\n      }\n    },\n    [flushTransition, isBack, prevPanel]\n  );\n\n  const { waitTransitionFinish } = useWaitTransitionFinish();\n  const animationFinishTimeout = useTimeout(\n    transitionEndHandler,\n    platform === Platform.IOS ? 600 : 300\n  );\n\n  const onSwipeBackSuccess = React.useCallback(() => {\n    onSwipeBack && onSwipeBack();\n  }, [onSwipeBack]);\n\n  const onSwipeBackCancel = React.useCallback(() => {\n    onSwipeBackCancelProp && onSwipeBackCancelProp();\n    setSwipeBackPrevPanel(null);\n    setSwipeBackNextPanel(null);\n    setSwipingBack(false);\n    setSwipeBackResult(null);\n    setSwipeBackStartX(0);\n    setSwipeBackShift(0);\n  }, [onSwipeBackCancelProp]);\n\n  const swipingBackTransitionEndHandler = React.useCallback(\n    (e?: TransitionEvent): void => {\n      // indexOf because of vendor prefixes in old browsers\n      if (\n        !e ||\n        (e?.propertyName.includes(\"transform\") &&\n          e?.target === pickPanel(swipeBackNextPanel))\n      ) {\n        switch (swipeBackResult) {\n          case SwipeBackResults.fail:\n            onSwipeBackCancel();\n            break;\n          case SwipeBackResults.success:\n            onSwipeBackSuccess();\n        }\n      }\n    },\n    [onSwipeBackCancel, onSwipeBackSuccess, swipeBackNextPanel, swipeBackResult]\n  );\n\n  const onMoveX = (e: TouchEvent): void => {\n    if (swipeBackExcluded(e)) {\n      return;\n    }\n\n    if (\n      platform === Platform.IOS &&\n      !configProvider?.isWebView &&\n      (e.startX <= 70 || e.startX >= window!.innerWidth - 70) &&\n      !browserSwipe\n    ) {\n      setBrowserSwipe(true);\n    }\n\n    if (platform === Platform.IOS && configProvider?.isWebView && onSwipeBack) {\n      if ((animated && e.startX <= 70) || !window) {\n        return;\n      }\n\n      if (e.startX <= 70 && !swipingBack && history && history.length > 1) {\n        if (activePanel !== null) {\n          scrolls.current[activePanel] = scroll?.getScroll().y;\n        }\n\n        setSwipingBack(true);\n        setSwipeBackStartX(e.startX);\n        setSwipeBackPrevPanel(activePanel);\n        setSwipeBackNextPanel(history.slice(-2)[0]);\n      }\n      if (swipingBack) {\n        let swipeBackShift = 0;\n        if (e.shiftX < 0) {\n          swipeBackShift = 0;\n        } else if (e.shiftX > window.innerWidth - swipeBackStartX) {\n          swipeBackShift = window?.innerWidth;\n        } else {\n          swipeBackShift = e.shiftX;\n        }\n        setSwipeBackShift(swipeBackShift);\n      }\n    }\n  };\n\n  const onEnd = React.useCallback(\n    (e: TouchEvent): void => {\n      if (swipingBack && window) {\n        const speed = (swipeBackShift / e.duration) * 1000;\n        if (swipeBackShift === 0) {\n          onSwipeBackCancel();\n        } else if (swipeBackShift >= (window?.innerWidth ?? 0)) {\n          onSwipeBackSuccess();\n        } else if (\n          speed > 250 ||\n          swipeBackStartX + swipeBackShift > window.innerWidth / 2\n        ) {\n          setSwipeBackResult(SwipeBackResults.success);\n        } else {\n          setSwipeBackResult(SwipeBackResults.fail);\n        }\n      }\n    },\n    [\n      onSwipeBackCancel,\n      onSwipeBackSuccess,\n      swipeBackShift,\n      swipeBackStartX,\n      swipingBack,\n      window,\n    ]\n  );\n\n  const calcPanelSwipeStyles = (\n    panelId: string | undefined\n  ): React.CSSProperties => {\n    if (!canUseDOM || !window) {\n      return {};\n    }\n\n    const isPrev = panelId === swipeBackPrevPanel;\n    const isNext = panelId === swipeBackNextPanel;\n\n    if ((!isPrev && !isNext) || swipeBackResult) {\n      return {};\n    }\n\n    let prevPanelTranslate = `${swipeBackShift}px`;\n    let nextPanelTranslate = `${\n      -50 + (swipeBackShift * 100) / window.innerWidth / 2\n    }%`;\n    let prevPanelShadow =\n      (0.3 * (window.innerWidth - swipeBackShift)) / window.innerWidth;\n\n    if (swipeBackResult) {\n      return isPrev\n        ? { boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})` }\n        : {};\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  React.useEffect(() => {\n    // Нужен переход\n    if (\n      prevActivePanel &&\n      prevActivePanel !== activePanelProp &&\n      !prevSwipingBack &&\n      !prevBrowserSwipe\n    ) {\n      const firstLayerId = (\n        React.Children.toArray(children) as React.ReactElement[]\n      )\n        .map((panel) => getNavId(panel.props, warn))\n        .find((id) => id === prevActivePanel || id === activePanelProp);\n\n      const isBackTransition = firstLayerId === activePanelProp;\n      scrolls.current[prevActivePanel] = scroll?.getScroll().y;\n\n      if (disableAnimation) {\n        flushTransition(prevActivePanel, isBackTransition);\n      } else {\n        blurActiveElement(document);\n\n        setVisiblePanels([prevActivePanel, activePanelProp]);\n        setPrevPanel(prevActivePanel);\n        setNextPanel(activePanelProp);\n        setActivePanel(null);\n        setAnimated(true);\n        setIsBack(isBackTransition);\n\n        // Фолбек анимации перехода\n        if (!animationEvent.supported) {\n          animationFinishTimeout.set();\n        }\n      }\n    }\n\n    // Закончилась анимация свайпа назад\n    if (\n      prevActivePanel &&\n      prevActivePanel !== activePanelProp &&\n      prevSwipingBack\n    ) {\n      const nextPanel = activePanelProp;\n      const prevPanel = prevActivePanel;\n      if (prevSwipeBackPrevPanel) {\n        scrolls.current[prevSwipeBackPrevPanel] = 0;\n      }\n\n      setSwipeBackPrevPanel(null);\n      setSwipeBackNextPanel(null);\n      setSwipingBack(false);\n      setSwipeBackResult(null);\n      setSwipeBackStartX(0);\n      setSwipeBackShift(0);\n      setActivePanel(nextPanel);\n      setVisiblePanels([nextPanel]);\n\n      afterTransition.current = () => {\n        if (nextPanel !== null) {\n          scroll?.scrollTo(0, scrolls.current[nextPanel]);\n        }\n        prevOnTransition &&\n          prevOnTransition({\n            isBack: true,\n            from: prevPanel,\n            to: nextPanel,\n          });\n      };\n    }\n\n    // Начался свайп назад\n    if (!prevSwipingBack && swipingBack) {\n      onSwipeBackStart && onSwipeBackStart();\n    }\n\n    // Началась анимация завершения свайпа назад.\n    if (!prevSwipeBackResult && swipeBackResult) {\n      waitTransitionFinish(\n        pickPanel(swipeBackNextPanel),\n        swipingBackTransitionEndHandler,\n        platform === Platform.IOS ? 600 : 300\n      );\n    }\n\n    // Если свайп назад отменился (когда пользователь недостаточно сильно свайпнул)\n    if (\n      prevSwipeBackResult === SwipeBackResults.fail &&\n      !swipeBackResult &&\n      activePanel !== null\n    ) {\n      scroll?.scrollTo(0, scrolls.current[activePanel]);\n    }\n\n    // Закончился Safari свайп\n    if (prevActivePanel !== activePanelProp && browserSwipe) {\n      setBrowserSwipe(false);\n      setNextPanel(null);\n      setPrevPanel(null);\n      setAnimated(false);\n      setVisiblePanels([activePanelProp]);\n      setActivePanel(activePanelProp);\n    }\n  }, [\n    activePanelProp,\n    activePanel,\n    animationFinishTimeout,\n    browserSwipe,\n    children,\n    disableAnimation,\n    document,\n    flushTransition,\n    onSwipeBackStart,\n    panels,\n    platform,\n    prevActivePanel,\n    prevBrowserSwipe,\n    prevOnTransition,\n    prevSwipeBackPrevPanel,\n    prevSwipeBackResult,\n    prevSwipingBack,\n    scroll,\n    swipeBackNextPanel,\n    swipeBackResult,\n    swipingBack,\n    swipingBackTransitionEndHandler,\n    waitTransitionFinish,\n  ]);\n\n  return (\n    <Touch\n      Component=\"section\"\n      {...restProps}\n      vkuiClass={classNames(\n        \"View\",\n        platform === Platform.IOS && \"View--ios\",\n        !disableAnimation && animated && \"View--animated\",\n        !disableAnimation && swipingBack && \"View--swiping-back\",\n        disableAnimation && \"View--no-motion\"\n      )}\n      onMoveX={onMoveX}\n      onEnd={onEnd}\n    >\n      <div vkuiClass=\"View__panels\">\n        {panels.map((panel: React.ReactElement) => {\n          const panelId = getNavId(panel.props, warn);\n          const isPrev =\n            panelId === prevPanel || panelId === swipeBackPrevPanel;\n          const isTransitionTarget =\n            animated && panelId === (isBack ? prevPanel : nextPanel);\n          const compensateScroll =\n            isPrev ||\n            panelId === swipeBackNextPanel ||\n            (panelId === nextPanel && isBack);\n\n          return (\n            <div\n              vkuiClass={classNames(\n                \"View__panel\",\n                panelId === activePanel && \"View__panel--active\",\n                panelId === prevPanel && \"View__panel--prev\",\n                panelId === nextPanel && \"View__panel--next\",\n                panelId === swipeBackPrevPanel &&\n                  \"View__panel--swipe-back-prev\",\n                panelId === swipeBackNextPanel &&\n                  \"View__panel--swipe-back-next\",\n                swipeBackResult === SwipeBackResults.success &&\n                  \"View__panel--swipe-back-success\",\n                swipeBackResult === SwipeBackResults.fail &&\n                  \"View__panel--swipe-back-failed\"\n              )}\n              onAnimationEnd={\n                isTransitionTarget ? transitionEndHandler : undefined\n              }\n              ref={(el) =>\n                panelId !== undefined && (panelNodes.current[panelId] = el)\n              }\n              style={calcPanelSwipeStyles(panelId)}\n              key={panelId}\n            >\n              <div\n                vkuiClass=\"View__panel-in\"\n                style={{\n                  marginTop: compensateScroll\n                    ? -(scrolls.current[panelId] ?? 0)\n                    : undefined,\n                }}\n              >\n                <NavTransitionProvider\n                  entering={\n                    panelId === nextPanel || panelId === swipeBackNextPanel\n                  }\n                >\n                  {panel}\n                </NavTransitionProvider>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </Touch>\n  );\n};\n"],"mappings":"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"}