@vkontakte/vkui 4.27.2 → 4.29.0

package/dist/cjs/components/ModalPage/ModalPage.js

@@ -25,6 +25,8 @@ var _ModalRootContext = require("../ModalRoot/ModalRootContext");
 
 var _usePlatform = require("../../hooks/usePlatform");
 
+var _useOrientationChange = require("../../hooks/useOrientationChange");
+
 var _withAdaptivity = require("../../hoc/withAdaptivity");
 
 var _ModalDismissButton = _interopRequireDefault(require("../ModalDismissButton/ModalDismissButton"));
@@ -37,12 +39,10 @@ var _getNavId = require("../../lib/getNavId");
 
 var _warnOnce = require("../../lib/warnOnce");
 
-var _excluded = ["children", "header", "viewWidth", "viewHeight", "sizeX", "hasMouse", "onClose", "settlingHeight", "dynamicContentHeight", "getModalContentRef", "nav"];
+var _excluded = ["children", "header", "viewWidth", "viewHeight", "sizeX", "hasMouse", "onOpen", "onOpened", "onClose", "onClosed", "settlingHeight", "dynamicContentHeight", "getModalContentRef", "nav"];
 var warn = (0, _warnOnce.warnOnce)("ModalPage");
 
 var ModalPage = function ModalPage(props) {
-  var platform = (0, _usePlatform.usePlatform)();
-
   var _React$useContext = React.useContext(_ModalRootContext.ModalRootContext),
       updateModalHeight = _React$useContext.updateModalHeight;
 
@@ -52,15 +52,18 @@ var ModalPage = function ModalPage(props) {
       viewHeight = props.viewHeight,
       sizeX = props.sizeX,
       hasMouse = props.hasMouse,
+      onOpen = props.onOpen,
+      onOpened = props.onOpened,
       onClose = props.onClose,
+      onClosed = props.onClosed,
       settlingHeight = props.settlingHeight,
       dynamicContentHeight = props.dynamicContentHeight,
       getModalContentRef = props.getModalContentRef,
       nav = props.nav,
       restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  React.useEffect(function () {
-    updateModalHeight();
-  }, [children, updateModalHeight]);
+  var platform = (0, _usePlatform.usePlatform)();
+  var orientation = (0, _useOrientationChange.useOrientationChange)();
+  React.useEffect(updateModalHeight, [children, orientation, updateModalHeight]);
   var isDesktop = viewWidth >= _withAdaptivity.ViewWidth.SMALL_TABLET && (hasMouse || viewHeight >= _withAdaptivity.ViewHeight.MEDIUM);
   var canShowCloseBtn = viewWidth >= _withAdaptivity.ViewWidth.SMALL_TABLET;
   var modalContext = React.useContext(_ModalRootContext.ModalRootContext);
@@ -69,6 +72,7 @@ var ModalPage = function ModalPage(props) {
       refs = _useModalRegistry.refs;
 
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
+    // eslint-disable-next-line vkui/no-object-expression-in-arguments
     vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("ModalPage", platform), "ModalPage--sizeX-".concat(sizeX), {
       "ModalPage--desktop": isDesktop
     })

package/dist/cjs/components/ModalPage/ModalPage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalPage/ModalPage.tsx"],"names":["warn","ModalPage","props","platform","React","useContext","ModalRootContext","updateModalHeight","children","header","viewWidth","viewHeight","sizeX","hasMouse","onClose","settlingHeight","dynamicContentHeight","getModalContentRef","nav","restProps","useEffect","isDesktop","ViewWidth","SMALL_TABLET","ViewHeight","MEDIUM","canShowCloseBtn","modalContext","ModalType","PAGE","refs","innerElement","headerElement","contentElement","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAIA;;AACA;;AASA;;AACA;;AACA;;AACA;;AACA;;;AAuBA,IAAMA,IAAI,GAAG,wBAAS,WAAT,CAAb;;AACA,IAAMC,SAAgE,GAAG,SAAnEA,SAAmE,CACvEC,KADuE,EAEpE;AACH,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,0BAA8BC,KAAK,CAACC,UAAN,CAAiBC,kCAAjB,CAA9B;AAAA,MAAQC,iBAAR,qBAAQA,iBAAR;;AACA,MACEC,QADF,GAaIN,KAbJ,CACEM,QADF;AAAA,MAEEC,MAFF,GAaIP,KAbJ,CAEEO,MAFF;AAAA,MAGEC,SAHF,GAaIR,KAbJ,CAGEQ,SAHF;AAAA,MAIEC,UAJF,GAaIT,KAbJ,CAIES,UAJF;AAAA,MAKEC,KALF,GAaIV,KAbJ,CAKEU,KALF;AAAA,MAMEC,QANF,GAaIX,KAbJ,CAMEW,QANF;AAAA,MAOEC,OAPF,GAaIZ,KAbJ,CAOEY,OAPF;AAAA,MAQEC,cARF,GAaIb,KAbJ,CAQEa,cARF;AAAA,MASEC,oBATF,GAaId,KAbJ,CASEc,oBATF;AAAA,MAUEC,kBAVF,GAaIf,KAbJ,CAUEe,kBAVF;AAAA,MAWEC,GAXF,GAaIhB,KAbJ,CAWEgB,GAXF;AAAA,MAYKC,SAZL,0CAaIjB,KAbJ;AAeAE,EAAAA,KAAK,CAACgB,SAAN,CAAgB,YAAM;AACpBb,IAAAA,iBAAiB;AAClB,GAFD,EAEG,CAACC,QAAD,EAAWD,iBAAX,CAFH;AAIA,MAAMc,SAAS,GACbX,SAAS,IAAIY,0BAAUC,YAAvB,KACCV,QAAQ,IAAIF,UAAU,IAAIa,2BAAWC,MADtC,CADF;AAGA,MAAMC,eAAe,GAAGhB,SAAS,IAAIY,0BAAUC,YAA/C;AAEA,MAAMI,YAAY,GAAGvB,KAAK,CAACC,UAAN,CAAiBC,kCAAjB,CAArB;;AACA,0BAAiB,wCAAiB,wBAASJ,KAAT,EAAgBF,IAAhB,CAAjB,EAAwC4B,iBAAUC,IAAlD,CAAjB;AAAA,MAAQC,IAAR,qBAAQA,IAAR;;AAEA,SACE,uEACMX,SADN;AAEE,IAAA,SAAS,EAAE,4BACT,gCAAa,WAAb,EAA0BhB,QAA1B,CADS,6BAEWS,KAFX,GAGT;AACE,4BAAsBS;AADxB,KAHS;AAFb,MAUE;AAAK,IAAA,SAAS,EAAC,oBAAf;AAAoC,IAAA,GAAG,EAAES,IAAI,CAACC;AAA9C,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC,mBAAf;AAAmC,IAAA,GAAG,EAAED,IAAI,CAACE;AAA7C,KACGvB,MADH,CADF,EAKE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AACE,IAAA,SAAS,EAAC,oBADZ;AAEE,IAAA,GAAG,EAAE,qBACHqB,IAAI,CAACG,cADF,EAEHhB,kBAFG;AAFP,KAOE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAwCT,QAAxC,CAPF,CADF,CALF,EAgBGkB,eAAe,IACd,qCAAC,2BAAD;AAAoB,IAAA,OAAO,EAAEZ,OAAO,IAAIa,YAAY,CAACb;AAArD,IAjBJ,CADF,CAVF,CADF;AAmCD,CAnED;;AAqEAb,SAAS,CAACiC,YAAV,GAAyB;AACvBnB,EAAAA,cAAc,EAAE;AADO,CAAzB,C,CAIA;;eACe,oCAAed,SAAf,EAA0B;AACvCS,EAAAA,SAAS,EAAE,IAD4B;AAEvCC,EAAAA,UAAU,EAAE,IAF2B;AAGvCC,EAAAA,KAAK,EAAE,IAHgC;AAIvCC,EAAAA,QAAQ,EAAE;AAJ6B,CAA1B,C","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport {\n  ModalRootContext,\n  useModalRegistry,\n} from \"../ModalRoot/ModalRootContext\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n  withAdaptivity,\n  ViewHeight,\n  ViewWidth,\n} from \"../../hoc/withAdaptivity\";\nimport {\n  AdaptivityContextInterface,\n  AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport ModalDismissButton from \"../ModalDismissButton/ModalDismissButton\";\nimport { multiRef } from \"../../lib/utils\";\nimport { ModalType } from \"../ModalRoot/types\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./ModalPage.css\";\n\nexport interface ModalPageProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    AdaptivityProps,\n    NavIdProps {\n  /**\n   * Шапка модальной страницы, `<ModalPageHeader />`\n   */\n  header?: React.ReactNode;\n  onClose?: VoidFunction;\n  /**\n   * Процент, на который изначально будет открыта модальная страница. При `settlingHeight={100}` модальная страница раскрывается на всю высоту.\n   */\n  settlingHeight?: number;\n  /**\n   * Если высота контента в модальной странице может поменяться, нужно установить это свойство\n   */\n  dynamicContentHeight?: boolean;\n  getModalContentRef?: React.Ref<HTMLDivElement>;\n}\n\nconst warn = warnOnce(\"ModalPage\");\nconst ModalPage: React.FC<ModalPageProps & AdaptivityContextInterface> = (\n  props\n) => {\n  const platform = usePlatform();\n  const { updateModalHeight } = React.useContext(ModalRootContext);\n  const {\n    children,\n    header,\n    viewWidth,\n    viewHeight,\n    sizeX,\n    hasMouse,\n    onClose,\n    settlingHeight,\n    dynamicContentHeight,\n    getModalContentRef,\n    nav,\n    ...restProps\n  } = props;\n\n  React.useEffect(() => {\n    updateModalHeight();\n  }, [children, updateModalHeight]);\n\n  const isDesktop =\n    viewWidth >= ViewWidth.SMALL_TABLET &&\n    (hasMouse || viewHeight >= ViewHeight.MEDIUM);\n  const canShowCloseBtn = viewWidth >= ViewWidth.SMALL_TABLET;\n\n  const modalContext = React.useContext(ModalRootContext);\n  const { refs } = useModalRegistry(getNavId(props, warn), ModalType.PAGE);\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"ModalPage\", platform),\n        `ModalPage--sizeX-${sizeX}`,\n        {\n          \"ModalPage--desktop\": isDesktop,\n        }\n      )}\n    >\n      <div vkuiClass=\"ModalPage__in-wrap\" ref={refs.innerElement}>\n        <div vkuiClass=\"ModalPage__in\">\n          <div vkuiClass=\"ModalPage__header\" ref={refs.headerElement}>\n            {header}\n          </div>\n\n          <div vkuiClass=\"ModalPage__content-wrap\">\n            <div\n              vkuiClass=\"ModalPage__content\"\n              ref={multiRef<HTMLDivElement>(\n                refs.contentElement,\n                getModalContentRef\n              )}\n            >\n              <div vkuiClass=\"ModalPage__content-in\">{children}</div>\n            </div>\n          </div>\n          {canShowCloseBtn && (\n            <ModalDismissButton onClick={onClose || modalContext.onClose} />\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nModalPage.defaultProps = {\n  settlingHeight: 75,\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(ModalPage, {\n  viewWidth: true,\n  viewHeight: true,\n  sizeX: true,\n  hasMouse: true,\n});\n"],"file":"ModalPage.js"}
+{"version":3,"sources":["../../../../src/components/ModalPage/ModalPage.tsx"],"names":["warn","ModalPage","props","React","useContext","ModalRootContext","updateModalHeight","children","header","viewWidth","viewHeight","sizeX","hasMouse","onOpen","onOpened","onClose","onClosed","settlingHeight","dynamicContentHeight","getModalContentRef","nav","restProps","platform","orientation","useEffect","isDesktop","ViewWidth","SMALL_TABLET","ViewHeight","MEDIUM","canShowCloseBtn","modalContext","ModalType","PAGE","refs","innerElement","headerElement","contentElement","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAIA;;AACA;;AACA;;AASA;;AACA;;AACA;;AACA;;AACA;;;AAsCA,IAAMA,IAAI,GAAG,wBAAS,WAAT,CAAb;;AACA,IAAMC,SAAgE,GAAG,SAAnEA,SAAmE,CACvEC,KADuE,EAEpE;AACH,0BAA8BC,KAAK,CAACC,UAAN,CAAiBC,kCAAjB,CAA9B;AAAA,MAAQC,iBAAR,qBAAQA,iBAAR;;AAEA,MACEC,QADF,GAgBIL,KAhBJ,CACEK,QADF;AAAA,MAEEC,MAFF,GAgBIN,KAhBJ,CAEEM,MAFF;AAAA,MAGEC,SAHF,GAgBIP,KAhBJ,CAGEO,SAHF;AAAA,MAIEC,UAJF,GAgBIR,KAhBJ,CAIEQ,UAJF;AAAA,MAKEC,KALF,GAgBIT,KAhBJ,CAKES,KALF;AAAA,MAMEC,QANF,GAgBIV,KAhBJ,CAMEU,QANF;AAAA,MAOEC,MAPF,GAgBIX,KAhBJ,CAOEW,MAPF;AAAA,MAQEC,QARF,GAgBIZ,KAhBJ,CAQEY,QARF;AAAA,MASEC,OATF,GAgBIb,KAhBJ,CASEa,OATF;AAAA,MAUEC,QAVF,GAgBId,KAhBJ,CAUEc,QAVF;AAAA,MAWEC,cAXF,GAgBIf,KAhBJ,CAWEe,cAXF;AAAA,MAYEC,oBAZF,GAgBIhB,KAhBJ,CAYEgB,oBAZF;AAAA,MAaEC,kBAbF,GAgBIjB,KAhBJ,CAaEiB,kBAbF;AAAA,MAcEC,GAdF,GAgBIlB,KAhBJ,CAcEkB,GAdF;AAAA,MAeKC,SAfL,0CAgBInB,KAhBJ;AAkBA,MAAMoB,QAAQ,GAAG,+BAAjB;AACA,MAAMC,WAAW,GAAG,iDAApB;AAEApB,EAAAA,KAAK,CAACqB,SAAN,CAAgBlB,iBAAhB,EAAmC,CACjCC,QADiC,EAEjCgB,WAFiC,EAGjCjB,iBAHiC,CAAnC;AAMA,MAAMmB,SAAS,GACbhB,SAAS,IAAIiB,0BAAUC,YAAvB,KACCf,QAAQ,IAAIF,UAAU,IAAIkB,2BAAWC,MADtC,CADF;AAGA,MAAMC,eAAe,GAAGrB,SAAS,IAAIiB,0BAAUC,YAA/C;AAEA,MAAMI,YAAY,GAAG5B,KAAK,CAACC,UAAN,CAAiBC,kCAAjB,CAArB;;AACA,0BAAiB,wCAAiB,wBAASH,KAAT,EAAgBF,IAAhB,CAAjB,EAAwCgC,iBAAUC,IAAlD,CAAjB;AAAA,MAAQC,IAAR,qBAAQA,IAAR;;AAEA,SACE,uEACMb,SADN;AAEE;AACA,IAAA,SAAS,EAAE,4BACT,gCAAa,WAAb,EAA0BC,QAA1B,CADS,6BAEWX,KAFX,GAGT;AACE,4BAAsBc;AADxB,KAHS;AAHb,MAWE;AAAK,IAAA,SAAS,EAAC,oBAAf;AAAoC,IAAA,GAAG,EAAES,IAAI,CAACC;AAA9C,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC,mBAAf;AAAmC,IAAA,GAAG,EAAED,IAAI,CAACE;AAA7C,KACG5B,MADH,CADF,EAKE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AACE,IAAA,SAAS,EAAC,oBADZ;AAEE,IAAA,GAAG,EAAE,qBACH0B,IAAI,CAACG,cADF,EAEHlB,kBAFG;AAFP,KAOE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAwCZ,QAAxC,CAPF,CADF,CALF,EAgBGuB,eAAe,IACd,qCAAC,2BAAD;AAAoB,IAAA,OAAO,EAAEf,OAAO,IAAIgB,YAAY,CAAChB;AAArD,IAjBJ,CADF,CAXF,CADF;AAoCD,CA5ED;;AA8EAd,SAAS,CAACqC,YAAV,GAAyB;AACvBrB,EAAAA,cAAc,EAAE;AADO,CAAzB,C,CAIA;;eACe,oCAAehB,SAAf,EAA0B;AACvCQ,EAAAA,SAAS,EAAE,IAD4B;AAEvCC,EAAAA,UAAU,EAAE,IAF2B;AAGvCC,EAAAA,KAAK,EAAE,IAHgC;AAIvCC,EAAAA,QAAQ,EAAE;AAJ6B,CAA1B,C","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport {\n  ModalRootContext,\n  useModalRegistry,\n} from \"../ModalRoot/ModalRootContext\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useOrientationChange } from \"../../hooks/useOrientationChange\";\nimport {\n  withAdaptivity,\n  ViewHeight,\n  ViewWidth,\n} from \"../../hoc/withAdaptivity\";\nimport {\n  AdaptivityContextInterface,\n  AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport ModalDismissButton from \"../ModalDismissButton/ModalDismissButton\";\nimport { multiRef } from \"../../lib/utils\";\nimport { ModalType } from \"../ModalRoot/types\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./ModalPage.css\";\n\nexport interface ModalPageProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    AdaptivityProps,\n    NavIdProps {\n  /**\n   * Шапка модальной страницы, `<ModalPageHeader />`\n   */\n  header?: React.ReactNode;\n  /**\n   * Будет вызвано при начале открытия модалки.\n   */\n  onOpen?: VoidFunction;\n  /**\n   * Будет вызвано при окончательном открытии модалки.\n   */\n  onOpened?: VoidFunction;\n  /**\n   * Будет вызвано при начале закрытия модалки.\n   */\n  onClose?: VoidFunction;\n  /**\n   * Будет вызвано при окончательном закрытии модалки.\n   */\n  onClosed?: VoidFunction;\n  /**\n   * Процент, на который изначально будет открыта модальная страница. При `settlingHeight={100}` модальная страница раскрывается на всю высоту.\n   */\n  settlingHeight?: number;\n  /**\n   * Если высота контента в модальной странице может поменяться, нужно установить это свойство\n   */\n  dynamicContentHeight?: boolean;\n  getModalContentRef?: React.Ref<HTMLDivElement>;\n}\n\nconst warn = warnOnce(\"ModalPage\");\nconst ModalPage: React.FC<ModalPageProps & AdaptivityContextInterface> = (\n  props\n) => {\n  const { updateModalHeight } = React.useContext(ModalRootContext);\n\n  const {\n    children,\n    header,\n    viewWidth,\n    viewHeight,\n    sizeX,\n    hasMouse,\n    onOpen,\n    onOpened,\n    onClose,\n    onClosed,\n    settlingHeight,\n    dynamicContentHeight,\n    getModalContentRef,\n    nav,\n    ...restProps\n  } = props;\n\n  const platform = usePlatform();\n  const orientation = useOrientationChange();\n\n  React.useEffect(updateModalHeight, [\n    children,\n    orientation,\n    updateModalHeight,\n  ]);\n\n  const isDesktop =\n    viewWidth >= ViewWidth.SMALL_TABLET &&\n    (hasMouse || viewHeight >= ViewHeight.MEDIUM);\n  const canShowCloseBtn = viewWidth >= ViewWidth.SMALL_TABLET;\n\n  const modalContext = React.useContext(ModalRootContext);\n  const { refs } = useModalRegistry(getNavId(props, warn), ModalType.PAGE);\n\n  return (\n    <div\n      {...restProps}\n      // eslint-disable-next-line vkui/no-object-expression-in-arguments\n      vkuiClass={classNames(\n        getClassName(\"ModalPage\", platform),\n        `ModalPage--sizeX-${sizeX}`,\n        {\n          \"ModalPage--desktop\": isDesktop,\n        }\n      )}\n    >\n      <div vkuiClass=\"ModalPage__in-wrap\" ref={refs.innerElement}>\n        <div vkuiClass=\"ModalPage__in\">\n          <div vkuiClass=\"ModalPage__header\" ref={refs.headerElement}>\n            {header}\n          </div>\n\n          <div vkuiClass=\"ModalPage__content-wrap\">\n            <div\n              vkuiClass=\"ModalPage__content\"\n              ref={multiRef<HTMLDivElement>(\n                refs.contentElement,\n                getModalContentRef\n              )}\n            >\n              <div vkuiClass=\"ModalPage__content-in\">{children}</div>\n            </div>\n          </div>\n          {canShowCloseBtn && (\n            <ModalDismissButton onClick={onClose || modalContext.onClose} />\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nModalPage.defaultProps = {\n  settlingHeight: 75,\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(ModalPage, {\n  viewWidth: true,\n  viewHeight: true,\n  sizeX: true,\n  hasMouse: true,\n});\n"],"file":"ModalPage.js"}

