@vkontakte/vkui 4.36.1 → 4.37.1

package/dist/cjs/components/AppRoot/ScrollContext.js

@@ -34,6 +34,14 @@ var clearDisableScrollStyle = function clearDisableScrollStyle(node) {
   });
 };
 
+var getPageYOffsetWithoutKeyboardHeight = function getPageYOffsetWithoutKeyboardHeight(window) {
+  // Note: здесь расчёт на то, что `clientHeight` равен `window.innerHeight`.
+  //  Это достигается тем, что тегу `html` задали`height: 100%` и у него нет отступов сверху и снизу. Если есть отступы,
+  //  то надо задать `box-sizing: border-box`, чтобы они не учитывались.
+  var diffOfClientHeightAndViewportHeight = window.document.documentElement.clientHeight - window.innerHeight;
+  return window.pageYOffset - diffOfClientHeightAndViewportHeight;
+};
+
 var ScrollContext = /*#__PURE__*/React.createContext({
   getScroll: function getScroll() {
     return {
@@ -70,7 +78,7 @@ var GlobalScrollController = function GlobalScrollController(_ref) {
   var getScroll = React.useCallback(function () {
     return {
       x: window.pageXOffset,
-      y: window.pageYOffset
+      y: getPageYOffsetWithoutKeyboardHeight(window)
     };
   }, [window]);
   var scrollTo = React.useCallback(function () {

package/dist/cjs/components/AppRoot/ScrollContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/AppRoot/ScrollContext.tsx"],"names":["clearDisableScrollStyle","node","Object","assign","style","position","top","left","right","overflowY","overflowX","ScrollContext","React","createContext","getScroll","x","y","scrollTo","noop","isScrollLock","enableScrollLock","disableScrollLock","useScroll","useContext","GlobalScrollController","children","window","document","useState","setScrollLock","beforeScrollLockFnSetRef","useRef","Set","useCallback","pageXOffset","pageYOffset","body","scrollWidth","innerWidth","scrollHeight","innerHeight","current","forEach","fn","scrollY","scrollX","documentElement","clientWidth","clientHeight","parseInt","scrollController","useMemo","ElementScrollController","elRef","scrollLeft","scrollTop","el","useScrollLockEffect","effect","deps","destructorRef","effectCallback","useEffect","beforeSet","add","delete","useScrollLock","enabled"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { noop } from \"../../lib/utils\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { clamp } from \"../../helpers/math\";\nimport { useDOM } from \"../../lib/dom\";\n\nconst clearDisableScrollStyle = (node: HTMLElement) => {\n  Object.assign(node.style, {\n    position: \"\",\n    top: \"\",\n    left: \"\",\n    right: \"\",\n    overflowY: \"\",\n    overflowX: \"\",\n  });\n};\n\nexport interface ScrollContextInterface {\n  getScroll(this: void): { x: number; y: number };\n  scrollTo(this: void, x?: number, y?: number): void;\n  isScrollLock: boolean;\n  enableScrollLock(this: void): void;\n  disableScrollLock(this: void): void;\n  beforeScrollLockFnSetRef?: React.RefObject<Set<() => void>>;\n}\n\nexport const ScrollContext = React.createContext<ScrollContextInterface>({\n  getScroll: () => ({ x: 0, y: 0 }),\n  scrollTo: noop,\n  isScrollLock: false,\n  enableScrollLock: noop,\n  disableScrollLock: noop,\n});\n\nexport const useScroll = () => React.useContext(ScrollContext);\n\nexport interface ScrollControllerProps {\n  elRef: React.RefObject<HTMLElement>;\n  children?: React.ReactNode;\n}\n\nexport const GlobalScrollController = ({ children }: ScrollControllerProps) => {\n  const { window, document } = useDOM();\n  const [isScrollLock, setScrollLock] = React.useState(false);\n  const beforeScrollLockFnSetRef = React.useRef<Set<() => void>>(new Set());\n\n  const getScroll = React.useCallback<ScrollContextInterface[\"getScroll\"]>(\n    () => ({ x: window!.pageXOffset, y: window!.pageYOffset }),\n    [window]\n  );\n  const scrollTo = React.useCallback<ScrollContextInterface[\"scrollTo\"]>(\n    (x = 0, y = 0) => {\n      // Some iOS versions do not normalize scroll — do it manually.\n      window!.scrollTo(\n        x ? clamp(x, 0, document!.body.scrollWidth - window!.innerWidth) : 0,\n        y ? clamp(y, 0, document!.body.scrollHeight - window!.innerHeight) : 0\n      );\n    },\n    [document, window]\n  );\n\n  const enableScrollLock = React.useCallback<\n    ScrollContextInterface[\"enableScrollLock\"]\n  >(() => {\n    beforeScrollLockFnSetRef.current.forEach((fn) => {\n      fn();\n    });\n\n    const scrollY = window!.pageYOffset;\n    const scrollX = window!.pageXOffset;\n    const overflowY =\n      window!.innerWidth > document!.documentElement.clientWidth\n        ? \"scroll\"\n        : \"\";\n    const overflowX =\n      window!.innerHeight > document!.documentElement.clientHeight\n        ? \"scroll\"\n        : \"\";\n\n    Object.assign(document!.body.style, {\n      position: \"fixed\",\n      top: `-${scrollY}px`,\n      left: `-${scrollX}px`,\n      right: \"0\",\n      overflowY,\n      overflowX,\n    });\n    setScrollLock(true);\n  }, [document, window]);\n\n  const disableScrollLock = React.useCallback<\n    ScrollContextInterface[\"disableScrollLock\"]\n  >(() => {\n    const scrollY = document!.body.style.top;\n    const scrollX = document!.body.style.left;\n\n    clearDisableScrollStyle(document!.body);\n    window!.scrollTo(-parseInt(scrollX || \"0\"), -parseInt(scrollY || \"0\"));\n    setScrollLock(false);\n  }, [document, window]);\n\n  const scrollController = React.useMemo<ScrollContextInterface>(\n    () => ({\n      getScroll,\n      scrollTo,\n      isScrollLock,\n      disableScrollLock,\n      enableScrollLock,\n\n      beforeScrollLockFnSetRef: beforeScrollLockFnSetRef,\n    }),\n    [getScroll, scrollTo, isScrollLock, disableScrollLock, enableScrollLock]\n  );\n\n  return (\n    <ScrollContext.Provider value={scrollController}>\n      {children}\n    </ScrollContext.Provider>\n  );\n};\n\nexport const ElementScrollController = ({\n  elRef,\n  children,\n}: ScrollControllerProps) => {\n  const [isScrollLock, setScrollLock] = React.useState(false);\n  const beforeScrollLockFnSetRef = React.useRef<Set<() => void>>(new Set());\n\n  const getScroll = React.useCallback<ScrollContextInterface[\"getScroll\"]>(\n    () => ({\n      x: elRef.current?.scrollLeft ?? 0,\n      y: elRef.current?.scrollTop ?? 0,\n    }),\n    [elRef]\n  );\n  const scrollTo = React.useCallback<ScrollContextInterface[\"scrollTo\"]>(\n    (x = 0, y = 0) => {\n      const el = elRef.current;\n      // Some iOS versions do not normalize scroll — do it manually.\n      el?.scrollTo(\n        x ? clamp(x, 0, el.scrollWidth - el.clientWidth) : 0,\n        y ? clamp(y, 0, el.scrollHeight - el.clientHeight) : 0\n      );\n    },\n    [elRef]\n  );\n\n  const enableScrollLock = React.useCallback<\n    ScrollContextInterface[\"enableScrollLock\"]\n  >(() => {\n    const el = elRef.current;\n    if (!el) {\n      return;\n    }\n    beforeScrollLockFnSetRef.current.forEach((fn) => {\n      fn();\n    });\n\n    const scrollY = el.scrollTop;\n    const scrollX = el.scrollLeft;\n    const overflowY = el.scrollWidth > el.clientWidth ? \"scroll\" : \"\";\n    const overflowX = el.scrollHeight > el.clientHeight ? \"scroll\" : \"\";\n\n    Object.assign(el.style, {\n      position: \"absolute\",\n      top: `-${scrollY}px`,\n      left: `-${scrollX}px`,\n      right: \"0\",\n      overflowY,\n      overflowX,\n    });\n    setScrollLock(true);\n  }, [elRef]);\n\n  const disableScrollLock = React.useCallback<\n    ScrollContextInterface[\"disableScrollLock\"]\n  >(() => {\n    const el = elRef.current;\n    if (!el) {\n      return;\n    }\n\n    const scrollY = el.style.top;\n    const scrollX = el.style.left;\n\n    clearDisableScrollStyle(el);\n    el.scrollTo(-parseInt(scrollX || \"0\"), -parseInt(scrollY || \"0\"));\n    setScrollLock(false);\n  }, [elRef]);\n\n  const scrollController = React.useMemo<ScrollContextInterface>(\n    () => ({\n      getScroll,\n      scrollTo,\n      isScrollLock,\n      disableScrollLock,\n      enableScrollLock,\n      beforeScrollLockFnSetRef,\n    }),\n    [getScroll, scrollTo, isScrollLock, disableScrollLock, enableScrollLock]\n  );\n\n  return (\n    <ScrollContext.Provider value={scrollController}>\n      {children}\n    </ScrollContext.Provider>\n  );\n};\n\n/**\n * Вызывает функцию effect, до блокировки прокрутки\n * @param effect функция, которая может возвращать функцию очистки\n * @param deps effect обновится только при изменении значений в списке.\n */\nexport const useScrollLockEffect = (\n  effect: React.EffectCallback,\n  deps: React.DependencyList\n) => {\n  const destructorRef = React.useRef<ReturnType<React.EffectCallback>>(noop);\n  const { isScrollLock, beforeScrollLockFnSetRef } = useScroll();\n\n  // Изменяем effectCallback только при изменении deps\n  const effectCallback = React.useCallback(() => {\n    destructorRef.current = effect();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n\n  // Добавляем effectCallback в список функций, которые необходимо вызвать\n  // до блокировки\n  React.useEffect(() => {\n    const beforeSet = beforeScrollLockFnSetRef?.current;\n    if (!beforeSet) {\n      return noop;\n    }\n\n    beforeSet.add(effectCallback);\n\n    return () => {\n      beforeSet.delete(effectCallback);\n    };\n  }, [beforeScrollLockFnSetRef, effectCallback]);\n\n  // Вызываем сбрасывающую функцию, после отключения блокировки\n  React.useEffect(() => {\n    if (!isScrollLock && destructorRef.current) {\n      destructorRef.current();\n    }\n  }, [isScrollLock]);\n};\n\nexport const useScrollLock = (enabled = true) => {\n  const { enableScrollLock, disableScrollLock } = useScroll();\n  useIsomorphicLayoutEffect(() => {\n    if (enabled) {\n      enableScrollLock();\n      return disableScrollLock;\n    }\n    return noop;\n  }, [enableScrollLock, disableScrollLock, enabled]);\n};\n"],"file":"ScrollContext.js"}
+{"version":3,"file":"ScrollContext.js","names":["clearDisableScrollStyle","node","Object","assign","style","position","top","left","right","overflowY","overflowX","getPageYOffsetWithoutKeyboardHeight","window","diffOfClientHeightAndViewportHeight","document","documentElement","clientHeight","innerHeight","pageYOffset","ScrollContext","React","createContext","getScroll","x","y","scrollTo","noop","isScrollLock","enableScrollLock","disableScrollLock","useScroll","useContext","GlobalScrollController","children","useDOM","useState","setScrollLock","beforeScrollLockFnSetRef","useRef","Set","useCallback","pageXOffset","clamp","body","scrollWidth","innerWidth","scrollHeight","current","forEach","fn","scrollY","scrollX","clientWidth","parseInt","scrollController","useMemo","ElementScrollController","elRef","scrollLeft","scrollTop","el","useScrollLockEffect","effect","deps","destructorRef","effectCallback","useEffect","beforeSet","add","delete","useScrollLock","enabled","useIsomorphicLayoutEffect"],"sources":["../../../../src/components/AppRoot/ScrollContext.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { noop } from \"../../lib/utils\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { clamp } from \"../../helpers/math\";\nimport { useDOM } from \"../../lib/dom\";\n\nconst clearDisableScrollStyle = (node: HTMLElement) => {\n  Object.assign(node.style, {\n    position: \"\",\n    top: \"\",\n    left: \"\",\n    right: \"\",\n    overflowY: \"\",\n    overflowX: \"\",\n  });\n};\n\nconst getPageYOffsetWithoutKeyboardHeight = (window: Window) => {\n  // Note: здесь расчёт на то, что `clientHeight` равен `window.innerHeight`.\n  //  Это достигается тем, что тегу `html` задали`height: 100%` и у него нет отступов сверху и снизу. Если есть отступы,\n  //  то надо задать `box-sizing: border-box`, чтобы они не учитывались.\n  const diffOfClientHeightAndViewportHeight =\n    window.document.documentElement.clientHeight - window.innerHeight;\n  return window.pageYOffset - diffOfClientHeightAndViewportHeight;\n};\n\nexport interface ScrollContextInterface {\n  getScroll(this: void): { x: number; y: number };\n  scrollTo(this: void, x?: number, y?: number): void;\n  isScrollLock: boolean;\n  enableScrollLock(this: void): void;\n  disableScrollLock(this: void): void;\n  beforeScrollLockFnSetRef?: React.RefObject<Set<() => void>>;\n}\n\nexport const ScrollContext = React.createContext<ScrollContextInterface>({\n  getScroll: () => ({ x: 0, y: 0 }),\n  scrollTo: noop,\n  isScrollLock: false,\n  enableScrollLock: noop,\n  disableScrollLock: noop,\n});\n\nexport const useScroll = () => React.useContext(ScrollContext);\n\nexport interface ScrollControllerProps {\n  elRef: React.RefObject<HTMLElement>;\n  children?: React.ReactNode;\n}\n\nexport const GlobalScrollController = ({ children }: ScrollControllerProps) => {\n  const { window, document } = useDOM();\n  const [isScrollLock, setScrollLock] = React.useState(false);\n  const beforeScrollLockFnSetRef = React.useRef<Set<() => void>>(new Set());\n\n  const getScroll = React.useCallback<ScrollContextInterface[\"getScroll\"]>(\n    () => ({\n      x: window!.pageXOffset,\n      y: getPageYOffsetWithoutKeyboardHeight(window!),\n    }),\n    [window]\n  );\n  const scrollTo = React.useCallback<ScrollContextInterface[\"scrollTo\"]>(\n    (x = 0, y = 0) => {\n      // Some iOS versions do not normalize scroll — do it manually.\n      window!.scrollTo(\n        x ? clamp(x, 0, document!.body.scrollWidth - window!.innerWidth) : 0,\n        y ? clamp(y, 0, document!.body.scrollHeight - window!.innerHeight) : 0\n      );\n    },\n    [document, window]\n  );\n\n  const enableScrollLock = React.useCallback<\n    ScrollContextInterface[\"enableScrollLock\"]\n  >(() => {\n    beforeScrollLockFnSetRef.current.forEach((fn) => {\n      fn();\n    });\n\n    const scrollY = window!.pageYOffset;\n    const scrollX = window!.pageXOffset;\n    const overflowY =\n      window!.innerWidth > document!.documentElement.clientWidth\n        ? \"scroll\"\n        : \"\";\n    const overflowX =\n      window!.innerHeight > document!.documentElement.clientHeight\n        ? \"scroll\"\n        : \"\";\n\n    Object.assign(document!.body.style, {\n      position: \"fixed\",\n      top: `-${scrollY}px`,\n      left: `-${scrollX}px`,\n      right: \"0\",\n      overflowY,\n      overflowX,\n    });\n    setScrollLock(true);\n  }, [document, window]);\n\n  const disableScrollLock = React.useCallback<\n    ScrollContextInterface[\"disableScrollLock\"]\n  >(() => {\n    const scrollY = document!.body.style.top;\n    const scrollX = document!.body.style.left;\n\n    clearDisableScrollStyle(document!.body);\n    window!.scrollTo(-parseInt(scrollX || \"0\"), -parseInt(scrollY || \"0\"));\n    setScrollLock(false);\n  }, [document, window]);\n\n  const scrollController = React.useMemo<ScrollContextInterface>(\n    () => ({\n      getScroll,\n      scrollTo,\n      isScrollLock,\n      disableScrollLock,\n      enableScrollLock,\n\n      beforeScrollLockFnSetRef: beforeScrollLockFnSetRef,\n    }),\n    [getScroll, scrollTo, isScrollLock, disableScrollLock, enableScrollLock]\n  );\n\n  return (\n    <ScrollContext.Provider value={scrollController}>\n      {children}\n    </ScrollContext.Provider>\n  );\n};\n\nexport const ElementScrollController = ({\n  elRef,\n  children,\n}: ScrollControllerProps) => {\n  const [isScrollLock, setScrollLock] = React.useState(false);\n  const beforeScrollLockFnSetRef = React.useRef<Set<() => void>>(new Set());\n\n  const getScroll = React.useCallback<ScrollContextInterface[\"getScroll\"]>(\n    () => ({\n      x: elRef.current?.scrollLeft ?? 0,\n      y: elRef.current?.scrollTop ?? 0,\n    }),\n    [elRef]\n  );\n  const scrollTo = React.useCallback<ScrollContextInterface[\"scrollTo\"]>(\n    (x = 0, y = 0) => {\n      const el = elRef.current;\n      // Some iOS versions do not normalize scroll — do it manually.\n      el?.scrollTo(\n        x ? clamp(x, 0, el.scrollWidth - el.clientWidth) : 0,\n        y ? clamp(y, 0, el.scrollHeight - el.clientHeight) : 0\n      );\n    },\n    [elRef]\n  );\n\n  const enableScrollLock = React.useCallback<\n    ScrollContextInterface[\"enableScrollLock\"]\n  >(() => {\n    const el = elRef.current;\n    if (!el) {\n      return;\n    }\n    beforeScrollLockFnSetRef.current.forEach((fn) => {\n      fn();\n    });\n\n    const scrollY = el.scrollTop;\n    const scrollX = el.scrollLeft;\n    const overflowY = el.scrollWidth > el.clientWidth ? \"scroll\" : \"\";\n    const overflowX = el.scrollHeight > el.clientHeight ? \"scroll\" : \"\";\n\n    Object.assign(el.style, {\n      position: \"absolute\",\n      top: `-${scrollY}px`,\n      left: `-${scrollX}px`,\n      right: \"0\",\n      overflowY,\n      overflowX,\n    });\n    setScrollLock(true);\n  }, [elRef]);\n\n  const disableScrollLock = React.useCallback<\n    ScrollContextInterface[\"disableScrollLock\"]\n  >(() => {\n    const el = elRef.current;\n    if (!el) {\n      return;\n    }\n\n    const scrollY = el.style.top;\n    const scrollX = el.style.left;\n\n    clearDisableScrollStyle(el);\n    el.scrollTo(-parseInt(scrollX || \"0\"), -parseInt(scrollY || \"0\"));\n    setScrollLock(false);\n  }, [elRef]);\n\n  const scrollController = React.useMemo<ScrollContextInterface>(\n    () => ({\n      getScroll,\n      scrollTo,\n      isScrollLock,\n      disableScrollLock,\n      enableScrollLock,\n      beforeScrollLockFnSetRef,\n    }),\n    [getScroll, scrollTo, isScrollLock, disableScrollLock, enableScrollLock]\n  );\n\n  return (\n    <ScrollContext.Provider value={scrollController}>\n      {children}\n    </ScrollContext.Provider>\n  );\n};\n\n/**\n * Вызывает функцию effect, до блокировки прокрутки\n * @param effect функция, которая может возвращать функцию очистки\n * @param deps effect обновится только при изменении значений в списке.\n */\nexport const useScrollLockEffect = (\n  effect: React.EffectCallback,\n  deps: React.DependencyList\n) => {\n  const destructorRef = React.useRef<ReturnType<React.EffectCallback>>(noop);\n  const { isScrollLock, beforeScrollLockFnSetRef } = useScroll();\n\n  // Изменяем effectCallback только при изменении deps\n  const effectCallback = React.useCallback(() => {\n    destructorRef.current = effect();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n\n  // Добавляем effectCallback в список функций, которые необходимо вызвать\n  // до блокировки\n  React.useEffect(() => {\n    const beforeSet = beforeScrollLockFnSetRef?.current;\n    if (!beforeSet) {\n      return noop;\n    }\n\n    beforeSet.add(effectCallback);\n\n    return () => {\n      beforeSet.delete(effectCallback);\n    };\n  }, [beforeScrollLockFnSetRef, effectCallback]);\n\n  // Вызываем сбрасывающую функцию, после отключения блокировки\n  React.useEffect(() => {\n    if (!isScrollLock && destructorRef.current) {\n      destructorRef.current();\n    }\n  }, [isScrollLock]);\n};\n\nexport const useScrollLock = (enabled = true) => {\n  const { enableScrollLock, disableScrollLock } = useScroll();\n  useIsomorphicLayoutEffect(() => {\n    if (enabled) {\n      enableScrollLock();\n      return disableScrollLock;\n    }\n    return noop;\n  }, [enableScrollLock, disableScrollLock, enabled]);\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { AppearanceType } from "@vkontakte/vk-bridge";
+export interface AppearanceProviderProps {
+    appearance?: AppearanceType;
+    children?: React.ReactNode;
+}
+export declare const generateVKUITokensClassName: (platform: string, appearance: string) => string;
+/**
+ * @see https://vkcom.github.io/VKUI/#/AppearanceProvider
+ */
+export declare const AppearanceProvider: ({ children, appearance, }: AppearanceProviderProps) => JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/AppearanceProvider/AppearanceProvider.tsx"],"names":["generateVKUITokensClassName","platform","appearance","tokensPlatform","Platform","ANDROID","IOS","VKCOM","AppearanceProvider","children","scheme","React","Children","map","child","isValidElement","cloneElement","className","props"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AAOO,IAAMA,2BAA2B,GAAG,SAA9BA,2BAA8B,CACzCC,QADyC,EAEzCC,UAFyC,EAG9B;AACX,MAAIC,cAAJ;;AACA,UAAQF,QAAR;AACE,SAAKG,mBAASC,OAAd;AACEF,MAAAA,cAAc,GAAG,QAAjB;AACA;;AACF,SAAKC,mBAASE,GAAd;AACEH,MAAAA,cAAc,GAAG,OAAjB;AACA;;AACF,SAAKC,mBAASG,KAAd;AACEJ,MAAAA,cAAc,GAAG,OAAjB;AACA;;AACF;AACEA,MAAAA,cAAc,GAAGF,QAAjB;AAXJ;;AAcA,yBAAgBE,cAAhB,eAAmCD,UAAnC;AACD,CApBM;AAsBP;AACA;AACA;;;;;AACO,IAAMM,kBAAkB,GAAG,SAArBA,kBAAqB,OAGH;AAAA,MAF7BC,QAE6B,QAF7BA,QAE6B;AAAA,6BAD7BP,UAC6B;AAAA,MAD7BA,UAC6B,gCADhB,OACgB;AAC7B,MAAMD,QAAQ,GAAG,+BAAjB;AACA,MAAMS,MAAM,GAAG,0BAAU;AACvBT,IAAAA,QAAQ,EAARA,QADuB;AAEvBC,IAAAA,UAAU,EAAVA;AAFuB,GAAV,CAAf;AAKA,SACE,qCAAC,oDAAD,CAA2B,QAA3B;AAAoC,IAAA,KAAK,EAAEA;AAA3C,KACGS,KAAK,CAACC,QAAN,CAAeC,GAAf,CAAmBJ,QAAnB,EAA6B,UAACK,KAAD,EAAW;AACvC,sBAAIH,KAAK,CAACI,cAAN,CAAqBD,KAArB,CAAJ,EAAiC;AAC/B,0BAAOH,KAAK,CAACK,YAAN,CAAmBF,KAAnB,EAA0B;AAC/BG,QAAAA,SAAS,EAAE,kCACTH,KAAK,CAACI,KAAN,CAAYD,SADH,gBAEFP,MAFE,GAGTV,2BAA2B,CAACC,QAAD,EAAWC,UAAX,CAHlB;AADoB,OAA1B,CAAP;AAOD;;AACD,WAAOY,KAAP;AACD,GAXA,CADH,CADF;AAgBD,CA1BM","sourcesContent":["import * as React from \"react\";\nimport { AppearanceType } from \"@vkontakte/vk-bridge\";\nimport { AppearanceProviderContext } from \"./AppearanceProviderContext\";\nimport { getScheme } from \"../../helpers/getScheme\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Platform } from \"../../lib/platform\";\n\nexport interface AppearanceProviderProps {\n  appearance?: AppearanceType;\n  children?: React.ReactNode;\n}\n\nexport const generateVKUITokensClassName = (\n  platform: string,\n  appearance: string\n): string => {\n  let tokensPlatform;\n  switch (platform) {\n    case Platform.ANDROID:\n      tokensPlatform = \"vkBase\";\n      break;\n    case Platform.IOS:\n      tokensPlatform = \"vkIOS\";\n      break;\n    case Platform.VKCOM:\n      tokensPlatform = \"vkCom\";\n      break;\n    default:\n      tokensPlatform = platform;\n  }\n\n  return `vkui--${tokensPlatform}--${appearance}`;\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/AppearanceProvider\n */\nexport const AppearanceProvider = ({\n  children,\n  appearance = \"light\",\n}: AppearanceProviderProps) => {\n  const platform = usePlatform();\n  const scheme = getScheme({\n    platform,\n    appearance,\n  });\n\n  return (\n    <AppearanceProviderContext.Provider value={appearance}>\n      {React.Children.map(children, (child) => {\n        if (React.isValidElement(child)) {\n          return React.cloneElement(child, {\n            className: classNamesString(\n              child.props.className,\n              `vkui${scheme}`,\n              generateVKUITokensClassName(platform, appearance)\n            ),\n          });\n        }\n        return child;\n      })}\n    </AppearanceProviderContext.Provider>\n  );\n};\n"],"file":"AppearanceProvider.js"}
+{"version":3,"file":"AppearanceProvider.js","names":["generateVKUITokensClassName","platform","appearance","tokensPlatform","Platform","ANDROID","IOS","VKCOM","AppearanceProvider","children","usePlatform","scheme","getScheme","React","Children","map","child","isValidElement","cloneElement","className","classNamesString","props"],"sources":["../../../../src/components/AppearanceProvider/AppearanceProvider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { AppearanceType } from \"@vkontakte/vk-bridge\";\nimport { AppearanceProviderContext } from \"./AppearanceProviderContext\";\nimport { getScheme } from \"../../helpers/getScheme\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Platform } from \"../../lib/platform\";\n\nexport interface AppearanceProviderProps {\n  appearance?: AppearanceType;\n  children?: React.ReactNode;\n}\n\nexport const generateVKUITokensClassName = (\n  platform: string,\n  appearance: string\n): string => {\n  let tokensPlatform;\n  switch (platform) {\n    case Platform.ANDROID:\n      tokensPlatform = \"vkBase\";\n      break;\n    case Platform.IOS:\n      tokensPlatform = \"vkIOS\";\n      break;\n    case Platform.VKCOM:\n      tokensPlatform = \"vkCom\";\n      break;\n    default:\n      tokensPlatform = platform;\n  }\n\n  return `vkui--${tokensPlatform}--${appearance}`;\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/AppearanceProvider\n */\nexport const AppearanceProvider = ({\n  children,\n  appearance = \"light\",\n}: AppearanceProviderProps) => {\n  const platform = usePlatform();\n  const scheme = getScheme({\n    platform,\n    appearance,\n  });\n\n  return (\n    <AppearanceProviderContext.Provider value={appearance}>\n      {React.Children.map(children, (child) => {\n        if (React.isValidElement(child)) {\n          return React.cloneElement(child, {\n            className: classNamesString(\n              child.props.className,\n              `vkui${scheme}`,\n              generateVKUITokensClassName(platform, appearance)\n            ),\n          });\n        }\n        return child;\n      })}\n    </AppearanceProviderContext.Provider>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AAOO,IAAMA,2BAA2B,GAAG,SAA9BA,2BAA8B,CACzCC,QADyC,EAEzCC,UAFyC,EAG9B;EACX,IAAIC,cAAJ;;EACA,QAAQF,QAAR;IACE,KAAKG,kBAAA,CAASC,OAAd;MACEF,cAAc,GAAG,QAAjB;MACA;;IACF,KAAKC,kBAAA,CAASE,GAAd;MACEH,cAAc,GAAG,OAAjB;MACA;;IACF,KAAKC,kBAAA,CAASG,KAAd;MACEJ,cAAc,GAAG,OAAjB;MACA;;IACF;MACEA,cAAc,GAAGF,QAAjB;EAXJ;;EAcA,uBAAgBE,cAAhB,eAAmCD,UAAnC;AACD,CApBM;AAsBP;AACA;AACA;;;;;AACO,IAAMM,kBAAkB,GAAG,SAArBA,kBAAqB,OAGH;EAAA,IAF7BC,QAE6B,QAF7BA,QAE6B;EAAA,2BAD7BP,UAC6B;EAAA,IAD7BA,UAC6B,gCADhB,OACgB;EAC7B,IAAMD,QAAQ,GAAG,IAAAS,wBAAA,GAAjB;EACA,IAAMC,MAAM,GAAG,IAAAC,oBAAA,EAAU;IACvBX,QAAQ,EAARA,QADuB;IAEvBC,UAAU,EAAVA;EAFuB,CAAV,CAAf;EAKA,OACE,qCAAC,oDAAD,CAA2B,QAA3B;IAAoC,KAAK,EAAEA;EAA3C,GACGW,KAAK,CAACC,QAAN,CAAeC,GAAf,CAAmBN,QAAnB,EAA6B,UAACO,KAAD,EAAW;IACvC,kBAAIH,KAAK,CAACI,cAAN,CAAqBD,KAArB,CAAJ,EAAiC;MAC/B,oBAAOH,KAAK,CAACK,YAAN,CAAmBF,KAAnB,EAA0B;QAC/BG,SAAS,EAAE,IAAAC,4BAAA,EACTJ,KAAK,CAACK,KAAN,CAAYF,SADH,gBAEFR,MAFE,GAGTX,2BAA2B,CAACC,QAAD,EAAWC,UAAX,CAHlB;MADoB,CAA1B,CAAP;IAOD;;IACD,OAAOc,KAAP;EACD,CAXA,CADH,CADF;AAgBD,CA1BM"}

package/dist/cjs/components/AppearanceProvider/AppearanceProviderContext.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import { AppearanceType } from "@vkontakte/vk-bridge";
+export declare const AppearanceProviderContext: React.Context<AppearanceType>;

package/dist/cjs/components/AppearanceProvider/AppearanceProviderContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/AppearanceProvider/AppearanceProviderContext.tsx"],"names":["AppearanceProviderContext","React","createContext","Appearance","LIGHT"],"mappings":";;;;;;;;;AAAA;;AAEA;;AAEO,IAAMA,yBAAyB,gBAAGC,KAAK,CAACC,aAAN,CACvCC,mBAAWC,KAD4B,CAAlC","sourcesContent":["import * as React from \"react\";\nimport { AppearanceType } from \"@vkontakte/vk-bridge\";\nimport { Appearance } from \"../../helpers/scheme\";\n\nexport const AppearanceProviderContext = React.createContext<AppearanceType>(\n  Appearance.LIGHT\n);\n"],"file":"AppearanceProviderContext.js"}
+{"version":3,"file":"AppearanceProviderContext.js","names":["AppearanceProviderContext","React","createContext","Appearance","LIGHT"],"sources":["../../../../src/components/AppearanceProvider/AppearanceProviderContext.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { AppearanceType } from \"@vkontakte/vk-bridge\";\nimport { Appearance } from \"../../helpers/scheme\";\n\nexport const AppearanceProviderContext = React.createContext<AppearanceType>(\n  Appearance.LIGHT\n);\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;AAEO,IAAMA,yBAAyB,gBAAGC,KAAK,CAACC,aAAN,CACvCC,kBAAA,CAAWC,KAD4B,CAAlC"}

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

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { HasRef, HasRootRef } from "../../types";
+import "./Avatar.css";
+export interface AvatarProps extends React.ImgHTMLAttributes<HTMLElement>, HasRootRef<HTMLDivElement>, HasRef<HTMLImageElement> {
+    /**
+     * Рекомендуемый сет значений: 96 | 88 | 80 | 72 | 64 | 56 | 48 | 44 | 40 | 36 | 32 | 28 | 24
+     */
+    size?: number;
+    mode?: "default" | "image" | "app";
+    shadow?: boolean;
+    badge?: "online" | "online-mobile" | JSX.Element;
+    overlayIcon?: JSX.Element;
+    overlayMode?: "dark" | "light";
+    /**
+     * Поведение показа overlay: "hover" - при наведении, "always" - всегда
+     */
+    overlayAction?: "hover" | "always";
+}
+export declare const AVATAR_DEFAULT_SIZE = 48;
+export declare const AVATAR_DEFAULT_SHADOW = true;
+/**
+ * @see https://vkcom.github.io/VKUI/#/Avatar
+ */
+export declare const Avatar: ({ alt, crossOrigin, decoding, height, loading, referrerPolicy, sizes, src, srcSet, useMap, width, getRef, size, shadow, mode, className, children, getRootRef, style, "aria-label": ariaLabel, badge, overlayIcon, overlayMode, overlayAction: passedOverlayAction, onClick, ...restProps }: AvatarProps) => JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":["AVATAR_DEFAULT_SIZE","AVATAR_DEFAULT_SHADOW","Avatar","alt","crossOrigin","decoding","height","loading","referrerPolicy","sizes","src","srcSet","useMap","width","getRef","size","shadow","mode","className","children","getRootRef","style","ariaLabel","badge","overlayIcon","overlayMode","passedOverlayAction","overlayAction","onClick","restProps","hasMouse","React","useState","failedImage","setFailedImage","onImageError","onImageLoad","borderRadius","hasSrc","undefined"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { Icon12Circle, Icon12OnlineMobile } from \"@vkontakte/icons\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport \"./Avatar.css\";\n\nexport interface AvatarProps\n  extends React.ImgHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLImageElement> {\n  /**\n   * Рекомендуемый сет значений: 96 | 88 | 80 | 72 | 64 | 56 | 48 | 44 | 40 | 36 | 32 | 28 | 24\n   */\n  size?: number;\n  mode?: \"default\" | \"image\" | \"app\";\n  shadow?: boolean;\n  badge?: \"online\" | \"online-mobile\" | JSX.Element;\n  overlayIcon?: JSX.Element;\n  overlayMode?: \"dark\" | \"light\";\n  /**\n   * Поведение показа overlay: \"hover\" - при наведении, \"always\" - всегда\n   */\n  overlayAction?: \"hover\" | \"always\";\n}\n\nexport const AVATAR_DEFAULT_SIZE = 48;\nexport const AVATAR_DEFAULT_SHADOW = true;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Avatar\n */\nexport const Avatar = ({\n  alt,\n  crossOrigin,\n  decoding,\n  height,\n  loading,\n  referrerPolicy,\n  sizes,\n  src,\n  srcSet,\n  useMap,\n  width,\n  getRef,\n  size = AVATAR_DEFAULT_SIZE,\n  shadow = AVATAR_DEFAULT_SHADOW,\n  mode = \"default\",\n  className,\n  children,\n  getRootRef,\n  style,\n  \"aria-label\": ariaLabel,\n  badge,\n  overlayIcon,\n  overlayMode = \"light\",\n  overlayAction: passedOverlayAction,\n  onClick,\n  ...restProps\n}: AvatarProps) => {\n  const { hasMouse } = useAdaptivity();\n  const [failedImage, setFailedImage] = React.useState(false);\n\n  const overlayAction = passedOverlayAction ?? (hasMouse ? \"hover\" : \"always\");\n\n  const onImageError = () => {\n    setFailedImage(true);\n  };\n\n  const onImageLoad = () => {\n    setFailedImage(false);\n  };\n\n  let borderRadius: string | number = \"50%\";\n\n  switch (mode) {\n    case \"image\":\n      size < 64 && (borderRadius = 4);\n      size >= 64 && size < 96 && (borderRadius = 6);\n      size >= 96 && (borderRadius = 8);\n      break;\n    case \"app\":\n      size <= 40 && (borderRadius = 8);\n      size > 40 && size < 56 && (borderRadius = 10);\n      size >= 56 && size < 64 && (borderRadius = 12);\n      size >= 64 && size < 84 && (borderRadius = 16);\n      size >= 84 && (borderRadius = 18);\n      break;\n    default:\n      break;\n  }\n\n  const hasSrc = src || srcSet;\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"Avatar\",\n        `Avatar--type-${mode}`,\n        `Avatar--sz-${size}`,\n        shadow && \"Avatar--shadow\",\n        failedImage && \"Avatar--failed\"\n      )}\n      className={className}\n      ref={getRootRef}\n      role={hasSrc ? \"img\" : \"presentation\"}\n      aria-label={alt || ariaLabel}\n      onClick={!overlayIcon ? onClick : undefined}\n      style={{ ...style, width: size, height: size, borderRadius }}\n    >\n      {hasSrc && (\n        <img\n          crossOrigin={crossOrigin}\n          decoding={decoding}\n          height={height}\n          loading={loading}\n          referrerPolicy={referrerPolicy}\n          sizes={sizes}\n          src={src}\n          srcSet={srcSet}\n          useMap={useMap}\n          width={width}\n          ref={getRef}\n          onError={onImageError}\n          onLoad={onImageLoad}\n          vkuiClass=\"Avatar__img\"\n          alt=\"\"\n        />\n      )}\n      {children && <div vkuiClass=\"Avatar__children\">{children}</div>}\n      {overlayIcon && (\n        <Tappable\n          Component=\"button\"\n          vkuiClass={classNames(\n            \"Avatar__overlay\",\n            overlayAction === \"always\" && \"Avatar__overlay--visible\",\n            overlayMode === \"light\" && \"Avatar__overlay--light\",\n            overlayMode === \"dark\" && \"Avatar__overlay--dark\"\n          )}\n          hoverMode=\"Avatar__overlay--visible\"\n          focusVisibleMode=\"Avatar__overlay--focus-visible\"\n          hasActive={false}\n          onClick={onClick}\n        >\n          {overlayIcon}\n        </Tappable>\n      )}\n      {badge && (\n        <div\n          vkuiClass={classNames(\n            \"Avatar__badge\",\n            size >= 96 && \"Avatar__badge--large\",\n            badge !== \"online\" &&\n              badge !== \"online-mobile\" &&\n              \"Avatar__badge--shadow\"\n          )}\n        >\n          {badge === \"online\" ? (\n            <div vkuiClass=\"Avatar__badge-online\">\n              <Icon12Circle\n                width={size >= 72 ? 15 : 12}\n                height={size >= 72 ? 15 : 12}\n              />\n            </div>\n          ) : badge === \"online-mobile\" ? (\n            <div vkuiClass=\"Avatar__badge-online-mobile\">\n              <Icon12OnlineMobile\n                width={size >= 72 ? 9 : 8}\n                height={size >= 72 ? 15 : 12}\n              />\n            </div>\n          ) : (\n            badge\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"file":"Avatar.js"}
+{"version":3,"file":"Avatar.js","names":["AVATAR_DEFAULT_SIZE","AVATAR_DEFAULT_SHADOW","Avatar","alt","crossOrigin","decoding","height","loading","referrerPolicy","sizes","src","srcSet","useMap","width","getRef","size","shadow","mode","className","children","getRootRef","style","ariaLabel","badge","overlayIcon","overlayMode","passedOverlayAction","overlayAction","onClick","restProps","useAdaptivity","hasMouse","React","useState","failedImage","setFailedImage","onImageError","onImageLoad","borderRadius","hasSrc","classNames","undefined"],"sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Icon12Circle, Icon12OnlineMobile } from \"@vkontakte/icons\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport \"./Avatar.css\";\n\nexport interface AvatarProps\n  extends React.ImgHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLImageElement> {\n  /**\n   * Рекомендуемый сет значений: 96 | 88 | 80 | 72 | 64 | 56 | 48 | 44 | 40 | 36 | 32 | 28 | 24\n   */\n  size?: number;\n  mode?: \"default\" | \"image\" | \"app\";\n  shadow?: boolean;\n  badge?: \"online\" | \"online-mobile\" | JSX.Element;\n  overlayIcon?: JSX.Element;\n  overlayMode?: \"dark\" | \"light\";\n  /**\n   * Поведение показа overlay: \"hover\" - при наведении, \"always\" - всегда\n   */\n  overlayAction?: \"hover\" | \"always\";\n}\n\nexport const AVATAR_DEFAULT_SIZE = 48;\nexport const AVATAR_DEFAULT_SHADOW = true;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Avatar\n */\nexport const Avatar = ({\n  alt,\n  crossOrigin,\n  decoding,\n  height,\n  loading,\n  referrerPolicy,\n  sizes,\n  src,\n  srcSet,\n  useMap,\n  width,\n  getRef,\n  size = AVATAR_DEFAULT_SIZE,\n  shadow = AVATAR_DEFAULT_SHADOW,\n  mode = \"default\",\n  className,\n  children,\n  getRootRef,\n  style,\n  \"aria-label\": ariaLabel,\n  badge,\n  overlayIcon,\n  overlayMode = \"light\",\n  overlayAction: passedOverlayAction,\n  onClick,\n  ...restProps\n}: AvatarProps) => {\n  const { hasMouse } = useAdaptivity();\n  const [failedImage, setFailedImage] = React.useState(false);\n\n  const overlayAction = passedOverlayAction ?? (hasMouse ? \"hover\" : \"always\");\n\n  const onImageError = () => {\n    setFailedImage(true);\n  };\n\n  const onImageLoad = () => {\n    setFailedImage(false);\n  };\n\n  let borderRadius: string | number = \"50%\";\n\n  switch (mode) {\n    case \"image\":\n      size < 64 && (borderRadius = 4);\n      size >= 64 && size < 96 && (borderRadius = 6);\n      size >= 96 && (borderRadius = 8);\n      break;\n    case \"app\":\n      size <= 40 && (borderRadius = 8);\n      size > 40 && size < 56 && (borderRadius = 10);\n      size >= 56 && size < 64 && (borderRadius = 12);\n      size >= 64 && size < 84 && (borderRadius = 16);\n      size >= 84 && (borderRadius = 18);\n      break;\n    default:\n      break;\n  }\n\n  const hasSrc = src || srcSet;\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"Avatar\",\n        `Avatar--type-${mode}`,\n        `Avatar--sz-${size}`,\n        shadow && \"Avatar--shadow\",\n        failedImage && \"Avatar--failed\"\n      )}\n      className={className}\n      ref={getRootRef}\n      role={hasSrc ? \"img\" : \"presentation\"}\n      aria-label={alt || ariaLabel}\n      onClick={!overlayIcon ? onClick : undefined}\n      style={{ ...style, width: size, height: size, borderRadius }}\n    >\n      {hasSrc && (\n        <img\n          crossOrigin={crossOrigin}\n          decoding={decoding}\n          height={height}\n          loading={loading}\n          referrerPolicy={referrerPolicy}\n          sizes={sizes}\n          src={src}\n          srcSet={srcSet}\n          useMap={useMap}\n          width={width}\n          ref={getRef}\n          onError={onImageError}\n          onLoad={onImageLoad}\n          vkuiClass=\"Avatar__img\"\n          alt=\"\"\n        />\n      )}\n      {children && <div vkuiClass=\"Avatar__children\">{children}</div>}\n      {overlayIcon && (\n        <Tappable\n          Component=\"button\"\n          vkuiClass={classNames(\n            \"Avatar__overlay\",\n            overlayAction === \"always\" && \"Avatar__overlay--visible\",\n            overlayMode === \"light\" && \"Avatar__overlay--light\",\n            overlayMode === \"dark\" && \"Avatar__overlay--dark\"\n          )}\n          hoverMode=\"Avatar__overlay--visible\"\n          focusVisibleMode=\"Avatar__overlay--focus-visible\"\n          hasActive={false}\n          onClick={onClick}\n        >\n          {overlayIcon}\n        </Tappable>\n      )}\n      {badge && (\n        <div\n          vkuiClass={classNames(\n            \"Avatar__badge\",\n            size >= 96 && \"Avatar__badge--large\",\n            badge !== \"online\" &&\n              badge !== \"online-mobile\" &&\n              \"Avatar__badge--shadow\"\n          )}\n        >\n          {badge === \"online\" ? (\n            <div vkuiClass=\"Avatar__badge-online\">\n              <Icon12Circle\n                width={size >= 72 ? 15 : 12}\n                height={size >= 72 ? 15 : 12}\n              />\n            </div>\n          ) : badge === \"online-mobile\" ? (\n            <div vkuiClass=\"Avatar__badge-online-mobile\">\n              <Icon12OnlineMobile\n                width={size >= 72 ? 9 : 8}\n                height={size >= 72 ? 15 : 12}\n              />\n            </div>\n          ) : (\n            badge\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+import "./Badge.css";
+export interface BadgeProps extends React.HTMLAttributes<HTMLElement> {
+    mode: "new" | "prominent";
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Badge
+ */
+export declare const Badge: ({ mode, ...restProps }: BadgeProps) => JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Badge/Badge.tsx"],"names":["Badge","mode","restProps"],"mappings":";;;;;;;;;;;;;;;AACA;;;;AAOA;AACA;AACA;AACO,IAAMA,KAAK,GAAG,SAARA,KAAQ;AAAA,uBAAGC,IAAH;AAAA,MAAGA,IAAH,0BAAU,KAAV;AAAA,MAAoBC,SAApB;AAAA,SACnB;AAAM,IAAA,SAAS,EAAE,4BAAW,OAAX,mBAA8BD,IAA9B;AAAjB,KAA4DC,SAA5D,EADmB;AAAA,CAAd","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./Badge.css\";\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLElement> {\n  mode: \"new\" | \"prominent\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Badge\n */\nexport const Badge = ({ mode = \"new\", ...restProps }: BadgeProps) => (\n  <span vkuiClass={classNames(\"Badge\", `Badge--${mode}`)} {...restProps} />\n);\n"],"file":"Badge.js"}
+{"version":3,"file":"Badge.js","names":["Badge","mode","restProps","classNames"],"sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./Badge.css\";\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLElement> {\n  mode: \"new\" | \"prominent\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Badge\n */\nexport const Badge = ({ mode = \"new\", ...restProps }: BadgeProps) => (\n  <span vkuiClass={classNames(\"Badge\", `Badge--${mode}`)} {...restProps} />\n);\n"],"mappings":";;;;;;;;;;;;;;;AACA;;;;AAOA;AACA;AACA;AACO,IAAMA,KAAK,GAAG,SAARA,KAAQ;EAAA,qBAAGC,IAAH;EAAA,IAAGA,IAAH,0BAAU,KAAV;EAAA,IAAoBC,SAApB;EAAA,OACnB;IAAM,SAAS,EAAE,IAAAC,sBAAA,EAAW,OAAX,mBAA8BF,IAA9B;EAAjB,GAA4DC,SAA5D,EADmB;AAAA,CAAd"}

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

@@ -0,0 +1,67 @@
+import * as React from "react";
+import "./Banner.css";
+export interface BannerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Тип баннера.
+     */
+    mode?: "tint" | "image";
+    size?: "s" | "m";
+    /**
+     * Тип действия в правой части баннера.
+     *
+     * - `dismiss` – отображается иконка крестика, при клике на неё сработает свойство `onDismiss`.
+     * - `expand` – отображается иконка шеврона, которая подразумевает, что при клике на баннер можно куда-то перейти.
+     */
+    asideMode?: "dismiss" | "expand";
+    /**
+     * Срабатывает при клике на иконку крестика при `asideMode="dismiss"`.
+     */
+    onDismiss?: React.MouseEventHandler<HTMLButtonElement>;
+    /**
+     * `aria-label` для кнопки при `asideMode="dismiss". Необходим, чтобы кнопка была доступной.
+     */
+    dismissLabel?: string;
+    /**
+     * Содержимое, отображаемое в левой части баннера.
+     */
+    before?: React.ReactNode;
+    /**
+     * Заголовок. <br />
+     * При использовании этого свойства рекомендуется не указывать `text`.
+     */
+    header?: React.ReactNode;
+    /**
+     * Подзаголовок. <br />
+     * При использовании этого свойства рекомендуется не указывать `text`.
+     */
+    subheader?: React.ReactNode;
+    /**
+     * Текст баннера. <br />
+     * Это свойство следует использовать без указания `header` и `subheader`.
+     */
+    text?: React.ReactNode;
+    /**
+     * При использовании `mode="image"`.
+     *
+     * - `light` – в качестве фона используется светлое изображение, цвет текста в баннере будет тёмным.
+     * - `dark` – в качестве фона используется тёмное изображение, цвет текста будет светлым.
+     */
+    imageTheme?: "light" | "dark";
+    /**
+     * При использовании `mode="image"`.
+     *
+     * Элемент, который нужно стилизовать цветом и/или фоном. Этот элемент будет растянут на 100% ширины и высоты баннера.
+     */
+    background?: React.ReactNode;
+    /**
+     * Кнопки, отображаемые в баннере.
+     *
+     * - В режиме `tint` или в `image` со светлым фоном рекомендуется использовать только `<Button mode="primary" />` или `<Button mode="tertiary" hasHover={false} />`.
+     * - В режиме `image` с тёмным фоном – `<Button mode="overlay_primary" />`.
+     */
+    actions?: React.ReactNode;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Banner
+ */
+export declare const Banner: ({ mode, imageTheme, size, before, asideMode, header, subheader, text, children, background, actions, onDismiss, dismissLabel, ...restProps }: BannerProps) => JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Banner/Banner.tsx"],"names":["Banner","mode","imageTheme","size","before","asideMode","header","subheader","text","children","background","actions","onDismiss","dismissLabel","restProps","platform","HeaderTypography","Title","Headline","SubheaderTypography","Text","Subhead","IconDismissIOS","Icon24DismissDark","Icon24DismissSubstract","content","React","Children","count","IOS"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { IOS } from \"../../lib/platform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport {\n  Icon24Chevron,\n  Icon24DismissSubstract,\n  Icon24DismissDark,\n  Icon24Cancel,\n} from \"@vkontakte/icons\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Title } from \"../Typography/Title/Title\";\nimport \"./Banner.css\";\n\nexport interface BannerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Тип баннера.\n   */\n  mode?: \"tint\" | \"image\";\n  size?: \"s\" | \"m\";\n  /**\n   * Тип действия в правой части баннера.\n   *\n   * - `dismiss` – отображается иконка крестика, при клике на неё сработает свойство `onDismiss`.\n   * - `expand` – отображается иконка шеврона, которая подразумевает, что при клике на баннер можно куда-то перейти.\n   */\n  asideMode?: \"dismiss\" | \"expand\";\n  /**\n   * Срабатывает при клике на иконку крестика при `asideMode=\"dismiss\"`.\n   */\n  onDismiss?: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * `aria-label` для кнопки при `asideMode=\"dismiss\". Необходим, чтобы кнопка была доступной.\n   */\n  dismissLabel?: string;\n  /**\n   * Содержимое, отображаемое в левой части баннера.\n   */\n  before?: React.ReactNode;\n  /**\n   * Заголовок. <br />\n   * При использовании этого свойства рекомендуется не указывать `text`.\n   */\n  header?: React.ReactNode;\n  /**\n   * Подзаголовок. <br />\n   * При использовании этого свойства рекомендуется не указывать `text`.\n   */\n  subheader?: React.ReactNode;\n  /**\n   * Текст баннера. <br />\n   * Это свойство следует использовать без указания `header` и `subheader`.\n   */\n  text?: React.ReactNode;\n  /**\n   * При использовании `mode=\"image\"`.\n   *\n   * - `light` – в качестве фона используется светлое изображение, цвет текста в баннере будет тёмным.\n   * - `dark` – в качестве фона используется тёмное изображение, цвет текста будет светлым.\n   */\n  imageTheme?: \"light\" | \"dark\";\n  /**\n   * При использовании `mode=\"image\"`.\n   *\n   * Элемент, который нужно стилизовать цветом и/или фоном. Этот элемент будет растянут на 100% ширины и высоты баннера.\n   */\n  background?: React.ReactNode;\n  /**\n   * Кнопки, отображаемые в баннере.\n   *\n   * - В режиме `tint` или в `image` со светлым фоном рекомендуется использовать только `<Button mode=\"primary\" />` или `<Button mode=\"tertiary\" hasHover={false} />`.\n   * - В режиме `image` с тёмным фоном – `<Button mode=\"overlay_primary\" />`.\n   */\n  actions?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Banner\n */\nexport const Banner = ({\n  mode = \"tint\",\n  imageTheme = \"dark\",\n  size = \"s\",\n  before,\n  asideMode,\n  header,\n  subheader,\n  text,\n  children,\n  background,\n  actions,\n  onDismiss,\n  dismissLabel = \"Скрыть\",\n  ...restProps\n}: BannerProps) => {\n  const platform = usePlatform();\n\n  const HeaderTypography = size === \"m\" ? Title : Headline;\n  const SubheaderTypography = size === \"m\" ? Text : Subhead;\n\n  const IconDismissIOS =\n    mode === \"image\" ? Icon24DismissDark : Icon24DismissSubstract;\n\n  const content = (\n    <React.Fragment>\n      {mode === \"image\" && background && (\n        <div aria-hidden=\"true\" vkuiClass=\"Banner__bg\">\n          {background}\n        </div>\n      )}\n\n      {before && <div vkuiClass=\"Banner__before\">{before}</div>}\n\n      <div vkuiClass=\"Banner__content\">\n        {hasReactNode(header) && (\n          <HeaderTypography\n            Component=\"span\"\n            vkuiClass=\"Banner__header\"\n            weight=\"2\"\n            level={size === \"m\" ? \"2\" : \"1\"}\n          >\n            {header}\n          </HeaderTypography>\n        )}\n        {hasReactNode(subheader) && (\n          <SubheaderTypography Component=\"span\" vkuiClass=\"Banner__subheader\">\n            {subheader}\n          </SubheaderTypography>\n        )}\n        {hasReactNode(text) && <Text vkuiClass=\"Banner__text\">{text}</Text>}\n        {hasReactNode(actions) && React.Children.count(actions) > 0 && (\n          <div vkuiClass=\"Banner__actions\">{actions}</div>\n        )}\n      </div>\n    </React.Fragment>\n  );\n\n  return (\n    <section\n      {...restProps}\n      vkuiClass={classNames(\n        \"Banner\",\n        platform === IOS && \"Banner--ios\",\n        `Banner--md-${mode}`,\n        `Banner--sz-${size}`,\n        mode === \"image\" && imageTheme === \"dark\" && \"Banner--inverted\"\n      )}\n    >\n      {asideMode === \"expand\" ? (\n        <Tappable\n          vkuiClass=\"Banner__in\"\n          activeMode={platform === IOS ? \"opacity\" : \"background\"}\n          role=\"button\"\n        >\n          {content}\n\n          <div vkuiClass=\"Banner__aside\">\n            <Icon24Chevron />\n          </div>\n        </Tappable>\n      ) : (\n        <div vkuiClass=\"Banner__in\">\n          {content}\n\n          {asideMode === \"dismiss\" && (\n            <div vkuiClass=\"Banner__aside\">\n              <IconButton\n                aria-label={dismissLabel}\n                vkuiClass=\"Banner__dismiss\"\n                onClick={onDismiss}\n                hoverMode=\"opacity\"\n                hasActive={false}\n              >\n                {platform === IOS ? <IconDismissIOS /> : <Icon24Cancel />}\n              </IconButton>\n            </div>\n          )}\n        </div>\n      )}\n    </section>\n  );\n};\n"],"file":"Banner.js"}
+{"version":3,"file":"Banner.js","names":["Banner","mode","imageTheme","size","before","asideMode","header","subheader","text","children","background","actions","onDismiss","dismissLabel","restProps","platform","usePlatform","HeaderTypography","Title","Headline","SubheaderTypography","Text","Subhead","IconDismissIOS","Icon24DismissDark","Icon24DismissSubstract","content","hasReactNode","React","Children","count","classNames","IOS"],"sources":["../../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { IOS } from \"../../lib/platform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport {\n  Icon24Chevron,\n  Icon24DismissSubstract,\n  Icon24DismissDark,\n  Icon24Cancel,\n} from \"@vkontakte/icons\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Title } from \"../Typography/Title/Title\";\nimport \"./Banner.css\";\n\nexport interface BannerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Тип баннера.\n   */\n  mode?: \"tint\" | \"image\";\n  size?: \"s\" | \"m\";\n  /**\n   * Тип действия в правой части баннера.\n   *\n   * - `dismiss` – отображается иконка крестика, при клике на неё сработает свойство `onDismiss`.\n   * - `expand` – отображается иконка шеврона, которая подразумевает, что при клике на баннер можно куда-то перейти.\n   */\n  asideMode?: \"dismiss\" | \"expand\";\n  /**\n   * Срабатывает при клике на иконку крестика при `asideMode=\"dismiss\"`.\n   */\n  onDismiss?: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * `aria-label` для кнопки при `asideMode=\"dismiss\". Необходим, чтобы кнопка была доступной.\n   */\n  dismissLabel?: string;\n  /**\n   * Содержимое, отображаемое в левой части баннера.\n   */\n  before?: React.ReactNode;\n  /**\n   * Заголовок. <br />\n   * При использовании этого свойства рекомендуется не указывать `text`.\n   */\n  header?: React.ReactNode;\n  /**\n   * Подзаголовок. <br />\n   * При использовании этого свойства рекомендуется не указывать `text`.\n   */\n  subheader?: React.ReactNode;\n  /**\n   * Текст баннера. <br />\n   * Это свойство следует использовать без указания `header` и `subheader`.\n   */\n  text?: React.ReactNode;\n  /**\n   * При использовании `mode=\"image\"`.\n   *\n   * - `light` – в качестве фона используется светлое изображение, цвет текста в баннере будет тёмным.\n   * - `dark` – в качестве фона используется тёмное изображение, цвет текста будет светлым.\n   */\n  imageTheme?: \"light\" | \"dark\";\n  /**\n   * При использовании `mode=\"image\"`.\n   *\n   * Элемент, который нужно стилизовать цветом и/или фоном. Этот элемент будет растянут на 100% ширины и высоты баннера.\n   */\n  background?: React.ReactNode;\n  /**\n   * Кнопки, отображаемые в баннере.\n   *\n   * - В режиме `tint` или в `image` со светлым фоном рекомендуется использовать только `<Button mode=\"primary\" />` или `<Button mode=\"tertiary\" hasHover={false} />`.\n   * - В режиме `image` с тёмным фоном – `<Button mode=\"overlay_primary\" />`.\n   */\n  actions?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Banner\n */\nexport const Banner = ({\n  mode = \"tint\",\n  imageTheme = \"dark\",\n  size = \"s\",\n  before,\n  asideMode,\n  header,\n  subheader,\n  text,\n  children,\n  background,\n  actions,\n  onDismiss,\n  dismissLabel = \"Скрыть\",\n  ...restProps\n}: BannerProps) => {\n  const platform = usePlatform();\n\n  const HeaderTypography = size === \"m\" ? Title : Headline;\n  const SubheaderTypography = size === \"m\" ? Text : Subhead;\n\n  const IconDismissIOS =\n    mode === \"image\" ? Icon24DismissDark : Icon24DismissSubstract;\n\n  const content = (\n    <React.Fragment>\n      {mode === \"image\" && background && (\n        <div aria-hidden=\"true\" vkuiClass=\"Banner__bg\">\n          {background}\n        </div>\n      )}\n\n      {before && <div vkuiClass=\"Banner__before\">{before}</div>}\n\n      <div vkuiClass=\"Banner__content\">\n        {hasReactNode(header) && (\n          <HeaderTypography\n            Component=\"span\"\n            vkuiClass=\"Banner__header\"\n            weight=\"2\"\n            level={size === \"m\" ? \"2\" : \"1\"}\n          >\n            {header}\n          </HeaderTypography>\n        )}\n        {hasReactNode(subheader) && (\n          <SubheaderTypography Component=\"span\" vkuiClass=\"Banner__subheader\">\n            {subheader}\n          </SubheaderTypography>\n        )}\n        {hasReactNode(text) && <Text vkuiClass=\"Banner__text\">{text}</Text>}\n        {hasReactNode(actions) && React.Children.count(actions) > 0 && (\n          <div vkuiClass=\"Banner__actions\">{actions}</div>\n        )}\n      </div>\n    </React.Fragment>\n  );\n\n  return (\n    <section\n      {...restProps}\n      vkuiClass={classNames(\n        \"Banner\",\n        platform === IOS && \"Banner--ios\",\n        `Banner--md-${mode}`,\n        `Banner--sz-${size}`,\n        mode === \"image\" && imageTheme === \"dark\" && \"Banner--inverted\"\n      )}\n    >\n      {asideMode === \"expand\" ? (\n        <Tappable\n          vkuiClass=\"Banner__in\"\n          activeMode={platform === IOS ? \"opacity\" : \"background\"}\n          role=\"button\"\n        >\n          {content}\n\n          <div vkuiClass=\"Banner__aside\">\n            <Icon24Chevron />\n          </div>\n        </Tappable>\n      ) : (\n        <div vkuiClass=\"Banner__in\">\n          {content}\n\n          {asideMode === \"dismiss\" && (\n            <div vkuiClass=\"Banner__aside\">\n              <IconButton\n                aria-label={dismissLabel}\n                vkuiClass=\"Banner__dismiss\"\n                onClick={onDismiss}\n                hoverMode=\"opacity\"\n                hasActive={false}\n              >\n                {platform === IOS ? <IconDismissIOS /> : <Icon24Cancel />}\n              </IconButton>\n            </div>\n          )}\n        </div>\n      )}\n    </section>\n  );\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { BaseGalleryProps } from "./types";
+import "./BaseGallery.css";
+export declare const BaseGallery: ({ bullets, getRootRef, children, slideWidth, slideIndex, isDraggable, onDragStart, onDragEnd, onChange, onPrevClick, onNextClick, onEnd: onEndProp, align, showArrows, getRef, ...restProps }: BaseGalleryProps) => JSX.Element;

package/dist/cjs/components/BaseGallery/BaseGallery.js

@@ -59,7 +59,7 @@ var SHIFT_DEFAULT_STATE = {
 };
 
 var BaseGallery = function BaseGallery(_ref) {
-  var _layoutState$current$8;
+  var _layoutState$current$9;
 
   var _ref$bullets = _ref.bullets,
       bullets = _ref$bullets === void 0 ? false : _ref$bullets,
@@ -167,7 +167,7 @@ var BaseGallery = function BaseGallery(_ref) {
   };
 
   var initializeSlides = function initializeSlides() {
-    var _React$Children$map, _rootRef$current$offs, _rootRef$current, _viewportRef$current$, _viewportRef$current;
+    var _React$Children$map, _rootRef$current$offs, _rootRef$current, _viewportRef$current$, _viewportRef$current, _layoutState$current$7, _localSlides$slideInd;
 
     var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var localSlides = (_React$Children$map = React.Children.map(children, function (_item, i) {
@@ -180,24 +180,25 @@ var BaseGallery = function BaseGallery(_ref) {
       };
     })) !== null && _React$Children$map !== void 0 ? _React$Children$map : [];
     var localContainerWidth = (_rootRef$current$offs = (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.offsetWidth) !== null && _rootRef$current$offs !== void 0 ? _rootRef$current$offs : 0;
-    var localviewportOffsetWidth = (_viewportRef$current$ = (_viewportRef$current = viewportRef.current) === null || _viewportRef$current === void 0 ? void 0 : _viewportRef$current.offsetWidth) !== null && _viewportRef$current$ !== void 0 ? _viewportRef$current$ : 0;
+    var localViewportOffsetWidth = (_viewportRef$current$ = (_viewportRef$current = viewportRef.current) === null || _viewportRef$current === void 0 ? void 0 : _viewportRef$current.offsetWidth) !== null && _viewportRef$current$ !== void 0 ? _viewportRef$current$ : 0;
     var localLayerWidth = localSlides.reduce(function (val, slide) {
       return slide.width + val;
     }, 0);
+    var adjustShiftX = localSlides.length <= layoutState.current.slides.length || ((_layoutState$current$7 = layoutState.current.slides[slideIndex]) === null || _layoutState$current$7 === void 0 ? void 0 : _layoutState$current$7.coordX) !== ((_localSlides$slideInd = localSlides[slideIndex]) === null || _localSlides$slideInd === void 0 ? void 0 : _localSlides$slideInd.coordX);
     layoutState.current = {
       containerWidth: localContainerWidth,
-      viewportOffsetWidth: localviewportOffsetWidth,
+      viewportOffsetWidth: localViewportOffsetWidth,
       layerWidth: localLayerWidth,
       max: (0, _helpers.calcMax)({
         slides: localSlides,
-        viewportOffsetWidth: localviewportOffsetWidth,
+        viewportOffsetWidth: localViewportOffsetWidth,
         isCenterWithCustomWidth: isCenterWithCustomWidth
       }),
       min: (0, _helpers.calcMin)({
         containerWidth: localContainerWidth,
         layerWidth: localLayerWidth,
         slides: localSlides,
-        viewportOffsetWidth: localviewportOffsetWidth,
+        viewportOffsetWidth: localViewportOffsetWidth,
         isCenterWithCustomWidth: isCenterWithCustomWidth,
         align: align
       }),
@@ -208,7 +209,7 @@ var BaseGallery = function BaseGallery(_ref) {
       var _options$animation;
 
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prevState), {}, {
-        shiftX: calculateIndent(slideIndex),
+        shiftX: adjustShiftX ? calculateIndent(slideIndex) : prevState.shiftX,
         animation: (_options$animation = options.animation) !== null && _options$animation !== void 0 ? _options$animation : prevState.shiftX === validateIndent(prevState.shiftX)
       });
     });
@@ -255,10 +256,10 @@ var BaseGallery = function BaseGallery(_ref) {
 
 
   var getTarget = function getTarget(e) {
-    var _layoutState$current$7;
+    var _layoutState$current$8;
 
     var expectDeltaX = shiftState.deltaX / e.duration * 240 * 0.6;
-    var shift = shiftState.shiftX + shiftState.deltaX + expectDeltaX - ((_layoutState$current$7 = layoutState.current.max) !== null && _layoutState$current$7 !== void 0 ? _layoutState$current$7 : 0);
+    var shift = shiftState.shiftX + shiftState.deltaX + expectDeltaX - ((_layoutState$current$8 = layoutState.current.max) !== null && _layoutState$current$8 !== void 0 ? _layoutState$current$8 : 0);
     var direction = shiftState.deltaX < 0 ? 1 : -1; // Находим ближайшую границу слайда к текущему отступу
 
     var targetIndex = layoutState.current.slides.reduce(function (val, item, index) {
@@ -352,7 +353,7 @@ var BaseGallery = function BaseGallery(_ref) {
 
   var canSlideLeft = !layoutState.current.isFullyVisible && shiftState.shiftX < 0;
   var canSlideRight = !layoutState.current.isFullyVisible && ( // we can't move right when gallery layer fully scrolled right, if gallery aligned by left side
-  align === "left" && layoutState.current.containerWidth - shiftState.shiftX < ((_layoutState$current$8 = layoutState.current.layerWidth) !== null && _layoutState$current$8 !== void 0 ? _layoutState$current$8 : 0) || // otherwise we need to check current slide index (align = right or align = center)
+  align === "left" && layoutState.current.containerWidth - shiftState.shiftX < ((_layoutState$current$9 = layoutState.current.layerWidth) !== null && _layoutState$current$9 !== void 0 ? _layoutState$current$9 : 0) || // otherwise we need to check current slide index (align = right or align = center)
   align !== "left" && slideIndex < layoutState.current.slides.length - 1);
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
     vkuiClass: (0, _classNames.classNames)("Gallery", "Gallery--".concat(align), shiftState.dragging && "Gallery--dragging", slideWidth === "custom" && "Gallery--custom-width"),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/BaseGallery/BaseGallery.tsx"],"names":["ANIMATION_DURATION","LAYOUT_DEFAULT_STATE","containerWidth","viewportOffsetWidth","layerWidth","min","max","slides","isFullyVisible","SHIFT_DEFAULT_STATE","animation","undefined","shiftX","dragging","deltaX","indent","BaseGallery","bullets","getRootRef","children","slideWidth","slideIndex","isDraggable","onDragStart","onDragEnd","onChange","onPrevClick","onNextClick","onEndProp","onEnd","align","showArrows","getRef","restProps","slidesStore","React","useRef","layoutState","useState","shiftState","setShiftState","rootRef","viewportRef","window","hasMouse","isCenterWithCustomWidth","validateIndent","value","localMax","current","localMin","calculateIndent","targetIndex","targetSlide","length","coordX","width","viewportWidth","calculateDragIndent","Number","initializeSlides","options","localSlides","Children","map","_item","i","elem","offsetLeft","offsetWidth","localContainerWidth","localviewportOffsetWidth","localLayerWidth","reduce","val","slide","prevState","onResize","slideLeft","slideRight","getTarget","e","expectDeltaX","duration","shift","direction","item","index","previousValue","Math","abs","currentValue","onStart","onMoveX","originalEvent","preventDefault","isSlideX","isSlide","nextShiftState","shiftXStick","layerStyle","WebkitTransform","transform","WebkitTransition","transition","setSlideRef","slideRef","canSlideLeft","canSlideRight","el"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { HorizontalScrollArrow } from \"../HorizontalScroll/HorizontalScrollArrow\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { calcMax, calcMin } from \"./helpers\";\nimport {\n  BaseGalleryProps,\n  GallerySlidesState,\n  LayoutState,\n  ShiftingState,\n} from \"./types\";\nimport \"./BaseGallery.css\";\n\nconst ANIMATION_DURATION = 0.24;\n\nconst LAYOUT_DEFAULT_STATE = {\n  containerWidth: 0,\n  viewportOffsetWidth: 0,\n  layerWidth: 0,\n  min: 0,\n  max: 0,\n  slides: [],\n  isFullyVisible: true,\n};\n\nconst SHIFT_DEFAULT_STATE = {\n  animation: undefined,\n  shiftX: 0,\n  dragging: false,\n  deltaX: 0,\n  indent: 0,\n};\n\nexport const BaseGallery = ({\n  bullets = false,\n  getRootRef,\n  children,\n  slideWidth = \"100%\",\n  slideIndex = 0,\n  isDraggable = true,\n  onDragStart,\n  onDragEnd,\n  onChange,\n  onPrevClick,\n  onNextClick,\n  onEnd: onEndProp,\n  align = \"left\",\n  showArrows,\n  getRef,\n  ...restProps\n}: BaseGalleryProps) => {\n  const slidesStore = React.useRef<Record<string, HTMLDivElement | null>>({});\n  const layoutState = React.useRef<LayoutState>(LAYOUT_DEFAULT_STATE);\n  const [shiftState, setShiftState] =\n    React.useState<ShiftingState>(SHIFT_DEFAULT_STATE);\n\n  const rootRef = useExternRef(getRootRef);\n  const viewportRef = useExternRef(getRef);\n\n  const { window } = useDOM();\n  const { hasMouse } = useAdaptivity();\n\n  const isCenterWithCustomWidth = slideWidth === \"custom\" && align === \"center\";\n\n  const validateIndent = (value: number) => {\n    const localMax = layoutState.current.max ?? 0;\n    const localMin = layoutState.current.min ?? 0;\n\n    if (value < localMin) {\n      return localMin;\n    } else if (value > localMax) {\n      return localMax;\n    }\n\n    return value;\n  };\n\n  /*\n   * Считает отступ слоя галереи\n   */\n  const calculateIndent = (targetIndex: number) => {\n    if (layoutState.current.isFullyVisible) {\n      return 0;\n    }\n\n    const targetSlide = layoutState.current.slides?.length\n      ? layoutState.current.slides[targetIndex]\n      : null;\n\n    if (targetSlide) {\n      const { coordX, width } = targetSlide;\n\n      if (isCenterWithCustomWidth) {\n        const viewportWidth = layoutState.current.viewportOffsetWidth ?? 0;\n        return viewportWidth / 2 - coordX - width / 2;\n      }\n\n      return validateIndent(-1 * coordX);\n    }\n\n    return 0;\n  };\n\n  /*\n   * Считает отступ слоя галереи во время драга\n   */\n  const calculateDragIndent = () => {\n    const localMax = layoutState.current.max ?? 0;\n    const localMin = layoutState.current.min ?? 0;\n    const indent = shiftState.shiftX + shiftState.deltaX;\n\n    if (indent > localMax) {\n      return localMax + Number((indent - localMax) / 3);\n    } else if (indent < localMin) {\n      return localMin + Number((indent - localMin) / 3);\n    }\n\n    return indent;\n  };\n\n  const initializeSlides = (options: { animation?: boolean } = {}) => {\n    const localSlides =\n      React.Children.map(\n        children,\n        (_item: React.ReactNode, i: number): GallerySlidesState => {\n          const elem = slidesStore.current[`slide-${i}`];\n          return {\n            coordX: elem?.offsetLeft ?? 0,\n            width: elem?.offsetWidth ?? 0,\n          };\n        }\n      ) ?? [];\n\n    const localContainerWidth = rootRef.current?.offsetWidth ?? 0;\n    const localviewportOffsetWidth = viewportRef.current?.offsetWidth ?? 0;\n    const localLayerWidth = localSlides.reduce(\n      (val: number, slide: GallerySlidesState) => slide.width + val,\n      0\n    );\n\n    layoutState.current = {\n      containerWidth: localContainerWidth,\n      viewportOffsetWidth: localviewportOffsetWidth,\n      layerWidth: localLayerWidth,\n      max: calcMax({\n        slides: localSlides,\n        viewportOffsetWidth: localviewportOffsetWidth,\n        isCenterWithCustomWidth,\n      }),\n      min: calcMin({\n        containerWidth: localContainerWidth,\n        layerWidth: localLayerWidth,\n        slides: localSlides,\n        viewportOffsetWidth: localviewportOffsetWidth,\n        isCenterWithCustomWidth,\n        align,\n      }),\n      slides: localSlides,\n      isFullyVisible: localLayerWidth <= localContainerWidth,\n    };\n\n    setShiftState((prevState) => ({\n      ...prevState,\n      shiftX: calculateIndent(slideIndex),\n      animation:\n        options.animation ??\n        prevState.shiftX === validateIndent(prevState.shiftX),\n    }));\n  };\n\n  const onResize = () => {\n    if (shiftState.animation !== undefined) {\n      initializeSlides({ animation: false });\n    }\n  };\n\n  useGlobalEventListener(window, \"resize\", onResize);\n\n  useIsomorphicLayoutEffect(() => {\n    initializeSlides({ animation: false });\n  }, [children, align, slideWidth]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (shiftState.animation !== undefined) {\n      setShiftState((prevState) => ({\n        ...prevState,\n        animation: true,\n        deltaX: 0,\n        shiftX: calculateIndent(slideIndex ?? 0),\n      }));\n    }\n  }, [slideIndex]);\n\n  const slideLeft = () => {\n    onChange?.(slideIndex - 1);\n    onPrevClick?.();\n  };\n\n  const slideRight = () => {\n    onChange?.(slideIndex + 1);\n    onNextClick?.();\n  };\n\n  /*\n   * Получает индекс слайда, к которому будет осуществлен переход\n   */\n  const getTarget = (e: TouchEvent) => {\n    const expectDeltaX = (shiftState.deltaX / e.duration) * 240 * 0.6;\n    const shift =\n      shiftState.shiftX +\n      shiftState.deltaX +\n      expectDeltaX -\n      (layoutState.current.max ?? 0);\n    const direction = shiftState.deltaX < 0 ? 1 : -1;\n\n    // Находим ближайшую границу слайда к текущему отступу\n    let targetIndex = layoutState.current.slides.reduce(\n      (val: number, item: GallerySlidesState, index: number) => {\n        const previousValue = Math.abs(\n          layoutState.current.slides[val].coordX + shift\n        );\n        const currentValue = Math.abs(item.coordX + shift);\n\n        return previousValue < currentValue ? val : index;\n      },\n      slideIndex\n    );\n\n    if (targetIndex === slideIndex) {\n      let targetSlide = slideIndex + direction;\n\n      if (targetSlide >= 0 && targetSlide < layoutState.current.slides.length) {\n        if (\n          Math.abs(shiftState.deltaX) >\n          layoutState.current.slides[targetSlide].width * 0.05\n        ) {\n          targetIndex = targetSlide;\n        }\n      }\n    }\n\n    return targetIndex;\n  };\n\n  const onStart = () => {\n    setShiftState((prevState) => ({ ...prevState, animation: false }));\n  };\n\n  const onMoveX = (e: TouchEvent) => {\n    if (isDraggable && !layoutState.current.isFullyVisible) {\n      e.originalEvent.preventDefault();\n\n      if (e.isSlideX) {\n        // TODO исправить в рамках issue #2698\n        onDragStart?.(e);\n\n        if (shiftState.deltaX !== e.shiftX) {\n          setShiftState((prevState) => ({\n            ...prevState,\n            deltaX: e.shiftX,\n            dragging: e.isSlideX,\n          }));\n        }\n      }\n    }\n  };\n\n  const onEnd = (e: TouchEvent) => {\n    const targetIndex = e.isSlide ? getTarget(e) : slideIndex ?? 0;\n    onDragEnd?.(e);\n\n    const nextShiftState: Partial<ShiftingState> = {\n      animation: true,\n      dragging: false,\n      deltaX: 0,\n    };\n\n    const shiftXStick = calculateDragIndent();\n    if (targetIndex !== slideIndex) {\n      // Сохраняем сдвиг слайда в том положении, в каком его оставили после драга (fix issue #2185)\n      nextShiftState.shiftX = shiftXStick;\n    }\n\n    setShiftState((prevState) => ({ ...prevState, ...nextShiftState }));\n    if (targetIndex !== slideIndex) {\n      onChange?.(targetIndex);\n    }\n\n    // TODO исправить в рамках issue #2698\n    onEndProp?.({ targetIndex });\n  };\n\n  const indent = shiftState.dragging\n    ? calculateDragIndent()\n    : shiftState.shiftX;\n\n  const layerStyle = {\n    WebkitTransform: `translateX(${indent}px)`,\n    transform: `translateX(${indent}px)`,\n    WebkitTransition: shiftState.animation\n      ? `-webkit-transform ${ANIMATION_DURATION}s cubic-bezier(.1, 0, .25, 1)`\n      : \"none\",\n    transition: shiftState.animation\n      ? `transform ${ANIMATION_DURATION}s cubic-bezier(.1, 0, .25, 1)`\n      : \"none\",\n  };\n\n  const setSlideRef = (slideRef: HTMLDivElement | null, slideIndex: number) => {\n    slidesStore.current[`slide-${slideIndex}`] = slideRef;\n  };\n\n  // shiftX is negative number <= 0, we can swipe back only if it is < 0\n  const canSlideLeft =\n    !layoutState.current.isFullyVisible && shiftState.shiftX < 0;\n\n  const canSlideRight =\n    !layoutState.current.isFullyVisible &&\n    // we can't move right when gallery layer fully scrolled right, if gallery aligned by left side\n    ((align === \"left\" &&\n      layoutState.current.containerWidth - shiftState.shiftX <\n        (layoutState.current.layerWidth ?? 0)) ||\n      // otherwise we need to check current slide index (align = right or align = center)\n      (align !== \"left\" && slideIndex < layoutState.current.slides.length - 1));\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"Gallery\",\n        `Gallery--${align}`,\n        shiftState.dragging && \"Gallery--dragging\",\n        slideWidth === \"custom\" && \"Gallery--custom-width\"\n      )}\n      ref={rootRef}\n    >\n      <Touch\n        vkuiClass=\"Gallery__viewport\"\n        onStartX={onStart}\n        onMoveX={onMoveX}\n        onEnd={onEnd}\n        style={{ width: slideWidth === \"custom\" ? \"100%\" : slideWidth }}\n        getRootRef={viewportRef}\n        noSlideClick\n      >\n        <div vkuiClass=\"Gallery__layer\" style={layerStyle}>\n          {React.Children.map(children, (item: React.ReactNode, i: number) => (\n            <div\n              vkuiClass=\"Gallery__slide\"\n              key={`slide-${i}`}\n              ref={(el) => setSlideRef(el, i)}\n            >\n              {item}\n            </div>\n          ))}\n        </div>\n      </Touch>\n\n      {bullets && (\n        <div\n          aria-hidden=\"true\"\n          vkuiClass={classNames(\n            \"Gallery__bullets\",\n            `Gallery__bullets--${bullets}`\n          )}\n        >\n          {React.Children.map(\n            children,\n            (_item: React.ReactNode, index: number) => (\n              <div\n                vkuiClass={classNames(\n                  \"Gallery__bullet\",\n                  index === slideIndex && \"Gallery__bullet--active\"\n                )}\n                key={index}\n              />\n            )\n          )}\n        </div>\n      )}\n\n      {showArrows && hasMouse && canSlideLeft && (\n        <HorizontalScrollArrow direction=\"left\" onClick={slideLeft} />\n      )}\n      {showArrows && hasMouse && canSlideRight && (\n        <HorizontalScrollArrow direction=\"right\" onClick={slideRight} />\n      )}\n    </div>\n  );\n};\n"],"file":"BaseGallery.js"}
+{"version":3,"file":"BaseGallery.js","names":["ANIMATION_DURATION","LAYOUT_DEFAULT_STATE","containerWidth","viewportOffsetWidth","layerWidth","min","max","slides","isFullyVisible","SHIFT_DEFAULT_STATE","animation","undefined","shiftX","dragging","deltaX","indent","BaseGallery","bullets","getRootRef","children","slideWidth","slideIndex","isDraggable","onDragStart","onDragEnd","onChange","onPrevClick","onNextClick","onEndProp","onEnd","align","showArrows","getRef","restProps","slidesStore","React","useRef","layoutState","useState","shiftState","setShiftState","rootRef","useExternRef","viewportRef","useDOM","window","useAdaptivity","hasMouse","isCenterWithCustomWidth","validateIndent","value","localMax","current","localMin","calculateIndent","targetIndex","targetSlide","length","coordX","width","viewportWidth","calculateDragIndent","Number","initializeSlides","options","localSlides","Children","map","_item","i","elem","offsetLeft","offsetWidth","localContainerWidth","localViewportOffsetWidth","localLayerWidth","reduce","val","slide","adjustShiftX","calcMax","calcMin","prevState","onResize","useGlobalEventListener","useIsomorphicLayoutEffect","slideLeft","slideRight","getTarget","e","expectDeltaX","duration","shift","direction","item","index","previousValue","Math","abs","currentValue","onStart","onMoveX","originalEvent","preventDefault","isSlideX","isSlide","nextShiftState","shiftXStick","layerStyle","WebkitTransform","transform","WebkitTransition","transition","setSlideRef","slideRef","canSlideLeft","canSlideRight","classNames","el"],"sources":["../../../../src/components/BaseGallery/BaseGallery.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { HorizontalScrollArrow } from \"../HorizontalScroll/HorizontalScrollArrow\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { calcMax, calcMin } from \"./helpers\";\nimport {\n  BaseGalleryProps,\n  GallerySlidesState,\n  LayoutState,\n  ShiftingState,\n} from \"./types\";\nimport \"./BaseGallery.css\";\n\nconst ANIMATION_DURATION = 0.24;\n\nconst LAYOUT_DEFAULT_STATE = {\n  containerWidth: 0,\n  viewportOffsetWidth: 0,\n  layerWidth: 0,\n  min: 0,\n  max: 0,\n  slides: [],\n  isFullyVisible: true,\n};\n\nconst SHIFT_DEFAULT_STATE = {\n  animation: undefined,\n  shiftX: 0,\n  dragging: false,\n  deltaX: 0,\n  indent: 0,\n};\n\nexport const BaseGallery = ({\n  bullets = false,\n  getRootRef,\n  children,\n  slideWidth = \"100%\",\n  slideIndex = 0,\n  isDraggable = true,\n  onDragStart,\n  onDragEnd,\n  onChange,\n  onPrevClick,\n  onNextClick,\n  onEnd: onEndProp,\n  align = \"left\",\n  showArrows,\n  getRef,\n  ...restProps\n}: BaseGalleryProps) => {\n  const slidesStore = React.useRef<Record<string, HTMLDivElement | null>>({});\n  const layoutState = React.useRef<LayoutState>(LAYOUT_DEFAULT_STATE);\n  const [shiftState, setShiftState] =\n    React.useState<ShiftingState>(SHIFT_DEFAULT_STATE);\n\n  const rootRef = useExternRef(getRootRef);\n  const viewportRef = useExternRef(getRef);\n\n  const { window } = useDOM();\n  const { hasMouse } = useAdaptivity();\n\n  const isCenterWithCustomWidth = slideWidth === \"custom\" && align === \"center\";\n\n  const validateIndent = (value: number) => {\n    const localMax = layoutState.current.max ?? 0;\n    const localMin = layoutState.current.min ?? 0;\n\n    if (value < localMin) {\n      return localMin;\n    } else if (value > localMax) {\n      return localMax;\n    }\n\n    return value;\n  };\n\n  /*\n   * Считает отступ слоя галереи\n   */\n  const calculateIndent = (targetIndex: number) => {\n    if (layoutState.current.isFullyVisible) {\n      return 0;\n    }\n\n    const targetSlide = layoutState.current.slides?.length\n      ? layoutState.current.slides[targetIndex]\n      : null;\n\n    if (targetSlide) {\n      const { coordX, width } = targetSlide;\n\n      if (isCenterWithCustomWidth) {\n        const viewportWidth = layoutState.current.viewportOffsetWidth ?? 0;\n        return viewportWidth / 2 - coordX - width / 2;\n      }\n\n      return validateIndent(-1 * coordX);\n    }\n\n    return 0;\n  };\n\n  /*\n   * Считает отступ слоя галереи во время драга\n   */\n  const calculateDragIndent = () => {\n    const localMax = layoutState.current.max ?? 0;\n    const localMin = layoutState.current.min ?? 0;\n    const indent = shiftState.shiftX + shiftState.deltaX;\n\n    if (indent > localMax) {\n      return localMax + Number((indent - localMax) / 3);\n    } else if (indent < localMin) {\n      return localMin + Number((indent - localMin) / 3);\n    }\n\n    return indent;\n  };\n\n  const initializeSlides = (options: { animation?: boolean } = {}) => {\n    const localSlides =\n      React.Children.map(\n        children,\n        (_item: React.ReactNode, i: number): GallerySlidesState => {\n          const elem = slidesStore.current[`slide-${i}`];\n          return {\n            coordX: elem?.offsetLeft ?? 0,\n            width: elem?.offsetWidth ?? 0,\n          };\n        }\n      ) ?? [];\n\n    const localContainerWidth = rootRef.current?.offsetWidth ?? 0;\n    const localViewportOffsetWidth = viewportRef.current?.offsetWidth ?? 0;\n    const localLayerWidth = localSlides.reduce(\n      (val: number, slide: GallerySlidesState) => slide.width + val,\n      0\n    );\n    const adjustShiftX =\n      localSlides.length <= layoutState.current.slides.length ||\n      layoutState.current.slides[slideIndex]?.coordX !==\n        localSlides[slideIndex]?.coordX;\n\n    layoutState.current = {\n      containerWidth: localContainerWidth,\n      viewportOffsetWidth: localViewportOffsetWidth,\n      layerWidth: localLayerWidth,\n      max: calcMax({\n        slides: localSlides,\n        viewportOffsetWidth: localViewportOffsetWidth,\n        isCenterWithCustomWidth,\n      }),\n      min: calcMin({\n        containerWidth: localContainerWidth,\n        layerWidth: localLayerWidth,\n        slides: localSlides,\n        viewportOffsetWidth: localViewportOffsetWidth,\n        isCenterWithCustomWidth,\n        align,\n      }),\n      slides: localSlides,\n      isFullyVisible: localLayerWidth <= localContainerWidth,\n    };\n\n    setShiftState((prevState) => ({\n      ...prevState,\n      shiftX: adjustShiftX ? calculateIndent(slideIndex) : prevState.shiftX,\n      animation:\n        options.animation ??\n        prevState.shiftX === validateIndent(prevState.shiftX),\n    }));\n  };\n\n  const onResize = () => {\n    if (shiftState.animation !== undefined) {\n      initializeSlides({ animation: false });\n    }\n  };\n\n  useGlobalEventListener(window, \"resize\", onResize);\n\n  useIsomorphicLayoutEffect(() => {\n    initializeSlides({ animation: false });\n  }, [children, align, slideWidth]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (shiftState.animation !== undefined) {\n      setShiftState((prevState) => ({\n        ...prevState,\n        animation: true,\n        deltaX: 0,\n        shiftX: calculateIndent(slideIndex ?? 0),\n      }));\n    }\n  }, [slideIndex]);\n\n  const slideLeft = () => {\n    onChange?.(slideIndex - 1);\n    onPrevClick?.();\n  };\n\n  const slideRight = () => {\n    onChange?.(slideIndex + 1);\n    onNextClick?.();\n  };\n\n  /*\n   * Получает индекс слайда, к которому будет осуществлен переход\n   */\n  const getTarget = (e: TouchEvent) => {\n    const expectDeltaX = (shiftState.deltaX / e.duration) * 240 * 0.6;\n    const shift =\n      shiftState.shiftX +\n      shiftState.deltaX +\n      expectDeltaX -\n      (layoutState.current.max ?? 0);\n    const direction = shiftState.deltaX < 0 ? 1 : -1;\n\n    // Находим ближайшую границу слайда к текущему отступу\n    let targetIndex = layoutState.current.slides.reduce(\n      (val: number, item: GallerySlidesState, index: number) => {\n        const previousValue = Math.abs(\n          layoutState.current.slides[val].coordX + shift\n        );\n        const currentValue = Math.abs(item.coordX + shift);\n\n        return previousValue < currentValue ? val : index;\n      },\n      slideIndex\n    );\n\n    if (targetIndex === slideIndex) {\n      let targetSlide = slideIndex + direction;\n\n      if (targetSlide >= 0 && targetSlide < layoutState.current.slides.length) {\n        if (\n          Math.abs(shiftState.deltaX) >\n          layoutState.current.slides[targetSlide].width * 0.05\n        ) {\n          targetIndex = targetSlide;\n        }\n      }\n    }\n\n    return targetIndex;\n  };\n\n  const onStart = () => {\n    setShiftState((prevState) => ({ ...prevState, animation: false }));\n  };\n\n  const onMoveX = (e: TouchEvent) => {\n    if (isDraggable && !layoutState.current.isFullyVisible) {\n      e.originalEvent.preventDefault();\n\n      if (e.isSlideX) {\n        // TODO исправить в рамках issue #2698\n        onDragStart?.(e);\n\n        if (shiftState.deltaX !== e.shiftX) {\n          setShiftState((prevState) => ({\n            ...prevState,\n            deltaX: e.shiftX,\n            dragging: e.isSlideX,\n          }));\n        }\n      }\n    }\n  };\n\n  const onEnd = (e: TouchEvent) => {\n    const targetIndex = e.isSlide ? getTarget(e) : slideIndex ?? 0;\n    onDragEnd?.(e);\n\n    const nextShiftState: Partial<ShiftingState> = {\n      animation: true,\n      dragging: false,\n      deltaX: 0,\n    };\n\n    const shiftXStick = calculateDragIndent();\n    if (targetIndex !== slideIndex) {\n      // Сохраняем сдвиг слайда в том положении, в каком его оставили после драга (fix issue #2185)\n      nextShiftState.shiftX = shiftXStick;\n    }\n\n    setShiftState((prevState) => ({ ...prevState, ...nextShiftState }));\n    if (targetIndex !== slideIndex) {\n      onChange?.(targetIndex);\n    }\n\n    // TODO исправить в рамках issue #2698\n    onEndProp?.({ targetIndex });\n  };\n\n  const indent = shiftState.dragging\n    ? calculateDragIndent()\n    : shiftState.shiftX;\n\n  const layerStyle = {\n    WebkitTransform: `translateX(${indent}px)`,\n    transform: `translateX(${indent}px)`,\n    WebkitTransition: shiftState.animation\n      ? `-webkit-transform ${ANIMATION_DURATION}s cubic-bezier(.1, 0, .25, 1)`\n      : \"none\",\n    transition: shiftState.animation\n      ? `transform ${ANIMATION_DURATION}s cubic-bezier(.1, 0, .25, 1)`\n      : \"none\",\n  };\n\n  const setSlideRef = (slideRef: HTMLDivElement | null, slideIndex: number) => {\n    slidesStore.current[`slide-${slideIndex}`] = slideRef;\n  };\n\n  // shiftX is negative number <= 0, we can swipe back only if it is < 0\n  const canSlideLeft =\n    !layoutState.current.isFullyVisible && shiftState.shiftX < 0;\n\n  const canSlideRight =\n    !layoutState.current.isFullyVisible &&\n    // we can't move right when gallery layer fully scrolled right, if gallery aligned by left side\n    ((align === \"left\" &&\n      layoutState.current.containerWidth - shiftState.shiftX <\n        (layoutState.current.layerWidth ?? 0)) ||\n      // otherwise we need to check current slide index (align = right or align = center)\n      (align !== \"left\" && slideIndex < layoutState.current.slides.length - 1));\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"Gallery\",\n        `Gallery--${align}`,\n        shiftState.dragging && \"Gallery--dragging\",\n        slideWidth === \"custom\" && \"Gallery--custom-width\"\n      )}\n      ref={rootRef}\n    >\n      <Touch\n        vkuiClass=\"Gallery__viewport\"\n        onStartX={onStart}\n        onMoveX={onMoveX}\n        onEnd={onEnd}\n        style={{ width: slideWidth === \"custom\" ? \"100%\" : slideWidth }}\n        getRootRef={viewportRef}\n        noSlideClick\n      >\n        <div vkuiClass=\"Gallery__layer\" style={layerStyle}>\n          {React.Children.map(children, (item: React.ReactNode, i: number) => (\n            <div\n              vkuiClass=\"Gallery__slide\"\n              key={`slide-${i}`}\n              ref={(el) => setSlideRef(el, i)}\n            >\n              {item}\n            </div>\n          ))}\n        </div>\n      </Touch>\n\n      {bullets && (\n        <div\n          aria-hidden=\"true\"\n          vkuiClass={classNames(\n            \"Gallery__bullets\",\n            `Gallery__bullets--${bullets}`\n          )}\n        >\n          {React.Children.map(\n            children,\n            (_item: React.ReactNode, index: number) => (\n              <div\n                vkuiClass={classNames(\n                  \"Gallery__bullet\",\n                  index === slideIndex && \"Gallery__bullet--active\"\n                )}\n                key={index}\n              />\n            )\n          )}\n        </div>\n      )}\n\n      {showArrows && hasMouse && canSlideLeft && (\n        <HorizontalScrollArrow direction=\"left\" onClick={slideLeft} />\n      )}\n      {showArrows && hasMouse && canSlideRight && (\n        <HorizontalScrollArrow direction=\"right\" onClick={slideRight} />\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/cjs/components/BaseGallery/helpers.d.ts

@@ -0,0 +1,12 @@
+import { LayoutState } from "./types";
+import { HasAlign } from "../../types";
+interface CalcMin extends Partial<LayoutState> {
+    isCenterWithCustomWidth: boolean;
+    align: HasAlign["align"];
+}
+export declare const calcMin: ({ containerWidth, layerWidth, slides, viewportOffsetWidth, align, isCenterWithCustomWidth, }: CalcMin) => number | undefined;
+interface CalcMax extends Partial<LayoutState> {
+    isCenterWithCustomWidth: boolean;
+}
+export declare const calcMax: ({ slides, viewportOffsetWidth, isCenterWithCustomWidth, }: CalcMax) => number;
+export {};