@vkontakte/vkui 7.0.1 → 7.1.0

package/dist/components/CardScroll/CardScroll.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CardScroll/CardScroll.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useDOM } from '../../lib/dom';\nimport type { HasComponent, HTMLAttributesWithRootRef } from '../../types';\nimport { HorizontalScroll, type HorizontalScrollProps } from '../HorizontalScroll/HorizontalScroll';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './CardScroll.module.css';\n\nconst stylesSize = {\n  s: 'vkuiInternalCardScroll--size-s',\n  m: 'vkuiInternalCardScroll--size-m',\n  l: 'vkuiInternalCardScroll--size-l',\n};\n\nexport interface CardScrollProps extends HTMLAttributesWithRootRef<HTMLDivElement>, HasComponent {\n  /**\n   * При `size=false` ширина `Card` будет регулироваться контентом внутри. В остальных случаях — будет явно задана в процентах.\n   */\n  size?: 's' | 'm' | 'l' | false;\n  showArrows?: HorizontalScrollProps['showArrows'];\n  /**\n   * Добавляет отступы по краям слева и справа\n   */\n  padding?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/CardScroll\n */\nexport const CardScroll = ({\n  children,\n  size = 's',\n  showArrows = true,\n  padding = false,\n  Component = 'ul',\n  ...restProps\n}: CardScrollProps): React.ReactNode => {\n  const refContainer = React.useRef<HTMLDivElement>(null);\n  const gapRef = React.useRef<HTMLDivElement>(null);\n\n  const { window } = useDOM();\n\n  function getScrollToLeft(offset: number): number {\n    if (!refContainer.current || !gapRef.current) {\n      return offset;\n    }\n    const containerWidth = refContainer.current.offsetWidth;\n    const slideIndex = ([...refContainer.current.children] as HTMLElement[]).findIndex(\n      (el: HTMLElement) =>\n        el.offsetLeft +\n          el.offsetWidth +\n          parseInt(window!.getComputedStyle(el).marginRight) -\n          offset >=\n        0,\n    );\n\n    if (slideIndex === -1) {\n      return offset;\n    }\n\n    if (slideIndex === 0) {\n      return 0;\n    }\n\n    const slide = refContainer.current.children[slideIndex] as HTMLElement;\n\n    const scrollTo =\n      slide.offsetLeft - (containerWidth - slide.offsetWidth) + gapRef.current.offsetWidth;\n\n    if (scrollTo <= 2 * gapRef.current.offsetWidth) {\n      return 0;\n    }\n\n    return scrollTo;\n  }\n\n  function getScrollToRight(offset: number): number {\n    if (!refContainer.current || !gapRef.current) {\n      return offset;\n    }\n\n    const containerWidth = refContainer.current.offsetWidth;\n    const slide = Array.prototype.find.call(\n      refContainer.current.children,\n      (el: HTMLElement) => el.offsetLeft + el.offsetWidth - offset > containerWidth,\n    ) as HTMLElement;\n\n    if (!slide) {\n      return offset;\n    }\n\n    return slide.offsetLeft - gapRef.current.offsetWidth;\n  }\n\n  return (\n    <RootComponent\n      {...restProps}\n      Component={Component}\n      baseClassName={classNames(\n        styles.host,\n        'vkuiInternalCardScroll',\n        size !== false && stylesSize[size],\n        padding && styles.withPaddings,\n      )}\n    >\n      <HorizontalScroll\n        getScrollToLeft={getScrollToLeft}\n        getScrollToRight={getScrollToRight}\n        showArrows={showArrows}\n      >\n        <div className={styles.in} ref={refContainer}>\n          <span className={styles.gap} ref={gapRef} />\n          {children}\n          <span className={styles.gap} />\n        </div>\n      </HorizontalScroll>\n    </RootComponent>\n  );\n};\n"],"names":["React","classNames","useDOM","HorizontalScroll","RootComponent","stylesSize","s","m","l","CardScroll","children","size","showArrows","padding","Component","restProps","refContainer","useRef","gapRef","window","getScrollToLeft","offset","current","containerWidth","offsetWidth","slideIndex","findIndex","el","offsetLeft","parseInt","getComputedStyle","marginRight","slide","scrollTo","getScrollToRight","Array","prototype","find","call","baseClassName","div","className","ref","span"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,MAAM,QAAQ,mBAAgB;AAEvC,SAASC,gBAAgB,QAAoC,0CAAuC;AACpG,SAASC,aAAa,QAAQ,oCAAiC;AAG/D,MAAMC,aAAa;IACjBC,GAAG;IACHC,GAAG;IACHC,GAAG;AACL;AAcA;;CAEC,GACD,OAAO,MAAMC,aAAa;QAAC,EACzBC,QAAQ,EACRC,OAAO,GAAG,EACVC,aAAa,IAAI,EACjBC,UAAU,KAAK,EACfC,YAAY,IAAI,EAEA,WADbC;QALHL;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,eAAehB,MAAMiB,MAAM,CAAiB;IAClD,MAAMC,SAASlB,MAAMiB,MAAM,CAAiB;IAE5C,MAAM,EAAEE,MAAM,EAAE,GAAGjB;IAEnB,SAASkB,gBAAgBC,MAAc;QACrC,IAAI,CAACL,aAAaM,OAAO,IAAI,CAACJ,OAAOI,OAAO,EAAE;YAC5C,OAAOD;QACT;QACA,MAAME,iBAAiBP,aAAaM,OAAO,CAACE,WAAW;QACvD,MAAMC,aAAa,AAAC;eAAIT,aAAaM,OAAO,CAACZ,QAAQ;SAAC,CAAmBgB,SAAS,CAChF,CAACC,KACCA,GAAGC,UAAU,GACXD,GAAGH,WAAW,GACdK,SAASV,OAAQW,gBAAgB,CAACH,IAAII,WAAW,IACjDV,UACF;QAGJ,IAAII,eAAe,CAAC,GAAG;YACrB,OAAOJ;QACT;QAEA,IAAII,eAAe,GAAG;YACpB,OAAO;QACT;QAEA,MAAMO,QAAQhB,aAAaM,OAAO,CAACZ,QAAQ,CAACe,WAAW;QAEvD,MAAMQ,WACJD,MAAMJ,UAAU,GAAIL,CAAAA,iBAAiBS,MAAMR,WAAW,AAAD,IAAKN,OAAOI,OAAO,CAACE,WAAW;QAEtF,IAAIS,YAAY,IAAIf,OAAOI,OAAO,CAACE,WAAW,EAAE;YAC9C,OAAO;QACT;QAEA,OAAOS;IACT;IAEA,SAASC,iBAAiBb,MAAc;QACtC,IAAI,CAACL,aAAaM,OAAO,IAAI,CAACJ,OAAOI,OAAO,EAAE;YAC5C,OAAOD;QACT;QAEA,MAAME,iBAAiBP,aAAaM,OAAO,CAACE,WAAW;QACvD,MAAMQ,QAAQG,MAAMC,SAAS,CAACC,IAAI,CAACC,IAAI,CACrCtB,aAAaM,OAAO,CAACZ,QAAQ,EAC7B,CAACiB,KAAoBA,GAAGC,UAAU,GAAGD,GAAGH,WAAW,GAAGH,SAASE;QAGjE,IAAI,CAACS,OAAO;YACV,OAAOX;QACT;QAEA,OAAOW,MAAMJ,UAAU,GAAGV,OAAOI,OAAO,CAACE,WAAW;IACtD;IAEA,qBACE,KAACpB,uDACKW;QACJD,WAAWA;QACXyB,eAAetC,mCAEb,0BACAU,SAAS,SAASN,UAAU,CAACM,KAAK,EAClCE;kBAGF,cAAA,KAACV;YACCiB,iBAAiBA;YACjBc,kBAAkBA;YAClBtB,YAAYA;sBAEZ,cAAA,MAAC4B;gBAAIC,SAAS;gBAAaC,KAAK1B;;kCAC9B,KAAC2B;wBAAKF,SAAS;wBAAcC,KAAKxB;;oBACjCR;kCACD,KAACiC;wBAAKF,SAAS;;;;;;AAKzB,EAAE"}
+{"version":3,"sources":["../../../src/components/CardScroll/CardScroll.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useDOM } from '../../lib/dom';\nimport type { HasComponent, HTMLAttributesWithRootRef } from '../../types';\nimport { HorizontalScroll, type HorizontalScrollProps } from '../HorizontalScroll/HorizontalScroll';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './CardScroll.module.css';\n\nconst stylesSize = {\n  s: 'vkuiInternalCardScroll--size-s',\n  m: 'vkuiInternalCardScroll--size-m',\n  l: 'vkuiInternalCardScroll--size-l',\n};\n\nexport interface CardScrollProps\n  extends HTMLAttributesWithRootRef<HTMLDivElement>,\n    HasComponent,\n    Pick<HorizontalScrollProps, 'showArrows' | 'prevButtonTestId' | 'nextButtonTestId'> {\n  /**\n   * При `size=false` ширина `Card` будет регулироваться контентом внутри. В остальных случаях — будет явно задана в процентах.\n   */\n  size?: 's' | 'm' | 'l' | false;\n  /**\n   * Добавляет отступы по краям слева и справа\n   */\n  padding?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/CardScroll\n */\nexport const CardScroll = ({\n  children,\n  size = 's',\n  showArrows = true,\n  padding = false,\n  Component = 'ul',\n  prevButtonTestId,\n  nextButtonTestId,\n  ...restProps\n}: CardScrollProps): React.ReactNode => {\n  const refContainer = React.useRef<HTMLDivElement>(null);\n  const gapRef = React.useRef<HTMLDivElement>(null);\n\n  const { window } = useDOM();\n\n  function getScrollToLeft(offset: number): number {\n    if (!refContainer.current || !gapRef.current) {\n      return offset;\n    }\n    const containerWidth = refContainer.current.offsetWidth;\n    const slideIndex = ([...refContainer.current.children] as HTMLElement[]).findIndex(\n      (el: HTMLElement) =>\n        el.offsetLeft +\n          el.offsetWidth +\n          parseInt(window!.getComputedStyle(el).marginRight) -\n          offset >=\n        0,\n    );\n\n    if (slideIndex === -1) {\n      return offset;\n    }\n\n    if (slideIndex === 0) {\n      return 0;\n    }\n\n    const slide = refContainer.current.children[slideIndex] as HTMLElement;\n\n    const scrollTo =\n      slide.offsetLeft - (containerWidth - slide.offsetWidth) + gapRef.current.offsetWidth;\n\n    if (scrollTo <= 2 * gapRef.current.offsetWidth) {\n      return 0;\n    }\n\n    return scrollTo;\n  }\n\n  function getScrollToRight(offset: number): number {\n    if (!refContainer.current || !gapRef.current) {\n      return offset;\n    }\n\n    const containerWidth = refContainer.current.offsetWidth;\n    const slide = Array.prototype.find.call(\n      refContainer.current.children,\n      (el: HTMLElement) => el.offsetLeft + el.offsetWidth - offset > containerWidth,\n    ) as HTMLElement;\n\n    if (!slide) {\n      return offset;\n    }\n\n    return slide.offsetLeft - gapRef.current.offsetWidth;\n  }\n\n  return (\n    <RootComponent\n      {...restProps}\n      Component={Component}\n      baseClassName={classNames(\n        styles.host,\n        'vkuiInternalCardScroll',\n        size !== false && stylesSize[size],\n        padding && styles.withPaddings,\n      )}\n    >\n      <HorizontalScroll\n        getScrollToLeft={getScrollToLeft}\n        getScrollToRight={getScrollToRight}\n        showArrows={showArrows}\n        prevButtonTestId={prevButtonTestId}\n        nextButtonTestId={nextButtonTestId}\n      >\n        <div className={styles.in} ref={refContainer}>\n          <span className={styles.gap} ref={gapRef} />\n          {children}\n          <span className={styles.gap} />\n        </div>\n      </HorizontalScroll>\n    </RootComponent>\n  );\n};\n"],"names":["React","classNames","useDOM","HorizontalScroll","RootComponent","stylesSize","s","m","l","CardScroll","children","size","showArrows","padding","Component","prevButtonTestId","nextButtonTestId","restProps","refContainer","useRef","gapRef","window","getScrollToLeft","offset","current","containerWidth","offsetWidth","slideIndex","findIndex","el","offsetLeft","parseInt","getComputedStyle","marginRight","slide","scrollTo","getScrollToRight","Array","prototype","find","call","baseClassName","div","className","ref","span"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,MAAM,QAAQ,mBAAgB;AAEvC,SAASC,gBAAgB,QAAoC,0CAAuC;AACpG,SAASC,aAAa,QAAQ,oCAAiC;AAG/D,MAAMC,aAAa;IACjBC,GAAG;IACHC,GAAG;IACHC,GAAG;AACL;AAgBA;;CAEC,GACD,OAAO,MAAMC,aAAa;QAAC,EACzBC,QAAQ,EACRC,OAAO,GAAG,EACVC,aAAa,IAAI,EACjBC,UAAU,KAAK,EACfC,YAAY,IAAI,EAChBC,gBAAgB,EAChBC,gBAAgB,EAEA,WADbC;QAPHP;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,eAAelB,MAAMmB,MAAM,CAAiB;IAClD,MAAMC,SAASpB,MAAMmB,MAAM,CAAiB;IAE5C,MAAM,EAAEE,MAAM,EAAE,GAAGnB;IAEnB,SAASoB,gBAAgBC,MAAc;QACrC,IAAI,CAACL,aAAaM,OAAO,IAAI,CAACJ,OAAOI,OAAO,EAAE;YAC5C,OAAOD;QACT;QACA,MAAME,iBAAiBP,aAAaM,OAAO,CAACE,WAAW;QACvD,MAAMC,aAAa,AAAC;eAAIT,aAAaM,OAAO,CAACd,QAAQ;SAAC,CAAmBkB,SAAS,CAChF,CAACC,KACCA,GAAGC,UAAU,GACXD,GAAGH,WAAW,GACdK,SAASV,OAAQW,gBAAgB,CAACH,IAAII,WAAW,IACjDV,UACF;QAGJ,IAAII,eAAe,CAAC,GAAG;YACrB,OAAOJ;QACT;QAEA,IAAII,eAAe,GAAG;YACpB,OAAO;QACT;QAEA,MAAMO,QAAQhB,aAAaM,OAAO,CAACd,QAAQ,CAACiB,WAAW;QAEvD,MAAMQ,WACJD,MAAMJ,UAAU,GAAIL,CAAAA,iBAAiBS,MAAMR,WAAW,AAAD,IAAKN,OAAOI,OAAO,CAACE,WAAW;QAEtF,IAAIS,YAAY,IAAIf,OAAOI,OAAO,CAACE,WAAW,EAAE;YAC9C,OAAO;QACT;QAEA,OAAOS;IACT;IAEA,SAASC,iBAAiBb,MAAc;QACtC,IAAI,CAACL,aAAaM,OAAO,IAAI,CAACJ,OAAOI,OAAO,EAAE;YAC5C,OAAOD;QACT;QAEA,MAAME,iBAAiBP,aAAaM,OAAO,CAACE,WAAW;QACvD,MAAMQ,QAAQG,MAAMC,SAAS,CAACC,IAAI,CAACC,IAAI,CACrCtB,aAAaM,OAAO,CAACd,QAAQ,EAC7B,CAACmB,KAAoBA,GAAGC,UAAU,GAAGD,GAAGH,WAAW,GAAGH,SAASE;QAGjE,IAAI,CAACS,OAAO;YACV,OAAOX;QACT;QAEA,OAAOW,MAAMJ,UAAU,GAAGV,OAAOI,OAAO,CAACE,WAAW;IACtD;IAEA,qBACE,KAACtB,uDACKa;QACJH,WAAWA;QACX2B,eAAexC,mCAEb,0BACAU,SAAS,SAASN,UAAU,CAACM,KAAK,EAClCE;kBAGF,cAAA,KAACV;YACCmB,iBAAiBA;YACjBc,kBAAkBA;YAClBxB,YAAYA;YACZG,kBAAkBA;YAClBC,kBAAkBA;sBAElB,cAAA,MAAC0B;gBAAIC,SAAS;gBAAaC,KAAK1B;;kCAC9B,KAAC2B;wBAAKF,SAAS;wBAAcC,KAAKxB;;oBACjCV;kCACD,KAACmC;wBAAKF,SAAS;;;;;;AAKzB,EAAE"}

package/dist/components/CarouselBase/Bullets.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { type BaseGalleryProps } from './types';
+export interface BulletsTestIds {
+    /**
+     * Передает атрибут `data-testid` для bullets
+     */
+    bulletTestId?: (index: number, active: boolean) => string;
+}
+interface BulletsProps extends BulletsTestIds {
+    bullets: Exclude<BaseGalleryProps['bullets'], false | undefined>;
+    slideIndex: number;
+    count: number;
+}
+export declare const Bullets: React.FC<BulletsProps>;
+export {};
+//# sourceMappingURL=Bullets.d.ts.map

package/dist/components/CarouselBase/Bullets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bullets.d.ts","sourceRoot":"","sources":["../../../src/components/CarouselBase/Bullets.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGhD,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,MAAM,CAAC;CAC3D;AAED,UAAU,YAAa,SAAQ,cAAc;IAC3C,OAAO,EAAE,OAAO,CAAC,gBAAgB,CAAC,SAAS,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC,CAAC;IACjE,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf;AAOD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAY1C,CAAC"}

package/dist/components/CarouselBase/Bullets.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { classNames } from "@vkontakte/vkjs";
+const stylesBullets = {
+    dark: "vkuiCarouselBase__bulletsDark",
+    light: "vkuiCarouselBase__bulletsLight"
+};
+export const Bullets = ({ bullets, slideIndex, count, bulletTestId })=>{
+    return /*#__PURE__*/ _jsx("div", {
+        "aria-hidden": true,
+        className: classNames("vkuiCarouselBase__bullets", stylesBullets[bullets]),
+        children: Array.from({
+            length: count
+        }).map((_, index)=>/*#__PURE__*/ _jsx("div", {
+                className: classNames("vkuiCarouselBase__bullet", index === slideIndex && "vkuiCarouselBase__bulletActive"),
+                "data-testid": bulletTestId === null || bulletTestId === void 0 ? void 0 : bulletTestId(index, index === slideIndex)
+            }, index))
+    });
+};
+
+//# sourceMappingURL=Bullets.js.map

package/dist/components/CarouselBase/Bullets.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/CarouselBase/Bullets.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { type BaseGalleryProps } from './types';\nimport styles from './CarouselBase.module.css';\n\nexport interface BulletsTestIds {\n  /**\n   * Передает атрибут `data-testid` для bullets\n   */\n  bulletTestId?: (index: number, active: boolean) => string;\n}\n\ninterface BulletsProps extends BulletsTestIds {\n  bullets: Exclude<BaseGalleryProps['bullets'], false | undefined>;\n  slideIndex: number;\n  count: number;\n}\n\nconst stylesBullets = {\n  dark: styles.bulletsDark,\n  light: styles.bulletsLight,\n};\n\nexport const Bullets: React.FC<BulletsProps> = ({ bullets, slideIndex, count, bulletTestId }) => {\n  return (\n    <div aria-hidden className={classNames(styles.bullets, stylesBullets[bullets])}>\n      {Array.from({ length: count }).map((_, index) => (\n        <div\n          className={classNames(styles.bullet, index === slideIndex && styles.bulletActive)}\n          data-testid={bulletTestId?.(index, index === slideIndex)}\n          key={index}\n        />\n      ))}\n    </div>\n  );\n};\n"],"names":["React","classNames","stylesBullets","dark","light","Bullets","bullets","slideIndex","count","bulletTestId","div","aria-hidden","className","Array","from","length","map","_","index","data-testid"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAiB7C,MAAMC,gBAAgB;IACpBC,IAAI;IACJC,KAAK;AACP;AAEA,OAAO,MAAMC,UAAkC,CAAC,EAAEC,OAAO,EAAEC,UAAU,EAAEC,KAAK,EAAEC,YAAY,EAAE;IAC1F,qBACE,KAACC;QAAIC,aAAW;QAACC,WAAWX,wCAA2BC,aAAa,CAACI,QAAQ;kBAC1EO,MAAMC,IAAI,CAAC;YAAEC,QAAQP;QAAM,GAAGQ,GAAG,CAAC,CAACC,GAAGC,sBACrC,KAACR;gBACCE,WAAWX,uCAA0BiB,UAAUX;gBAC/CY,aAAW,EAAEV,yBAAAA,mCAAAA,aAAeS,OAAOA,UAAUX;eACxCW;;AAKf,EAAE"}

package/dist/components/CarouselBase/CarouselBase.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { type BaseGalleryProps } from './types';
+export declare const CarouselBase: ({ bullets, getRootRef, children, slideWidth, slideIndex, dragDisabled, resizeSource, onDragStart, onDragEnd, onChange, onPrevClick, onNextClick, align, showArrows, getRef, arrowSize, arrowAreaHeight, slideTestId, bulletTestId, nextArrowTestId, prevArrowTestId, looped, ...restProps }: BaseGalleryProps) => React.ReactNode;
+//# sourceMappingURL=CarouselBase.d.ts.map

package/dist/components/CarouselBase/CarouselBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselBase.d.ts","sourceRoot":"","sources":["../../../src/components/CarouselBase/CarouselBase.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,OAAO,EACL,KAAK,gBAAgB,EAItB,MAAM,SAAS,CAAC;AAKjB,eAAO,MAAM,YAAY,gSAwBtB,gBAAgB,KAAG,KAAK,CAAC,SA2b3B,CAAC"}

package/dist/components/{BaseGallery/CarouselBase → CarouselBase}/CarouselBase.js

@@ -5,32 +5,30 @@ import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { classNames } from "@vkontakte/vkjs";
-import { useAdaptivityHasPointer } from "../../../hooks/useAdaptivityHasPointer.js";
-import { useExternRef } from "../../../hooks/useExternRef.js";
-import { useGlobalEventListener } from "../../../hooks/useGlobalEventListener.js";
-import { useMutationObserver } from "../../../hooks/useMutationObserver.js";
-import { useDOM } from "../../../lib/dom.js";
-import { useIsomorphicLayoutEffect } from "../../../lib/useIsomorphicLayoutEffect.js";
-import { warnOnce } from "../../../lib/warnOnce.js";
-import { RootComponent } from "../../RootComponent/RootComponent.js";
-import { ScrollArrow } from "../../ScrollArrow/ScrollArrow.js";
-import { Touch } from "../../Touch/Touch.js";
+import { useAdaptivityHasPointer } from "../../hooks/useAdaptivityHasPointer.js";
+import { useExternRef } from "../../hooks/useExternRef.js";
+import { useMutationObserver } from "../../hooks/useMutationObserver.js";
+import { useResizeObserver } from "../../hooks/useResizeObserver.js";
+import { useDOM } from "../../lib/dom.js";
+import { useIsomorphicLayoutEffect } from "../../lib/useIsomorphicLayoutEffect.js";
+import { warnOnce } from "../../lib/warnOnce.js";
+import { RootComponent } from "../RootComponent/RootComponent.js";
+import { Bullets } from "./Bullets.js";
+import { CarouselViewPort } from "./CarouselViewPort.js";
+import { ScrollArrows } from "./ScrollArrows.js";
 import { ANIMATION_DURATION, CONTROL_ELEMENTS_STATE, SLIDE_THRESHOLD, SLIDES_MANAGER_STATE } from "./constants.js";
-import { calculateIndent, getLoopPoints, getTargetIndex } from "./helpers.js";
+import { calcMax, calcMin, calculateIndent, getLoopPoints, getTargetIndex } from "./helpers.js";
 import { useSlideAnimation } from "./hooks.js";
-const stylesBullets = {
-    dark: "vkuiBaseGallery__bulletsDark",
-    light: "vkuiBaseGallery__bulletsLight"
-};
 const warn = warnOnce('Gallery');
 export const CarouselBase = (_param)=>{
-    var { bullets = false, getRootRef, children, slideWidth = '100%', slideIndex = 0, dragDisabled = false, onDragStart, onDragEnd, onChange, onPrevClick, onNextClick, align = 'left', showArrows, getRef, arrowSize = 'm' } = _param, restProps = _object_without_properties(_param, [
+    var { bullets = false, getRootRef, children, slideWidth = '100%', slideIndex = 0, dragDisabled = false, resizeSource = 'window', onDragStart, onDragEnd, onChange, onPrevClick, onNextClick, align = 'left', showArrows, getRef, arrowSize, arrowAreaHeight, slideTestId, bulletTestId, nextArrowTestId, prevArrowTestId, looped = false } = _param, restProps = _object_without_properties(_param, [
         "bullets",
         "getRootRef",
         "children",
         "slideWidth",
         "slideIndex",
         "dragDisabled",
+        "resizeSource",
         "onDragStart",
         "onDragEnd",
         "onChange",
@@ -39,7 +37,13 @@ export const CarouselBase = (_param)=>{
         "align",
         "showArrows",
         "getRef",
-        "arrowSize"
+        "arrowSize",
+        "arrowAreaHeight",
+        "slideTestId",
+        "bulletTestId",
+        "nextArrowTestId",
+        "prevArrowTestId",
+        "looped"
     ]);
     const slidesStore = React.useRef({});
     const slidesManager = React.useRef(SLIDES_MANAGER_STATE);
@@ -51,21 +55,62 @@ export const CarouselBase = (_param)=>{
     const shiftXDeltaRef = React.useRef(0);
     const initialized = React.useRef(false);
     const { addToAnimationQueue, getAnimateFunction, startAnimation } = useSlideAnimation();
+    const isDragging = React.useRef(false);
     const [controlElementsState, setControlElementsState] = React.useState(CONTROL_ELEMENTS_STATE);
-    const { window } = useDOM();
     const hasPointer = useAdaptivityHasPointer();
-    const isCenterWithCustomWidth = slideWidth === 'custom' && align === 'center';
+    const isCenterAlign = align === 'center';
+    /*
+   * Считает отступ слоя галереи во время драга
+   * Используется только для looped=false галереи
+   * так как только у нее есть пределы по краям
+   */ const calculateDragIndent = ()=>{
+        var _slidesManager_current_max;
+        const localMax = (_slidesManager_current_max = slidesManager.current.max) !== null && _slidesManager_current_max !== void 0 ? _slidesManager_current_max : 0;
+        var _slidesManager_current_min;
+        const localMin = (_slidesManager_current_min = slidesManager.current.min) !== null && _slidesManager_current_min !== void 0 ? _slidesManager_current_min : 0;
+        const indent = shiftXCurrentRef.current + shiftXDeltaRef.current;
+        if (indent > localMax) {
+            return localMax + Number((indent - localMax) / 3);
+        } else if (indent < localMin) {
+            return localMin + Number((indent - localMin) / 3);
+        }
+        return indent;
+    };
+    const calculateCanSlideLeft = ()=>{
+        if (looped) {
+            return !slidesManager.current.isFullyVisible;
+        }
+        return !slidesManager.current.isFullyVisible && shiftXCurrentRef.current < 0;
+    };
+    const calculateCanSlideRight = ()=>{
+        if (looped) {
+            return !slidesManager.current.isFullyVisible;
+        }
+        var _slidesManager_current_layerWidth;
+        return !slidesManager.current.isFullyVisible && // we can't move right when gallery layer fully scrolled right, if gallery aligned by left side
+        (align === 'left' && slidesManager.current.containerWidth - shiftXCurrentRef.current < ((_slidesManager_current_layerWidth = slidesManager.current.layerWidth) !== null && _slidesManager_current_layerWidth !== void 0 ? _slidesManager_current_layerWidth : 0) || // otherwise we need to check current slide index (align = right or align = center)
+        align !== 'left' && slideIndex < slidesManager.current.slides.length - 1);
+    };
     const transformCssStyles = (shiftX, animation = false)=>{
         shiftX = Math.round(shiftX);
-        slidesManager.current.loopPoints.forEach((loopPoint)=>{
-            const { target, index } = loopPoint;
-            const slide = slidesStore.current[index];
-            if (slide) {
-                slide.style.transform = `translate3d(${target(shiftX)}px, 0, 0)`;
-            }
-        });
+        if (looped) {
+            slidesManager.current.loopPoints.forEach((loopPoint)=>{
+                const { target, index } = loopPoint;
+                const slide = slidesStore.current[index];
+                if (slide) {
+                    slide.style.transform = `translate3d(${target(shiftX)}px, 0, 0)`;
+                }
+            });
+        } else {
+            Object.values(slidesStore.current).forEach((slide)=>{
+                if (slide) {
+                    slide.style.transform = '';
+                }
+            });
+        }
         if (layerRef.current) {
-            layerRef.current.style.transform = `translate3d(${shiftX}px, 0, 0)`;
+            const indent = isDragging.current && !looped ? calculateDragIndent() : shiftX;
+            layerRef.current.style.transform = `translate3d(${indent}px, 0, 0)`;
             layerRef.current.style.transition = animation ? `transform ${ANIMATION_DURATION}ms cubic-bezier(.1, 0, .25, 1)` : '';
         }
     };
@@ -75,18 +120,19 @@ export const CarouselBase = (_param)=>{
             cancelAnimationFrame(animationFrameRef.current);
         }
         animationFrameRef.current = requestAnimationFrame(()=>{
-            if (shiftX > snaps[0]) {
+            if (looped && shiftX > snaps[0]) {
                 shiftXCurrentRef.current = -contentSize + snaps[0];
                 shiftX = shiftXCurrentRef.current + shiftXDeltaRef.current;
             }
             const lastPoint = slides[slides.length - 1].width + slides[slides.length - 1].coordX;
-            if (shiftX <= -lastPoint) {
+            if (looped && shiftX <= -lastPoint) {
                 shiftXCurrentRef.current = Math.abs(shiftXDeltaRef.current) + snaps[0];
             }
             transformCssStyles(shiftX, animation);
         });
     };
     const initializeSlides = ()=>{
+        var _localSlides_slideIndex;
         if (!rootRef.current || !viewportRef.current) {
             return;
         }
@@ -107,7 +153,7 @@ export const CarouselBase = (_param)=>{
         const containerWidth = rootRef.current.offsetWidth;
         const viewportOffsetWidth = viewportRef.current.offsetWidth;
         const layerWidth = localSlides.reduce((val, slide)=>slide.width + val, 0);
-        if (process.env.NODE_ENV === 'development') {
+        if (process.env.NODE_ENV === 'development' && looped) {
             let remainingWidth = containerWidth;
             let slideIndex = 0;
             while(remainingWidth > 0 && slideIndex < localSlides.length){
@@ -118,35 +164,45 @@ export const CarouselBase = (_param)=>{
                 warn('Ширины слайдов недостаточно для корректной работы свойства "looped". Пожалуйста, сделайте её больше.');
             }
         }
-        if (align === 'center') {
-            const firstSlideShift = (containerWidth - localSlides[0].width) / 2;
-            localSlides = localSlides.map((item)=>{
-                return {
-                    width: item.width,
-                    coordX: item.coordX - firstSlideShift
-                };
-            });
-        }
+        var _localSlides_slideIndex_width;
+        const currentSlideOffsetOnCenterAlignment = (containerWidth - ((_localSlides_slideIndex_width = (_localSlides_slideIndex = localSlides[slideIndex]) === null || _localSlides_slideIndex === void 0 ? void 0 : _localSlides_slideIndex.width) !== null && _localSlides_slideIndex_width !== void 0 ? _localSlides_slideIndex_width : 0)) / 2;
+        const isFullyVisible = align === 'center' ? layerWidth + currentSlideOffsetOnCenterAlignment <= containerWidth : layerWidth <= containerWidth;
         slidesManager.current = _object_spread_props(_object_spread({}, slidesManager.current), {
+            layerWidth,
+            containerWidth,
             viewportOffsetWidth,
             slides: localSlides,
-            isFullyVisible: layerWidth <= containerWidth
+            isFullyVisible,
+            max: looped ? null : calcMax({
+                slides: localSlides,
+                containerWidth,
+                isCenterAlign
+            }),
+            min: looped ? null : calcMin({
+                containerWidth,
+                layerWidth,
+                slides: localSlides,
+                viewportOffsetWidth,
+                align
+            })
         });
-        const snaps = localSlides.map((_, index)=>calculateIndent(index, slidesManager.current, isCenterWithCustomWidth));
+        const snaps = localSlides.map((_, index)=>calculateIndent(index, slidesManager.current, isCenterAlign, looped));
         let contentSize = -snaps[snaps.length - 1] + localSlides[localSlides.length - 1].width;
         if (align === 'center') {
             contentSize += snaps[0];
         }
         slidesManager.current.snaps = snaps;
         slidesManager.current.contentSize = contentSize;
-        slidesManager.current.loopPoints = getLoopPoints(slidesManager.current, containerWidth);
+        if (looped) {
+            slidesManager.current.loopPoints = getLoopPoints(slidesManager.current, containerWidth);
+        }
+        shiftXCurrentRef.current = snaps[slideIndex];
+        initialized.current = true;
         setControlElementsState({
-            canSlideLeft: !slidesManager.current.isFullyVisible,
-            canSlideRight: !slidesManager.current.isFullyVisible,
+            canSlideLeft: calculateCanSlideLeft(),
+            canSlideRight: calculateCanSlideRight(),
             isDraggable: !(dragDisabled || slidesManager.current.isFullyVisible)
         });
-        shiftXCurrentRef.current = snaps[slideIndex];
-        initialized.current = true;
         requestTransform(shiftXCurrentRef.current);
     };
     const onResize = ()=>{
@@ -154,19 +210,17 @@ export const CarouselBase = (_param)=>{
             initializeSlides();
         }
     };
-    useGlobalEventListener(window, 'resize', onResize);
-    useIsomorphicLayoutEffect(function performSlideChange() {
-        if (!initialized.current) {
-            return;
-        }
+    const { window } = useDOM();
+    useResizeObserver(resizeSource === 'element' ? rootRef : window, onResize);
+    const loopedSlideChangePerform = ()=>{
         const { snaps, slides } = slidesManager.current;
         const indent = snaps[slideIndex];
         let startPoint = shiftXCurrentRef.current;
         /**
-       * Переключаемся с последнего элемента на первый
-       * Для корректной анимации мы прокручиваем последний слайд на всю длину (shiftX) "вперед"
-       * В конце анимации при отрисовке следующего кадра задаем всем слайдам начальные значения
-       */ if (indent === snaps[0] && shiftXCurrentRef.current <= snaps[snaps.length - 1]) {
+     * Переключаемся с последнего элемента на первый
+     * Для корректной анимации мы прокручиваем последний слайд на всю длину (shiftX) "вперед"
+     * В конце анимации при отрисовке следующего кадра задаем всем слайдам начальные значения
+     */ if (indent === snaps[0] && shiftXCurrentRef.current <= snaps[snaps.length - 1]) {
             const distance = Math.abs(snaps[snaps.length - 1]) + slides[slides.length - 1].width + startPoint;
             addToAnimationQueue(getAnimateFunction((progress)=>{
                 const shiftX = startPoint + progress * distance * -1;
@@ -179,10 +233,10 @@ export const CarouselBase = (_param)=>{
                 }
             }));
         /**
-         * Переключаемся с первого слайда на последний
-         * Для корректной анимации сначала задаем первым видимым слайдам смещение
-         * В следующем кадре начинаем анимация прокрутки "назад"
-         */ } else if (indent === snaps[snaps.length - 1] && shiftXCurrentRef.current === snaps[0]) {
+       * Переключаемся с первого слайда на последний
+       * Для корректной анимации сначала задаем первым видимым слайдам смещение
+       * В следующем кадре начинаем анимация прокрутки "назад"
+       */ } else if (indent === snaps[snaps.length - 1] && shiftXCurrentRef.current === snaps[0]) {
             startPoint = indent - slides[slides.length - 1].width;
             addToAnimationQueue(()=>{
                 requestAnimationFrame(()=>{
@@ -194,8 +248,8 @@ export const CarouselBase = (_param)=>{
                 });
             });
         /**
-         * Если не обработаны `corner`-кейсы выше, то просто проигрываем анимацию смещения
-         */ } else {
+       * Если не обработаны `corner`-кейсы выше, то просто проигрываем анимацию смещения
+       */ } else {
             addToAnimationQueue(()=>{
                 const distance = Math.abs(indent - startPoint);
                 let direction = startPoint <= indent ? 1 : -1;
@@ -205,15 +259,46 @@ export const CarouselBase = (_param)=>{
                 })();
             });
         }
+    };
+    const simpleSlideChangePerform = ()=>{
+        const { snaps } = slidesManager.current;
+        const startPoint = shiftXCurrentRef.current;
+        const endPoint = snaps[slideIndex];
+        const distance = endPoint - startPoint;
+        addToAnimationQueue(getAnimateFunction((progress)=>transformCssStyles(startPoint + distance * progress)));
+    };
+    useIsomorphicLayoutEffect(function performSlideChange() {
+        if (!initialized.current) {
+            return;
+        }
+        const { snaps } = slidesManager.current;
+        const indent = snaps[slideIndex];
+        if (looped) {
+            loopedSlideChangePerform();
+        } else {
+            simpleSlideChangePerform();
+        }
         startAnimation();
         shiftXCurrentRef.current = indent;
+        setControlElementsState((v)=>_object_spread_props(_object_spread({}, v), {
+                canSlideLeft: calculateCanSlideLeft(),
+                canSlideRight: calculateCanSlideRight()
+            }));
     }, [
         slideIndex
     ]);
+    useIsomorphicLayoutEffect(function updateIsDraggable() {
+        setControlElementsState((v)=>_object_spread_props(_object_spread({}, v), {
+                isDraggable: !(dragDisabled || slidesManager.current.isFullyVisible)
+            }));
+    }, [
+        dragDisabled
+    ]);
     useMutationObserver(layerRef, initializeSlides);
     useIsomorphicLayoutEffect(initializeSlides, [
         align,
-        slideWidth
+        slideWidth,
+        looped
     ]);
     const calculateMinDeltaXToSlide = ()=>{
         return slidesManager.current.slides[slideIndex].width * SLIDE_THRESHOLD;
@@ -244,6 +329,7 @@ export const CarouselBase = (_param)=>{
         if (controlElementsState.isDraggable) {
             e.originalEvent.preventDefault();
             if (e.isSlideX) {
+                isDragging.current = true;
                 if (shiftXDeltaRef.current !== e.shiftX) {
                     shiftXDeltaRef.current = e.shiftX;
                     requestTransform(shiftXCurrentRef.current + shiftXDeltaRef.current);
@@ -253,9 +339,10 @@ export const CarouselBase = (_param)=>{
     };
     const onEnd = (e)=>{
         if (controlElementsState.isDraggable) {
+            isDragging.current = false;
             let targetIndex = slideIndex;
             if (e.isSlide) {
-                targetIndex = getTargetIndex(slidesManager.current.slides, slideIndex, shiftXCurrentRef.current, shiftXDeltaRef.current);
+                targetIndex = getTargetIndex(slidesManager.current.slides, slideIndex, shiftXCurrentRef.current, shiftXDeltaRef.current, looped);
             }
             onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(e, targetIndex);
             if (targetIndex !== slideIndex) {
@@ -270,49 +357,39 @@ export const CarouselBase = (_param)=>{
     const setSlideRef = (slideRef, slideIndex)=>{
         slidesStore.current[slideIndex] = slideRef;
     };
-    const { canSlideLeft, canSlideRight, isDraggable } = controlElementsState;
+    const { isDraggable, canSlideRight, canSlideLeft } = controlElementsState;
     return /*#__PURE__*/ _jsxs(RootComponent, _object_spread_props(_object_spread({}, restProps), {
-        baseClassName: classNames("vkuiBaseGallery__host", slideWidth === 'custom' && "vkuiBaseGallery__customWidth", isDraggable && "vkuiBaseGallery__draggable"),
+        baseClassName: classNames("vkuiCarouselBase__host", slideWidth === 'custom' && "vkuiCarouselBase__customWidth", isDraggable && "vkuiCarouselBase__draggable"),
         getRootRef: rootRef,
         children: [
-            /*#__PURE__*/ _jsx(Touch, {
-                className: "vkuiBaseGallery__viewport",
-                onStartX: onStart,
+            /*#__PURE__*/ _jsx(CarouselViewPort, {
+                slideWidth: slideWidth,
+                slideTestId: slideTestId,
+                onStart: onStart,
                 onMoveX: onMoveX,
                 onEnd: onEnd,
-                style: {
-                    width: slideWidth === 'custom' ? '100%' : slideWidth
-                },
                 getRootRef: viewportRef,
-                noSlideClick: true,
-                children: /*#__PURE__*/ _jsx("div", {
-                    className: "vkuiBaseGallery__layer",
-                    ref: layerRef,
-                    children: React.Children.map(children, (item, i)=>/*#__PURE__*/ _jsx("div", {
-                            className: "vkuiBaseGallery__slide",
-                            ref: (el)=>setSlideRef(el, i),
-                            children: item
-                        }, `slide-${i}`))
-                })
-            }),
-            bullets && /*#__PURE__*/ _jsx("div", {
-                "aria-hidden": true,
-                className: classNames("vkuiBaseGallery__bullets", stylesBullets[bullets]),
-                children: React.Children.map(children, (_item, index)=>/*#__PURE__*/ _jsx("div", {
-                        className: classNames("vkuiBaseGallery__bullet", index === slideIndex && "vkuiBaseGallery__bulletActive")
-                    }, index))
+                layerRef: layerRef,
+                setSlideRef: setSlideRef,
+                children: children
             }),
-            showArrows && hasPointer && canSlideLeft && /*#__PURE__*/ _jsx(ScrollArrow, {
-                className: "vkuiBaseGallery__arrow",
-                direction: "left",
-                onClick: slideLeft,
-                size: arrowSize
+            bullets && /*#__PURE__*/ _jsx(Bullets, {
+                bullets: bullets,
+                slideIndex: slideIndex,
+                count: React.Children.count(children),
+                bulletTestId: bulletTestId
             }),
-            showArrows && hasPointer && canSlideRight && /*#__PURE__*/ _jsx(ScrollArrow, {
-                className: "vkuiBaseGallery__arrow",
-                direction: "right",
-                onClick: slideRight,
-                size: arrowSize
+            /*#__PURE__*/ _jsx(ScrollArrows, {
+                hasPointer: hasPointer,
+                canSlideLeft: canSlideLeft,
+                canSlideRight: canSlideRight,
+                onSlideRight: slideRight,
+                onSlideLeft: slideLeft,
+                showArrows: showArrows,
+                arrowSize: arrowSize,
+                arrowAreaHeight: arrowAreaHeight,
+                prevArrowTestId: prevArrowTestId,
+                nextArrowTestId: nextArrowTestId
             })
         ]
     }));

package/dist/components/CarouselBase/CarouselBase.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/CarouselBase/CarouselBase.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityHasPointer } from '../../hooks/useAdaptivityHasPointer';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useMutationObserver } from '../../hooks/useMutationObserver';\nimport { useResizeObserver } from '../../hooks/useResizeObserver';\nimport { useDOM } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { type CustomTouchEvent } from '../Touch/Touch';\nimport { Bullets } from './Bullets';\nimport { CarouselViewPort } from './CarouselViewPort';\nimport { ScrollArrows } from './ScrollArrows';\nimport {\n  ANIMATION_DURATION,\n  CONTROL_ELEMENTS_STATE,\n  SLIDE_THRESHOLD,\n  SLIDES_MANAGER_STATE,\n} from './constants';\nimport { calcMax, calcMin, calculateIndent, getLoopPoints, getTargetIndex } from './helpers';\nimport { useSlideAnimation } from './hooks';\nimport {\n  type BaseGalleryProps,\n  type ControlElementsState,\n  type GallerySlidesState,\n  type SlidesManagerState,\n} from './types';\nimport styles from './CarouselBase.module.css';\n\nconst warn = warnOnce('Gallery');\n\nexport const CarouselBase = ({\n  bullets = false,\n  getRootRef,\n  children,\n  slideWidth = '100%',\n  slideIndex = 0,\n  dragDisabled = false,\n  resizeSource = 'window',\n  onDragStart,\n  onDragEnd,\n  onChange,\n  onPrevClick,\n  onNextClick,\n  align = 'left',\n  showArrows,\n  getRef,\n  arrowSize,\n  arrowAreaHeight,\n  slideTestId,\n  bulletTestId,\n  nextArrowTestId,\n  prevArrowTestId,\n  looped = false,\n  ...restProps\n}: BaseGalleryProps): React.ReactNode => {\n  const slidesStore = React.useRef<Record<string, HTMLDivElement | null>>({});\n  const slidesManager = React.useRef<SlidesManagerState>(SLIDES_MANAGER_STATE);\n\n  const rootRef = useExternRef(getRootRef);\n  const viewportRef = useExternRef(getRef);\n  const layerRef = React.useRef<HTMLDivElement>(null);\n  const animationFrameRef = React.useRef<ReturnType<typeof requestAnimationFrame> | null>(null);\n  const shiftXCurrentRef = React.useRef<number>(0);\n  const shiftXDeltaRef = React.useRef<number>(0);\n  const initialized = React.useRef<boolean>(false);\n  const { addToAnimationQueue, getAnimateFunction, startAnimation } = useSlideAnimation();\n  const isDragging = React.useRef(false);\n\n  const [controlElementsState, setControlElementsState] =\n    React.useState<ControlElementsState>(CONTROL_ELEMENTS_STATE);\n\n  const hasPointer = useAdaptivityHasPointer();\n\n  const isCenterAlign = align === 'center';\n\n  /*\n   * Считает отступ слоя галереи во время драга\n   * Используется только для looped=false галереи\n   * так как только у нее есть пределы по краям\n   */\n  const calculateDragIndent = () => {\n    const localMax = slidesManager.current.max ?? 0;\n    const localMin = slidesManager.current.min ?? 0;\n    const indent = shiftXCurrentRef.current + shiftXDeltaRef.current;\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 calculateCanSlideLeft = () => {\n    if (looped) {\n      return !slidesManager.current.isFullyVisible;\n    }\n    return !slidesManager.current.isFullyVisible && shiftXCurrentRef.current < 0;\n  };\n\n  const calculateCanSlideRight = () => {\n    if (looped) {\n      return !slidesManager.current.isFullyVisible;\n    }\n    return (\n      !slidesManager.current.isFullyVisible &&\n      // we can't move right when gallery layer fully scrolled right, if gallery aligned by left side\n      ((align === 'left' &&\n        slidesManager.current.containerWidth - shiftXCurrentRef.current <\n          (slidesManager.current.layerWidth ?? 0)) ||\n        // otherwise we need to check current slide index (align = right or align = center)\n        (align !== 'left' && slideIndex < slidesManager.current.slides.length - 1))\n    );\n  };\n\n  const transformCssStyles = (shiftX: number, animation = false) => {\n    shiftX = Math.round(shiftX);\n    if (looped) {\n      slidesManager.current.loopPoints.forEach((loopPoint) => {\n        const { target, index } = loopPoint;\n        const slide = slidesStore.current[index];\n        if (slide) {\n          slide.style.transform = `translate3d(${target(shiftX)}px, 0, 0)`;\n        }\n      });\n    } else {\n      Object.values(slidesStore.current).forEach((slide) => {\n        if (slide) {\n          slide.style.transform = '';\n        }\n      });\n    }\n\n    if (layerRef.current) {\n      const indent = isDragging.current && !looped ? calculateDragIndent() : shiftX;\n\n      layerRef.current.style.transform = `translate3d(${indent}px, 0, 0)`;\n      layerRef.current.style.transition = animation\n        ? `transform ${ANIMATION_DURATION}ms cubic-bezier(.1, 0, .25, 1)`\n        : '';\n    }\n  };\n\n  const requestTransform = (shiftX: number, animation = false) => {\n    const { snaps, contentSize, slides } = slidesManager.current;\n\n    if (animationFrameRef.current !== null) {\n      cancelAnimationFrame(animationFrameRef.current);\n    }\n    animationFrameRef.current = requestAnimationFrame(() => {\n      if (looped && shiftX > snaps[0]) {\n        shiftXCurrentRef.current = -contentSize + snaps[0];\n        shiftX = shiftXCurrentRef.current + shiftXDeltaRef.current;\n      }\n      const lastPoint = slides[slides.length - 1].width + slides[slides.length - 1].coordX;\n\n      if (looped && shiftX <= -lastPoint) {\n        shiftXCurrentRef.current = Math.abs(shiftXDeltaRef.current) + snaps[0];\n      }\n      transformCssStyles(shiftX, animation);\n    });\n  };\n\n  const initializeSlides = () => {\n    if (!rootRef.current || !viewportRef.current) {\n      return;\n    }\n    let localSlides =\n      React.Children.map(children, (_item, i): GallerySlidesState => {\n        const elem = slidesStore.current[i] || { offsetLeft: 0, offsetWidth: 0 };\n        return { coordX: elem.offsetLeft, width: elem.offsetWidth };\n      }) || [];\n\n    if (localSlides.length === 0) {\n      initialized.current = false;\n      return;\n    }\n\n    const containerWidth = rootRef.current.offsetWidth;\n    const viewportOffsetWidth = viewportRef.current.offsetWidth;\n    const layerWidth = localSlides.reduce((val, slide) => slide.width + val, 0);\n\n    if (process.env.NODE_ENV === 'development' && looped) {\n      let remainingWidth = containerWidth;\n      let slideIndex = 0;\n\n      while (remainingWidth > 0 && slideIndex < localSlides.length) {\n        remainingWidth -= localSlides[slideIndex].width;\n        slideIndex++;\n      }\n      if (remainingWidth <= 0 && slideIndex === localSlides.length) {\n        warn(\n          'Ширины слайдов недостаточно для корректной работы свойства \"looped\". Пожалуйста, сделайте её больше.',\n        );\n      }\n    }\n\n    const currentSlideOffsetOnCenterAlignment =\n      (containerWidth - (localSlides[slideIndex]?.width ?? 0)) / 2;\n    const isFullyVisible =\n      align === 'center'\n        ? layerWidth + currentSlideOffsetOnCenterAlignment <= containerWidth\n        : layerWidth <= containerWidth;\n\n    slidesManager.current = {\n      ...slidesManager.current,\n      layerWidth,\n      containerWidth,\n      viewportOffsetWidth,\n      slides: localSlides,\n      isFullyVisible,\n      max: looped\n        ? null\n        : calcMax({\n            slides: localSlides,\n            containerWidth,\n            isCenterAlign,\n          }),\n      min: looped\n        ? null\n        : calcMin({\n            containerWidth,\n            layerWidth,\n            slides: localSlides,\n            viewportOffsetWidth,\n            align,\n          }),\n    };\n    const snaps = localSlides.map((_, index) =>\n      calculateIndent(index, slidesManager.current, isCenterAlign, looped),\n    );\n\n    let contentSize = -snaps[snaps.length - 1] + localSlides[localSlides.length - 1].width;\n    if (align === 'center') {\n      contentSize += snaps[0];\n    }\n\n    slidesManager.current.snaps = snaps;\n    slidesManager.current.contentSize = contentSize;\n    if (looped) {\n      slidesManager.current.loopPoints = getLoopPoints(slidesManager.current, containerWidth);\n    }\n\n    shiftXCurrentRef.current = snaps[slideIndex];\n    initialized.current = true;\n\n    setControlElementsState({\n      canSlideLeft: calculateCanSlideLeft(),\n      canSlideRight: calculateCanSlideRight(),\n      isDraggable: !(dragDisabled || slidesManager.current.isFullyVisible),\n    });\n    requestTransform(shiftXCurrentRef.current);\n  };\n\n  const onResize = () => {\n    if (initialized.current) {\n      initializeSlides();\n    }\n  };\n  const { window } = useDOM();\n  useResizeObserver(resizeSource === 'element' ? rootRef : window, onResize);\n\n  const loopedSlideChangePerform = () => {\n    const { snaps, slides } = slidesManager.current;\n    const indent = snaps[slideIndex];\n    let startPoint = shiftXCurrentRef.current;\n\n    /**\n     * Переключаемся с последнего элемента на первый\n     * Для корректной анимации мы прокручиваем последний слайд на всю длину (shiftX) \"вперед\"\n     * В конце анимации при отрисовке следующего кадра задаем всем слайдам начальные значения\n     */\n    if (indent === snaps[0] && shiftXCurrentRef.current <= snaps[snaps.length - 1]) {\n      const distance =\n        Math.abs(snaps[snaps.length - 1]) + slides[slides.length - 1].width + startPoint;\n\n      addToAnimationQueue(\n        getAnimateFunction((progress) => {\n          const shiftX = startPoint + progress * distance * -1;\n\n          transformCssStyles(shiftX);\n\n          if (shiftX <= snaps[snaps.length - 1] - slides[slides.length - 1].width) {\n            requestAnimationFrame(() => {\n              shiftXCurrentRef.current = indent;\n              transformCssStyles(snaps[0]);\n            });\n          }\n        }),\n      );\n      /**\n       * Переключаемся с первого слайда на последний\n       * Для корректной анимации сначала задаем первым видимым слайдам смещение\n       * В следующем кадре начинаем анимация прокрутки \"назад\"\n       */\n    } else if (indent === snaps[snaps.length - 1] && shiftXCurrentRef.current === snaps[0]) {\n      startPoint = indent - slides[slides.length - 1].width;\n\n      addToAnimationQueue(() => {\n        requestAnimationFrame(() => {\n          const shiftX = indent - slides[slides.length - 1].width;\n          transformCssStyles(shiftX);\n\n          getAnimateFunction((progress) => {\n            transformCssStyles(startPoint + progress * slides[slides.length - 1].width);\n          })();\n        });\n      });\n      /**\n       * Если не обработаны `corner`-кейсы выше, то просто проигрываем анимацию смещения\n       */\n    } else {\n      addToAnimationQueue(() => {\n        const distance = Math.abs(indent - startPoint);\n        let direction = startPoint <= indent ? 1 : -1;\n\n        getAnimateFunction((progress) => {\n          const shiftX = startPoint + progress * distance * direction;\n          transformCssStyles(shiftX);\n        })();\n      });\n    }\n  };\n\n  const simpleSlideChangePerform = () => {\n    const { snaps } = slidesManager.current;\n    const startPoint = shiftXCurrentRef.current;\n    const endPoint = snaps[slideIndex];\n    const distance = endPoint - startPoint;\n    addToAnimationQueue(\n      getAnimateFunction((progress) => transformCssStyles(startPoint + distance * progress)),\n    );\n  };\n\n  useIsomorphicLayoutEffect(\n    function performSlideChange() {\n      if (!initialized.current) {\n        return;\n      }\n      const { snaps } = slidesManager.current;\n      const indent = snaps[slideIndex];\n\n      if (looped) {\n        loopedSlideChangePerform();\n      } else {\n        simpleSlideChangePerform();\n      }\n\n      startAnimation();\n\n      shiftXCurrentRef.current = indent;\n\n      setControlElementsState((v) => ({\n        ...v,\n        canSlideLeft: calculateCanSlideLeft(),\n        canSlideRight: calculateCanSlideRight(),\n      }));\n    },\n    [slideIndex],\n  );\n\n  useIsomorphicLayoutEffect(\n    function updateIsDraggable() {\n      setControlElementsState((v) => ({\n        ...v,\n        isDraggable: !(dragDisabled || slidesManager.current.isFullyVisible),\n      }));\n    },\n    [dragDisabled],\n  );\n\n  useMutationObserver(layerRef, initializeSlides);\n\n  useIsomorphicLayoutEffect(initializeSlides, [align, slideWidth, looped]);\n\n  const calculateMinDeltaXToSlide = () => {\n    return slidesManager.current.slides[slideIndex].width * SLIDE_THRESHOLD;\n  };\n\n  const slideLeft = (event: React.MouseEvent) => {\n    if (slideIndex > 0) {\n      shiftXCurrentRef.current += calculateMinDeltaXToSlide();\n    }\n    onChange?.(\n      (slideIndex - 1 + slidesManager.current.slides.length) % slidesManager.current.slides.length,\n    );\n    onPrevClick?.(event);\n  };\n\n  const slideRight = (event: React.MouseEvent) => {\n    if (slideIndex < slidesManager.current.slides.length - 1) {\n      shiftXCurrentRef.current -= calculateMinDeltaXToSlide();\n    }\n    onChange?.((slideIndex + 1) % slidesManager.current.slides.length);\n    onNextClick?.(event);\n  };\n\n  const onStart = (e: CustomTouchEvent) => {\n    e.originalEvent.stopPropagation();\n    if (controlElementsState.isDraggable) {\n      onDragStart?.(e);\n      shiftXCurrentRef.current = slidesManager.current.snaps[slideIndex];\n      shiftXDeltaRef.current = 0;\n    }\n  };\n\n  const onMoveX = (e: CustomTouchEvent) => {\n    if (controlElementsState.isDraggable) {\n      e.originalEvent.preventDefault();\n\n      if (e.isSlideX) {\n        isDragging.current = true;\n        if (shiftXDeltaRef.current !== e.shiftX) {\n          shiftXDeltaRef.current = e.shiftX;\n          requestTransform(shiftXCurrentRef.current + shiftXDeltaRef.current);\n        }\n      }\n    }\n  };\n\n  const onEnd = (e: CustomTouchEvent) => {\n    if (controlElementsState.isDraggable) {\n      isDragging.current = false;\n      let targetIndex = slideIndex;\n      if (e.isSlide) {\n        targetIndex = getTargetIndex(\n          slidesManager.current.slides,\n          slideIndex,\n          shiftXCurrentRef.current,\n          shiftXDeltaRef.current,\n          looped,\n        );\n      }\n      onDragEnd?.(e, targetIndex);\n\n      if (targetIndex !== slideIndex) {\n        shiftXCurrentRef.current = shiftXCurrentRef.current + shiftXDeltaRef.current;\n        onChange?.(targetIndex);\n      } else {\n        const initialShiftX = slidesManager.current.snaps[targetIndex];\n        requestTransform(initialShiftX, true);\n      }\n    }\n  };\n\n  const setSlideRef = (slideRef: HTMLDivElement | null, slideIndex: number) => {\n    slidesStore.current[slideIndex] = slideRef;\n  };\n\n  const { isDraggable, canSlideRight, canSlideLeft } = controlElementsState;\n\n  return (\n    <RootComponent\n      {...restProps}\n      baseClassName={classNames(\n        styles.host,\n        slideWidth === 'custom' && styles.customWidth,\n        isDraggable && styles.draggable,\n      )}\n      getRootRef={rootRef}\n    >\n      <CarouselViewPort\n        slideWidth={slideWidth}\n        slideTestId={slideTestId}\n        onStart={onStart}\n        onMoveX={onMoveX}\n        onEnd={onEnd}\n        getRootRef={viewportRef}\n        layerRef={layerRef}\n        setSlideRef={setSlideRef}\n      >\n        {children}\n      </CarouselViewPort>\n\n      {bullets && (\n        <Bullets\n          bullets={bullets}\n          slideIndex={slideIndex}\n          count={React.Children.count(children)}\n          bulletTestId={bulletTestId}\n        />\n      )}\n      <ScrollArrows\n        hasPointer={hasPointer}\n        canSlideLeft={canSlideLeft}\n        canSlideRight={canSlideRight}\n        onSlideRight={slideRight}\n        onSlideLeft={slideLeft}\n        showArrows={showArrows}\n        arrowSize={arrowSize}\n        arrowAreaHeight={arrowAreaHeight}\n        prevArrowTestId={prevArrowTestId}\n        nextArrowTestId={nextArrowTestId}\n      />\n    </RootComponent>\n  );\n};\n"],"names":["React","classNames","useAdaptivityHasPointer","useExternRef","useMutationObserver","useResizeObserver","useDOM","useIsomorphicLayoutEffect","warnOnce","RootComponent","Bullets","CarouselViewPort","ScrollArrows","ANIMATION_DURATION","CONTROL_ELEMENTS_STATE","SLIDE_THRESHOLD","SLIDES_MANAGER_STATE","calcMax","calcMin","calculateIndent","getLoopPoints","getTargetIndex","useSlideAnimation","warn","CarouselBase","bullets","getRootRef","children","slideWidth","slideIndex","dragDisabled","resizeSource","onDragStart","onDragEnd","onChange","onPrevClick","onNextClick","align","showArrows","getRef","arrowSize","arrowAreaHeight","slideTestId","bulletTestId","nextArrowTestId","prevArrowTestId","looped","restProps","slidesStore","useRef","slidesManager","rootRef","viewportRef","layerRef","animationFrameRef","shiftXCurrentRef","shiftXDeltaRef","initialized","addToAnimationQueue","getAnimateFunction","startAnimation","isDragging","controlElementsState","setControlElementsState","useState","hasPointer","isCenterAlign","calculateDragIndent","localMax","current","max","localMin","min","indent","Number","calculateCanSlideLeft","isFullyVisible","calculateCanSlideRight","containerWidth","layerWidth","slides","length","transformCssStyles","shiftX","animation","Math","round","loopPoints","forEach","loopPoint","target","index","slide","style","transform","Object","values","transition","requestTransform","snaps","contentSize","cancelAnimationFrame","requestAnimationFrame","lastPoint","width","coordX","abs","initializeSlides","localSlides","Children","map","_item","i","elem","offsetLeft","offsetWidth","viewportOffsetWidth","reduce","val","process","env","NODE_ENV","remainingWidth","currentSlideOffsetOnCenterAlignment","_","canSlideLeft","canSlideRight","isDraggable","onResize","window","loopedSlideChangePerform","startPoint","distance","progress","direction","simpleSlideChangePerform","endPoint","performSlideChange","v","updateIsDraggable","calculateMinDeltaXToSlide","slideLeft","event","slideRight","onStart","e","originalEvent","stopPropagation","onMoveX","preventDefault","isSlideX","onEnd","targetIndex","isSlide","initialShiftX","setSlideRef","slideRef","baseClassName","count","onSlideRight","onSlideLeft"],"mappings":"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"}

package/dist/components/CarouselBase/CarouselViewPort.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { type HasChildren, type HasRootRef } from '../../types';
+import { type CustomTouchEvent } from '../Touch/Touch';
+import { type BaseGalleryProps } from './types';
+type GalleryViewPortProps = Pick<BaseGalleryProps, 'slideWidth' | 'slideTestId'> & HasRootRef<HTMLElement> & HasChildren & {
+    onStart: (e: CustomTouchEvent) => void;
+    onMoveX: (e: CustomTouchEvent) => void;
+    onEnd: (e: CustomTouchEvent) => void;
+    setSlideRef: (slideRef: HTMLDivElement | null, slideIndex: number) => void;
+    layerRef?: React.Ref<HTMLDivElement>;
+};
+export declare const CarouselViewPort: React.FC<GalleryViewPortProps>;
+export {};
+//# sourceMappingURL=CarouselViewPort.d.ts.map

package/dist/components/CarouselBase/CarouselViewPort.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselViewPort.d.ts","sourceRoot":"","sources":["../../../src/components/CarouselBase/CarouselViewPort.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAChE,OAAO,EAAE,KAAK,gBAAgB,EAAS,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGhD,KAAK,oBAAoB,GAAG,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,aAAa,CAAC,GAC9E,UAAU,CAAC,WAAW,CAAC,GACvB,WAAW,GAAG;IACZ,OAAO,EAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACvC,OAAO,EAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACvC,KAAK,EAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACrC,WAAW,EAAE,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3E,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACtC,CAAC;AAEJ,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAmC3D,CAAC"}