package/dist/cjs/components/ModalPageHeader/ModalPageHeader.js

@@ -46,6 +46,7 @@ var ModalPageHeader = function ModalPageHeader(_ref) {
   var hasSeparator = separator && platform === _platform.VKCOM;
   var isDesktop = viewWidth >= _AdaptivityContext.ViewWidth.SMALL_TABLET && (hasMouse || viewHeight >= _AdaptivityContext.ViewHeight.MEDIUM);
   return (0, _jsxRuntime.createScopedElement)("div", {
+    // eslint-disable-next-line vkui/no-object-expression-in-arguments
     vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("ModalPageHeader", platform), {
       "ModalPageHeader--desktop": isDesktop
     }),

package/dist/cjs/components/ModalPageHeader/ModalPageHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalPageHeader/ModalPageHeader.tsx"],"names":["ModalPageHeader","children","separator","getRef","restProps","platform","viewWidth","viewHeight","hasMouse","hasSeparator","VKCOM","isDesktop","ViewWidth","SMALL_TABLET","ViewHeight","MEDIUM","defaultProps"],"mappings":";;;;;;;;;;;;;;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAQA,IAAMA,eAA8D,GAAG,SAAjEA,eAAiE,OAK3C;AAAA,MAJ1BC,QAI0B,QAJ1BA,QAI0B;AAAA,MAH1BC,SAG0B,QAH1BA,SAG0B;AAAA,MAF1BC,MAE0B,QAF1BA,MAE0B;AAAA,MADvBC,SACuB;AAC1B,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,uBAA4C,oCAA5C;AAAA,MAAQC,SAAR,kBAAQA,SAAR;AAAA,MAAmBC,UAAnB,kBAAmBA,UAAnB;AAAA,MAA+BC,QAA/B,kBAA+BA,QAA/B;;AACA,MAAMC,YAAY,GAAGP,SAAS,IAAIG,QAAQ,KAAKK,eAA/C;AACA,MAAMC,SAAS,GACbL,SAAS,IAAIM,6BAAUC,YAAvB,KACCL,QAAQ,IAAID,UAAU,IAAIO,8BAAWC,MADtC,CADF;AAIA,SACE;AACE,IAAA,SAAS,EAAE,4BAAW,gCAAa,iBAAb,EAAgCV,QAAhC,CAAX,EAAsD;AAC/D,kCAA4BM;AADmC,KAAtD,CADb;AAIE,IAAA,GAAG,EAAER;AAJP,KAME,qCAAC,oBAAD;AACE,IAAA,SAAS,EAAC;AADZ,KAEMC,SAFN;AAGE,IAAA,KAAK,EAAE,KAHT;AAIE,IAAA,SAAS,EAAE,KAJb;AAKE,IAAA,WAAW;AALb,MAOGH,QAPH,CANF,EAeGQ,YAAY,IAAI,qCAAC,kBAAD;AAAW,IAAA,IAAI;AAAf,IAfnB,CADF;AAmBD,CAhCD;;AAkCAT,eAAe,CAACgB,YAAhB,GAA+B;AAC7Bd,EAAAA,SAAS,EAAE;AADkB,CAA/B,C,CAIA;;eACeF,e","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasRef } from \"../../types\";\nimport { VKCOM } from \"../../lib/platform\";\nimport PanelHeader, { PanelHeaderProps } from \"../PanelHeader/PanelHeader\";\nimport Separator from \"../Separator/Separator\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { ViewHeight, ViewWidth } from \"../AdaptivityProvider/AdaptivityContext\";\nimport \"./ModalPageHeader.css\";\n\nexport interface ModalPageHeaderProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    Omit<PanelHeaderProps, \"fixed\" | \"shadow\">,\n    HasRef<HTMLDivElement> {}\n\nconst ModalPageHeader: React.FunctionComponent<ModalPageHeaderProps> = ({\n  children,\n  separator,\n  getRef,\n  ...restProps\n}: ModalPageHeaderProps) => {\n  const platform = usePlatform();\n  const { viewWidth, viewHeight, hasMouse } = useAdaptivity();\n  const hasSeparator = separator && platform === VKCOM;\n  const isDesktop =\n    viewWidth >= ViewWidth.SMALL_TABLET &&\n    (hasMouse || viewHeight >= ViewHeight.MEDIUM);\n\n  return (\n    <div\n      vkuiClass={classNames(getClassName(\"ModalPageHeader\", platform), {\n        \"ModalPageHeader--desktop\": isDesktop,\n      })}\n      ref={getRef}\n    >\n      <PanelHeader\n        vkuiClass=\"ModalPageHeader__in\"\n        {...restProps}\n        fixed={false}\n        separator={false}\n        transparent\n      >\n        {children}\n      </PanelHeader>\n      {hasSeparator && <Separator wide />}\n    </div>\n  );\n};\n\nModalPageHeader.defaultProps = {\n  separator: true,\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default ModalPageHeader;\n"],"file":"ModalPageHeader.js"}
+{"version":3,"sources":["../../../../src/components/ModalPageHeader/ModalPageHeader.tsx"],"names":["ModalPageHeader","children","separator","getRef","restProps","platform","viewWidth","viewHeight","hasMouse","hasSeparator","VKCOM","isDesktop","ViewWidth","SMALL_TABLET","ViewHeight","MEDIUM","defaultProps"],"mappings":";;;;;;;;;;;;;;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAQA,IAAMA,eAA8D,GAAG,SAAjEA,eAAiE,OAK3C;AAAA,MAJ1BC,QAI0B,QAJ1BA,QAI0B;AAAA,MAH1BC,SAG0B,QAH1BA,SAG0B;AAAA,MAF1BC,MAE0B,QAF1BA,MAE0B;AAAA,MADvBC,SACuB;AAC1B,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,uBAA4C,oCAA5C;AAAA,MAAQC,SAAR,kBAAQA,SAAR;AAAA,MAAmBC,UAAnB,kBAAmBA,UAAnB;AAAA,MAA+BC,QAA/B,kBAA+BA,QAA/B;;AACA,MAAMC,YAAY,GAAGP,SAAS,IAAIG,QAAQ,KAAKK,eAA/C;AACA,MAAMC,SAAS,GACbL,SAAS,IAAIM,6BAAUC,YAAvB,KACCL,QAAQ,IAAID,UAAU,IAAIO,8BAAWC,MADtC,CADF;AAIA,SACE;AACE;AACA,IAAA,SAAS,EAAE,4BAAW,gCAAa,iBAAb,EAAgCV,QAAhC,CAAX,EAAsD;AAC/D,kCAA4BM;AADmC,KAAtD,CAFb;AAKE,IAAA,GAAG,EAAER;AALP,KAOE,qCAAC,oBAAD;AACE,IAAA,SAAS,EAAC;AADZ,KAEMC,SAFN;AAGE,IAAA,KAAK,EAAE,KAHT;AAIE,IAAA,SAAS,EAAE,KAJb;AAKE,IAAA,WAAW;AALb,MAOGH,QAPH,CAPF,EAgBGQ,YAAY,IAAI,qCAAC,kBAAD;AAAW,IAAA,IAAI;AAAf,IAhBnB,CADF;AAoBD,CAjCD;;AAmCAT,eAAe,CAACgB,YAAhB,GAA+B;AAC7Bd,EAAAA,SAAS,EAAE;AADkB,CAA/B,C,CAIA;;eACeF,e","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasRef } from \"../../types\";\nimport { VKCOM } from \"../../lib/platform\";\nimport PanelHeader, { PanelHeaderProps } from \"../PanelHeader/PanelHeader\";\nimport Separator from \"../Separator/Separator\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { ViewHeight, ViewWidth } from \"../AdaptivityProvider/AdaptivityContext\";\nimport \"./ModalPageHeader.css\";\n\nexport interface ModalPageHeaderProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    Omit<PanelHeaderProps, \"fixed\" | \"shadow\">,\n    HasRef<HTMLDivElement> {}\n\nconst ModalPageHeader: React.FunctionComponent<ModalPageHeaderProps> = ({\n  children,\n  separator,\n  getRef,\n  ...restProps\n}: ModalPageHeaderProps) => {\n  const platform = usePlatform();\n  const { viewWidth, viewHeight, hasMouse } = useAdaptivity();\n  const hasSeparator = separator && platform === VKCOM;\n  const isDesktop =\n    viewWidth >= ViewWidth.SMALL_TABLET &&\n    (hasMouse || viewHeight >= ViewHeight.MEDIUM);\n\n  return (\n    <div\n      // eslint-disable-next-line vkui/no-object-expression-in-arguments\n      vkuiClass={classNames(getClassName(\"ModalPageHeader\", platform), {\n        \"ModalPageHeader--desktop\": isDesktop,\n      })}\n      ref={getRef}\n    >\n      <PanelHeader\n        vkuiClass=\"ModalPageHeader__in\"\n        {...restProps}\n        fixed={false}\n        separator={false}\n        transparent\n      >\n        {children}\n      </PanelHeader>\n      {hasSeparator && <Separator wide />}\n    </div>\n  );\n};\n\nModalPageHeader.defaultProps = {\n  separator: true,\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default ModalPageHeader;\n"],"file":"ModalPageHeader.js"}

package/dist/cjs/components/ModalRoot/ModalRoot.d.ts

@@ -5,12 +5,24 @@ import "./ModalRoot.css";
 export interface ModalRootProps extends HasPlatform {
     activeModal?: string | null;
     /**
-     * Будет вызвано при закрытии активной модалки с её id
+     * Будет вызвано при начале открытия активной модалки с её id
+     */
+    onOpen?(modalId: string): void;
+    /**
+     * Будет вызвано при окончательном открытии активной модалки с её id
+     */
+    onOpened?(modalId: string): void;
+    /**
+     * Будет вызвано при начале закрытия активной модалки с её id
      */
     onClose?(modalId: string): void;
+    /**
+     * Будет вызвано при окончательном закрытии активной модалки с её id
+     */
+    onClosed?(modalId: string): void;
     /**
      * @ignore
      */
     configProvider?: ConfigProviderContextInterface;
 }
-export declare const ModalRootTouch: React.FC<Pick<ModalRootProps, "configProvider" | "onClose" | "activeModal">>;
+export declare const ModalRootTouch: React.FC<Pick<ModalRootProps, "configProvider" | "onOpen" | "onOpened" | "onClose" | "onClosed" | "activeModal">>;

package/dist/cjs/components/ModalRoot/ModalRoot.js

@@ -206,7 +206,7 @@ var ModalRootTouchComponent = /*#__PURE__*/function (_React$Component) {
         return Object.assign(_this.getModalState(id), data);
       },
       onClose: function onClose() {
-        return _this.props.closeActiveModal();
+        return _this.props.onExit();
       },
       isInsideModal: true
     };
@@ -273,12 +273,13 @@ var ModalRootTouchComponent = /*#__PURE__*/function (_React$Component) {
       if (this.props.enteringModal && this.props.enteringModal !== prevProps.enteringModal) {
         var enteringModal = this.props.enteringModal;
         var enteringState = this.getModalState(enteringModal);
+        this.props.onEnter();
         this.waitTransitionFinish(enteringState, function () {
           if (enteringState !== null && enteringState !== void 0 && enteringState.innerElement) {
             enteringState.innerElement.style.transitionDelay = "";
           }
 
-          _this2.props.onEnter(enteringModal);
+          _this2.props.onEntered(enteringModal);
         });
 
         if (enteringState !== null && enteringState !== void 0 && enteringState.innerElement) {
@@ -363,7 +364,7 @@ var ModalRootTouchComponent = /*#__PURE__*/function (_React$Component) {
       var prevModalState = this.getModalState(id);
 
       if (!prevModalState) {
-        id && warn("[closeActiveModal] Modal ".concat(id, " does not exist - not closing"));
+        id && warn("closeActiveModal: Modal ".concat(id, " does not exist - not closing"), "error");
         return;
       }
 
@@ -371,7 +372,7 @@ var ModalRootTouchComponent = /*#__PURE__*/function (_React$Component) {
       var nextIsPage = !!nextModalState && nextModalState.type === _types.ModalType.PAGE;
       var prevIsPage = !!prevModalState && prevModalState.type === _types.ModalType.PAGE;
       this.waitTransitionFinish(prevModalState, function () {
-        return _this3.props.onExit(id);
+        return _this3.props.onExited(id);
       });
       var exitTranslate = prevIsPage && nextIsPage && ((_prevModalState$trans = prevModalState.translateY) !== null && _prevModalState$trans !== void 0 ? _prevModalState$trans : 0) <= ((_nextModalState$trans = nextModalState === null || nextModalState === void 0 ? void 0 : nextModalState.translateYFrom) !== null && _nextModalState$trans !== void 0 ? _nextModalState$trans : 0) && !this.props.isBack ? ((_nextModalState$trans2 = nextModalState === null || nextModalState === void 0 ? void 0 : nextModalState.translateYFrom) !== null && _nextModalState$trans2 !== void 0 ? _nextModalState$trans2 : 0) + 10 : 100;
       this.animateTranslate(prevModalState, exitTranslate);
@@ -528,7 +529,7 @@ var ModalRootTouchComponent = /*#__PURE__*/function (_React$Component) {
         modalState.hidden = translateY === 100;
 
         if (modalState.hidden) {
-          this.props.closeActiveModal();
+          this.props.onExit();
         }
 
         setStateCallback = function setStateCallback() {
@@ -570,7 +571,7 @@ var ModalRootTouchComponent = /*#__PURE__*/function (_React$Component) {
         modalState.hidden = translateY === 100;
 
         if (modalState.hidden) {
-          this.props.closeActiveModal();
+          this.props.onExit();
         }
 
         setStateCallback = function setStateCallback() {
@@ -672,7 +673,8 @@ var ModalRootTouchComponent = /*#__PURE__*/function (_React$Component) {
         value: true
       }, (0, _jsxRuntime.createScopedElement)(_ModalRootContext.default.Provider, {
         value: this.modalRootContext
-      }, (0, _jsxRuntime.createScopedElement)(_Touch.Touch, {
+      }, (0, _jsxRuntime.createScopedElement)(_Touch.Touch // eslint-disable-next-line vkui/no-object-expression-in-arguments
+      , {
         vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("ModalRoot", this.props.platform), {
           "ModalRoot--vkapps": ((_this$props$configPro = this.props.configProvider) === null || _this$props$configPro === void 0 ? void 0 : _this$props$configPro.webviewType) === _ConfigProviderContext.WebviewType.VKAPPS,
           "ModalRoot--touched": touchDown,
@@ -683,7 +685,7 @@ var ModalRootTouchComponent = /*#__PURE__*/function (_React$Component) {
         onScroll: this.onScroll
       }, (0, _jsxRuntime.createScopedElement)("div", {
         vkuiClass: "ModalRoot__mask",
-        onClick: this.props.closeActiveModal,
+        onClick: this.props.onExit,
         ref: this.maskElementRef
       }), (0, _jsxRuntime.createScopedElement)("div", {
         vkuiClass: "ModalRoot__viewport",
@@ -709,8 +711,9 @@ var ModalRootTouchComponent = /*#__PURE__*/function (_React$Component) {
               modalState.modalElement = e;
             }
           },
-          onClose: _this7.props.closeActiveModal,
-          timeout: _this7.timeout,
+          onClose: _this7.props.onExit,
+          timeout: _this7.timeout // eslint-disable-next-line vkui/no-object-expression-in-arguments
+          ,
           vkuiClass: (0, _classNames.classNames)("ModalRoot__modal", {
             "ModalRoot__modal--active": modalId === activeModal,
             "ModalRoot__modal--prev": modalId === exitingModal,
@@ -745,7 +748,7 @@ function initModal(modalState) {
       return initCardModal(modalState);
 
     default:
-      IS_DEV && warn("[initActiveModal] modalState.type is unknown");
+      IS_DEV && warn("initActiveModal: modalState.type is unknown", "error");
   }
 }
 

package/dist/cjs/components/ModalRoot/ModalRoot.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalRoot/ModalRoot.tsx"],"names":["warn","IS_DEV","process","env","NODE_ENV","numberInRange","number","range","rangeTranslate","Math","max","min","ModalRootTouchComponent","props","React","createRef","undefined","event","originalEvent","preventDefault","modalState","getModalState","activeModal","animateTranslate","translateY","type","ModalType","PAGE","dynamicContentHeight","enteringModal","waitTransitionFinish","requestAnimationFrame","checkPageContentHeight","e","exitingModal","onPageTouchMove","CARD","onCardTouchMove","onPageTouchEnd","onCardTouchEnd","target","contentElement","contains","contentScrolled","contentScrollStopTimeout","clearTimeout","setTimeout","state","touchDown","dragging","maskElementRef","modalRootContext","updateModalHeight","registerModal","id","data","Object","assign","onClose","closeActiveModal","isInsideModal","frameIds","platform","ANDROID","VKCOM","document","window","Children","toArray","children","IOS","addEventListener","updateModalTranslate","toggleDocumentScrolling","removeEventListener","prevProps","closeModal","enteringState","innerElement","style","transitionDelay","onEnter","delayEnter","timeout","restoreFocusTo","activeElement","focus","enabled","documentScrolling","preventTouch","passive","modalElement","prevModalState","initPageModal","currentModalState","needAnimate","expandable","translateYFrom","setState","nextModalState","nextIsPage","prevIsPage","onExit","exitTranslate","isBack","setMaskOpacity","shiftY","isY","viewportRef","current","stopPropagation","collapsed","expanded","touchStartContentScrollTop","scrollTop","touchMovePositive","headerElement","shiftYPercent","innerHeight","shiftYCurrent","touchShiftYPercent","translateYCurrent","offsetHeight","startY","setStateCallback","shiftYEndPercent","expectTranslateY","duration","settlingHeight","expandedRange","collapsedRange","hiddenRange","hidden","eventHandler","transitionEvent","supported","onceHandler","name","percent","frameId","cancelAnimationFrame","forceOpacity","history","maskAnimationFrame","opacity","toString","configProvider","webviewType","WebviewType","VKAPPS","onTouchMove","onTouchEnd","onScroll","getModals","map","Modal","modalId","_modalState","isPage","key","Component","ModalRootTouch","initModal","ConfigProviderContext","MODAL_PAGE_DEFAULT_PERCENT_HEIGHT","initCardModal","contentHeight","firstElementChild","prevTranslateY","clientHeight","shiftHalf","visiblePart","headerHeight","height","parentElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AAGA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;AAGA,IAAMA,IAAI,GAAG,wBAAS,WAAT,CAAb;AACA,IAAMC,MAAM,GAAGC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAxC;;AAEA,SAASC,aAAT,CAAuBC,MAAvB,EAAuCC,KAAvC,EAA0E;AACxE,MAAI,CAACA,KAAL,EAAY;AACV,WAAO,KAAP;AACD;;AACD,SAAOD,MAAM,IAAIC,KAAK,CAAC,CAAD,CAAf,IAAsBD,MAAM,IAAIC,KAAK,CAAC,CAAD,CAA5C;AACD;;AAED,SAASC,cAAT,CAAwBF,MAAxB,EAAwC;AACtC,SAAOG,IAAI,CAACC,GAAL,CAAS,CAAT,EAAYD,IAAI,CAACE,GAAL,CAAS,EAAT,EAAaL,MAAb,CAAZ,CAAP;AACD;;IAoBKM,uB;;;;;AAIJ,mCAAYC,KAAZ,EAA0D;AAAA;;AAAA;AACxD,8BAAMA,KAAN;AADwD,oGAoB9B,KApB8B;AAAA;AAAA,2GAsB3BC,KAAK,CAACC,SAAN,EAtB2B;AAAA,qGAuBTC,SAvBS;AAAA;AAAA;AAAA,iGA4BDA,SA5BC;AAAA,+FA8I3C,UAACC,KAAD,EAAgB;AAC7B,UAAI,CAACA,KAAL,EAAY;AACV,eAAO,KAAP;AACD;;AACD,aAAOA,KAAK,CAACC,aAAb,EAA4B;AAC1BD,QAAAA,KAAK,GAAGA,KAAK,CAACC,aAAd;AACD;;AACD,UAAID,KAAK,CAACE,cAAV,EAA0B;AACxBF,QAAAA,KAAK,CAACE,cAAN;AACD;;AACD,aAAO,KAAP;AACD,KAzJyD;AAAA,uGA2JnC,YAAM;AAC3B,UAAMC,UAAU,GAAG,MAAKC,aAAL,CAAmB,MAAKR,KAAL,CAAWS,WAA9B,CAAnB;;AACAF,MAAAA,UAAU,IAAI,MAAKG,gBAAL,CAAsBH,UAAtB,EAAkCA,UAAU,CAACI,UAA7C,CAAd;AACD,KA9JyD;AAAA,oGA0LtC,YAAM;AACxB,UAAMJ,UAAU,GAAG,MAAKC,aAAL,CAAmB,MAAKR,KAAL,CAAWS,WAA9B,CAAnB;;AAEA,UACEF,UAAU,IACVA,UAAU,CAACK,IAAX,KAAoBC,iBAAUC,IAD9B,IAEAP,UAAU,CAACQ,oBAHb,EAIE;AACA,YAAI,MAAKf,KAAL,CAAWgB,aAAf,EAA8B;AAC5B,gBAAKC,oBAAL,CAA0BV,UAA1B,EAAsC,YAAM;AAC1CW,YAAAA,qBAAqB,CAAC;AAAA,qBAAM,MAAKC,sBAAL,EAAN;AAAA,aAAD,CAArB;AACD,WAFD;AAGD,SAJD,MAIO;AACLD,UAAAA,qBAAqB,CAAC;AAAA,mBAAM,MAAKC,sBAAL,EAAN;AAAA,WAAD,CAArB;AACD;AACF;AACF,KA1MyD;AAAA,8FA8O5C,UAACC,CAAD,EAAmB;AAC/B,UAAI,MAAKpB,KAAL,CAAWqB,YAAf,EAA6B;AAC3B;AACD;;AACD,UAAMd,UAAU,GAAG,MAAKC,aAAL,CAAmB,MAAKR,KAAL,CAAWS,WAA9B,CAAnB;;AACA,UAAI,CAACF,UAAL,EAAiB;AACf;AACD;;AAED,UAAIA,UAAU,CAACK,IAAX,KAAoBC,iBAAUC,IAAlC,EAAwC;AACtC,eAAO,MAAKQ,eAAL,CAAqBF,CAArB,EAAwBb,UAAxB,CAAP;AACD;;AAED,UAAIA,UAAU,CAACK,IAAX,KAAoBC,iBAAUU,IAAlC,EAAwC;AACtC,eAAO,MAAKC,eAAL,CAAqBJ,CAArB,EAAwBb,UAAxB,CAAP;AACD;AACF,KA9PyD;AAAA,6FA+V7C,UAACa,CAAD,EAAmB;AAC9B,UAAMb,UAAU,GAAG,MAAKC,aAAL,CAAmB,MAAKR,KAAL,CAAWS,WAA9B,CAAnB;;AAEA,UAAI,CAAAF,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAEK,IAAZ,MAAqBC,iBAAUC,IAAnC,EAAyC;AACvC,eAAO,MAAKW,cAAL,CAAoBL,CAApB,EAAuBb,UAAvB,CAAP;AACD;;AAED,UAAI,CAAAA,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAEK,IAAZ,MAAqBC,iBAAUU,IAAnC,EAAyC;AACvC,eAAO,MAAKG,cAAL,CAAoBN,CAApB,EAAuBb,UAAvB,CAAP;AACD;AACF,KAzWyD;AAAA,2FA6d/C,UAACa,CAAD,EAA6B;AAAA;;AACtC,UAAMX,WAAW,GAAG,MAAKT,KAAL,CAAWS,WAA/B;AAEA,UAAMkB,MAAM,GAAGP,CAAC,CAACO,MAAjB;;AAEA,UAAI,CAAClB,WAAL,EAAkB;AAChB;AACD;;AACD,UAAMF,UAAU,GAAG,MAAKC,aAAL,CAAmBC,WAAnB,CAAnB;;AACA,UACE,CAAAF,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAEK,IAAZ,MAAqBC,iBAAUC,IAA/B,IACAP,UADA,aACAA,UADA,wCACAA,UAAU,CAAEqB,cADZ,kDACA,sBAA4BC,QAA5B,CAAqCF,MAArC,CAFF,EAGE;AACApB,QAAAA,UAAU,CAACuB,eAAX,GAA6B,IAA7B;;AAEA,YAAIvB,UAAU,CAACwB,wBAAf,EAAyC;AACvCC,UAAAA,YAAY,CAACzB,UAAU,CAACwB,wBAAZ,CAAZ;AACD;;AAEDxB,QAAAA,UAAU,CAACwB,wBAAX,GAAsCE,UAAU,CAAC,YAAM;AACrD,cAAI1B,UAAU,CAACuB,eAAf,EAAgC;AAC9BvB,YAAAA,UAAU,CAACuB,eAAX,GAA6B,KAA7B;AACD;AACF,SAJ+C,EAI7C,GAJ6C,CAAhD;AAKD;AACF,KAtfyD;AAExD,UAAKI,KAAL,GAAa;AACXC,MAAAA,SAAS,EAAE,KADA;AAEXC,MAAAA,QAAQ,EAAE;AAFC,KAAb;AAKA,UAAKC,cAAL,gBAAsBpC,KAAK,CAACC,SAAN,EAAtB;AAEA,UAAKoC,gBAAL,GAAwB;AACtBC,MAAAA,iBAAiB,EAAE,MAAKA,iBADF;AAEtBC,MAAAA,aAAa,EAAE;AAAA,YAAGC,EAAH,QAAGA,EAAH;AAAA,YAAUC,IAAV;AAAA,eACbC,MAAM,CAACC,MAAP,CAAc,MAAKpC,aAAL,CAAmBiC,EAAnB,CAAd,EAAsCC,IAAtC,CADa;AAAA,OAFO;AAItBG,MAAAA,OAAO,EAAE;AAAA,eAAM,MAAK7C,KAAL,CAAW8C,gBAAX,EAAN;AAAA,OAJa;AAKtBC,MAAAA,aAAa,EAAE;AALO,KAAxB;AAQA,UAAKC,QAAL,GAAgB,EAAhB;AAjBwD;AAkBzD;;;;SAYD,eAAsB;AACpB,aAAO,KAAKhD,KAAL,CAAWiD,QAAX,KAAwBC,iBAAxB,IAAmC,KAAKlD,KAAL,CAAWiD,QAAX,KAAwBE,eAA3D,GACH,GADG,GAEH,GAFJ;AAGD;;;SAED,eAAe;AACb,aAAO,KAAKnD,KAAL,CAAWoD,QAAlB;AACD;;;SAED,eAAa;AACX,aAAO,KAAKpD,KAAL,CAAWqD,MAAlB;AACD;;;WAED,uBAAcZ,EAAd,EAA6C;AAC3C,UAAI,CAACA,EAAL,EAAS;AACP,eAAOtC,SAAP;AACD;;AACD,aAAO,KAAKH,KAAL,CAAWQ,aAAX,CAAyBiC,EAAzB,CAAP;AACD;;;WAED,qBAAY;AACV,aAAOxC,KAAK,CAACqD,QAAN,CAAeC,OAAf,CAAuB,KAAKvD,KAAL,CAAWwD,QAAlC,CAAP;AACD;;;WAED,6BAAoB;AAClB;AACA,UAAI,KAAKxD,KAAL,CAAWiD,QAAX,KAAwBQ,aAA5B,EAAiC;AAAA;;AAC/B,6BAAKJ,MAAL,8DAAaK,gBAAb,CAA8B,QAA9B,EAAwC,KAAKC,oBAA7C,EAAmE,KAAnE;AACD;AACF;;;WAED,gCAAuB;AACrB,WAAKC,uBAAL,CAA6B,IAA7B;AACA,WAAKP,MAAL,CAAaQ,mBAAb,CACE,QADF,EAEE,KAAKF,oBAFP,EAGE,KAHF;AAKD;;;WAED,4BAAmBG,SAAnB,EAAqE;AAAA;;AACnE;AACA,UACE,KAAK9D,KAAL,CAAWqB,YAAX,IACA,KAAKrB,KAAL,CAAWqB,YAAX,KAA4ByC,SAAS,CAACzC,YAFxC,EAGE;AACA,aAAK0C,UAAL,CAAgB,KAAK/D,KAAL,CAAWqB,YAA3B;AACD,OAPkE,CASnE;;;AACA,UACE,KAAKrB,KAAL,CAAWgB,aAAX,IACA,KAAKhB,KAAL,CAAWgB,aAAX,KAA6B8C,SAAS,CAAC9C,aAFzC,EAGE;AACA,YAAQA,aAAR,GAA0B,KAAKhB,KAA/B,CAAQgB,aAAR;AACA,YAAMgD,aAAa,GAAG,KAAKxD,aAAL,CAAmBQ,aAAnB,CAAtB;AACA,aAAKC,oBAAL,CAA0B+C,aAA1B,EAAyC,YAAM;AAC7C,cAAIA,aAAJ,aAAIA,aAAJ,eAAIA,aAAa,CAAEC,YAAnB,EAAiC;AAC/BD,YAAAA,aAAa,CAACC,YAAd,CAA2BC,KAA3B,CAAiCC,eAAjC,GAAmD,EAAnD;AACD;;AACD,UAAA,MAAI,CAACnE,KAAL,CAAWoE,OAAX,CAAmBpD,aAAnB;AACD,SALD;;AAOA,YAAIgD,aAAJ,aAAIA,aAAJ,eAAIA,aAAa,CAAEC,YAAnB,EAAiC;AAC/BD,UAAAA,aAAa,CAACC,YAAd,CAA2BC,KAA3B,CAAiCC,eAAjC,GAAmD,KAAKnE,KAAL,CAAWqE,UAAX,aAC5C,KAAKC,OADuC,UAE/C,EAFJ;AAGA,eAAK5D,gBAAL,CAAsBsD,aAAtB,EAAqCA,aAAa,CAACrD,UAAnD;AACD;AACF,OA7BkE,CA+BnE;;;AACA,UAAI,KAAKX,KAAL,CAAWS,WAAX,IAA0B,CAACqD,SAAS,CAACrD,WAAzC,EAAsD;AACpD,aAAK8D,cAAL,GAAsB,KAAKnB,QAAL,CAAeoB,aAArC;AACD;;AACD,UACE,CAAC,KAAKxE,KAAL,CAAWS,WAAZ,IACA,CAAC,KAAKT,KAAL,CAAWqB,YADZ,IAEA,KAAKkD,cAHP,EAIE;AACA,aAAKA,cAAL,CAAoBE,KAApB;AACA,aAAKF,cAAL,GAAsB,IAAtB;AACD;;AAED,WAAKX,uBAAL,CACE,CAAC,KAAK5D,KAAL,CAAWS,WAAZ,IAA2B,CAAC,KAAKT,KAAL,CAAWqB,YADzC;AAGD;AAED;;;;WACA,iCAAwBqD,OAAxB,EAA0C;AACxC,UAAI,KAAKC,iBAAL,KAA2BD,OAA/B,EAAwC;AACtC;AACD;;AACD,WAAKC,iBAAL,GAAyBD,OAAzB;;AAEA,UAAIA,OAAJ,EAAa;AACX;AACA;AACA;AACA,aAAKrB,MAAL,CAAaQ,mBAAb,CAAiC,WAAjC,EAA8C,KAAKe,YAAnD,EAAiE;AAC/D;AACAC,UAAAA,OAAO,EAAE;AAFsD,SAAjE;AAID,OARD,MAQO;AACL,aAAKxB,MAAL,CAAaK,gBAAb,CAA8B,WAA9B,EAA2C,KAAKkB,YAAhD,EAA8D;AAC5DC,UAAAA,OAAO,EAAE;AADmD,SAA9D;AAGD;AACF;;;WAoBD,kCAAyB;AACvB,UAAMtE,UAAU,GAAG,KAAKC,aAAL,CAAmB,KAAKR,KAAL,CAAWS,WAA9B,CAAnB;;AAEA,UAAI,CAAAF,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAEK,IAAZ,MAAqBC,iBAAUC,IAA/B,IAAuCP,UAAvC,aAAuCA,UAAvC,eAAuCA,UAAU,CAAEuE,YAAvD,EAAqE;AACnE,YAAMC,cAAc,mCAAQxE,UAAR,CAApB;AACAyE,QAAAA,aAAa,CAACzE,UAAD,CAAb;AACA,YAAM0E,iBAAiB,mCAAQ1E,UAAR,CAAvB;AAEA,YAAI2E,WAAW,GAAG,KAAlB;;AAEA,YAAIH,cAAc,CAACI,UAAf,KAA8BF,iBAAiB,CAACE,UAApD,EAAgE;AAC9D,cACEJ,cAAc,CAACK,cAAf,KAAkCH,iBAAiB,CAACG,cADtD,EAEE;AACAF,YAAAA,WAAW,GAAG,IAAd;AACD;AACF,SAND,MAMO;AACLA,UAAAA,WAAW,GAAG,IAAd;AACD;;AAED,YAAIA,WAAJ,EAAiB;AACf,eAAKxE,gBAAL,CAAsBH,UAAtB,EAAkCA,UAAU,CAACI,UAA7C;AACD;AACF;AACF;;;WAoBD,oBAAW8B,EAAX,EAAuB;AAAA;AAAA;AAAA;AAAA;;AACrB;AACA,WAAK4C,QAAL,CAAc;AAAElD,QAAAA,SAAS,EAAE;AAAb,OAAd;AAEA,UAAM4C,cAAc,GAAG,KAAKvE,aAAL,CAAmBiC,EAAnB,CAAvB;;AAEA,UAAI,CAACsC,cAAL,EAAqB;AACnBtC,QAAAA,EAAE,IAAItD,IAAI,oCAA6BsD,EAA7B,mCAAV;AACA;AACD;;AAED,UAAM6C,cAAc,GAAG,KAAK9E,aAAL,CAAmB,KAAKR,KAAL,CAAWS,WAA9B,CAAvB;AACA,UAAM8E,UAAU,GACd,CAAC,CAACD,cAAF,IAAoBA,cAAc,CAAC1E,IAAf,KAAwBC,iBAAUC,IADxD;AAGA,UAAM0E,UAAU,GACd,CAAC,CAACT,cAAF,IAAoBA,cAAc,CAACnE,IAAf,KAAwBC,iBAAUC,IADxD;AAEA,WAAKG,oBAAL,CAA0B8D,cAA1B,EAA0C;AAAA,eAAM,MAAI,CAAC/E,KAAL,CAAWyF,MAAX,CAAkBhD,EAAlB,CAAN;AAAA,OAA1C;AACA,UAAMiD,aAAa,GACjBF,UAAU,IACVD,UADA,IAEA,0BAACR,cAAc,CAACpE,UAAhB,yEAA8B,CAA9B,+BACG2E,cADH,aACGA,cADH,uBACGA,cAAc,CAAEF,cADnB,yEACqC,CADrC,CAFA,IAIA,CAAC,KAAKpF,KAAL,CAAW2F,MAJZ,GAKI,2BAACL,cAAD,aAACA,cAAD,uBAACA,cAAc,CAAEF,cAAjB,2EAAmC,CAAnC,IAAwC,EAL5C,GAMI,GAPN;AAQA,WAAK1E,gBAAL,CAAsBqE,cAAtB,EAAsCW,aAAtC;;AAEA,UAAI,CAACJ,cAAL,EAAqB;AACnB;AACA,aAAKM,cAAL,CAAoBb,cAApB,EAAoC,CAApC;AACD;AACF;;;WAoBD,yBAAgB3E,KAAhB,EAAmCG,UAAnC,EAAiE;AAAA;;AAC/D,UAAQsF,MAAR,GAAkCzF,KAAlC,CAAQyF,MAAR;AAAA,UAAgBxF,aAAhB,GAAkCD,KAAlC,CAAgBC,aAAhB;AACA,UAAMsB,MAAM,GAAGtB,aAAa,CAACsB,MAA7B;;AAEA,UAAI,CAACvB,KAAK,CAAC0F,GAAX,EAAgB;AAAA;;AACd,qCAAI,KAAKC,WAAL,CAAiBC,OAArB,kDAAI,sBAA0BnE,QAA1B,CAAmCF,MAAnC,CAAJ,EAAgD;AAC9CtB,UAAAA,aAAa,CAACC,cAAd;AACD;;AACD;AACD;;AAED,UAAI,2BAACC,UAAU,CAAC0D,YAAZ,kDAAC,sBAAyBpC,QAAzB,CAAkCF,MAAlC,CAAD,CAAJ,EAAgD;AAC9C,eAAOtB,aAAa,CAACC,cAAd,EAAP;AACD;;AAEDD,MAAAA,aAAa,CAAC4F,eAAd;AAEA,UAAQd,UAAR,GAA6D5E,UAA7D,CAAQ4E,UAAR;AAAA,UAAoBrD,eAApB,GAA6DvB,UAA7D,CAAoBuB,eAApB;AAAA,UAAqCoE,SAArC,GAA6D3F,UAA7D,CAAqC2F,SAArC;AAAA,UAAgDC,QAAhD,GAA6D5F,UAA7D,CAAgD4F,QAAhD;;AAEA,UAAI,CAAC,KAAKjE,KAAL,CAAWC,SAAhB,EAA2B;AAAA;;AACzB5B,QAAAA,UAAU,CAAC6F,0BAAX,6BACE7F,UAAU,CAACqB,cADb,2DACE,uBAA2ByE,SAD7B;AAEA,aAAKhB,QAAL,CAAc;AAAElD,UAAAA,SAAS,EAAE;AAAb,SAAd;AACD;;AAED,UAAIL,eAAJ,EAAqB;AACnB;AACD;;AAED,UAAIvB,UAAU,CAAC+F,iBAAX,KAAiC,IAArC,EAA2C;AACzC/F,QAAAA,UAAU,CAAC+F,iBAAX,GAA+BT,MAAM,GAAG,CAAxC;AACD;;AAED,UACE,CAACtF,UAAU,CAAC4E,UAAZ,IACAe,SADA,IAECC,QAAQ,IACP5F,UAAU,CAAC+F,iBADZ,IAEC/F,UAAU,CAAC6F,0BAAX,KAA0C,CAJ5C,6BAKA7F,UAAU,CAACgG,aALX,kDAKA,sBAA0B1E,QAA1B,CAAmCF,MAAnC,CANF,EAOE;AAAA;;AACAtB,QAAAA,aAAa,CAACC,cAAd;;AAEA,YAAK,CAAC6E,UAAD,IAAeU,MAAM,GAAG,CAAzB,IAA+B,CAAC,KAAKxC,MAAzC,EAAiD;AAC/C;AACD;;AAED,SAAC,KAAKnB,KAAL,CAAWE,QAAZ,IAAwB,KAAKiD,QAAL,CAAc;AAAEjD,UAAAA,QAAQ,EAAE;AAAZ,SAAd,CAAxB;AAEA,YAAMoE,aAAa,GAAIX,MAAM,GAAG,KAAKxC,MAAL,CAAYoD,WAAtB,GAAqC,GAA3D;AACA,YAAMC,aAAa,GAAG,mBACpBF,aADoB,EAEpB,EAFoB,EAGpB,GAHoB,EAIpB,KAAKxG,KAAL,CAAWiD,QAAX,KAAwBC,iBAAxB,IAAmC,KAAKlD,KAAL,CAAWiD,QAAX,KAAwBE,eAJvC,CAAtB;AAOA5C,QAAAA,UAAU,CAACoG,kBAAX,GAAgCH,aAAhC;AACAjG,QAAAA,UAAU,CAACqG,iBAAX,GAA+BjH,cAAc,CAC3C,0BAACY,UAAU,CAACI,UAAZ,yEAA0B,CAA1B,IAA+B+F,aADY,CAA7C;AAIA,aAAKhG,gBAAL,CAAsBH,UAAtB,EAAkCA,UAAU,CAACqG,iBAA7C;AACA,aAAKhB,cAAL,CAAoBrF,UAApB;AACD;AACF;;;WAED,yBAAgBH,KAAhB,EAAmCG,UAAnC,EAAiE;AAAA;;AAC/D,UAAQF,aAAR,GAAkCD,KAAlC,CAAQC,aAAR;AAAA,UAAuBwF,MAAvB,GAAkCzF,KAAlC,CAAuByF,MAAvB;AACA,UAAMlE,MAAM,GAAGtB,aAAa,CAACsB,MAA7B;;AACA,oCAAIpB,UAAU,CAAC0D,YAAf,mDAAI,uBAAyBpC,QAAzB,CAAkCF,MAAlC,CAAJ,EAA+C;AAAA;;AAC7C,YAAI,CAAC,KAAKO,KAAL,CAAWC,SAAhB,EAA2B;AACzB,eAAKkD,QAAL,CAAc;AAAElD,YAAAA,SAAS,EAAE,IAAb;AAAmBC,YAAAA,QAAQ,EAAE;AAA7B,WAAd;AACD;;AAED,YAAMoE,aAAa,GAChBX,MAAM,GAAGtF,UAAU,CAAC0D,YAAX,CAAwB4C,YAAlC,GAAkD,GADpD;AAEA,YAAMH,aAAa,GAAG,mBACpBF,aADoB,EAEpB,EAFoB,EAGpB,GAHoB,EAIpB,KAAKxG,KAAL,CAAWiD,QAAX,KAAwBC,iBAAxB,IAAmC,KAAKlD,KAAL,CAAWiD,QAAX,KAAwBE,eAJvC,CAAtB;AAOA5C,QAAAA,UAAU,CAACoG,kBAAX,GAAgCH,aAAhC;AACAjG,QAAAA,UAAU,CAACqG,iBAAX,GAA+BhH,IAAI,CAACC,GAAL,CAC7B,CAD6B,EAE7B,2BAACU,UAAU,CAACI,UAAZ,2EAA0B,CAA1B,IAA+B+F,aAFF,CAA/B;AAKA,aAAKhG,gBAAL,CAAsBH,UAAtB,EAAkCA,UAAU,CAACqG,iBAA7C;AACA,aAAKhB,cAAL,CAAoBrF,UAApB;AACD;AACF;;;WAcD,wBAAeH,KAAf,EAAkCG,UAAlC,EAAgE;AAAA;;AAC9D,UAAQuG,MAAR,GAA2B1G,KAA3B,CAAQ0G,MAAR;AAAA,UAAgBjB,MAAhB,GAA2BzF,KAA3B,CAAgByF,MAAhB;AAEAtF,MAAAA,UAAU,CAACuB,eAAX,GAA6B,KAA7B;AACAvB,MAAAA,UAAU,CAAC+F,iBAAX,GAA+B,IAA/B;AAEA,UAAIS,gBAAJ;;AAEA,UAAI,KAAK7E,KAAL,CAAWE,QAAX,IAAuB,KAAKiB,MAAhC,EAAwC;AAAA;;AACtC,YAAM2D,gBAAgB,GACnB,CAACF,MAAM,GAAGjB,MAAV,IAAoB,KAAKxC,MAAL,CAAYoD,WAAjC,GAAgD,GADlD;AAGA,YAAI9F,UAAU,6BAAGJ,UAAU,CAACqG,iBAAd,2EAAmC,CAAjD;AACA,YAAMK,gBAAgB,GACnBtG,UAAU,GAAGP,KAAK,CAAC8G,QAApB,GACA,GADA,GAEA,GAFA,IAGC,0BAAC3G,UAAU,CAACoG,kBAAZ,yEAAkC,CAAlC,IAAuC,CAAvC,GAA2C,CAAC,CAA5C,GAAgD,CAHjD,CADF;AAKAhG,QAAAA,UAAU,GAAGhB,cAAc,CAACgB,UAAU,GAAGsG,gBAAd,CAA3B;;AAEA,YAAI1G,UAAU,CAAC4G,cAAX,KAA8B,GAAlC,EAAuC;AACrC,cAAI3H,aAAa,CAACmB,UAAD,EAAaJ,UAAU,CAAC6G,aAAxB,CAAjB,EAAyD;AAAA;;AACvDzG,YAAAA,UAAU,sDAAGJ,UAAU,CAAC6G,aAAd,2DAAG,uBAA2B,CAA3B,CAAH,yEAAoC,CAA9C;AACD,WAFD,MAEO,IAAI5H,aAAa,CAACmB,UAAD,EAAaJ,UAAU,CAAC8G,cAAxB,CAAjB,EAA0D;AAAA;;AAC/D1G,YAAAA,UAAU,6BAAGJ,UAAU,CAAC6E,cAAd,2EAAgC,CAA1C;AACD,WAFM,MAEA,IAAI5F,aAAa,CAACmB,UAAD,EAAaJ,UAAU,CAAC+G,WAAxB,CAAjB,EAAuD;AAC5D3G,YAAAA,UAAU,GAAG,GAAb;AACD,WAFM,MAEA;AAAA;;AACLA,YAAAA,UAAU,6BAAGJ,UAAU,CAAC6E,cAAd,2EAAgC,CAA1C;AACD;AACF,SAVD,MAUO;AACL,cAAI5F,aAAa,CAACmB,UAAD,EAAa,CAAC,CAAD,EAAI,EAAJ,CAAb,CAAjB,EAAwC;AACtCA,YAAAA,UAAU,GAAG,CAAb;AACD,WAFD,MAEO;AACLA,YAAAA,UAAU,GAAG,GAAb;AACD;AACF;;AAED,YAAIA,UAAU,KAAK,GAAf,IAAsBqG,gBAAgB,IAAI,EAA9C,EAAkD;AAChDrG,UAAAA,UAAU,GAAG,GAAb;AACD;;AAEDJ,QAAAA,UAAU,CAACI,UAAX,GAAwBA,UAAxB;AACAJ,QAAAA,UAAU,CAACqG,iBAAX,GAA+BjG,UAA/B;AACAJ,QAAAA,UAAU,CAAC2F,SAAX,GAAuBvF,UAAU,GAAG,CAAb,IAAkBA,UAAU,GAAGqG,gBAAtD;AACAzG,QAAAA,UAAU,CAAC4F,QAAX,GAAsBxF,UAAU,KAAK,CAArC;AACAJ,QAAAA,UAAU,CAACgH,MAAX,GAAoB5G,UAAU,KAAK,GAAnC;;AAEA,YAAIJ,UAAU,CAACgH,MAAf,EAAuB;AACrB,eAAKvH,KAAL,CAAW8C,gBAAX;AACD;;AAEDiE,QAAAA,gBAAgB,GAAG,4BAAM;AACvB,cAAI,CAACxG,UAAU,CAACgH,MAAhB,EAAwB;AACtB,YAAA,MAAI,CAAC7G,gBAAL,CAAsBH,UAAtB,EAAkCA,UAAU,CAACI,UAA7C;AACD;;AAED,UAAA,MAAI,CAACiF,cAAL,CAAoBrF,UAApB;AACD,SAND;AAOD;;AAED,WAAK8E,QAAL,CACE;AACElD,QAAAA,SAAS,EAAE,KADb;AAEEC,QAAAA,QAAQ,EAAE;AAFZ,OADF,EAKE2E,gBALF;AAOD;;;WAED,+BAAyCxG,UAAzC,EAAuE;AAAA;;AAAA,UAAtD2G,QAAsD,SAAtDA,QAAsD;AACrE,UAAIH,gBAAJ;;AAEA,UAAI,KAAK7E,KAAL,CAAWE,QAAf,EAAyB;AAAA;;AACvB,YAAIzB,UAAU,6BAAGJ,UAAU,CAACqG,iBAAd,2EAAmC,CAAjD;AAEA,YAAMK,gBAAgB,GACnBtG,UAAU,GAAGuG,QAAd,GACA,GADA,GAEA,GAFA,IAGC,2BAAC3G,UAAU,CAACoG,kBAAZ,2EAAkC,CAAlC,IAAuC,CAAvC,GAA2C,CAAC,CAA5C,GAAgD,CAHjD,CADF;AAKAhG,QAAAA,UAAU,GAAGf,IAAI,CAACC,GAAL,CAAS,CAAT,EAAYc,UAAU,GAAGsG,gBAAzB,CAAb;;AAEA,YAAItG,UAAU,IAAI,EAAlB,EAAsB;AACpBA,UAAAA,UAAU,GAAG,GAAb;AACD,SAFD,MAEO;AACLA,UAAAA,UAAU,GAAG,CAAb;AACD;;AAEDJ,QAAAA,UAAU,CAACI,UAAX,GAAwBA,UAAxB;AACAJ,QAAAA,UAAU,CAACgH,MAAX,GAAoB5G,UAAU,KAAK,GAAnC;;AAEA,YAAIJ,UAAU,CAACgH,MAAf,EAAuB;AACrB,eAAKvH,KAAL,CAAW8C,gBAAX;AACD;;AAEDiE,QAAAA,gBAAgB,GAAG,4BAAM;AACvB,cAAI,CAACxG,UAAU,CAACgH,MAAhB,EAAwB;AACtB,YAAA,MAAI,CAAC7G,gBAAL,CAAsBH,UAAtB,EAAkCA,UAAU,CAACI,UAA7C;AACD;;AAED,UAAA,MAAI,CAACiF,cAAL,CAAoBrF,UAApB;AACD,SAND;AAOD;;AAED,WAAK8E,QAAL,CACE;AACElD,QAAAA,SAAS,EAAE,KADb;AAEEC,QAAAA,QAAQ,EAAE;AAFZ,OADF,EAKE2E,gBALF;AAOD;;;WA6BD,8BACExG,UADF,EAEEiH,YAFF,EAGE;AACA,UAAIC,+BAAgBC,SAApB,EAA+B;AAAA;;AAC7B,YAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AAAA;;AACxBpH,UAAAA,UAAU,SAAV,IAAAA,UAAU,WAAV,sCAAAA,UAAU,CAAE0D,YAAZ,kFAA0BJ,mBAA1B,CACE4D,+BAAgBG,IADlB,EAEED,WAFF;AAIAH,UAAAA,YAAY;AACb,SAND;;AAQAjH,QAAAA,UAAU,SAAV,IAAAA,UAAU,WAAV,sCAAAA,UAAU,CAAE0D,YAAZ,kFAA0BP,gBAA1B,CACE+D,+BAAgBG,IADlB,EAEED,WAFF;AAID,OAbD,MAaO;AACL1F,QAAAA,UAAU,CAACuF,YAAD,EAAe,KAAKlD,OAApB,CAAV;AACD;AACF;AAED;AACF;AACA;AACA;AACA;AACA;;;;WACE,0BAAiB/D,UAAjB,EAA+CsH,OAA/C,EAA4E;AAC1E,UAAMC,OAAO,kCAA2BvH,UAAU,CAACkC,EAAtC,CAAb;AAEAsF,MAAAA,oBAAoB,CAAC,KAAK/E,QAAL,CAAc8E,OAAd,CAAD,CAApB;AAEA,WAAK9E,QAAL,CAAc8E,OAAd,IAAyB5G,qBAAqB,CAAC,YAAM;AACnD,uCACEX,UAAU,CAAC0D,YADb,2BAEoB4D,OAFpB;AAID,OAL6C,CAA9C;AAMD;AAED;;;;WACA,wBACEtH,UADF,EAGE;AAAA;AAAA;;AAAA,UADAyH,YACA,uEAD8B,IAC9B;;AACA,UAAIA,YAAY,KAAK,IAAjB,IAAyB,6BAAKhI,KAAL,CAAWiI,OAAX,4EAAqB,CAArB,OAA4B1H,UAAU,CAACkC,EAApE,EAAwE;AACtE;AACD;;AACD,UAAI,KAAKyF,kBAAT,EAA6B;AAC3BH,QAAAA,oBAAoB,CAAC,KAAKG,kBAAN,CAApB;AACD;;AACD,WAAKA,kBAAL,GAA0BhH,qBAAqB,CAAC,YAAM;AACpD,YAAI,MAAI,CAACmB,cAAL,CAAoB2D,OAAxB,EAAiC;AAC/B,uCAAkDzF,UAAlD,CAAQI,UAAR;AAAA,cAAQA,UAAR,uCAAqB,CAArB;AAAA,uCAAkDJ,UAAlD,CAAwBqG,iBAAxB;AAAA,cAAwBA,iBAAxB,uCAA4C,CAA5C;AAEA,cAAMuB,OAAO,GACXH,YAAY,KAAK,IAAjB,GACI,IAAI,CAACpB,iBAAiB,GAAGjG,UAArB,KAAoC,MAAMA,UAA1C,CAAJ,IAA6D,CADjE,GAEIqH,YAHN;AAIA,UAAA,MAAI,CAAC3F,cAAL,CAAoB2D,OAApB,CAA4B9B,KAA5B,CAAkCiE,OAAlC,GAA4CvI,IAAI,CAACC,GAAL,CAC1C,CAD0C,EAE1CD,IAAI,CAACE,GAAL,CAAS,GAAT,EAAcqI,OAAd,CAF0C,EAG1CC,QAH0C,EAA5C;AAID;AACF,OAb8C,CAA/C;AAcD;;;WAED,kBAAS;AAAA;AAAA;;AACP,wBAAqD,KAAKpI,KAA1D;AAAA,UAAQS,WAAR,eAAQA,WAAR;AAAA,UAAqBY,YAArB,eAAqBA,YAArB;AAAA,UAAmCL,aAAnC,eAAmCA,aAAnC;AACA,wBAAgC,KAAKkB,KAArC;AAAA,UAAQC,SAAR,eAAQA,SAAR;AAAA,UAAmBC,QAAnB,eAAmBA,QAAnB;;AAEA,UAAI,CAAC3B,WAAD,IAAgB,CAACY,YAArB,EAAmC;AACjC,eAAO,IAAP;AACD;;AAED,aACE,qCAAC,qBAAD,CAAkB,QAAlB;AAA2B,QAAA,KAAK,EAAE;AAAlC,SACE,qCAAC,yBAAD,CAAkB,QAAlB;AAA2B,QAAA,KAAK,EAAE,KAAKiB;AAAvC,SACE,qCAAC,YAAD;AACE,QAAA,SAAS,EAAE,4BACT,gCAAa,WAAb,EAA0B,KAAKtC,KAAL,CAAWiD,QAArC,CADS,EAET;AACE,+BACE,+BAAKjD,KAAL,CAAWqI,cAAX,gFAA2BC,WAA3B,MAA2CC,mCAAYC,MAF3D;AAGE,gCAAsBrG,SAHxB;AAIE,kCAAwB,CAAC,EAAEnB,aAAa,IAAIK,YAAnB;AAJ3B,SAFS,CADb;AAUE,QAAA,MAAM,EAAE,KAAKoH,WAVf;AAWE,QAAA,KAAK,EAAE,KAAKC,UAXd;AAYE,QAAA,QAAQ,EAAE,KAAKC;AAZjB,SAcE;AACE,QAAA,SAAS,EAAC,iBADZ;AAEE,QAAA,OAAO,EAAE,KAAK3I,KAAL,CAAW8C,gBAFtB;AAGE,QAAA,GAAG,EAAE,KAAKT;AAHZ,QAdF,EAmBE;AAAK,QAAA,SAAS,EAAC,qBAAf;AAAqC,QAAA,GAAG,EAAE,KAAK0D;AAA/C,SACG,KAAK6C,SAAL,GAAiBC,GAAjB,CAAqB,UAACC,KAAD,EAAW;AAC/B,YAAMC,OAAO,GAAG,wBAASD,KAAK,CAAC9I,KAAf,EAAsBb,IAAtB,CAAhB;;AACA,YAAM6J,WAAW,GAAG,MAAI,CAACxI,aAAL,CAAmBuI,OAAnB,CAApB;;AACA,YACGA,OAAO,KAAKtI,WAAZ,IAA2BsI,OAAO,KAAK1H,YAAxC,IACA,CAAC2H,WAFH,EAGE;AACA,iBAAO,IAAP;AACD;;AACD,YAAMzI,UAAU,mCAAQyI,WAAR,CAAhB;AAEA,YAAMC,MAAM,GAAG1I,UAAU,CAACK,IAAX,KAAoBC,iBAAUC,IAA7C;AACA,YAAMoI,GAAG,mBAAYH,OAAZ,CAAT;AAEA,eACE,qCAAC,oBAAD;AACE,UAAA,GAAG,EAAEG,GADP;AAEE,UAAA,UAAU,EAAE,oBAAC9H,CAAD,EAAO;AACjB,gBAAMb,UAAU,GAAG,MAAI,CAACC,aAAL,CAAmBuI,OAAnB,CAAnB;;AACA,gBAAIxI,UAAJ,EAAgB;AACdA,cAAAA,UAAU,CAACuE,YAAX,GAA0B1D,CAA1B;AACD;AACF,WAPH;AAQE,UAAA,OAAO,EAAE,MAAI,CAACpB,KAAL,CAAW8C,gBARtB;AASE,UAAA,OAAO,EAAE,MAAI,CAACwB,OAThB;AAUE,UAAA,SAAS,EAAE,4BAAW,kBAAX,EAA+B;AACxC,wCAA4ByE,OAAO,KAAKtI,WADA;AAExC,sCAA0BsI,OAAO,KAAK1H,YAFE;AAGxC,sCACGA,YAAY,IAAI0H,OAAO,KAAKtI,WAA7B,IACAsI,OAAO,KAAK/H,aAL0B;AAOxC,0CAA8BoB,QAPU;AASxC,4CACE6G,MAAM,IAAI1I,UAAU,CAAC4E,UAViB;AAWxC,0CACE8D,MAAM,IAAI1I,UAAU,CAAC4F,QAZiB;AAaxC,2CACE8C,MAAM,IAAI1I,UAAU,CAAC2F;AAdiB,WAA/B,CAVb;AA0BE,UAAA,YAAY,EAAE;AA1BhB,WA4BG4C,KA5BH,CADF;AAgCD,OA9CA,CADH,CAnBF,CADF,CADF,CADF;AA2ED;;;EAnpBmC7I,KAAK,CAACkJ,S;;AAspBrC,IAAMC,cAAc,GAAG,8BAC5B,gCACE,kBACE,uCAAiBC,SAAjB,EAA4BtJ,uBAA5B,CADF,CADF,CAD4B,EAM5BuJ,4CAN4B,EAO5B,gBAP4B,CAAvB;AAUP;AACA;AACA;;;;AACA,SAASD,SAAT,CAAmB9I,UAAnB,EAAiD;AAC/C,UAAQA,UAAU,CAACK,IAAnB;AACE,SAAKC,iBAAUC,IAAf;AACEP,MAAAA,UAAU,CAAC4G,cAAX,GACE5G,UAAU,CAAC4G,cAAX,IAA6BoC,4CAD/B;AAEA,aAAOvE,aAAa,CAACzE,UAAD,CAApB;;AACF,SAAKM,iBAAUU,IAAf;AACE,aAAOiI,aAAa,CAACjJ,UAAD,CAApB;;AACF;AACEnB,MAAAA,MAAM,IAAID,IAAI,CAAC,8CAAD,CAAd;AARJ;AAUD;;AAED,SAAS6F,aAAT,CAAuBzE,UAAvB,EAAqD;AAAA;;AACnD,MAAQqB,cAAR,GAA2BrB,UAA3B,CAAQqB,cAAR;AACA,MAAM6H,aAAa,GAAG,CAAC7H,cAAD,aAACA,cAAD,uBAACA,cAAc,CAAE8H,iBAAjB,EACnB7C,YADH;AAGA,MAAI8C,cAAc,GAAGpJ,UAAU,CAACI,UAAhC;AAEAJ,EAAAA,UAAU,CAAC4E,UAAX,GACEsE,aAAa,6BAAI7H,cAAJ,aAAIA,cAAJ,uBAAIA,cAAc,CAAEgI,YAApB,yEAAoC,CAApC,CAAb,IACArJ,UAAU,CAAC4G,cAAX,KAA8B,GAFhC;AAIA,MAAIjB,SAAS,GAAG,KAAhB;AACA,MAAIC,QAAQ,GAAG,KAAf;AACA,MAAIf,cAAJ;AACA,MAAIzE,UAAJ;AACA,MAAIyG,aAAJ;AACA,MAAIC,cAAJ;AACA,MAAIC,WAAJ;;AAEA,MAAI/G,UAAU,CAAC4E,UAAf,EAA2B;AAAA;;AACzBC,IAAAA,cAAc,GAAG,gCAAO7E,UAAU,CAAC4G,cAAlB,yEAAoC,CAApC,CAAjB;AAEA,QAAM0C,SAAS,GAAGzE,cAAc,GAAG,CAAnC;AACA,QAAM0E,WAAW,GAAG,MAAM1E,cAA1B;AAEAgC,IAAAA,aAAa,GAAG,CAAC,CAAD,EAAIyC,SAAJ,CAAhB;AACAxC,IAAAA,cAAc,GAAG,CAACwC,SAAD,EAAYzE,cAAc,GAAG0E,WAAW,GAAG,CAA3C,CAAjB;AACAxC,IAAAA,WAAW,GAAG,CAAClC,cAAc,GAAG0E,WAAW,GAAG,CAAhC,EAAmC,GAAnC,CAAd;AAEA5D,IAAAA,SAAS,GAAGd,cAAc,GAAG,CAA7B;AACAe,IAAAA,QAAQ,GAAGf,cAAc,IAAI,CAA7B;AACAzE,IAAAA,UAAU,GAAGyE,cAAb;AACD,GAbD,MAaO;AAAA;;AACL,QAAM2E,YAAY,uDAAGxJ,UAAU,CAACgG,aAAd,2DAAG,uBAA0BM,YAA7B,2EAA6C,CAA/D;AACA,QAAMmD,MAAM,GAAGP,aAAa,GAAGM,YAA/B;AAEA3E,IAAAA,cAAc,GACZ,MACC4E,MAAM,wDAAIzJ,UAAU,CAAC0D,YAAf,qFAAI,uBAAyBgG,aAA7B,2DAAI,uBAAwCpD,YAA5C,2EAA4D,CAA5D,CAAP,GACE,GAHJ;AAIAlG,IAAAA,UAAU,GAAGyE,cAAb;AAEAgC,IAAAA,aAAa,GAAG,CAACzG,UAAD,EAAaA,UAAU,GAAG,EAA1B,CAAhB;AACA0G,IAAAA,cAAc,GAAG,CAAC1G,UAAU,GAAG,EAAd,EAAkBA,UAAU,GAAG,EAA/B,CAAjB;AACA2G,IAAAA,WAAW,GAAG,CAAC3G,UAAU,GAAG,EAAd,EAAkBA,UAAU,GAAG,GAA/B,CAAd;AACD,GA7CkD,CA+CnD;;;AACA,MACGJ,UAAU,CAAC4E,UAAX,IAAyBxE,UAAU,IAAIgJ,cAAJ,aAAIA,cAAJ,cAAIA,cAAJ,GAAsB,CAAtB,CAApC,IACApJ,UAAU,CAAC4G,cAAX,KAA8B,GAFhC,EAGE;AACAxG,IAAAA,UAAU,GAAG,CAAb;AACD;;AAEDJ,EAAAA,UAAU,CAAC6G,aAAX,GAA2BA,aAA3B;AACA7G,EAAAA,UAAU,CAAC8G,cAAX,GAA4BA,cAA5B;AACA9G,EAAAA,UAAU,CAAC+G,WAAX,GAAyBA,WAAzB;AACA/G,EAAAA,UAAU,CAACI,UAAX,GAAwBA,UAAxB;AACAJ,EAAAA,UAAU,CAAC6E,cAAX,GAA4BA,cAA5B;AACA7E,EAAAA,UAAU,CAAC2F,SAAX,GAAuBA,SAAvB;AACA3F,EAAAA,UAAU,CAAC4F,QAAX,GAAsBA,QAAtB;AACD;;AAED,SAASqD,aAAT,CAAuBjJ,UAAvB,EAAqD;AACnDA,EAAAA,UAAU,CAACI,UAAX,GAAwB,CAAxB;AACD","sourcesContent":["import * as React from \"react\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport TouchRootContext from \"../Touch/TouchContext\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { setTransformStyle } from \"../../lib/styles\";\nimport { rubber } from \"../../lib/touch\";\nimport { ANDROID, IOS, VKCOM } from \"../../lib/platform\";\nimport { transitionEvent } from \"../../lib/supportEvents\";\nimport { HasPlatform } from \"../../types\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { withContext } from \"../../hoc/withContext\";\nimport ModalRootContext, {\n  ModalRootContextInterface,\n} from \"./ModalRootContext\";\nimport {\n  ConfigProviderContext,\n  ConfigProviderContextInterface,\n  WebviewType,\n} from \"../ConfigProvider/ConfigProviderContext\";\nimport { ModalsStateEntry, ModalType, TranslateRange } from \"./types\";\nimport { MODAL_PAGE_DEFAULT_PERCENT_HEIGHT } from \"./constants\";\nimport { DOMProps, withDOM } from \"../../lib/dom\";\nimport { getNavId } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { FocusTrap } from \"../FocusTrap/FocusTrap\";\nimport { ModalTransitionProps, withModalManager } from \"./useModalManager\";\nimport \"./ModalRoot.css\";\n\nconst warn = warnOnce(\"ModalRoot\");\nconst IS_DEV = process.env.NODE_ENV === \"development\";\n\nfunction numberInRange(number: number, range: TranslateRange | undefined) {\n  if (!range) {\n    return false;\n  }\n  return number >= range[0] && number <= range[1];\n}\n\nfunction rangeTranslate(number: number) {\n  return Math.max(0, Math.min(98, number));\n}\n\nexport interface ModalRootProps extends HasPlatform {\n  activeModal?: string | null;\n\n  /**\n   * Будет вызвано при закрытии активной модалки с её id\n   */\n  onClose?(modalId: string): void;\n  /**\n   * @ignore\n   */\n  configProvider?: ConfigProviderContextInterface;\n}\n\ninterface ModalRootState {\n  touchDown?: boolean;\n  dragging?: boolean;\n}\n\nclass ModalRootTouchComponent extends React.Component<\n  ModalRootProps & DOMProps & ModalTransitionProps,\n  ModalRootState\n> {\n  constructor(props: ModalRootProps & ModalTransitionProps) {\n    super(props);\n    this.state = {\n      touchDown: false,\n      dragging: false,\n    };\n\n    this.maskElementRef = React.createRef();\n\n    this.modalRootContext = {\n      updateModalHeight: this.updateModalHeight,\n      registerModal: ({ id, ...data }) =>\n        Object.assign(this.getModalState(id), data),\n      onClose: () => this.props.closeActiveModal(),\n      isInsideModal: true,\n    };\n\n    this.frameIds = {};\n  }\n\n  private documentScrolling = false;\n  private readonly maskElementRef: React.RefObject<HTMLDivElement>;\n  private readonly viewportRef = React.createRef<HTMLDivElement>();\n  private maskAnimationFrame: number | undefined = undefined;\n  private readonly modalRootContext: ModalRootContextInterface;\n  private readonly frameIds: {\n    [index: string]: number;\n  };\n  private restoreFocusTo: HTMLElement | undefined | null = undefined;\n\n  get timeout(): number {\n    return this.props.platform === ANDROID || this.props.platform === VKCOM\n      ? 320\n      : 400;\n  }\n\n  get document() {\n    return this.props.document;\n  }\n\n  get window() {\n    return this.props.window;\n  }\n\n  getModalState(id: string | undefined | null) {\n    if (!id) {\n      return undefined;\n    }\n    return this.props.getModalState(id);\n  }\n\n  getModals() {\n    return React.Children.toArray(this.props.children) as React.ReactElement[];\n  }\n\n  componentDidMount() {\n    // Отслеживаем изменение размеров viewport (Необходимо для iOS)\n    if (this.props.platform === IOS) {\n      this.window?.addEventListener(\"resize\", this.updateModalTranslate, false);\n    }\n  }\n\n  componentWillUnmount() {\n    this.toggleDocumentScrolling(true);\n    this.window!.removeEventListener(\n      \"resize\",\n      this.updateModalTranslate,\n      false\n    );\n  }\n\n  componentDidUpdate(prevProps: ModalRootProps & ModalTransitionProps) {\n    // transition phase 2: animate exiting modal\n    if (\n      this.props.exitingModal &&\n      this.props.exitingModal !== prevProps.exitingModal\n    ) {\n      this.closeModal(this.props.exitingModal);\n    }\n\n    // transition phase 3: animate entering modal\n    if (\n      this.props.enteringModal &&\n      this.props.enteringModal !== prevProps.enteringModal\n    ) {\n      const { enteringModal } = this.props;\n      const enteringState = this.getModalState(enteringModal);\n      this.waitTransitionFinish(enteringState, () => {\n        if (enteringState?.innerElement) {\n          enteringState.innerElement.style.transitionDelay = \"\";\n        }\n        this.props.onEnter(enteringModal);\n      });\n\n      if (enteringState?.innerElement) {\n        enteringState.innerElement.style.transitionDelay = this.props.delayEnter\n          ? `${this.timeout}ms`\n          : \"\";\n        this.animateTranslate(enteringState, enteringState.translateY);\n      }\n    }\n\n    // focus restoration\n    if (this.props.activeModal && !prevProps.activeModal) {\n      this.restoreFocusTo = this.document!.activeElement as HTMLElement;\n    }\n    if (\n      !this.props.activeModal &&\n      !this.props.exitingModal &&\n      this.restoreFocusTo\n    ) {\n      this.restoreFocusTo.focus();\n      this.restoreFocusTo = null;\n    }\n\n    this.toggleDocumentScrolling(\n      !this.props.activeModal && !this.props.exitingModal\n    );\n  }\n\n  /* Отключает скролл документа */\n  toggleDocumentScrolling(enabled: boolean) {\n    if (this.documentScrolling === enabled) {\n      return;\n    }\n    this.documentScrolling = enabled;\n\n    if (enabled) {\n      // Здесь нужен последний аргумент с такими же параметрами, потому что\n      // некоторые браузеры на странных вендорах типа Meizu не удаляют обработчик.\n      // https://github.com/VKCOM/VKUI/issues/444\n      this.window!.removeEventListener(\"touchmove\", this.preventTouch, {\n        // @ts-ignore (В интерфейсе EventListenerOptions нет поля passive)\n        passive: false,\n      });\n    } else {\n      this.window!.addEventListener(\"touchmove\", this.preventTouch, {\n        passive: false,\n      });\n    }\n  }\n\n  preventTouch = (event: any) => {\n    if (!event) {\n      return false;\n    }\n    while (event.originalEvent) {\n      event = event.originalEvent;\n    }\n    if (event.preventDefault) {\n      event.preventDefault();\n    }\n    return false;\n  };\n\n  updateModalTranslate = () => {\n    const modalState = this.getModalState(this.props.activeModal);\n    modalState && this.animateTranslate(modalState, modalState.translateY);\n  };\n\n  checkPageContentHeight() {\n    const modalState = this.getModalState(this.props.activeModal);\n\n    if (modalState?.type === ModalType.PAGE && modalState?.modalElement) {\n      const prevModalState = { ...modalState };\n      initPageModal(modalState);\n      const currentModalState = { ...modalState };\n\n      let needAnimate = false;\n\n      if (prevModalState.expandable === currentModalState.expandable) {\n        if (\n          prevModalState.translateYFrom !== currentModalState.translateYFrom\n        ) {\n          needAnimate = true;\n        }\n      } else {\n        needAnimate = true;\n      }\n\n      if (needAnimate) {\n        this.animateTranslate(modalState, modalState.translateY);\n      }\n    }\n  }\n\n  updateModalHeight = () => {\n    const modalState = this.getModalState(this.props.activeModal);\n\n    if (\n      modalState &&\n      modalState.type === ModalType.PAGE &&\n      modalState.dynamicContentHeight\n    ) {\n      if (this.props.enteringModal) {\n        this.waitTransitionFinish(modalState, () => {\n          requestAnimationFrame(() => this.checkPageContentHeight());\n        });\n      } else {\n        requestAnimationFrame(() => this.checkPageContentHeight());\n      }\n    }\n  };\n\n  closeModal(id: string) {\n    // Сбрасываем состояния, которые могут помешать закрытию модального окна\n    this.setState({ touchDown: false });\n\n    const prevModalState = this.getModalState(id);\n\n    if (!prevModalState) {\n      id && warn(`[closeActiveModal] Modal ${id} does not exist - not closing`);\n      return;\n    }\n\n    const nextModalState = this.getModalState(this.props.activeModal);\n    const nextIsPage =\n      !!nextModalState && nextModalState.type === ModalType.PAGE;\n\n    const prevIsPage =\n      !!prevModalState && prevModalState.type === ModalType.PAGE;\n    this.waitTransitionFinish(prevModalState, () => this.props.onExit(id));\n    const exitTranslate =\n      prevIsPage &&\n      nextIsPage &&\n      (prevModalState.translateY ?? 0) <=\n        (nextModalState?.translateYFrom ?? 0) &&\n      !this.props.isBack\n        ? (nextModalState?.translateYFrom ?? 0) + 10\n        : 100;\n    this.animateTranslate(prevModalState, exitTranslate);\n\n    if (!nextModalState) {\n      // NOTE: was only for clean exit\n      this.setMaskOpacity(prevModalState, 0);\n    }\n  }\n\n  onTouchMove = (e: TouchEvent) => {\n    if (this.props.exitingModal) {\n      return;\n    }\n    const modalState = this.getModalState(this.props.activeModal);\n    if (!modalState) {\n      return;\n    }\n\n    if (modalState.type === ModalType.PAGE) {\n      return this.onPageTouchMove(e, modalState);\n    }\n\n    if (modalState.type === ModalType.CARD) {\n      return this.onCardTouchMove(e, modalState);\n    }\n  };\n\n  onPageTouchMove(event: TouchEvent, modalState: ModalsStateEntry) {\n    const { shiftY, originalEvent } = event;\n    const target = originalEvent.target as HTMLElement;\n\n    if (!event.isY) {\n      if (this.viewportRef.current?.contains(target)) {\n        originalEvent.preventDefault();\n      }\n      return;\n    }\n\n    if (!modalState.innerElement?.contains(target)) {\n      return originalEvent.preventDefault();\n    }\n\n    originalEvent.stopPropagation();\n\n    const { expandable, contentScrolled, collapsed, expanded } = modalState;\n\n    if (!this.state.touchDown) {\n      modalState.touchStartContentScrollTop =\n        modalState.contentElement?.scrollTop;\n      this.setState({ touchDown: true });\n    }\n\n    if (contentScrolled) {\n      return;\n    }\n\n    if (modalState.touchMovePositive === null) {\n      modalState.touchMovePositive = shiftY > 0;\n    }\n\n    if (\n      !modalState.expandable ||\n      collapsed ||\n      (expanded &&\n        modalState.touchMovePositive &&\n        modalState.touchStartContentScrollTop === 0) ||\n      modalState.headerElement?.contains(target)\n    ) {\n      originalEvent.preventDefault();\n\n      if ((!expandable && shiftY < 0) || !this.window) {\n        return;\n      }\n\n      !this.state.dragging && this.setState({ dragging: true });\n\n      const shiftYPercent = (shiftY / this.window.innerHeight) * 100;\n      const shiftYCurrent = rubber(\n        shiftYPercent,\n        72,\n        0.8,\n        this.props.platform === ANDROID || this.props.platform === VKCOM\n      );\n\n      modalState.touchShiftYPercent = shiftYPercent;\n      modalState.translateYCurrent = rangeTranslate(\n        (modalState.translateY ?? 0) + shiftYCurrent\n      );\n\n      this.animateTranslate(modalState, modalState.translateYCurrent);\n      this.setMaskOpacity(modalState);\n    }\n  }\n\n  onCardTouchMove(event: TouchEvent, modalState: ModalsStateEntry) {\n    const { originalEvent, shiftY } = event;\n    const target = originalEvent.target as HTMLElement;\n    if (modalState.innerElement?.contains(target)) {\n      if (!this.state.touchDown) {\n        this.setState({ touchDown: true, dragging: true });\n      }\n\n      const shiftYPercent =\n        (shiftY / modalState.innerElement.offsetHeight) * 100;\n      const shiftYCurrent = rubber(\n        shiftYPercent,\n        72,\n        1.2,\n        this.props.platform === ANDROID || this.props.platform === VKCOM\n      );\n\n      modalState.touchShiftYPercent = shiftYPercent;\n      modalState.translateYCurrent = Math.max(\n        0,\n        (modalState.translateY ?? 0) + shiftYCurrent\n      );\n\n      this.animateTranslate(modalState, modalState.translateYCurrent);\n      this.setMaskOpacity(modalState);\n    }\n  }\n\n  onTouchEnd = (e: TouchEvent) => {\n    const modalState = this.getModalState(this.props.activeModal);\n\n    if (modalState?.type === ModalType.PAGE) {\n      return this.onPageTouchEnd(e, modalState);\n    }\n\n    if (modalState?.type === ModalType.CARD) {\n      return this.onCardTouchEnd(e, modalState);\n    }\n  };\n\n  onPageTouchEnd(event: TouchEvent, modalState: ModalsStateEntry) {\n    const { startY, shiftY } = event;\n\n    modalState.contentScrolled = false;\n    modalState.touchMovePositive = null;\n\n    let setStateCallback;\n\n    if (this.state.dragging && this.window) {\n      const shiftYEndPercent =\n        ((startY + shiftY) / this.window.innerHeight) * 100;\n\n      let translateY = modalState.translateYCurrent ?? 0;\n      const expectTranslateY =\n        (translateY / event.duration) *\n        240 *\n        0.6 *\n        ((modalState.touchShiftYPercent ?? 0) < 0 ? -1 : 1);\n      translateY = rangeTranslate(translateY + expectTranslateY);\n\n      if (modalState.settlingHeight !== 100) {\n        if (numberInRange(translateY, modalState.expandedRange)) {\n          translateY = modalState.expandedRange?.[0] ?? 0;\n        } else if (numberInRange(translateY, modalState.collapsedRange)) {\n          translateY = modalState.translateYFrom ?? 0;\n        } else if (numberInRange(translateY, modalState.hiddenRange)) {\n          translateY = 100;\n        } else {\n          translateY = modalState.translateYFrom ?? 0;\n        }\n      } else {\n        if (numberInRange(translateY, [0, 25])) {\n          translateY = 0;\n        } else {\n          translateY = 100;\n        }\n      }\n\n      if (translateY !== 100 && shiftYEndPercent >= 75) {\n        translateY = 100;\n      }\n\n      modalState.translateY = translateY;\n      modalState.translateYCurrent = translateY;\n      modalState.collapsed = translateY > 0 && translateY < shiftYEndPercent;\n      modalState.expanded = translateY === 0;\n      modalState.hidden = translateY === 100;\n\n      if (modalState.hidden) {\n        this.props.closeActiveModal();\n      }\n\n      setStateCallback = () => {\n        if (!modalState.hidden) {\n          this.animateTranslate(modalState, modalState.translateY);\n        }\n\n        this.setMaskOpacity(modalState);\n      };\n    }\n\n    this.setState(\n      {\n        touchDown: false,\n        dragging: false,\n      },\n      setStateCallback\n    );\n  }\n\n  onCardTouchEnd({ duration }: TouchEvent, modalState: ModalsStateEntry) {\n    let setStateCallback;\n\n    if (this.state.dragging) {\n      let translateY = modalState.translateYCurrent ?? 0;\n\n      const expectTranslateY =\n        (translateY / duration) *\n        240 *\n        0.6 *\n        ((modalState.touchShiftYPercent ?? 0) < 0 ? -1 : 1);\n      translateY = Math.max(0, translateY + expectTranslateY);\n\n      if (translateY >= 30) {\n        translateY = 100;\n      } else {\n        translateY = 0;\n      }\n\n      modalState.translateY = translateY;\n      modalState.hidden = translateY === 100;\n\n      if (modalState.hidden) {\n        this.props.closeActiveModal();\n      }\n\n      setStateCallback = () => {\n        if (!modalState.hidden) {\n          this.animateTranslate(modalState, modalState.translateY);\n        }\n\n        this.setMaskOpacity(modalState);\n      };\n    }\n\n    this.setState(\n      {\n        touchDown: false,\n        dragging: false,\n      },\n      setStateCallback\n    );\n  }\n\n  onScroll = (e: React.SyntheticEvent) => {\n    const activeModal = this.props.activeModal;\n\n    const target = e.target as HTMLElement;\n\n    if (!activeModal) {\n      return;\n    }\n    const modalState = this.getModalState(activeModal);\n    if (\n      modalState?.type === ModalType.PAGE &&\n      modalState?.contentElement?.contains(target)\n    ) {\n      modalState.contentScrolled = true;\n\n      if (modalState.contentScrollStopTimeout) {\n        clearTimeout(modalState.contentScrollStopTimeout);\n      }\n\n      modalState.contentScrollStopTimeout = setTimeout(() => {\n        if (modalState.contentScrolled) {\n          modalState.contentScrolled = false;\n        }\n      }, 250);\n    }\n  };\n\n  waitTransitionFinish(\n    modalState: ModalsStateEntry | undefined,\n    eventHandler: () => void\n  ) {\n    if (transitionEvent.supported) {\n      const onceHandler = () => {\n        modalState?.innerElement?.removeEventListener(\n          transitionEvent.name as string,\n          onceHandler\n        );\n        eventHandler();\n      };\n\n      modalState?.innerElement?.addEventListener(\n        transitionEvent.name as string,\n        onceHandler\n      );\n    } else {\n      setTimeout(eventHandler, this.timeout);\n    }\n  }\n\n  /**\n   * Анимирует сдвиг модалки\n   *\n   * @param {ModalsStateEntry} modalState\n   * @param {number} percent Процент сдвига: 0 – полностью открыта, 100 – полностью закрыта\n   */\n  animateTranslate(modalState: ModalsStateEntry, percent: number | undefined) {\n    const frameId = `animateTranslateFrame${modalState.id}`;\n\n    cancelAnimationFrame(this.frameIds[frameId]);\n\n    this.frameIds[frameId] = requestAnimationFrame(() => {\n      setTransformStyle(\n        modalState.innerElement,\n        `translate3d(0, ${percent}%, 0)`\n      );\n    });\n  }\n\n  /* Устанавливает прозрачность для полупрозрачной подложки */\n  setMaskOpacity(\n    modalState: ModalsStateEntry,\n    forceOpacity: number | null = null\n  ) {\n    if (forceOpacity === null && this.props.history?.[0] !== modalState.id) {\n      return;\n    }\n    if (this.maskAnimationFrame) {\n      cancelAnimationFrame(this.maskAnimationFrame);\n    }\n    this.maskAnimationFrame = requestAnimationFrame(() => {\n      if (this.maskElementRef.current) {\n        const { translateY = 0, translateYCurrent = 0 } = modalState;\n\n        const opacity =\n          forceOpacity === null\n            ? 1 - (translateYCurrent - translateY) / (100 - translateY) || 0\n            : forceOpacity;\n        this.maskElementRef.current.style.opacity = Math.max(\n          0,\n          Math.min(100, opacity)\n        ).toString();\n      }\n    });\n  }\n\n  render() {\n    const { activeModal, exitingModal, enteringModal } = this.props;\n    const { touchDown, dragging } = this.state;\n\n    if (!activeModal && !exitingModal) {\n      return null;\n    }\n\n    return (\n      <TouchRootContext.Provider value={true}>\n        <ModalRootContext.Provider value={this.modalRootContext}>\n          <Touch\n            vkuiClass={classNames(\n              getClassName(\"ModalRoot\", this.props.platform),\n              {\n                \"ModalRoot--vkapps\":\n                  this.props.configProvider?.webviewType === WebviewType.VKAPPS,\n                \"ModalRoot--touched\": touchDown,\n                \"ModalRoot--switching\": !!(enteringModal || exitingModal),\n              }\n            )}\n            onMove={this.onTouchMove}\n            onEnd={this.onTouchEnd}\n            onScroll={this.onScroll}\n          >\n            <div\n              vkuiClass=\"ModalRoot__mask\"\n              onClick={this.props.closeActiveModal}\n              ref={this.maskElementRef}\n            />\n            <div vkuiClass=\"ModalRoot__viewport\" ref={this.viewportRef}>\n              {this.getModals().map((Modal) => {\n                const modalId = getNavId(Modal.props, warn);\n                const _modalState = this.getModalState(modalId);\n                if (\n                  (modalId !== activeModal && modalId !== exitingModal) ||\n                  !_modalState\n                ) {\n                  return null;\n                }\n                const modalState = { ..._modalState };\n\n                const isPage = modalState.type === ModalType.PAGE;\n                const key = `modal-${modalId}`;\n\n                return (\n                  <FocusTrap\n                    key={key}\n                    getRootRef={(e) => {\n                      const modalState = this.getModalState(modalId);\n                      if (modalState) {\n                        modalState.modalElement = e;\n                      }\n                    }}\n                    onClose={this.props.closeActiveModal}\n                    timeout={this.timeout}\n                    vkuiClass={classNames(\"ModalRoot__modal\", {\n                      \"ModalRoot__modal--active\": modalId === activeModal,\n                      \"ModalRoot__modal--prev\": modalId === exitingModal,\n                      \"ModalRoot__modal--next\":\n                        (exitingModal && modalId === activeModal) ||\n                        modalId === enteringModal,\n\n                      \"ModalRoot__modal--dragging\": dragging,\n\n                      \"ModalRoot__modal--expandable\":\n                        isPage && modalState.expandable,\n                      \"ModalRoot__modal--expanded\":\n                        isPage && modalState.expanded,\n                      \"ModalRoot__modal--collapsed\":\n                        isPage && modalState.collapsed,\n                    })}\n                    restoreFocus={false}\n                  >\n                    {Modal}\n                  </FocusTrap>\n                );\n              })}\n            </div>\n          </Touch>\n        </ModalRootContext.Provider>\n      </TouchRootContext.Provider>\n    );\n  }\n}\n\nexport const ModalRootTouch = withContext(\n  withPlatform(\n    withDOM<ModalRootProps>(\n      withModalManager(initModal)(ModalRootTouchComponent)\n    )\n  ),\n  ConfigProviderContext,\n  \"configProvider\"\n);\n\n/**\n * Инициализирует модалку перед анимацией открытия\n */\nfunction initModal(modalState: ModalsStateEntry) {\n  switch (modalState.type) {\n    case ModalType.PAGE:\n      modalState.settlingHeight =\n        modalState.settlingHeight || MODAL_PAGE_DEFAULT_PERCENT_HEIGHT;\n      return initPageModal(modalState);\n    case ModalType.CARD:\n      return initCardModal(modalState);\n    default:\n      IS_DEV && warn(\"[initActiveModal] modalState.type is unknown\");\n  }\n}\n\nfunction initPageModal(modalState: ModalsStateEntry) {\n  const { contentElement } = modalState;\n  const contentHeight = (contentElement?.firstElementChild as HTMLElement)\n    .offsetHeight;\n\n  let prevTranslateY = modalState.translateY;\n\n  modalState.expandable =\n    contentHeight > (contentElement?.clientHeight ?? 0) ||\n    modalState.settlingHeight === 100;\n\n  let collapsed = false;\n  let expanded = false;\n  let translateYFrom;\n  let translateY;\n  let expandedRange: TranslateRange;\n  let collapsedRange: TranslateRange;\n  let hiddenRange: TranslateRange;\n\n  if (modalState.expandable) {\n    translateYFrom = 100 - (modalState.settlingHeight ?? 0);\n\n    const shiftHalf = translateYFrom / 2;\n    const visiblePart = 100 - translateYFrom;\n\n    expandedRange = [0, shiftHalf];\n    collapsedRange = [shiftHalf, translateYFrom + visiblePart / 4];\n    hiddenRange = [translateYFrom + visiblePart / 4, 100];\n\n    collapsed = translateYFrom > 0;\n    expanded = translateYFrom <= 0;\n    translateY = translateYFrom;\n  } else {\n    const headerHeight = modalState.headerElement?.offsetHeight ?? 0;\n    const height = contentHeight + headerHeight;\n\n    translateYFrom =\n      100 -\n      (height / (modalState.innerElement?.parentElement?.offsetHeight ?? 0)) *\n        100;\n    translateY = translateYFrom;\n\n    expandedRange = [translateY, translateY + 25];\n    collapsedRange = [translateY + 25, translateY + 25];\n    hiddenRange = [translateY + 25, translateY + 100];\n  }\n\n  // Если модалка может открываться на весь экран, и новый сдвиг больше предыдущего, то откроем её на весь экран\n  if (\n    (modalState.expandable && translateY > (prevTranslateY ?? 0)) ||\n    modalState.settlingHeight === 100\n  ) {\n    translateY = 0;\n  }\n\n  modalState.expandedRange = expandedRange;\n  modalState.collapsedRange = collapsedRange;\n  modalState.hiddenRange = hiddenRange;\n  modalState.translateY = translateY;\n  modalState.translateYFrom = translateYFrom;\n  modalState.collapsed = collapsed;\n  modalState.expanded = expanded;\n}\n\nfunction initCardModal(modalState: ModalsStateEntry) {\n  modalState.translateY = 0;\n}\n"],"file":"ModalRoot.js"}
+{"version":3,"sources":["../../../../src/components/ModalRoot/ModalRoot.tsx"],"names":["warn","IS_DEV","process","env","NODE_ENV","numberInRange","number","range","rangeTranslate","Math","max","min","ModalRootTouchComponent","props","React","createRef","undefined","event","originalEvent","preventDefault","modalState","getModalState","activeModal","animateTranslate","translateY","type","ModalType","PAGE","dynamicContentHeight","enteringModal","waitTransitionFinish","requestAnimationFrame","checkPageContentHeight","e","exitingModal","onPageTouchMove","CARD","onCardTouchMove","onPageTouchEnd","onCardTouchEnd","target","contentElement","contains","contentScrolled","contentScrollStopTimeout","clearTimeout","setTimeout","state","touchDown","dragging","maskElementRef","modalRootContext","updateModalHeight","registerModal","id","data","Object","assign","onClose","onExit","isInsideModal","frameIds","platform","ANDROID","VKCOM","document","window","Children","toArray","children","IOS","addEventListener","updateModalTranslate","toggleDocumentScrolling","removeEventListener","prevProps","closeModal","enteringState","onEnter","innerElement","style","transitionDelay","onEntered","delayEnter","timeout","restoreFocusTo","activeElement","focus","enabled","documentScrolling","preventTouch","passive","modalElement","prevModalState","initPageModal","currentModalState","needAnimate","expandable","translateYFrom","setState","nextModalState","nextIsPage","prevIsPage","onExited","exitTranslate","isBack","setMaskOpacity","shiftY","isY","viewportRef","current","stopPropagation","collapsed","expanded","touchStartContentScrollTop","scrollTop","touchMovePositive","headerElement","shiftYPercent","innerHeight","shiftYCurrent","touchShiftYPercent","translateYCurrent","offsetHeight","startY","setStateCallback","shiftYEndPercent","expectTranslateY","duration","settlingHeight","expandedRange","collapsedRange","hiddenRange","hidden","eventHandler","transitionEvent","supported","onceHandler","name","percent","frameId","cancelAnimationFrame","forceOpacity","history","maskAnimationFrame","opacity","toString","configProvider","webviewType","WebviewType","VKAPPS","onTouchMove","onTouchEnd","onScroll","getModals","map","Modal","modalId","_modalState","isPage","key","Component","ModalRootTouch","initModal","ConfigProviderContext","MODAL_PAGE_DEFAULT_PERCENT_HEIGHT","initCardModal","contentHeight","firstElementChild","prevTranslateY","clientHeight","shiftHalf","visiblePart","headerHeight","height","parentElement"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport TouchRootContext from \"../Touch/TouchContext\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { setTransformStyle } from \"../../lib/styles\";\nimport { rubber } from \"../../lib/touch\";\nimport { ANDROID, IOS, VKCOM } from \"../../lib/platform\";\nimport { transitionEvent } from \"../../lib/supportEvents\";\nimport { HasPlatform } from \"../../types\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { withContext } from \"../../hoc/withContext\";\nimport ModalRootContext, {\n  ModalRootContextInterface,\n} from \"./ModalRootContext\";\nimport {\n  ConfigProviderContext,\n  ConfigProviderContextInterface,\n  WebviewType,\n} from \"../ConfigProvider/ConfigProviderContext\";\nimport { ModalsStateEntry, ModalType, TranslateRange } from \"./types\";\nimport { MODAL_PAGE_DEFAULT_PERCENT_HEIGHT } from \"./constants\";\nimport { DOMProps, withDOM } from \"../../lib/dom\";\nimport { getNavId } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { FocusTrap } from \"../FocusTrap/FocusTrap\";\nimport { ModalTransitionProps, withModalManager } from \"./useModalManager\";\nimport \"./ModalRoot.css\";\n\nconst warn = warnOnce(\"ModalRoot\");\nconst IS_DEV = process.env.NODE_ENV === \"development\";\n\nfunction numberInRange(number: number, range: TranslateRange | undefined) {\n  if (!range) {\n    return false;\n  }\n  return number >= range[0] && number <= range[1];\n}\n\nfunction rangeTranslate(number: number) {\n  return Math.max(0, Math.min(98, number));\n}\n\nexport interface ModalRootProps extends HasPlatform {\n  activeModal?: string | null;\n\n  /**\n   * Будет вызвано при начале открытия активной модалки с её id\n   */\n  onOpen?(modalId: string): void;\n\n  /**\n   * Будет вызвано при окончательном открытии активной модалки с её id\n   */\n  onOpened?(modalId: string): void;\n\n  /**\n   * Будет вызвано при начале закрытия активной модалки с её id\n   */\n  onClose?(modalId: string): void;\n\n  /**\n   * Будет вызвано при окончательном закрытии активной модалки с её id\n   */\n  onClosed?(modalId: string): void;\n\n  /**\n   * @ignore\n   */\n  configProvider?: ConfigProviderContextInterface;\n}\n\ninterface ModalRootState {\n  touchDown?: boolean;\n  dragging?: boolean;\n}\n\nclass ModalRootTouchComponent extends React.Component<\n  ModalRootProps & DOMProps & ModalTransitionProps,\n  ModalRootState\n> {\n  constructor(props: ModalRootProps & ModalTransitionProps) {\n    super(props);\n    this.state = {\n      touchDown: false,\n      dragging: false,\n    };\n\n    this.maskElementRef = React.createRef();\n\n    this.modalRootContext = {\n      updateModalHeight: this.updateModalHeight,\n      registerModal: ({ id, ...data }) =>\n        Object.assign(this.getModalState(id), data),\n      onClose: () => this.props.onExit(),\n      isInsideModal: true,\n    };\n\n    this.frameIds = {};\n  }\n\n  private documentScrolling = false;\n  private readonly maskElementRef: React.RefObject<HTMLDivElement>;\n  private readonly viewportRef = React.createRef<HTMLDivElement>();\n  private maskAnimationFrame: number | undefined = undefined;\n  private readonly modalRootContext: ModalRootContextInterface;\n  private readonly frameIds: {\n    [index: string]: number;\n  };\n  private restoreFocusTo: HTMLElement | undefined | null = undefined;\n\n  get timeout(): number {\n    return this.props.platform === ANDROID || this.props.platform === VKCOM\n      ? 320\n      : 400;\n  }\n\n  get document() {\n    return this.props.document;\n  }\n\n  get window() {\n    return this.props.window;\n  }\n\n  getModalState(id: string | undefined | null) {\n    if (!id) {\n      return undefined;\n    }\n    return this.props.getModalState(id);\n  }\n\n  getModals() {\n    return React.Children.toArray(this.props.children) as React.ReactElement[];\n  }\n\n  componentDidMount() {\n    // Отслеживаем изменение размеров viewport (Необходимо для iOS)\n    if (this.props.platform === IOS) {\n      this.window?.addEventListener(\"resize\", this.updateModalTranslate, false);\n    }\n  }\n\n  componentWillUnmount() {\n    this.toggleDocumentScrolling(true);\n    this.window!.removeEventListener(\n      \"resize\",\n      this.updateModalTranslate,\n      false\n    );\n  }\n\n  componentDidUpdate(prevProps: ModalRootProps & ModalTransitionProps) {\n    // transition phase 2: animate exiting modal\n    if (\n      this.props.exitingModal &&\n      this.props.exitingModal !== prevProps.exitingModal\n    ) {\n      this.closeModal(this.props.exitingModal);\n    }\n\n    // transition phase 3: animate entering modal\n    if (\n      this.props.enteringModal &&\n      this.props.enteringModal !== prevProps.enteringModal\n    ) {\n      const { enteringModal } = this.props;\n      const enteringState = this.getModalState(enteringModal);\n      this.props.onEnter();\n      this.waitTransitionFinish(enteringState, () => {\n        if (enteringState?.innerElement) {\n          enteringState.innerElement.style.transitionDelay = \"\";\n        }\n        this.props.onEntered(enteringModal);\n      });\n\n      if (enteringState?.innerElement) {\n        enteringState.innerElement.style.transitionDelay = this.props.delayEnter\n          ? `${this.timeout}ms`\n          : \"\";\n        this.animateTranslate(enteringState, enteringState.translateY);\n      }\n    }\n\n    // focus restoration\n    if (this.props.activeModal && !prevProps.activeModal) {\n      this.restoreFocusTo = this.document!.activeElement as HTMLElement;\n    }\n    if (\n      !this.props.activeModal &&\n      !this.props.exitingModal &&\n      this.restoreFocusTo\n    ) {\n      this.restoreFocusTo.focus();\n      this.restoreFocusTo = null;\n    }\n\n    this.toggleDocumentScrolling(\n      !this.props.activeModal && !this.props.exitingModal\n    );\n  }\n\n  /* Отключает скролл документа */\n  toggleDocumentScrolling(enabled: boolean) {\n    if (this.documentScrolling === enabled) {\n      return;\n    }\n    this.documentScrolling = enabled;\n\n    if (enabled) {\n      // Здесь нужен последний аргумент с такими же параметрами, потому что\n      // некоторые браузеры на странных вендорах типа Meizu не удаляют обработчик.\n      // https://github.com/VKCOM/VKUI/issues/444\n      this.window!.removeEventListener(\"touchmove\", this.preventTouch, {\n        // @ts-ignore (В интерфейсе EventListenerOptions нет поля passive)\n        passive: false,\n      });\n    } else {\n      this.window!.addEventListener(\"touchmove\", this.preventTouch, {\n        passive: false,\n      });\n    }\n  }\n\n  preventTouch = (event: any) => {\n    if (!event) {\n      return false;\n    }\n    while (event.originalEvent) {\n      event = event.originalEvent;\n    }\n    if (event.preventDefault) {\n      event.preventDefault();\n    }\n    return false;\n  };\n\n  updateModalTranslate = () => {\n    const modalState = this.getModalState(this.props.activeModal);\n    modalState && this.animateTranslate(modalState, modalState.translateY);\n  };\n\n  checkPageContentHeight() {\n    const modalState = this.getModalState(this.props.activeModal);\n\n    if (modalState?.type === ModalType.PAGE && modalState?.modalElement) {\n      const prevModalState = { ...modalState };\n      initPageModal(modalState);\n      const currentModalState = { ...modalState };\n\n      let needAnimate = false;\n\n      if (prevModalState.expandable === currentModalState.expandable) {\n        if (\n          prevModalState.translateYFrom !== currentModalState.translateYFrom\n        ) {\n          needAnimate = true;\n        }\n      } else {\n        needAnimate = true;\n      }\n\n      if (needAnimate) {\n        this.animateTranslate(modalState, modalState.translateY);\n      }\n    }\n  }\n\n  updateModalHeight = () => {\n    const modalState = this.getModalState(this.props.activeModal);\n\n    if (\n      modalState &&\n      modalState.type === ModalType.PAGE &&\n      modalState.dynamicContentHeight\n    ) {\n      if (this.props.enteringModal) {\n        this.waitTransitionFinish(modalState, () => {\n          requestAnimationFrame(() => this.checkPageContentHeight());\n        });\n      } else {\n        requestAnimationFrame(() => this.checkPageContentHeight());\n      }\n    }\n  };\n\n  closeModal(id: string) {\n    // Сбрасываем состояния, которые могут помешать закрытию модального окна\n    this.setState({ touchDown: false });\n\n    const prevModalState = this.getModalState(id);\n\n    if (!prevModalState) {\n      id &&\n        warn(\n          `closeActiveModal: Modal ${id} does not exist - not closing`,\n          \"error\"\n        );\n      return;\n    }\n\n    const nextModalState = this.getModalState(this.props.activeModal);\n    const nextIsPage =\n      !!nextModalState && nextModalState.type === ModalType.PAGE;\n\n    const prevIsPage =\n      !!prevModalState && prevModalState.type === ModalType.PAGE;\n    this.waitTransitionFinish(prevModalState, () => this.props.onExited(id));\n    const exitTranslate =\n      prevIsPage &&\n      nextIsPage &&\n      (prevModalState.translateY ?? 0) <=\n        (nextModalState?.translateYFrom ?? 0) &&\n      !this.props.isBack\n        ? (nextModalState?.translateYFrom ?? 0) + 10\n        : 100;\n    this.animateTranslate(prevModalState, exitTranslate);\n\n    if (!nextModalState) {\n      // NOTE: was only for clean exit\n      this.setMaskOpacity(prevModalState, 0);\n    }\n  }\n\n  onTouchMove = (e: TouchEvent) => {\n    if (this.props.exitingModal) {\n      return;\n    }\n    const modalState = this.getModalState(this.props.activeModal);\n    if (!modalState) {\n      return;\n    }\n\n    if (modalState.type === ModalType.PAGE) {\n      return this.onPageTouchMove(e, modalState);\n    }\n\n    if (modalState.type === ModalType.CARD) {\n      return this.onCardTouchMove(e, modalState);\n    }\n  };\n\n  onPageTouchMove(event: TouchEvent, modalState: ModalsStateEntry) {\n    const { shiftY, originalEvent } = event;\n    const target = originalEvent.target as HTMLElement;\n\n    if (!event.isY) {\n      if (this.viewportRef.current?.contains(target)) {\n        originalEvent.preventDefault();\n      }\n      return;\n    }\n\n    if (!modalState.innerElement?.contains(target)) {\n      return originalEvent.preventDefault();\n    }\n\n    originalEvent.stopPropagation();\n\n    const { expandable, contentScrolled, collapsed, expanded } = modalState;\n\n    if (!this.state.touchDown) {\n      modalState.touchStartContentScrollTop =\n        modalState.contentElement?.scrollTop;\n      this.setState({ touchDown: true });\n    }\n\n    if (contentScrolled) {\n      return;\n    }\n\n    if (modalState.touchMovePositive === null) {\n      modalState.touchMovePositive = shiftY > 0;\n    }\n\n    if (\n      !modalState.expandable ||\n      collapsed ||\n      (expanded &&\n        modalState.touchMovePositive &&\n        modalState.touchStartContentScrollTop === 0) ||\n      modalState.headerElement?.contains(target)\n    ) {\n      originalEvent.preventDefault();\n\n      if ((!expandable && shiftY < 0) || !this.window) {\n        return;\n      }\n\n      !this.state.dragging && this.setState({ dragging: true });\n\n      const shiftYPercent = (shiftY / this.window.innerHeight) * 100;\n      const shiftYCurrent = rubber(\n        shiftYPercent,\n        72,\n        0.8,\n        this.props.platform === ANDROID || this.props.platform === VKCOM\n      );\n\n      modalState.touchShiftYPercent = shiftYPercent;\n      modalState.translateYCurrent = rangeTranslate(\n        (modalState.translateY ?? 0) + shiftYCurrent\n      );\n\n      this.animateTranslate(modalState, modalState.translateYCurrent);\n      this.setMaskOpacity(modalState);\n    }\n  }\n\n  onCardTouchMove(event: TouchEvent, modalState: ModalsStateEntry) {\n    const { originalEvent, shiftY } = event;\n    const target = originalEvent.target as HTMLElement;\n    if (modalState.innerElement?.contains(target)) {\n      if (!this.state.touchDown) {\n        this.setState({ touchDown: true, dragging: true });\n      }\n\n      const shiftYPercent =\n        (shiftY / modalState.innerElement.offsetHeight) * 100;\n      const shiftYCurrent = rubber(\n        shiftYPercent,\n        72,\n        1.2,\n        this.props.platform === ANDROID || this.props.platform === VKCOM\n      );\n\n      modalState.touchShiftYPercent = shiftYPercent;\n      modalState.translateYCurrent = Math.max(\n        0,\n        (modalState.translateY ?? 0) + shiftYCurrent\n      );\n\n      this.animateTranslate(modalState, modalState.translateYCurrent);\n      this.setMaskOpacity(modalState);\n    }\n  }\n\n  onTouchEnd = (e: TouchEvent) => {\n    const modalState = this.getModalState(this.props.activeModal);\n\n    if (modalState?.type === ModalType.PAGE) {\n      return this.onPageTouchEnd(e, modalState);\n    }\n\n    if (modalState?.type === ModalType.CARD) {\n      return this.onCardTouchEnd(e, modalState);\n    }\n  };\n\n  onPageTouchEnd(event: TouchEvent, modalState: ModalsStateEntry) {\n    const { startY, shiftY } = event;\n\n    modalState.contentScrolled = false;\n    modalState.touchMovePositive = null;\n\n    let setStateCallback;\n\n    if (this.state.dragging && this.window) {\n      const shiftYEndPercent =\n        ((startY + shiftY) / this.window.innerHeight) * 100;\n\n      let translateY = modalState.translateYCurrent ?? 0;\n      const expectTranslateY =\n        (translateY / event.duration) *\n        240 *\n        0.6 *\n        ((modalState.touchShiftYPercent ?? 0) < 0 ? -1 : 1);\n      translateY = rangeTranslate(translateY + expectTranslateY);\n\n      if (modalState.settlingHeight !== 100) {\n        if (numberInRange(translateY, modalState.expandedRange)) {\n          translateY = modalState.expandedRange?.[0] ?? 0;\n        } else if (numberInRange(translateY, modalState.collapsedRange)) {\n          translateY = modalState.translateYFrom ?? 0;\n        } else if (numberInRange(translateY, modalState.hiddenRange)) {\n          translateY = 100;\n        } else {\n          translateY = modalState.translateYFrom ?? 0;\n        }\n      } else {\n        if (numberInRange(translateY, [0, 25])) {\n          translateY = 0;\n        } else {\n          translateY = 100;\n        }\n      }\n\n      if (translateY !== 100 && shiftYEndPercent >= 75) {\n        translateY = 100;\n      }\n\n      modalState.translateY = translateY;\n      modalState.translateYCurrent = translateY;\n      modalState.collapsed = translateY > 0 && translateY < shiftYEndPercent;\n      modalState.expanded = translateY === 0;\n      modalState.hidden = translateY === 100;\n\n      if (modalState.hidden) {\n        this.props.onExit();\n      }\n\n      setStateCallback = () => {\n        if (!modalState.hidden) {\n          this.animateTranslate(modalState, modalState.translateY);\n        }\n\n        this.setMaskOpacity(modalState);\n      };\n    }\n\n    this.setState(\n      {\n        touchDown: false,\n        dragging: false,\n      },\n      setStateCallback\n    );\n  }\n\n  onCardTouchEnd({ duration }: TouchEvent, modalState: ModalsStateEntry) {\n    let setStateCallback;\n\n    if (this.state.dragging) {\n      let translateY = modalState.translateYCurrent ?? 0;\n\n      const expectTranslateY =\n        (translateY / duration) *\n        240 *\n        0.6 *\n        ((modalState.touchShiftYPercent ?? 0) < 0 ? -1 : 1);\n      translateY = Math.max(0, translateY + expectTranslateY);\n\n      if (translateY >= 30) {\n        translateY = 100;\n      } else {\n        translateY = 0;\n      }\n\n      modalState.translateY = translateY;\n      modalState.hidden = translateY === 100;\n\n      if (modalState.hidden) {\n        this.props.onExit();\n      }\n\n      setStateCallback = () => {\n        if (!modalState.hidden) {\n          this.animateTranslate(modalState, modalState.translateY);\n        }\n\n        this.setMaskOpacity(modalState);\n      };\n    }\n\n    this.setState(\n      {\n        touchDown: false,\n        dragging: false,\n      },\n      setStateCallback\n    );\n  }\n\n  onScroll = (e: React.SyntheticEvent) => {\n    const activeModal = this.props.activeModal;\n\n    const target = e.target as HTMLElement;\n\n    if (!activeModal) {\n      return;\n    }\n    const modalState = this.getModalState(activeModal);\n    if (\n      modalState?.type === ModalType.PAGE &&\n      modalState?.contentElement?.contains(target)\n    ) {\n      modalState.contentScrolled = true;\n\n      if (modalState.contentScrollStopTimeout) {\n        clearTimeout(modalState.contentScrollStopTimeout);\n      }\n\n      modalState.contentScrollStopTimeout = setTimeout(() => {\n        if (modalState.contentScrolled) {\n          modalState.contentScrolled = false;\n        }\n      }, 250);\n    }\n  };\n\n  waitTransitionFinish(\n    modalState: ModalsStateEntry | undefined,\n    eventHandler: () => void\n  ) {\n    if (transitionEvent.supported) {\n      const onceHandler = () => {\n        modalState?.innerElement?.removeEventListener(\n          transitionEvent.name as string,\n          onceHandler\n        );\n        eventHandler();\n      };\n\n      modalState?.innerElement?.addEventListener(\n        transitionEvent.name as string,\n        onceHandler\n      );\n    } else {\n      setTimeout(eventHandler, this.timeout);\n    }\n  }\n\n  /**\n   * Анимирует сдвиг модалки\n   *\n   * @param {ModalsStateEntry} modalState\n   * @param {number} percent Процент сдвига: 0 – полностью открыта, 100 – полностью закрыта\n   */\n  animateTranslate(modalState: ModalsStateEntry, percent: number | undefined) {\n    const frameId = `animateTranslateFrame${modalState.id}`;\n\n    cancelAnimationFrame(this.frameIds[frameId]);\n\n    this.frameIds[frameId] = requestAnimationFrame(() => {\n      setTransformStyle(\n        modalState.innerElement,\n        `translate3d(0, ${percent}%, 0)`\n      );\n    });\n  }\n\n  /* Устанавливает прозрачность для полупрозрачной подложки */\n  setMaskOpacity(\n    modalState: ModalsStateEntry,\n    forceOpacity: number | null = null\n  ) {\n    if (forceOpacity === null && this.props.history?.[0] !== modalState.id) {\n      return;\n    }\n    if (this.maskAnimationFrame) {\n      cancelAnimationFrame(this.maskAnimationFrame);\n    }\n    this.maskAnimationFrame = requestAnimationFrame(() => {\n      if (this.maskElementRef.current) {\n        const { translateY = 0, translateYCurrent = 0 } = modalState;\n\n        const opacity =\n          forceOpacity === null\n            ? 1 - (translateYCurrent - translateY) / (100 - translateY) || 0\n            : forceOpacity;\n        this.maskElementRef.current.style.opacity = Math.max(\n          0,\n          Math.min(100, opacity)\n        ).toString();\n      }\n    });\n  }\n\n  render() {\n    const { activeModal, exitingModal, enteringModal } = this.props;\n    const { touchDown, dragging } = this.state;\n\n    if (!activeModal && !exitingModal) {\n      return null;\n    }\n\n    return (\n      <TouchRootContext.Provider value={true}>\n        <ModalRootContext.Provider value={this.modalRootContext}>\n          <Touch\n            // eslint-disable-next-line vkui/no-object-expression-in-arguments\n            vkuiClass={classNames(\n              getClassName(\"ModalRoot\", this.props.platform),\n              {\n                \"ModalRoot--vkapps\":\n                  this.props.configProvider?.webviewType === WebviewType.VKAPPS,\n                \"ModalRoot--touched\": touchDown,\n                \"ModalRoot--switching\": !!(enteringModal || exitingModal),\n              }\n            )}\n            onMove={this.onTouchMove}\n            onEnd={this.onTouchEnd}\n            onScroll={this.onScroll}\n          >\n            <div\n              vkuiClass=\"ModalRoot__mask\"\n              onClick={this.props.onExit}\n              ref={this.maskElementRef}\n            />\n            <div vkuiClass=\"ModalRoot__viewport\" ref={this.viewportRef}>\n              {this.getModals().map((Modal) => {\n                const modalId = getNavId(Modal.props, warn);\n                const _modalState = this.getModalState(modalId);\n                if (\n                  (modalId !== activeModal && modalId !== exitingModal) ||\n                  !_modalState\n                ) {\n                  return null;\n                }\n                const modalState = { ..._modalState };\n\n                const isPage = modalState.type === ModalType.PAGE;\n                const key = `modal-${modalId}`;\n\n                return (\n                  <FocusTrap\n                    key={key}\n                    getRootRef={(e) => {\n                      const modalState = this.getModalState(modalId);\n                      if (modalState) {\n                        modalState.modalElement = e;\n                      }\n                    }}\n                    onClose={this.props.onExit}\n                    timeout={this.timeout}\n                    // eslint-disable-next-line vkui/no-object-expression-in-arguments\n                    vkuiClass={classNames(\"ModalRoot__modal\", {\n                      \"ModalRoot__modal--active\": modalId === activeModal,\n                      \"ModalRoot__modal--prev\": modalId === exitingModal,\n                      \"ModalRoot__modal--next\":\n                        (exitingModal && modalId === activeModal) ||\n                        modalId === enteringModal,\n\n                      \"ModalRoot__modal--dragging\": dragging,\n\n                      \"ModalRoot__modal--expandable\":\n                        isPage && modalState.expandable,\n                      \"ModalRoot__modal--expanded\":\n                        isPage && modalState.expanded,\n                      \"ModalRoot__modal--collapsed\":\n                        isPage && modalState.collapsed,\n                    })}\n                    restoreFocus={false}\n                  >\n                    {Modal}\n                  </FocusTrap>\n                );\n              })}\n            </div>\n          </Touch>\n        </ModalRootContext.Provider>\n      </TouchRootContext.Provider>\n    );\n  }\n}\n\nexport const ModalRootTouch = withContext(\n  withPlatform(\n    withDOM<ModalRootProps>(\n      withModalManager(initModal)(ModalRootTouchComponent)\n    )\n  ),\n  ConfigProviderContext,\n  \"configProvider\"\n);\n\n/**\n * Инициализирует модалку перед анимацией открытия\n */\nfunction initModal(modalState: ModalsStateEntry) {\n  switch (modalState.type) {\n    case ModalType.PAGE:\n      modalState.settlingHeight =\n        modalState.settlingHeight || MODAL_PAGE_DEFAULT_PERCENT_HEIGHT;\n      return initPageModal(modalState);\n    case ModalType.CARD:\n      return initCardModal(modalState);\n    default:\n      IS_DEV && warn(\"initActiveModal: modalState.type is unknown\", \"error\");\n  }\n}\n\nfunction initPageModal(modalState: ModalsStateEntry) {\n  const { contentElement } = modalState;\n  const contentHeight = (contentElement?.firstElementChild as HTMLElement)\n    .offsetHeight;\n\n  let prevTranslateY = modalState.translateY;\n\n  modalState.expandable =\n    contentHeight > (contentElement?.clientHeight ?? 0) ||\n    modalState.settlingHeight === 100;\n\n  let collapsed = false;\n  let expanded = false;\n  let translateYFrom;\n  let translateY;\n  let expandedRange: TranslateRange;\n  let collapsedRange: TranslateRange;\n  let hiddenRange: TranslateRange;\n\n  if (modalState.expandable) {\n    translateYFrom = 100 - (modalState.settlingHeight ?? 0);\n\n    const shiftHalf = translateYFrom / 2;\n    const visiblePart = 100 - translateYFrom;\n\n    expandedRange = [0, shiftHalf];\n    collapsedRange = [shiftHalf, translateYFrom + visiblePart / 4];\n    hiddenRange = [translateYFrom + visiblePart / 4, 100];\n\n    collapsed = translateYFrom > 0;\n    expanded = translateYFrom <= 0;\n    translateY = translateYFrom;\n  } else {\n    const headerHeight = modalState.headerElement?.offsetHeight ?? 0;\n    const height = contentHeight + headerHeight;\n\n    translateYFrom =\n      100 -\n      (height / (modalState.innerElement?.parentElement?.offsetHeight ?? 0)) *\n        100;\n    translateY = translateYFrom;\n\n    expandedRange = [translateY, translateY + 25];\n    collapsedRange = [translateY + 25, translateY + 25];\n    hiddenRange = [translateY + 25, translateY + 100];\n  }\n\n  // Если модалка может открываться на весь экран, и новый сдвиг больше предыдущего, то откроем её на весь экран\n  if (\n    (modalState.expandable && translateY > (prevTranslateY ?? 0)) ||\n    modalState.settlingHeight === 100\n  ) {\n    translateY = 0;\n  }\n\n  modalState.expandedRange = expandedRange;\n  modalState.collapsedRange = collapsedRange;\n  modalState.hiddenRange = hiddenRange;\n  modalState.translateY = translateY;\n  modalState.translateYFrom = translateYFrom;\n  modalState.collapsed = collapsed;\n  modalState.expanded = expanded;\n}\n\nfunction initCardModal(modalState: ModalsStateEntry) {\n  modalState.translateY = 0;\n}\n"],"file":"ModalRoot.js"}

package/dist/cjs/components/ModalRoot/ModalRootAdaptive.d.ts

@@ -3,8 +3,20 @@ import { AdaptivityContextInterface, AdaptivityProps } from "../AdaptivityProvid
 export interface ModalRootProps extends AdaptivityProps {
     activeModal?: string | null;
     /**
-     * Будет вызвано при закрытии активной модалки с её id
+     * Будет вызвано при начале открытия активной модалки с её id
      */
-    onClose?: (modalId: string) => void;
+    onOpen?(modalId: string): void;
+    /**
+     * Будет вызвано при окончательном открытии активной модалки с её id
+     */
+    onOpened?(modalId: string): void;
+    /**
+     * Будет вызвано при начале закрытия активной модалки с её id
+     */
+    onClose?(modalId: string): void;
+    /**
+     * Будет вызвано при окончательном закрытии активной модалки с её id
+     */
+    onClosed?(modalId: string): void;
 }
-export declare const ModalRoot: React.FC<Pick<ModalRootProps & AdaptivityContextInterface, "onClose" | "activeModal"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
+export declare const ModalRoot: React.FC<Pick<ModalRootProps & AdaptivityContextInterface, "onOpen" | "onOpened" | "onClose" | "onClosed" | "activeModal"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

package/dist/cjs/components/ModalRoot/ModalRootAdaptive.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalRoot/ModalRootAdaptive.tsx"],"names":["ModalRootComponent","props","viewWidth","viewHeight","hasMouse","isDesktop","ViewWidth","SMALL_TABLET","ViewHeight","MEDIUM","RootComponent","ModalRootDesktop","ModalRootTouch","displayName","ModalRoot"],"mappings":";;;;;;;;;AACA;;AAKA;;AACA;;AAeA,IAAMA,kBAEL,GAAG,SAFEA,kBAEF,CAACC,KAAD,EAAW;AACb,MAAQC,SAAR,GAA4CD,KAA5C,CAAQC,SAAR;AAAA,MAAmBC,UAAnB,GAA4CF,KAA5C,CAAmBE,UAAnB;AAAA,MAA+BC,QAA/B,GAA4CH,KAA5C,CAA+BG,QAA/B;AACA,MAAMC,SAAS,GACbH,SAAS,IAAII,0BAAUC,YAAvB,KACCH,QAAQ,IAAID,UAAU,IAAIK,2BAAWC,MADtC,CADF;AAIA,MAAMC,aAAa,GAAGL,SAAS,GAAGM,kCAAH,GAAsBC,yBAArD;AAEA,SAAO,qCAAC,aAAD,EAAmBX,KAAnB,CAAP;AACD,CAXD;;AAaAD,kBAAkB,CAACa,WAAnB,GAAiC,WAAjC;AAEO,IAAMC,SAAS,GAAG,oCAAed,kBAAf,EAAmC;AAC1DE,EAAAA,SAAS,EAAE,IAD+C;AAE1DC,EAAAA,UAAU,EAAE,IAF8C;AAG1DC,EAAAA,QAAQ,EAAE;AAHgD,CAAnC,CAAlB","sourcesContent":["import * as React from \"react\";\nimport {\n  withAdaptivity,\n  ViewHeight,\n  ViewWidth,\n} from \"../../hoc/withAdaptivity\";\nimport { ModalRootTouch } from \"./ModalRoot\";\nimport { ModalRootDesktop } from \"./ModalRootDesktop\";\nimport {\n  AdaptivityContextInterface,\n  AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\n\nexport interface ModalRootProps extends AdaptivityProps {\n  activeModal?: string | null;\n\n  /**\n   * Будет вызвано при закрытии активной модалки с её id\n   */\n  onClose?: (modalId: string) => void;\n}\n\nconst ModalRootComponent: React.FC<\n  ModalRootProps & AdaptivityContextInterface\n> = (props) => {\n  const { viewWidth, viewHeight, hasMouse } = props;\n  const isDesktop =\n    viewWidth >= ViewWidth.SMALL_TABLET &&\n    (hasMouse || viewHeight >= ViewHeight.MEDIUM);\n\n  const RootComponent = isDesktop ? ModalRootDesktop : ModalRootTouch;\n\n  return <RootComponent {...props} />;\n};\n\nModalRootComponent.displayName = \"ModalRoot\";\n\nexport const ModalRoot = withAdaptivity(ModalRootComponent, {\n  viewWidth: true,\n  viewHeight: true,\n  hasMouse: true,\n});\n"],"file":"ModalRootAdaptive.js"}
+{"version":3,"sources":["../../../../src/components/ModalRoot/ModalRootAdaptive.tsx"],"names":["ModalRootComponent","props","viewWidth","viewHeight","hasMouse","isDesktop","ViewWidth","SMALL_TABLET","ViewHeight","MEDIUM","RootComponent","ModalRootDesktop","ModalRootTouch","displayName","ModalRoot"],"mappings":";;;;;;;;;AACA;;AAKA;;AACA;;AA8BA,IAAMA,kBAEL,GAAG,SAFEA,kBAEF,CAACC,KAAD,EAAW;AACb,MAAQC,SAAR,GAA4CD,KAA5C,CAAQC,SAAR;AAAA,MAAmBC,UAAnB,GAA4CF,KAA5C,CAAmBE,UAAnB;AAAA,MAA+BC,QAA/B,GAA4CH,KAA5C,CAA+BG,QAA/B;AACA,MAAMC,SAAS,GACbH,SAAS,IAAII,0BAAUC,YAAvB,KACCH,QAAQ,IAAID,UAAU,IAAIK,2BAAWC,MADtC,CADF;AAIA,MAAMC,aAAa,GAAGL,SAAS,GAAGM,kCAAH,GAAsBC,yBAArD;AAEA,SAAO,qCAAC,aAAD,EAAmBX,KAAnB,CAAP;AACD,CAXD;;AAaAD,kBAAkB,CAACa,WAAnB,GAAiC,WAAjC;AAEO,IAAMC,SAAS,GAAG,oCAAed,kBAAf,EAAmC;AAC1DE,EAAAA,SAAS,EAAE,IAD+C;AAE1DC,EAAAA,UAAU,EAAE,IAF8C;AAG1DC,EAAAA,QAAQ,EAAE;AAHgD,CAAnC,CAAlB","sourcesContent":["import * as React from \"react\";\nimport {\n  withAdaptivity,\n  ViewHeight,\n  ViewWidth,\n} from \"../../hoc/withAdaptivity\";\nimport { ModalRootTouch } from \"./ModalRoot\";\nimport { ModalRootDesktop } from \"./ModalRootDesktop\";\nimport {\n  AdaptivityContextInterface,\n  AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\n\nexport interface ModalRootProps extends AdaptivityProps {\n  activeModal?: string | null;\n\n  /**\n   * Будет вызвано при начале открытия активной модалки с её id\n   */\n  onOpen?(modalId: string): void;\n\n  /**\n   * Будет вызвано при окончательном открытии активной модалки с её id\n   */\n  onOpened?(modalId: string): void;\n\n  /**\n   * Будет вызвано при начале закрытия активной модалки с её id\n   */\n  onClose?(modalId: string): void;\n\n  /**\n   * Будет вызвано при окончательном закрытии активной модалки с её id\n   */\n  onClosed?(modalId: string): void;\n}\n\nconst ModalRootComponent: React.FC<\n  ModalRootProps & AdaptivityContextInterface\n> = (props) => {\n  const { viewWidth, viewHeight, hasMouse } = props;\n  const isDesktop =\n    viewWidth >= ViewWidth.SMALL_TABLET &&\n    (hasMouse || viewHeight >= ViewHeight.MEDIUM);\n\n  const RootComponent = isDesktop ? ModalRootDesktop : ModalRootTouch;\n\n  return <RootComponent {...props} />;\n};\n\nModalRootComponent.displayName = \"ModalRoot\";\n\nexport const ModalRoot = withAdaptivity(ModalRootComponent, {\n  viewWidth: true,\n  viewHeight: true,\n  hasMouse: true,\n});\n"],"file":"ModalRootAdaptive.js"}

package/dist/cjs/components/ModalRoot/ModalRootDesktop.d.ts

@@ -9,8 +9,20 @@ export interface ModalRootProps extends HasPlatform {
      */
     configProvider?: ConfigProviderContextInterface;
     /**
-     * Будет вызвано при закрытии активной модалки с её id
+     * Будет вызвано при начале открытия активной модалки с её id
+     */
+    onOpen?(modalId: string): void;
+    /**
+     * Будет вызвано при окончательном открытии активной модалки с её id
+     */
+    onOpened?(modalId: string): void;
+    /**
+     * Будет вызвано при начале закрытия активной модалки с её id
      */
     onClose?(modalId: string): void;
+    /**
+     * Будет вызвано при окончательном закрытии активной модалки с её id
+     */
+    onClosed?(modalId: string): void;
 }
-export declare const ModalRootDesktop: React.FC<Pick<ModalRootProps, "configProvider" | "onClose" | "activeModal">>;
+export declare const ModalRootDesktop: React.FC<Pick<ModalRootProps, "configProvider" | "onOpen" | "onOpened" | "onClose" | "onClosed" | "activeModal">>;