@smwb/ui-react 2.7.0 → 2.9.0

package/dist/components/dataDisplay/card/card.js

@@ -1,37 +1,64 @@
-import { jsxs as p, jsx as c } from "react/jsx-runtime";
+import { jsxs as n, jsx as v } from "react/jsx-runtime";
 import '../../../assets/styles/less/components/card/card.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
 /* empty css                                                   */
-import _ from "react";
-import l from "clsx";
-const R = _.forwardRef(function({ className: m, variant: v = "elevated", children: o, disabled: d, title: s, footer: i, onClick: r, onKeyDown: e, ...f }, b) {
-  const a = !!r && !d, n = (t) => {
-    e == null || e(t), a && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), r == null || r(t));
+import N, { useRef as R } from "react";
+import j from "clsx";
+import { isOwnClick as I } from "../../../utils/ownClick.js";
+import { splitControlProps as g } from "../../../utils/controlProps.js";
+const B = N.forwardRef(function({
+  className: b,
+  variant: p = "elevated",
+  children: l,
+  disabled: a,
+  title: m,
+  footer: c,
+  onClick: r,
+  onKeyDown: e,
+  "data-testid": u = "card",
+  ..._
+}, h) {
+  var f;
+  const d = !!r && !a, [s, o] = g(_, !!r), i = R(null), w = (t) => {
+    e == null || e(t), !(!d || t.target !== i.current) && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), r == null || r(t));
+  }, x = (t) => {
+    I(t, i.current) && (r == null || r(t));
   };
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ n(
     "div",
     {
-      ref: b,
-      "data-testid": "card",
-      className: l("smwb-card", `smwb-card_${v}`, m, {
-        card_disabled: d,
-        "smwb-card_interactive": a
+      ref: h,
+      "data-testid": u,
+      className: j("smwb-card", `smwb-card_${p}`, b, {
+        card_disabled: a,
+        "smwb-card_interactive": d
       }),
-      role: a ? "button" : void 0,
-      tabIndex: a ? 0 : void 0,
-      "aria-disabled": d || void 0,
-      onClick: a ? r : void 0,
-      onKeyDown: n,
-      ...f,
+      ...o,
+      "aria-disabled": r ? void 0 : a || o["aria-disabled"],
+      onClick: d ? x : void 0,
+      onKeyDown: w,
       children: [
-        s && /* @__PURE__ */ c("div", { className: "smwb-card__title", children: s }),
-        o,
-        i && /* @__PURE__ */ c("div", { className: "smwb-card__footer", children: i })
+        /* @__PURE__ */ n(
+          "div",
+          {
+            ...s,
+            ref: i,
+            className: "smwb-card__content",
+            role: r ? "button" : void 0,
+            tabIndex: (f = s.tabIndex) != null ? f : d ? 0 : void 0,
+            "aria-disabled": r ? a || s["aria-disabled"] : void 0,
+            children: [
+              m && /* @__PURE__ */ v("div", { className: "smwb-card__title", children: m }),
+              l
+            ]
+          }
+        ),
+        c && /* @__PURE__ */ v("div", { className: "smwb-card__footer", children: c })
       ]
     }
   );
 });
 export {
-  R as Card,
-  R as default
+  B as Card,
+  B as default
 };
 //# sourceMappingURL=card.js.map

package/dist/components/dataDisplay/card/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sources":["../../../../src/components/dataDisplay/card/card.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithChildren, ReactNode } from \"react\";\nimport cn from \"clsx\";\n\nexport interface CardProps extends HTMLAttributes<HTMLDivElement> {\n  className?: string;\n  variant?: \"filled\" | \"elevated\" | \"outlined\";\n  disabled?: boolean;\n  title?: string;\n  /** Footer slot rendered after the content. */\n  footer?: ReactNode;\n  /** Makes the card interactive (role=button, keyboard, focus ring). */\n  onClick?: React.MouseEventHandler<HTMLDivElement>;\n}\n\nexport const Card = React.forwardRef<HTMLDivElement, PropsWithChildren<CardProps>>(function Card(\n  { className, variant = \"elevated\", children, disabled, title, footer, onClick, onKeyDown, ...rest },\n  ref\n) {\n  const interactive = !!onClick && !disabled;\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(e);\n    if (interactive && (e.key === \"Enter\" || e.key === \" \")) {\n      e.preventDefault();\n      onClick?.(e as unknown as React.MouseEvent<HTMLDivElement>);\n    }\n  };\n\n  return (\n    <div\n      ref={ref}\n      data-testid=\"card\"\n      className={cn(\"smwb-card\", `smwb-card_${variant}`, className, {\n        card_disabled: disabled,\n        \"smwb-card_interactive\": interactive,\n      })}\n      role={interactive ? \"button\" : undefined}\n      tabIndex={interactive ? 0 : undefined}\n      aria-disabled={disabled || undefined}\n      onClick={interactive ? onClick : undefined}\n      onKeyDown={handleKeyDown}\n      {...rest}\n    >\n      {title && <div className=\"smwb-card__title\">{title}</div>}\n      {children}\n      {footer && <div className=\"smwb-card__footer\">{footer}</div>}\n    </div>\n  );\n});\n\nexport default Card;\n"],"names":["Card","React","className","variant","children","disabled","title","footer","onClick","onKeyDown","rest","ref","interactive","handleKeyDown","e","jsxs","cn","jsx"],"mappings":";;;;;AAgBO,MAAMA,IAAOC,EAAM,WAAyD,SACjF,EAAE,WAAAC,GAAW,SAAAC,IAAU,YAAY,UAAAC,GAAU,UAAAC,GAAU,OAAAC,GAAO,QAAAC,GAAQ,SAAAC,GAAS,WAAAC,GAAW,GAAGC,EAAA,GAC7FC,GACA;AACA,QAAMC,IAAc,CAAC,CAACJ,KAAW,CAACH,GAE5BQ,IAAgB,CAACC,MAA2C;AAChE,IAAAL,KAAA,QAAAA,EAAYK,IACRF,MAAgBE,EAAE,QAAQ,WAAWA,EAAE,QAAQ,SACjDA,EAAE,eAAA,GACFN,KAAA,QAAAA,EAAUM;AAAA,EAEd;AAEA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAJ;AAAA,MACA,eAAY;AAAA,MACZ,WAAWK,EAAG,aAAa,aAAab,CAAO,IAAID,GAAW;AAAA,QAC5D,eAAeG;AAAA,QACf,yBAAyBO;AAAA,MAAA,CAC1B;AAAA,MACD,MAAMA,IAAc,WAAW;AAAA,MAC/B,UAAUA,IAAc,IAAI;AAAA,MAC5B,iBAAeP,KAAY;AAAA,MAC3B,SAASO,IAAcJ,IAAU;AAAA,MACjC,WAAWK;AAAA,MACV,GAAGH;AAAA,MAEH,UAAA;AAAA,QAAAJ,KAAS,gBAAAW,EAAC,OAAA,EAAI,WAAU,oBAAoB,UAAAX,GAAM;AAAA,QAClDF;AAAA,QACAG,KAAU,gBAAAU,EAAC,OAAA,EAAI,WAAU,qBAAqB,UAAAV,EAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5D,CAAC;"}
+{"version":3,"file":"card.js","sources":["../../../../src/components/dataDisplay/card/card.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithChildren, ReactNode, useRef } from \"react\";\nimport cn from \"clsx\";\nimport { isOwnClick } from \"../../../utils/ownClick\";\nimport { splitControlProps } from \"../../../utils/controlProps\";\n\nexport interface CardProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Class name(s) for the root `<div>`, the card's box. `style`, `id`, `data-*`, `aria-hidden`, `ref` and event\n   * handlers go to the root too. With `onClick`, `role`, `tabIndex`, `onFocus`, `onBlur` and the other `aria-*`\n   * attributes go to the card's button, `.smwb-card__content` (the title and the children), which is also the element\n   * to focus. Without `onClick` the card is not a control, and they stay on the root, which holds the footer too.\n   */\n  className?: string;\n  variant?: \"filled\" | \"elevated\" | \"outlined\";\n  /**\n   * Disables the card: it says `aria-disabled`, and neither clicks nor keys run `onClick`. With `onClick` the card is\n   * still a button, out of the tab order.\n   */\n  disabled?: boolean;\n  /**\n   * A heading drawn at the top of the card, not the `title` attribute. With `onClick` it is part of the card's button,\n   * and the button's name starts with it.\n   */\n  title?: string;\n  /**\n   * Footer slot rendered after the content. With `onClick` it sits beside the card's button, not inside it, so\n   * controls here keep their own names, clicks and keys; see `onClick`.\n   */\n  footer?: ReactNode;\n  /**\n   * Makes the card interactive: its content (the title and the children) becomes a button, named by that content, with\n   * a focus ring around the whole card. The footer is not part of that button but its sibling, so the card's controls\n   * go there: a control in the children would sit inside the button, and its name would join the card's.\n   *\n   * Runs when the card is activated: a click on it, or Enter / Space while its button has focus. A click on a control\n   * (button, link, input, anything focusable), in the footer or the children, or in a portal opened from the card does\n   * not run it, and neither do Enter / Space pressed on such a control. Content that is not a control keeps its click\n   * from activating the card by calling `preventDefault()` on it.\n   */\n  onClick?: React.MouseEventHandler<HTMLDivElement>;\n  /** Test id of the root `<div>`; `card` unless given. */\n  \"data-testid\"?: string;\n}\n\nexport const Card = React.forwardRef<HTMLDivElement, PropsWithChildren<CardProps>>(function Card(\n  {\n    className,\n    variant = \"elevated\",\n    children,\n    disabled,\n    title,\n    footer,\n    onClick,\n    onKeyDown,\n    \"data-testid\": dataTestId = \"card\",\n    ...rest\n  },\n  ref\n) {\n  const interactive = !!onClick && !disabled;\n  // With onClick the card's content is its button, and what the card is to the\n  // keyboard and to assistive tech goes there. Without it the card is not a\n  // control: the caller's role and ARIA attributes stay on the root, around\n  // the footer too.\n  const [control, box] = splitControlProps(rest, !!onClick);\n  const contentRef = useRef<HTMLDivElement | null>(null);\n\n  // Keys pressed in the footer or on a control inside bubble up here too; only\n  // the keys of the card's button activate it. The caller's onKeyDown still\n  // sees them all.\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(e);\n    if (!interactive || e.target !== contentRef.current) return;\n    if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      onClick?.(e as unknown as React.MouseEvent<HTMLDivElement>);\n    }\n  };\n\n  // A click on the card's button, or on what is not a control beside it (the\n  // footer's text, the padding), activates the card: not one on a control, nor\n  // one in a portal rendered inside (React delivers it here, though it landed\n  // outside), nor one whose default a handler inside has prevented.\n  const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    if (isOwnClick(e, contentRef.current)) onClick?.(e);\n  };\n\n  return (\n    <div\n      ref={ref}\n      data-testid={dataTestId}\n      className={cn(\"smwb-card\", `smwb-card_${variant}`, className, {\n        card_disabled: disabled,\n        \"smwb-card_interactive\": interactive,\n      })}\n      {...box}\n      // A disabled card says so where the caller's ARIA attributes are: on its\n      // button with onClick, on the root without.\n      aria-disabled={onClick ? undefined : disabled || box[\"aria-disabled\"]}\n      onClick={interactive ? handleClick : undefined}\n      onKeyDown={handleKeyDown}\n    >\n      <div\n        {...control}\n        ref={contentRef}\n        className=\"smwb-card__content\"\n        // With onClick the content is the card's button, and a disabled card\n        // says so: these win over the caller's, and where the card sets none,\n        // the caller's stay. Its tabIndex is a default: the caller's wins, e.g.\n        // for roving focus.\n        role={onClick ? \"button\" : undefined}\n        tabIndex={control.tabIndex ?? (interactive ? 0 : undefined)}\n        aria-disabled={onClick ? disabled || control[\"aria-disabled\"] : undefined}\n      >\n        {title && <div className=\"smwb-card__title\">{title}</div>}\n        {children}\n      </div>\n      {/* Beside the button, not in it: controls here keep their names and input. */}\n      {footer && <div className=\"smwb-card__footer\">{footer}</div>}\n    </div>\n  );\n});\n\nexport default Card;\n"],"names":["Card","React","className","variant","children","disabled","title","footer","onClick","onKeyDown","dataTestId","rest","ref","interactive","control","box","splitControlProps","contentRef","useRef","handleKeyDown","e","handleClick","isOwnClick","jsxs","cn","_a","jsx"],"mappings":";;;;;;;AA8CO,MAAMA,IAAOC,EAAM,WAAyD,SACjF;AAAA,EACE,WAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAeC,IAAa;AAAA,EAC5B,GAAGC;AACL,GACAC,GACA;;AACA,QAAMC,IAAc,CAAC,CAACL,KAAW,CAACH,GAK5B,CAACS,GAASC,CAAG,IAAIC,EAAkBL,GAAM,CAAC,CAACH,CAAO,GAClDS,IAAaC,EAA8B,IAAI,GAK/CC,IAAgB,CAACC,MAA2C;AAEhE,IADAX,KAAA,QAAAA,EAAYW,IACR,GAACP,KAAeO,EAAE,WAAWH,EAAW,aACxCG,EAAE,QAAQ,WAAWA,EAAE,QAAQ,SACjCA,EAAE,eAAA,GACFZ,KAAA,QAAAA,EAAUY;AAAA,EAEd,GAMMC,IAAc,CAACD,MAAwC;AAC3D,IAAIE,EAAWF,GAAGH,EAAW,OAAO,qBAAaG;AAAA,EACnD;AAEA,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAX;AAAA,MACA,eAAaF;AAAA,MACb,WAAWc,EAAG,aAAa,aAAarB,CAAO,IAAID,GAAW;AAAA,QAC5D,eAAeG;AAAA,QACf,yBAAyBQ;AAAA,MAAA,CAC1B;AAAA,MACA,GAAGE;AAAA,MAGJ,iBAAeP,IAAU,SAAYH,KAAYU,EAAI,eAAe;AAAA,MACpE,SAASF,IAAcQ,IAAc;AAAA,MACrC,WAAWF;AAAA,MAEX,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGT;AAAA,YACJ,KAAKG;AAAA,YACL,WAAU;AAAA,YAKV,MAAMT,IAAU,WAAW;AAAA,YAC3B,WAAUiB,IAAAX,EAAQ,aAAR,OAAAW,IAAqBZ,IAAc,IAAI;AAAA,YACjD,iBAAeL,IAAUH,KAAYS,EAAQ,eAAe,IAAI;AAAA,YAE/D,UAAA;AAAA,cAAAR,KAAS,gBAAAoB,EAAC,OAAA,EAAI,WAAU,oBAAoB,UAAApB,GAAM;AAAA,cAClDF;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGFG,KAAU,gBAAAmB,EAAC,OAAA,EAAI,WAAU,qBAAqB,UAAAnB,EAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5D,CAAC;"}

package/dist/components/dataDisplay/carousel/carousel.js

@@ -1,12 +1,12 @@
-import { jsx as a, Fragment as de, jsxs as j } from "react/jsx-runtime";
+import { jsx as a, Fragment as de, jsxs as W } from "react/jsx-runtime";
 import '../../../assets/styles/less/components/carousel/carousel.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
 /* empty css                                                           */
-import z, { forwardRef as qe, useState as _, useRef as N, useId as Je, useEffect as me } from "react";
+import j, { forwardRef as qe, useState as _, useRef as N, useId as Je, useEffect as me } from "react";
 import h from "clsx";
 import { useForkRef as Qe } from "../../../hooks/useForkRef.js";
-import { dragPrevent as fe, getStartSlide as Ue, getSlidesToShow as Ze, isMouseEvent as he, coordX as O, coordY as _e, getSlideStyle as et, isTouchEvent as tt, getSlideWidth as st, clamp as rt, toCssLength as B, toCssNumber as nt, getSlideIndexForMultipleParts as we } from "./utils.js";
+import { dragPrevent as fe, getStartSlide as Ue, getSlidesToShow as Ze, isMouseEvent as he, coordX as z, coordY as _e, getSlideStyle as et, isTouchEvent as tt, getSlideWidth as st, clamp as rt, toCssLength as H, toCssNumber as nt, getSlideIndexForMultipleParts as we } from "./utils.js";
 import { useSafeLayoutEffect as ge } from "../../../hooks/useSafeLayoutEffect.js";
-import { useEventCallback as H } from "../../../hooks/useEventCallback.js";
+import { useEventCallback as B } from "../../../hooks/useEventCallback.js";
 import { Icon as M } from "../../base/icon/icon.js";
 import { Modal as ot } from "../../feedBack/modal/modal.js";
 const ct = {
@@ -17,11 +17,11 @@ const ct = {
   lastT: 0,
   axis: null,
   dragged: !1
-}, ve = 8, at = 0.4, pt = qe(function({
+}, ve = 8, at = 0.4, xt = qe(function({
   slidesToShow: be = 3,
-  startSlide: xe = 0,
+  startSlide: pe = 0,
   children: g,
-  className: pe,
+  className: xe,
   showNavigation: Se = !0,
   showArrows: ye,
   arrowsSize: v = 30,
@@ -31,44 +31,44 @@ const ct = {
   "aria-label": Te = "Carousel",
   autoplay: G = !1,
   autoplayInterval: q = 4e3,
-  pauseOnHover: k = !0,
+  pauseOnHover: R = !0,
   cellHeight: Ne,
   aspectRatio: Me,
   gap: ke,
   maxWidth: Ee,
-  enableFullscreen: E = !1
+  enableFullscreen: k = !1
 }, Xe) {
-  const s = z.Children.count(g), o = Ze(be, s), X = Ue(xe, s), J = ye && s > 1, L = Math.max(0, s - o), [l, Q] = _(X), [F, Y] = _({
+  const s = j.Children.count(g), o = Ze(be, s), E = Ue(pe, s), J = ye && s > 1, X = Math.max(0, s - o), [l, Q] = _(E), [F, Y] = _({
     animation: void 0
-  }), [Le, U] = _(0), [Pe, Z] = _(!1), [u, P] = _(null), [De, ee] = _(0), [Ae, te] = _(!1), D = N(null), Ce = N(null), Re = Qe(Xe, Ce), f = N(null), [se, re] = _(!1), i = N({ ...ct });
+  }), [Le, U] = _(0), [Pe, Z] = _(!1), [u, L] = _(null), [De, ee] = _(0), [Ae, te] = _(!1), P = N(null), Ce = N(null), Re = Qe(Xe, Ce), f = N(null), [se, re] = _(!1), i = N({ ...ct });
   ge(() => {
     Y((e) => ({
       ...e,
       animation: !1
     }));
   }, [o]), ge(() => {
-    Q(X), b == null || b(X), F.animation !== void 0 && Y((e) => ({
+    Q(E), b == null || b(E), F.animation !== void 0 && Y((e) => ({
       ...e,
       animation: !0
     }));
-  }, [X]);
+  }, [E]);
   const $ = (e) => {
     Object.assign(i.current, e);
   }, V = () => typeof performance != "undefined" ? performance.now() : Date.now(), ne = (e) => {
-    const t = rt(e, 0, L);
+    const t = rt(e, 0, X);
     Q(t), Y((r) => ({ ...r, animation: !0 })), b == null || b(t);
   }, S = (e) => {
-    P((t) => t === null ? t : (t + e + s) % s);
-  }, x = N(null), Fe = (e) => {
-    f.current && (f.current.removeEventListener(e ? "mousemove" : "touchmove", ce), f.current.removeEventListener(e ? "mouseup" : "touchend", p), e && f.current.removeEventListener("mouseleave", p));
-  }, oe = H((e) => {
+    L((t) => t === null ? t : (t + e + s) % s);
+  }, p = N(null), Fe = (e) => {
+    f.current && (f.current.removeEventListener(e ? "mousemove" : "touchmove", ce), f.current.removeEventListener(e ? "mouseup" : "touchend", x), e && f.current.removeEventListener("mouseleave", x));
+  }, oe = B((e) => {
     if (!f.current)
       return;
     const t = he(e);
     if (t && e.button !== 0)
       return;
     e.stopPropagation();
-    const r = O(e), n = _e(e);
+    const r = z(e), n = _e(e);
     $({
       isPressed: !0,
       startX: r,
@@ -77,43 +77,43 @@ const ct = {
       lastT: V(),
       axis: null,
       dragged: !1
-    }), f.current.addEventListener(t ? "mousemove" : "touchmove", ce, { passive: !1 }), f.current.addEventListener(t ? "mouseup" : "touchend", p), t && f.current.addEventListener("mouseleave", p);
-  }), ce = H((e) => {
-    if (!D.current || !i.current.isPressed)
+    }), f.current.addEventListener(t ? "mousemove" : "touchmove", ce, { passive: !1 }), f.current.addEventListener(t ? "mouseup" : "touchend", x), t && f.current.addEventListener("mouseleave", x);
+  }), ce = B((e) => {
+    if (!P.current || !i.current.isPressed)
       return;
     if (tt(e) && e.touches.length > 1)
-      return p(e);
-    const t = O(e), r = _e(e), n = t - i.current.startX, c = r - i.current.startY;
+      return x(e);
+    const t = z(e), r = _e(e), n = t - i.current.startX, c = r - i.current.startY;
     if (i.current.axis === null) {
       if (Math.abs(n) < ve && Math.abs(c) < ve)
         return;
       const d = Math.abs(n) >= Math.abs(c) ? "x" : "y";
       if ($({ axis: d, dragged: !0 }), d === "y")
-        return p(e);
+        return x(e);
       s > 1 && Z(!0);
     }
     if (i.current.axis === "x") {
       if (e.preventDefault(), e.stopPropagation(), s > 1) {
-        const d = l <= 0, m = l >= L, w = d && n > 0 || m && n < 0 ? n * 0.35 : n;
+        const d = l <= 0, m = l >= X, w = d && n > 0 || m && n < 0 ? n * 0.35 : n;
         U(w);
       }
       i.current.lastX = t, i.current.lastT = V();
     }
-  }), p = H((e) => {
+  }), x = B((e) => {
     if (!i.current.isPressed)
       return;
     const t = he(e);
     Fe(t);
     const { axis: r, dragged: n, startX: c, lastX: d, lastT: m } = i.current;
-    if ($({ isPressed: !1 }), Z(!1), r === "x" && n && s > 1 && D.current) {
-      const w = O(e), C = w - c, I = D.current.offsetWidth / o, R = m ? (w - d) / Math.max(1, V() - m) : 0;
-      let T = I > 0 ? Math.round(-C / I) : 0;
-      T === 0 && Math.abs(R) > at && (T = R < 0 ? 1 : -1), ne(l + T);
+    if ($({ isPressed: !1 }), Z(!1), r === "x" && n && s > 1 && P.current) {
+      const w = z(e), A = w - c, I = P.current.offsetWidth / o, C = m ? (w - d) / Math.max(1, V() - m) : 0;
+      let T = I > 0 ? Math.round(-A / I) : 0;
+      T === 0 && Math.abs(C) > at && (T = C < 0 ? 1 : -1), ne(l + T);
     }
     U(0);
   }), Ye = (e) => () => {
-    i.current.dragged || E && P(e);
-  }, A = (e) => () => ne(e), W = (e) => {
+    i.current.dragged || k && L(e);
+  }, D = (e) => () => ne(e), O = (e) => {
     const t = o === 1, r = t ? s : Math.ceil(s / o), n = l + o, c = s - o <= l, m = (we(n, o, s, c) + e + r) % r;
     return t ? m : m * o;
   }, $e = () => {
@@ -123,34 +123,34 @@ const ct = {
     for (let c = 0; c < r; c++) {
       let d = c, m = l;
       if (!t) {
-        const R = c === r - 1, T = l + o;
-        d = R ? s - o : c * o, m = we(T, o, s, e);
+        const C = c === r - 1, T = l + o;
+        d = C ? s - o : c * o, m = we(T, o, s, e);
       }
-      const w = m === c, C = A(d);
-      let I = /* @__PURE__ */ a("div", { className: h("smwb-carousel__navigation__dot", w && "current"), onClick: C }, c);
-      K && (I = K(c, w, C)), n.push(I);
+      const w = m === c, A = D(d);
+      let I = /* @__PURE__ */ a("div", { className: h("smwb-carousel__navigation__dot", w && "current"), onClick: A }, c);
+      K && (I = K(c, w, A)), n.push(I);
     }
     return /* @__PURE__ */ a("div", { className: h("smwb-carousel__navigation", Ie), children: n });
   }, Ve = () => {
-    const e = l > L ? L : l;
+    const e = l > X ? X : l;
     return st(o) * e;
-  }, We = Je(), je = et(o), ze = {
+  }, Oe = Je(), We = et(o), je = {
     transform: `translateX(calc(-${Ve()}% + ${Le}px))`,
     transition: Pe || F.animation === void 0 ? "none" : F.animation ? "transform 500ms cubic-bezier(.1, 0, .25, 1)" : "none"
-  }, y = {}, ae = B(Ne), le = nt(Me), ie = B(ke), ue = B(Ee);
-  if (ae && (y["--smwb-carousel-cell-height"] = ae), le && (y["--smwb-carousel-aspect-ratio"] = le), ie && (y["--smwb-carousel-gap"] = ie), ue && (y["--smwb-carousel-max-width"] = ue), z.useEffect(() => {
+  }, y = {}, ae = H(Ne), le = nt(Me), ie = H(ke), ue = H(Ee);
+  if (ae && (y["--smwb-carousel-cell-height"] = ae), le && (y["--smwb-carousel-aspect-ratio"] = le), ie && (y["--smwb-carousel-gap"] = ie), ue && (y["--smwb-carousel-max-width"] = ue), j.useEffect(() => {
     Array.isArray(g) || console.error("SMWB Material: The `children` prop was passed invalidly. It should contain an array of elements.");
   }, [g]), me(() => {
-    if (!G || s <= 1 || k && se || u !== null)
+    if (!G || s <= 1 || R && se || u !== null)
       return;
     const e = window.setInterval(() => {
-      A(W(1))();
+      D(O(1))();
     }, q);
     return () => window.clearInterval(e);
   }, [
     G,
     q,
-    k,
+    R,
     se,
     s,
     l,
@@ -165,19 +165,19 @@ const ct = {
     return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
   }, [u, s]), !Array.isArray(g))
     return /* @__PURE__ */ a(de, {});
-  const Oe = g, Be = (e) => {
+  const ze = g, He = (e) => {
     var t, r;
-    x.current = (r = (t = e.touches[0]) == null ? void 0 : t.clientX) != null ? r : null;
-  }, He = (e) => {
+    p.current = (r = (t = e.touches[0]) == null ? void 0 : t.clientX) != null ? r : null;
+  }, Be = (e) => {
     var r, n;
-    if (x.current === null || s <= 1)
+    if (p.current === null || s <= 1)
       return;
-    const t = ((n = (r = e.touches[0]) == null ? void 0 : r.clientX) != null ? n : x.current) - x.current;
+    const t = ((n = (r = e.touches[0]) == null ? void 0 : r.clientX) != null ? n : p.current) - p.current;
     te(!0), ee(t);
   }, Ke = (e) => {
     var n, c;
-    const t = x.current;
-    if (x.current = null, te(!1), ee(0), t === null || s <= 1)
+    const t = p.current;
+    if (p.current = null, te(!1), ee(0), t === null || s <= 1)
       return;
     const r = ((c = (n = e.changedTouches[0]) == null ? void 0 : n.clientX) != null ? c : t) - t;
     Math.abs(r) > 40 && S(r < 0 ? 1 : -1);
@@ -185,20 +185,20 @@ const ct = {
     transform: `translateX(calc(-${(u != null ? u : 0) * 100}% + ${De}px))`,
     transition: Ae ? "none" : "transform 350ms cubic-bezier(.22, .61, .36, 1)"
   };
-  return /* @__PURE__ */ j(
+  return /* @__PURE__ */ W(
     "div",
     {
-      className: h("smwb-carousel", pe),
+      className: h("smwb-carousel", xe),
       "data-testid": "carousel",
       ref: Re,
       role: "region",
       "aria-roledescription": "carousel",
       "aria-label": Te,
       style: y,
-      onMouseEnter: k ? () => re(!0) : void 0,
-      onMouseLeave: k ? () => re(!1) : void 0,
+      onMouseEnter: R ? () => re(!0) : void 0,
+      onMouseLeave: () => re(!1),
       children: [
-        /* @__PURE__ */ j("div", { className: h("smwb-carousel__inner"), ref: D, children: [
+        /* @__PURE__ */ W("div", { className: h("smwb-carousel__inner"), ref: P, children: [
           J && /* @__PURE__ */ a(
             M,
             {
@@ -209,7 +209,7 @@ const ct = {
                 top: `calc(50% - ${v / 2}px)`,
                 left: -v / 2
               },
-              onClick: () => A(W(-1))()
+              onClick: () => D(O(-1))()
             }
           ),
           /* @__PURE__ */ a(
@@ -221,14 +221,14 @@ const ct = {
               onTouchStart: oe,
               onDragStart: fe,
               onDragEnd: fe,
-              children: /* @__PURE__ */ a("div", { className: "smwb-carousel__layer", style: ze, children: z.Children.map(g, (e, t) => /* @__PURE__ */ a("div", { id: `${We}${t}`, className: "smwb-carousel__slide", style: je, children: /* @__PURE__ */ a(
+              children: /* @__PURE__ */ a("div", { className: "smwb-carousel__layer", style: je, children: j.Children.map(g, (e, t) => /* @__PURE__ */ a("div", { id: `${Oe}${t}`, className: "smwb-carousel__slide", style: We, children: /* @__PURE__ */ a(
                 "div",
                 {
                   className: h(
                     "smwb-carousel__slide-inner",
-                    E && "smwb-carousel__slide-inner_clickable"
+                    k && "smwb-carousel__slide-inner_clickable"
                   ),
-                  onClick: E ? Ye(t) : void 0,
+                  onClick: k ? Ye(t) : void 0,
                   children: e
                 }
               ) }, t)) })
@@ -244,21 +244,21 @@ const ct = {
                 top: `calc(50% - ${v / 2}px)`,
                 right: -v / 2
               },
-              onClick: () => A(W(1))()
+              onClick: () => D(O(1))()
             }
           )
         ] }),
         $e(),
-        E && /* @__PURE__ */ a(
+        k && /* @__PURE__ */ a(
           ot,
           {
             open: u !== null,
             size: "fullscreen",
             backdrop: "darkBlured",
             className: "smwb-carousel__fullscreen",
-            onClose: () => P(null),
+            onClose: () => L(null),
             "aria-label": "Image viewer",
-            children: u !== null && /* @__PURE__ */ j("div", { className: "smwb-carousel__fullscreen-content", children: [
+            children: u !== null && /* @__PURE__ */ W("div", { className: "smwb-carousel__fullscreen-content", children: [
               s > 1 && /* @__PURE__ */ a(
                 M,
                 {
@@ -272,10 +272,10 @@ const ct = {
                 "div",
                 {
                   className: "smwb-carousel__fullscreen-stage",
-                  onTouchStart: Be,
-                  onTouchMove: He,
+                  onTouchStart: He,
+                  onTouchMove: Be,
                   onTouchEnd: Ke,
-                  children: /* @__PURE__ */ a("div", { className: "smwb-carousel__fullscreen-track", style: Ge, children: Oe.map((e, t) => /* @__PURE__ */ a(
+                  children: /* @__PURE__ */ a("div", { className: "smwb-carousel__fullscreen-track", style: Ge, children: ze.map((e, t) => /* @__PURE__ */ a(
                     "div",
                     {
                       className: "smwb-carousel__fullscreen-slide",
@@ -301,7 +301,7 @@ const ct = {
                   name: "close",
                   size: 32,
                   className: "smwb-carousel__fullscreen-close",
-                  onClick: () => P(null)
+                  onClick: () => L(null)
                 }
               )
             ] })
@@ -312,6 +312,6 @@ const ct = {
   );
 });
 export {
-  pt as Carousel
+  xt as Carousel
 };
 //# sourceMappingURL=carousel.js.map

package/dist/components/dataDisplay/carousel/carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.js","sources":["../../../../src/components/dataDisplay/carousel/carousel.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode, useEffect, useId, useRef, useState } from \"react\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { Modal } from \"../../feedBack/modal\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\nimport {\n  clamp,\n  coordX,\n  coordY,\n  dragPrevent,\n  getSlideIndexForMultipleParts,\n  getSlidesToShow,\n  getSlideStyle,\n  getSlideWidth,\n  getStartSlide,\n  isMouseEvent,\n  isTouchEvent,\n  toCssLength,\n  toCssNumber,\n} from \"./utils\";\nimport { useSafeLayoutEffect } from \"../../../hooks/useSafeLayoutEffect\";\nimport { useEventCallback } from \"../../../hooks/useEventCallback\";\n\nexport interface CarouselProps extends React.PropsWithChildren {\n  slidesToShow?: number;\n  startSlide?: number;\n  className?: string;\n  showNavigation?: boolean;\n  showArrows?: boolean;\n  arrowsSize?: number;\n  navigationClassName?: string;\n  onSlideChange?: (slideIndex: number) => void;\n  navigationDotRenderer?: (index: number, isActive: boolean, onClick: (index: number) => void) => ReactNode;\n  /** Accessible label for the carousel region. */\n  \"aria-label\"?: string;\n  /** Advance slides automatically. */\n  autoplay?: boolean;\n  /** Autoplay interval in ms. */\n  autoplayInterval?: number;\n  /** Pause autoplay while the pointer is over the carousel. */\n  pauseOnHover?: boolean;\n  /** Height of each cell/photo. Number is treated as px. Overrides the default 205px. */\n  cellHeight?: number | string;\n  /** Aspect ratio of each cell/photo (e.g. 0.9 or \"16 / 9\"). Overrides the default 0.9. */\n  aspectRatio?: number | string;\n  /** Per-side spacing around each slide. Number is treated as px (default 4). */\n  gap?: number | string;\n  /** Max width of the carousel. Number is treated as px (default 412). */\n  maxWidth?: number | string;\n  /** Open the clicked slide in a fullscreen lightbox (arrows / swipe / Esc to navigate & close). */\n  enableFullscreen?: boolean;\n}\n\ninterface ShiftState {\n  animation: boolean | undefined;\n}\n\ntype Axis = \"x\" | \"y\" | null;\n\ninterface Motion {\n  isPressed: boolean;\n  startX: number;\n  startY: number;\n  lastX: number;\n  lastT: number;\n  axis: Axis;\n  dragged: boolean;\n}\n\nconst MOTION_INITIAL_STATE: Motion = {\n  isPressed: false,\n  startX: 0,\n  startY: 0,\n  lastX: 0,\n  lastT: 0,\n  axis: null,\n  dragged: false,\n};\n\n// Movement (px) below which a pointer interaction is treated as a tap, not a drag.\nconst TAP_THRESHOLD = 8;\n// Flick velocity (px/ms) above which we advance a slide even on a short drag.\nconst FLICK_VELOCITY = 0.4;\n\nexport const Carousel = forwardRef<HTMLDivElement, CarouselProps>(function Carousel(\n  {\n    slidesToShow: slidesToShowProp = 3,\n    startSlide: startSlideProp = 0,\n    children,\n    className,\n    showNavigation = true,\n    showArrows: showArrowsProp,\n    arrowsSize = 30,\n    navigationClassName,\n    onSlideChange,\n    navigationDotRenderer,\n    \"aria-label\": ariaLabel = \"Carousel\",\n    autoplay = false,\n    autoplayInterval = 4000,\n    pauseOnHover = true,\n    cellHeight,\n    aspectRatio,\n    gap,\n    maxWidth,\n    enableFullscreen = false,\n  },\n  ref\n) {\n  const slidesCount = React.Children.count(children);\n  const slidesToShow = getSlidesToShow(slidesToShowProp, slidesCount);\n  const startSlide = getStartSlide(startSlideProp, slidesCount);\n  const showArrows = showArrowsProp && slidesCount > 1;\n  const maxShift = Math.max(0, slidesCount - slidesToShow);\n\n  const [activeSlideIndex, setActiveSlideIndex] = useState<number>(startSlide);\n  const [shiftState, setShiftState] = useState<ShiftState>({\n    animation: undefined,\n  });\n  // Live pointer-follow offset (px) applied on top of the resting %-based indent.\n  const [dragPx, setDragPx] = useState<number>(0);\n  const [isDragging, setIsDragging] = useState<boolean>(false);\n  const [fullscreenIndex, setFullscreenIndex] = useState<number | null>(null);\n  // Live finger-follow offset (px) for the fullscreen track.\n  const [fullscreenDragPx, setFullscreenDragPx] = useState<number>(0);\n  const [isFullscreenDragging, setIsFullscreenDragging] = useState<boolean>(false);\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const outerRef = useRef<HTMLDivElement>(null);\n  const forkedOuterRef = useForkRef<HTMLDivElement>(ref, outerRef);\n  const trackRef = useRef<HTMLDivElement>(null);\n  const [isHovered, setIsHovered] = useState<boolean>(false);\n\n  const motion = useRef<Motion>({ ...MOTION_INITIAL_STATE });\n\n  useSafeLayoutEffect(() => {\n    setShiftState((prevState) => ({\n      ...prevState,\n      animation: false,\n    }));\n  }, [slidesToShow]);\n\n  useSafeLayoutEffect(() => {\n    setActiveSlideIndex(startSlide);\n    onSlideChange?.(startSlide);\n\n    if (shiftState.animation !== undefined) {\n      setShiftState((prevState) => ({\n        ...prevState,\n        animation: true,\n      }));\n    }\n  }, [startSlide]);\n\n  const setMotion = (value: Partial<Motion>) => {\n    Object.assign<Motion, Partial<Motion>>(motion.current, value);\n  };\n\n  const now = () => (typeof performance !== \"undefined\" ? performance.now() : Date.now());\n\n  const goToSlide = (index: number) => {\n    const target = clamp(index, 0, maxShift);\n\n    setActiveSlideIndex(target);\n    setShiftState((prevState) => ({ ...prevState, animation: true }));\n    onSlideChange?.(target);\n  };\n\n  const moveFullscreen = (direction: 1 | -1) => {\n    setFullscreenIndex((prev) => (prev === null ? prev : (prev + direction + slidesCount) % slidesCount));\n  };\n\n  const fullscreenTouchX = useRef<number | null>(null);\n\n  const detachListeners = (isMouse: boolean) => {\n    if (!trackRef.current) {\n      return;\n    }\n\n    trackRef.current.removeEventListener(isMouse ? \"mousemove\" : \"touchmove\", onMove);\n    trackRef.current.removeEventListener(isMouse ? \"mouseup\" : \"touchend\", onEnd);\n\n    if (isMouse) {\n      trackRef.current.removeEventListener(\"mouseleave\", onEnd);\n    }\n  };\n\n  const onStart = useEventCallback((event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>) => {\n    if (!trackRef.current) {\n      return;\n    }\n\n    const isMouse = isMouseEvent(event);\n\n    if (isMouse && event.button !== 0) {\n      return;\n    }\n\n    event.stopPropagation();\n\n    const clientX = coordX(event);\n    const clientY = coordY(event);\n\n    setMotion({\n      isPressed: true,\n      startX: clientX,\n      startY: clientY,\n      lastX: clientX,\n      lastT: now(),\n      axis: null,\n      dragged: false,\n    });\n\n    trackRef.current.addEventListener(isMouse ? \"mousemove\" : \"touchmove\", onMove, { passive: false });\n    trackRef.current.addEventListener(isMouse ? \"mouseup\" : \"touchend\", onEnd);\n\n    if (isMouse) {\n      trackRef.current.addEventListener(\"mouseleave\", onEnd);\n    }\n  });\n\n  const onMove = useEventCallback((event: MouseEvent | TouchEvent) => {\n    if (!rootRef.current || !motion.current.isPressed) {\n      return;\n    }\n\n    if (isTouchEvent(event) && event.touches.length > 1) {\n      return onEnd(event);\n    }\n\n    const clientX = coordX(event);\n    const clientY = coordY(event);\n    const shiftX = clientX - motion.current.startX;\n    const shiftY = clientY - motion.current.startY;\n\n    // Lock the gesture axis once the pointer has moved past the tap threshold.\n    if (motion.current.axis === null) {\n      if (Math.abs(shiftX) < TAP_THRESHOLD && Math.abs(shiftY) < TAP_THRESHOLD) {\n        return;\n      }\n\n      const axis: Axis = Math.abs(shiftX) >= Math.abs(shiftY) ? \"x\" : \"y\";\n      setMotion({ axis, dragged: true });\n\n      // Vertical intent → release so the page can scroll.\n      if (axis === \"y\") {\n        return onEnd(event);\n      }\n\n      if (slidesCount > 1) {\n        setIsDragging(true);\n      }\n    }\n\n    if (motion.current.axis !== \"x\") {\n      return;\n    }\n\n    // Horizontal drag: keep the gesture and follow the finger.\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (slidesCount > 1) {\n      const atStart = activeSlideIndex <= 0;\n      const atEnd = activeSlideIndex >= maxShift;\n      // Add resistance when dragging beyond the first / last slide.\n      const offset = (atStart && shiftX > 0) || (atEnd && shiftX < 0) ? shiftX * 0.35 : shiftX;\n      setDragPx(offset);\n    }\n\n    motion.current.lastX = clientX;\n    motion.current.lastT = now();\n  });\n\n  const onEnd = useEventCallback((event: MouseEvent | TouchEvent) => {\n    if (!motion.current.isPressed) {\n      return;\n    }\n\n    const isMouse = isMouseEvent(event);\n    detachListeners(isMouse);\n\n    const { axis, dragged, startX, lastX, lastT } = motion.current;\n    setMotion({ isPressed: false });\n    setIsDragging(false);\n\n    if (axis === \"x\" && dragged && slidesCount > 1 && rootRef.current) {\n      const clientX = coordX(event);\n      const totalShift = clientX - startX;\n      const widthPerSlide = rootRef.current.offsetWidth / slidesToShow;\n      const velocity = lastT ? (clientX - lastX) / Math.max(1, now() - lastT) : 0;\n\n      let movedSlides = widthPerSlide > 0 ? Math.round(-totalShift / widthPerSlide) : 0;\n\n      if (movedSlides === 0 && Math.abs(velocity) > FLICK_VELOCITY) {\n        movedSlides = velocity < 0 ? 1 : -1;\n      }\n\n      goToSlide(activeSlideIndex + movedSlides);\n    }\n\n    // Animate back to the resting position (snap / snap-back).\n    setDragPx(0);\n  });\n\n  const onSlideClick = (index: number) => () => {\n    // Suppress the click that fires at the end of a drag.\n    if (motion.current.dragged) {\n      return;\n    }\n\n    if (enableFullscreen) {\n      setFullscreenIndex(index);\n    }\n  };\n\n  const onNavigationItemClick = (index: number) => () => goToSlide(index);\n\n  const getNextIndex = (direction: 1 | -1) => {\n    const isSingleSlide = slidesToShow === 1;\n    const totalGroups = isSingleSlide ? slidesCount : Math.ceil(slidesCount / slidesToShow);\n    const activeIndex = activeSlideIndex + slidesToShow;\n    const isNextSlideDisabled = slidesCount - slidesToShow <= activeSlideIndex;\n\n    const currentIndex = getSlideIndexForMultipleParts(activeIndex, slidesToShow, slidesCount, isNextSlideDisabled);\n    const nextIndex = (currentIndex + direction + totalGroups) % totalGroups;\n\n    return isSingleSlide ? nextIndex : nextIndex * slidesToShow;\n  };\n\n  const getNavigation = () => {\n    if (!showNavigation) {\n      return <></>;\n    }\n\n    const isNextSlideDisabled = slidesCount - slidesToShow <= activeSlideIndex;\n    const isSinglePartSlide = slidesToShow === 1;\n    const count = isSinglePartSlide ? slidesCount : Math.ceil(slidesCount / slidesToShow);\n    const indicators: React.ReactNode[] = [];\n\n    for (let index = 0; index < count; index++) {\n      let nextIndex = index;\n      let currentIndex = activeSlideIndex;\n\n      if (!isSinglePartSlide) {\n        const isLast = index === count - 1;\n        const activeIndex = activeSlideIndex + slidesToShow;\n\n        nextIndex = isLast ? slidesCount - slidesToShow : index * slidesToShow;\n        currentIndex = getSlideIndexForMultipleParts(activeIndex, slidesToShow, slidesCount, isNextSlideDisabled);\n      }\n\n      const isActive = currentIndex === index;\n      const onClick = onNavigationItemClick(nextIndex);\n\n      let indicator: ReactNode = (\n        <div key={index} className={cn(\"smwb-carousel__navigation__dot\", isActive && \"current\")} onClick={onClick} />\n      );\n\n      if (navigationDotRenderer) {\n        indicator = navigationDotRenderer(index, isActive, onClick);\n      }\n\n      indicators.push(indicator);\n    }\n\n    return <div className={cn(\"smwb-carousel__navigation\", navigationClassName)}>{indicators}</div>;\n  };\n\n  const getIndent = () => {\n    const shiftSlides = activeSlideIndex > maxShift ? maxShift : activeSlideIndex;\n\n    return getSlideWidth(slidesToShow) * shiftSlides;\n  };\n\n  const slideId = useId();\n  const slideStyle = getSlideStyle(slidesToShow);\n\n  const indent = getIndent();\n\n  const layerStyle: React.CSSProperties = {\n    transform: `translateX(calc(-${indent}% + ${dragPx}px))`,\n    transition:\n      isDragging || shiftState.animation === undefined\n        ? \"none\"\n        : shiftState.animation\n          ? \"transform 500ms cubic-bezier(.1, 0, .25, 1)\"\n          : \"none\",\n  };\n\n  const rootStyle: React.CSSProperties = {};\n  const cellHeightValue = toCssLength(cellHeight);\n  const aspectRatioValue = toCssNumber(aspectRatio);\n  const gapValue = toCssLength(gap);\n  const maxWidthValue = toCssLength(maxWidth);\n  if (cellHeightValue) (rootStyle as Record<string, string>)[\"--smwb-carousel-cell-height\"] = cellHeightValue;\n  if (aspectRatioValue) (rootStyle as Record<string, string>)[\"--smwb-carousel-aspect-ratio\"] = aspectRatioValue;\n  if (gapValue) (rootStyle as Record<string, string>)[\"--smwb-carousel-gap\"] = gapValue;\n  if (maxWidthValue) (rootStyle as Record<string, string>)[\"--smwb-carousel-max-width\"] = maxWidthValue;\n\n  React.useEffect(() => {\n    if (!Array.isArray(children)) {\n      console.error(\"SMWB Material: The `children` prop was passed invalidly. It should contain an array of elements.\");\n    }\n  }, [children]);\n\n  useEffect(() => {\n    if (!autoplay || slidesCount <= 1 || (pauseOnHover && isHovered) || fullscreenIndex !== null) {\n      return;\n    }\n    const timer = window.setInterval(() => {\n      onNavigationItemClick(getNextIndex(1))();\n    }, autoplayInterval);\n\n    return () => window.clearInterval(timer);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    autoplay,\n    autoplayInterval,\n    pauseOnHover,\n    isHovered,\n    slidesCount,\n    activeSlideIndex,\n    slidesToShow,\n    fullscreenIndex,\n  ]);\n\n  useEffect(() => {\n    if (fullscreenIndex === null || slidesCount <= 1) {\n      return;\n    }\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"ArrowLeft\") {\n        moveFullscreen(-1);\n      } else if (event.key === \"ArrowRight\") {\n        moveFullscreen(1);\n      }\n    };\n    document.addEventListener(\"keydown\", onKeyDown);\n\n    return () => document.removeEventListener(\"keydown\", onKeyDown);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [fullscreenIndex, slidesCount]);\n\n  if (!Array.isArray(children)) {\n    return <></>;\n  }\n\n  const childrenArray = children as ReactNode[];\n\n  const onFullscreenTouchStart = (event: React.TouchEvent) => {\n    fullscreenTouchX.current = event.touches[0]?.clientX ?? null;\n  };\n\n  const onFullscreenTouchMove = (event: React.TouchEvent) => {\n    if (fullscreenTouchX.current === null || slidesCount <= 1) {\n      return;\n    }\n    const delta = (event.touches[0]?.clientX ?? fullscreenTouchX.current) - fullscreenTouchX.current;\n    setIsFullscreenDragging(true);\n    setFullscreenDragPx(delta);\n  };\n\n  const onFullscreenTouchEnd = (event: React.TouchEvent) => {\n    const startX = fullscreenTouchX.current;\n    fullscreenTouchX.current = null;\n    setIsFullscreenDragging(false);\n    setFullscreenDragPx(0);\n\n    if (startX === null || slidesCount <= 1) {\n      return;\n    }\n    const delta = (event.changedTouches[0]?.clientX ?? startX) - startX;\n    if (Math.abs(delta) > 40) {\n      moveFullscreen(delta < 0 ? 1 : -1);\n    }\n  };\n\n  const fullscreenTrackStyle: React.CSSProperties = {\n    transform: `translateX(calc(-${(fullscreenIndex ?? 0) * 100}% + ${fullscreenDragPx}px))`,\n    transition: isFullscreenDragging ? \"none\" : \"transform 350ms cubic-bezier(.22, .61, .36, 1)\",\n  };\n\n  return (\n    <div\n      className={cn(\"smwb-carousel\", className)}\n      data-testid=\"carousel\"\n      ref={forkedOuterRef}\n      role=\"region\"\n      aria-roledescription=\"carousel\"\n      aria-label={ariaLabel}\n      style={rootStyle}\n      onMouseEnter={pauseOnHover ? () => setIsHovered(true) : undefined}\n      onMouseLeave={pauseOnHover ? () => setIsHovered(false) : undefined}\n    >\n      <div className={cn(\"smwb-carousel__inner\")} ref={rootRef}>\n        {showArrows && (\n          <Icon\n            name=\"chevron_left\"\n            size={arrowsSize}\n            className={cn(\"smwb-carousel__arrow\", \"smwb-carousel__arrow_prev\")}\n            style={{\n              top: `calc(50% - ${arrowsSize / 2}px)`,\n              left: -arrowsSize / 2,\n            }}\n            onClick={() => onNavigationItemClick(getNextIndex(-1))()}\n          />\n        )}\n        <div\n          ref={trackRef}\n          className=\"smwb-carousel__track\"\n          onMouseDown={onStart}\n          onTouchStart={onStart}\n          onDragStart={dragPrevent}\n          onDragEnd={dragPrevent}\n        >\n          <div className=\"smwb-carousel__layer\" style={layerStyle}>\n            {React.Children.map(children, (child, index) => (\n              <div key={index} id={`${slideId}${index}`} className=\"smwb-carousel__slide\" style={slideStyle}>\n                <div\n                  className={cn(\n                    \"smwb-carousel__slide-inner\",\n                    enableFullscreen && \"smwb-carousel__slide-inner_clickable\"\n                  )}\n                  onClick={enableFullscreen ? onSlideClick(index) : undefined}\n                >\n                  {child}\n                </div>\n              </div>\n            ))}\n          </div>\n        </div>\n        {showArrows && (\n          <Icon\n            name=\"chevron_right\"\n            size={arrowsSize}\n            className={cn(\"smwb-carousel__arrow\", \"smwb-carousel__arrow_next\")}\n            style={{\n              top: `calc(50% - ${arrowsSize / 2}px)`,\n              right: -arrowsSize / 2,\n            }}\n            onClick={() => onNavigationItemClick(getNextIndex(1))()}\n          />\n        )}\n      </div>\n      {getNavigation()}\n      {enableFullscreen && (\n        <Modal\n          open={fullscreenIndex !== null}\n          size=\"fullscreen\"\n          backdrop=\"darkBlured\"\n          className=\"smwb-carousel__fullscreen\"\n          onClose={() => setFullscreenIndex(null)}\n          aria-label=\"Image viewer\"\n        >\n          {fullscreenIndex !== null && (\n            <div className=\"smwb-carousel__fullscreen-content\">\n              {slidesCount > 1 && (\n                <Icon\n                  name=\"chevron_left\"\n                  size={40}\n                  className={cn(\"smwb-carousel__fullscreen-arrow\", \"smwb-carousel__fullscreen-arrow_prev\")}\n                  onClick={() => moveFullscreen(-1)}\n                />\n              )}\n              <div\n                className=\"smwb-carousel__fullscreen-stage\"\n                onTouchStart={onFullscreenTouchStart}\n                onTouchMove={onFullscreenTouchMove}\n                onTouchEnd={onFullscreenTouchEnd}\n              >\n                <div className=\"smwb-carousel__fullscreen-track\" style={fullscreenTrackStyle}>\n                  {childrenArray.map((child, index) => (\n                    <div\n                      key={index}\n                      className=\"smwb-carousel__fullscreen-slide\"\n                      aria-hidden={index !== fullscreenIndex}\n                    >\n                      {child}\n                    </div>\n                  ))}\n                </div>\n              </div>\n              {slidesCount > 1 && (\n                <Icon\n                  name=\"chevron_right\"\n                  size={40}\n                  className={cn(\"smwb-carousel__fullscreen-arrow\", \"smwb-carousel__fullscreen-arrow_next\")}\n                  onClick={() => moveFullscreen(1)}\n                />\n              )}\n              <Icon\n                name=\"close\"\n                size={32}\n                className=\"smwb-carousel__fullscreen-close\"\n                onClick={() => setFullscreenIndex(null)}\n              />\n            </div>\n          )}\n        </Modal>\n      )}\n    </div>\n  );\n});\n\nexport default Carousel;\n"],"names":["MOTION_INITIAL_STATE","TAP_THRESHOLD","FLICK_VELOCITY","Carousel","forwardRef","slidesToShowProp","startSlideProp","children","className","showNavigation","showArrowsProp","arrowsSize","navigationClassName","onSlideChange","navigationDotRenderer","ariaLabel","autoplay","autoplayInterval","pauseOnHover","cellHeight","aspectRatio","gap","maxWidth","enableFullscreen","ref","slidesCount","React","slidesToShow","getSlidesToShow","startSlide","getStartSlide","showArrows","maxShift","activeSlideIndex","setActiveSlideIndex","useState","shiftState","setShiftState","dragPx","setDragPx","isDragging","setIsDragging","fullscreenIndex","setFullscreenIndex","fullscreenDragPx","setFullscreenDragPx","isFullscreenDragging","setIsFullscreenDragging","rootRef","useRef","outerRef","forkedOuterRef","useForkRef","trackRef","isHovered","setIsHovered","motion","useSafeLayoutEffect","prevState","setMotion","value","now","goToSlide","index","target","clamp","moveFullscreen","direction","prev","fullscreenTouchX","detachListeners","isMouse","onMove","onEnd","onStart","useEventCallback","event","isMouseEvent","clientX","coordX","clientY","coordY","isTouchEvent","shiftX","shiftY","axis","atStart","atEnd","offset","dragged","startX","lastX","lastT","totalShift","widthPerSlide","velocity","movedSlides","onSlideClick","onNavigationItemClick","getNextIndex","isSingleSlide","totalGroups","activeIndex","isNextSlideDisabled","nextIndex","getSlideIndexForMultipleParts","getNavigation","jsx","Fragment","isSinglePartSlide","count","indicators","currentIndex","isLast","isActive","onClick","indicator","cn","getIndent","shiftSlides","getSlideWidth","slideId","useId","slideStyle","getSlideStyle","layerStyle","rootStyle","cellHeightValue","toCssLength","aspectRatioValue","toCssNumber","gapValue","maxWidthValue","useEffect","timer","onKeyDown","childrenArray","onFullscreenTouchStart","_b","_a","onFullscreenTouchMove","delta","onFullscreenTouchEnd","fullscreenTrackStyle","jsxs","Icon","dragPrevent","child","Modal"],"mappings":"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"}
+{"version":3,"file":"carousel.js","sources":["../../../../src/components/dataDisplay/carousel/carousel.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode, useEffect, useId, useRef, useState } from \"react\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { Modal } from \"../../feedBack/modal\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\nimport {\n  clamp,\n  coordX,\n  coordY,\n  dragPrevent,\n  getSlideIndexForMultipleParts,\n  getSlidesToShow,\n  getSlideStyle,\n  getSlideWidth,\n  getStartSlide,\n  isMouseEvent,\n  isTouchEvent,\n  toCssLength,\n  toCssNumber,\n} from \"./utils\";\nimport { useSafeLayoutEffect } from \"../../../hooks/useSafeLayoutEffect\";\nimport { useEventCallback } from \"../../../hooks/useEventCallback\";\n\nexport interface CarouselProps extends React.PropsWithChildren {\n  slidesToShow?: number;\n  startSlide?: number;\n  className?: string;\n  showNavigation?: boolean;\n  showArrows?: boolean;\n  arrowsSize?: number;\n  navigationClassName?: string;\n  onSlideChange?: (slideIndex: number) => void;\n  navigationDotRenderer?: (index: number, isActive: boolean, onClick: (index: number) => void) => ReactNode;\n  /** Accessible label for the carousel region. */\n  \"aria-label\"?: string;\n  /** Advance slides automatically. */\n  autoplay?: boolean;\n  /** Autoplay interval in ms. */\n  autoplayInterval?: number;\n  /** Pause autoplay while the pointer is over the carousel. */\n  pauseOnHover?: boolean;\n  /** Height of each cell/photo. Number is treated as px. Overrides the default 205px. */\n  cellHeight?: number | string;\n  /** Aspect ratio of each cell/photo (e.g. 0.9 or \"16 / 9\"). Overrides the default 0.9. */\n  aspectRatio?: number | string;\n  /** Per-side spacing around each slide. Number is treated as px (default 4). */\n  gap?: number | string;\n  /** Max width of the carousel. Number is treated as px (default 412). */\n  maxWidth?: number | string;\n  /** Open the clicked slide in a fullscreen lightbox (arrows / swipe / Esc to navigate & close). */\n  enableFullscreen?: boolean;\n}\n\ninterface ShiftState {\n  animation: boolean | undefined;\n}\n\ntype Axis = \"x\" | \"y\" | null;\n\ninterface Motion {\n  isPressed: boolean;\n  startX: number;\n  startY: number;\n  lastX: number;\n  lastT: number;\n  axis: Axis;\n  dragged: boolean;\n}\n\nconst MOTION_INITIAL_STATE: Motion = {\n  isPressed: false,\n  startX: 0,\n  startY: 0,\n  lastX: 0,\n  lastT: 0,\n  axis: null,\n  dragged: false,\n};\n\n// Movement (px) below which a pointer interaction is treated as a tap, not a drag.\nconst TAP_THRESHOLD = 8;\n// Flick velocity (px/ms) above which we advance a slide even on a short drag.\nconst FLICK_VELOCITY = 0.4;\n\nexport const Carousel = forwardRef<HTMLDivElement, CarouselProps>(function Carousel(\n  {\n    slidesToShow: slidesToShowProp = 3,\n    startSlide: startSlideProp = 0,\n    children,\n    className,\n    showNavigation = true,\n    showArrows: showArrowsProp,\n    arrowsSize = 30,\n    navigationClassName,\n    onSlideChange,\n    navigationDotRenderer,\n    \"aria-label\": ariaLabel = \"Carousel\",\n    autoplay = false,\n    autoplayInterval = 4000,\n    pauseOnHover = true,\n    cellHeight,\n    aspectRatio,\n    gap,\n    maxWidth,\n    enableFullscreen = false,\n  },\n  ref\n) {\n  const slidesCount = React.Children.count(children);\n  const slidesToShow = getSlidesToShow(slidesToShowProp, slidesCount);\n  const startSlide = getStartSlide(startSlideProp, slidesCount);\n  const showArrows = showArrowsProp && slidesCount > 1;\n  const maxShift = Math.max(0, slidesCount - slidesToShow);\n\n  const [activeSlideIndex, setActiveSlideIndex] = useState<number>(startSlide);\n  const [shiftState, setShiftState] = useState<ShiftState>({\n    animation: undefined,\n  });\n  // Live pointer-follow offset (px) applied on top of the resting %-based indent.\n  const [dragPx, setDragPx] = useState<number>(0);\n  const [isDragging, setIsDragging] = useState<boolean>(false);\n  const [fullscreenIndex, setFullscreenIndex] = useState<number | null>(null);\n  // Live finger-follow offset (px) for the fullscreen track.\n  const [fullscreenDragPx, setFullscreenDragPx] = useState<number>(0);\n  const [isFullscreenDragging, setIsFullscreenDragging] = useState<boolean>(false);\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const outerRef = useRef<HTMLDivElement>(null);\n  const forkedOuterRef = useForkRef<HTMLDivElement>(ref, outerRef);\n  const trackRef = useRef<HTMLDivElement>(null);\n  const [isHovered, setIsHovered] = useState<boolean>(false);\n\n  const motion = useRef<Motion>({ ...MOTION_INITIAL_STATE });\n\n  useSafeLayoutEffect(() => {\n    setShiftState((prevState) => ({\n      ...prevState,\n      animation: false,\n    }));\n  }, [slidesToShow]);\n\n  useSafeLayoutEffect(() => {\n    setActiveSlideIndex(startSlide);\n    onSlideChange?.(startSlide);\n\n    if (shiftState.animation !== undefined) {\n      setShiftState((prevState) => ({\n        ...prevState,\n        animation: true,\n      }));\n    }\n  }, [startSlide]);\n\n  const setMotion = (value: Partial<Motion>) => {\n    Object.assign<Motion, Partial<Motion>>(motion.current, value);\n  };\n\n  const now = () => (typeof performance !== \"undefined\" ? performance.now() : Date.now());\n\n  const goToSlide = (index: number) => {\n    const target = clamp(index, 0, maxShift);\n\n    setActiveSlideIndex(target);\n    setShiftState((prevState) => ({ ...prevState, animation: true }));\n    onSlideChange?.(target);\n  };\n\n  const moveFullscreen = (direction: 1 | -1) => {\n    setFullscreenIndex((prev) => (prev === null ? prev : (prev + direction + slidesCount) % slidesCount));\n  };\n\n  const fullscreenTouchX = useRef<number | null>(null);\n\n  const detachListeners = (isMouse: boolean) => {\n    if (!trackRef.current) {\n      return;\n    }\n\n    trackRef.current.removeEventListener(isMouse ? \"mousemove\" : \"touchmove\", onMove);\n    trackRef.current.removeEventListener(isMouse ? \"mouseup\" : \"touchend\", onEnd);\n\n    if (isMouse) {\n      trackRef.current.removeEventListener(\"mouseleave\", onEnd);\n    }\n  };\n\n  const onStart = useEventCallback((event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>) => {\n    if (!trackRef.current) {\n      return;\n    }\n\n    const isMouse = isMouseEvent(event);\n\n    if (isMouse && event.button !== 0) {\n      return;\n    }\n\n    event.stopPropagation();\n\n    const clientX = coordX(event);\n    const clientY = coordY(event);\n\n    setMotion({\n      isPressed: true,\n      startX: clientX,\n      startY: clientY,\n      lastX: clientX,\n      lastT: now(),\n      axis: null,\n      dragged: false,\n    });\n\n    trackRef.current.addEventListener(isMouse ? \"mousemove\" : \"touchmove\", onMove, { passive: false });\n    trackRef.current.addEventListener(isMouse ? \"mouseup\" : \"touchend\", onEnd);\n\n    if (isMouse) {\n      trackRef.current.addEventListener(\"mouseleave\", onEnd);\n    }\n  });\n\n  const onMove = useEventCallback((event: MouseEvent | TouchEvent) => {\n    if (!rootRef.current || !motion.current.isPressed) {\n      return;\n    }\n\n    if (isTouchEvent(event) && event.touches.length > 1) {\n      return onEnd(event);\n    }\n\n    const clientX = coordX(event);\n    const clientY = coordY(event);\n    const shiftX = clientX - motion.current.startX;\n    const shiftY = clientY - motion.current.startY;\n\n    // Lock the gesture axis once the pointer has moved past the tap threshold.\n    if (motion.current.axis === null) {\n      if (Math.abs(shiftX) < TAP_THRESHOLD && Math.abs(shiftY) < TAP_THRESHOLD) {\n        return;\n      }\n\n      const axis: Axis = Math.abs(shiftX) >= Math.abs(shiftY) ? \"x\" : \"y\";\n      setMotion({ axis, dragged: true });\n\n      // Vertical intent → release so the page can scroll.\n      if (axis === \"y\") {\n        return onEnd(event);\n      }\n\n      if (slidesCount > 1) {\n        setIsDragging(true);\n      }\n    }\n\n    if (motion.current.axis !== \"x\") {\n      return;\n    }\n\n    // Horizontal drag: keep the gesture and follow the finger.\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (slidesCount > 1) {\n      const atStart = activeSlideIndex <= 0;\n      const atEnd = activeSlideIndex >= maxShift;\n      // Add resistance when dragging beyond the first / last slide.\n      const offset = (atStart && shiftX > 0) || (atEnd && shiftX < 0) ? shiftX * 0.35 : shiftX;\n      setDragPx(offset);\n    }\n\n    motion.current.lastX = clientX;\n    motion.current.lastT = now();\n  });\n\n  const onEnd = useEventCallback((event: MouseEvent | TouchEvent) => {\n    if (!motion.current.isPressed) {\n      return;\n    }\n\n    const isMouse = isMouseEvent(event);\n    detachListeners(isMouse);\n\n    const { axis, dragged, startX, lastX, lastT } = motion.current;\n    setMotion({ isPressed: false });\n    setIsDragging(false);\n\n    if (axis === \"x\" && dragged && slidesCount > 1 && rootRef.current) {\n      const clientX = coordX(event);\n      const totalShift = clientX - startX;\n      const widthPerSlide = rootRef.current.offsetWidth / slidesToShow;\n      const velocity = lastT ? (clientX - lastX) / Math.max(1, now() - lastT) : 0;\n\n      let movedSlides = widthPerSlide > 0 ? Math.round(-totalShift / widthPerSlide) : 0;\n\n      if (movedSlides === 0 && Math.abs(velocity) > FLICK_VELOCITY) {\n        movedSlides = velocity < 0 ? 1 : -1;\n      }\n\n      goToSlide(activeSlideIndex + movedSlides);\n    }\n\n    // Animate back to the resting position (snap / snap-back).\n    setDragPx(0);\n  });\n\n  const onSlideClick = (index: number) => () => {\n    // Suppress the click that fires at the end of a drag.\n    if (motion.current.dragged) {\n      return;\n    }\n\n    if (enableFullscreen) {\n      setFullscreenIndex(index);\n    }\n  };\n\n  const onNavigationItemClick = (index: number) => () => goToSlide(index);\n\n  const getNextIndex = (direction: 1 | -1) => {\n    const isSingleSlide = slidesToShow === 1;\n    const totalGroups = isSingleSlide ? slidesCount : Math.ceil(slidesCount / slidesToShow);\n    const activeIndex = activeSlideIndex + slidesToShow;\n    const isNextSlideDisabled = slidesCount - slidesToShow <= activeSlideIndex;\n\n    const currentIndex = getSlideIndexForMultipleParts(activeIndex, slidesToShow, slidesCount, isNextSlideDisabled);\n    const nextIndex = (currentIndex + direction + totalGroups) % totalGroups;\n\n    return isSingleSlide ? nextIndex : nextIndex * slidesToShow;\n  };\n\n  const getNavigation = () => {\n    if (!showNavigation) {\n      return <></>;\n    }\n\n    const isNextSlideDisabled = slidesCount - slidesToShow <= activeSlideIndex;\n    const isSinglePartSlide = slidesToShow === 1;\n    const count = isSinglePartSlide ? slidesCount : Math.ceil(slidesCount / slidesToShow);\n    const indicators: React.ReactNode[] = [];\n\n    for (let index = 0; index < count; index++) {\n      let nextIndex = index;\n      let currentIndex = activeSlideIndex;\n\n      if (!isSinglePartSlide) {\n        const isLast = index === count - 1;\n        const activeIndex = activeSlideIndex + slidesToShow;\n\n        nextIndex = isLast ? slidesCount - slidesToShow : index * slidesToShow;\n        currentIndex = getSlideIndexForMultipleParts(activeIndex, slidesToShow, slidesCount, isNextSlideDisabled);\n      }\n\n      const isActive = currentIndex === index;\n      const onClick = onNavigationItemClick(nextIndex);\n\n      let indicator: ReactNode = (\n        <div key={index} className={cn(\"smwb-carousel__navigation__dot\", isActive && \"current\")} onClick={onClick} />\n      );\n\n      if (navigationDotRenderer) {\n        indicator = navigationDotRenderer(index, isActive, onClick);\n      }\n\n      indicators.push(indicator);\n    }\n\n    return <div className={cn(\"smwb-carousel__navigation\", navigationClassName)}>{indicators}</div>;\n  };\n\n  const getIndent = () => {\n    const shiftSlides = activeSlideIndex > maxShift ? maxShift : activeSlideIndex;\n\n    return getSlideWidth(slidesToShow) * shiftSlides;\n  };\n\n  const slideId = useId();\n  const slideStyle = getSlideStyle(slidesToShow);\n\n  const indent = getIndent();\n\n  const layerStyle: React.CSSProperties = {\n    transform: `translateX(calc(-${indent}% + ${dragPx}px))`,\n    transition:\n      isDragging || shiftState.animation === undefined\n        ? \"none\"\n        : shiftState.animation\n          ? \"transform 500ms cubic-bezier(.1, 0, .25, 1)\"\n          : \"none\",\n  };\n\n  const rootStyle: React.CSSProperties = {};\n  const cellHeightValue = toCssLength(cellHeight);\n  const aspectRatioValue = toCssNumber(aspectRatio);\n  const gapValue = toCssLength(gap);\n  const maxWidthValue = toCssLength(maxWidth);\n  if (cellHeightValue) (rootStyle as Record<string, string>)[\"--smwb-carousel-cell-height\"] = cellHeightValue;\n  if (aspectRatioValue) (rootStyle as Record<string, string>)[\"--smwb-carousel-aspect-ratio\"] = aspectRatioValue;\n  if (gapValue) (rootStyle as Record<string, string>)[\"--smwb-carousel-gap\"] = gapValue;\n  if (maxWidthValue) (rootStyle as Record<string, string>)[\"--smwb-carousel-max-width\"] = maxWidthValue;\n\n  React.useEffect(() => {\n    if (!Array.isArray(children)) {\n      console.error(\"SMWB Material: The `children` prop was passed invalidly. It should contain an array of elements.\");\n    }\n  }, [children]);\n\n  useEffect(() => {\n    if (!autoplay || slidesCount <= 1 || (pauseOnHover && isHovered) || fullscreenIndex !== null) {\n      return;\n    }\n    const timer = window.setInterval(() => {\n      onNavigationItemClick(getNextIndex(1))();\n    }, autoplayInterval);\n\n    return () => window.clearInterval(timer);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    autoplay,\n    autoplayInterval,\n    pauseOnHover,\n    isHovered,\n    slidesCount,\n    activeSlideIndex,\n    slidesToShow,\n    fullscreenIndex,\n  ]);\n\n  useEffect(() => {\n    if (fullscreenIndex === null || slidesCount <= 1) {\n      return;\n    }\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"ArrowLeft\") {\n        moveFullscreen(-1);\n      } else if (event.key === \"ArrowRight\") {\n        moveFullscreen(1);\n      }\n    };\n    document.addEventListener(\"keydown\", onKeyDown);\n\n    return () => document.removeEventListener(\"keydown\", onKeyDown);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [fullscreenIndex, slidesCount]);\n\n  if (!Array.isArray(children)) {\n    return <></>;\n  }\n\n  const childrenArray = children as ReactNode[];\n\n  const onFullscreenTouchStart = (event: React.TouchEvent) => {\n    fullscreenTouchX.current = event.touches[0]?.clientX ?? null;\n  };\n\n  const onFullscreenTouchMove = (event: React.TouchEvent) => {\n    if (fullscreenTouchX.current === null || slidesCount <= 1) {\n      return;\n    }\n    const delta = (event.touches[0]?.clientX ?? fullscreenTouchX.current) - fullscreenTouchX.current;\n    setIsFullscreenDragging(true);\n    setFullscreenDragPx(delta);\n  };\n\n  const onFullscreenTouchEnd = (event: React.TouchEvent) => {\n    const startX = fullscreenTouchX.current;\n    fullscreenTouchX.current = null;\n    setIsFullscreenDragging(false);\n    setFullscreenDragPx(0);\n\n    if (startX === null || slidesCount <= 1) {\n      return;\n    }\n    const delta = (event.changedTouches[0]?.clientX ?? startX) - startX;\n    if (Math.abs(delta) > 40) {\n      moveFullscreen(delta < 0 ? 1 : -1);\n    }\n  };\n\n  const fullscreenTrackStyle: React.CSSProperties = {\n    transform: `translateX(calc(-${(fullscreenIndex ?? 0) * 100}% + ${fullscreenDragPx}px))`,\n    transition: isFullscreenDragging ? \"none\" : \"transform 350ms cubic-bezier(.22, .61, .36, 1)\",\n  };\n\n  return (\n    <div\n      className={cn(\"smwb-carousel\", className)}\n      data-testid=\"carousel\"\n      ref={forkedOuterRef}\n      role=\"region\"\n      aria-roledescription=\"carousel\"\n      aria-label={ariaLabel}\n      style={rootStyle}\n      onMouseEnter={pauseOnHover ? () => setIsHovered(true) : undefined}\n      // Always ends the hover, so a hover that ends while `pauseOnHover` is off\n      // does not pause autoplay once it is back on.\n      onMouseLeave={() => setIsHovered(false)}\n    >\n      <div className={cn(\"smwb-carousel__inner\")} ref={rootRef}>\n        {showArrows && (\n          <Icon\n            name=\"chevron_left\"\n            size={arrowsSize}\n            className={cn(\"smwb-carousel__arrow\", \"smwb-carousel__arrow_prev\")}\n            style={{\n              top: `calc(50% - ${arrowsSize / 2}px)`,\n              left: -arrowsSize / 2,\n            }}\n            onClick={() => onNavigationItemClick(getNextIndex(-1))()}\n          />\n        )}\n        <div\n          ref={trackRef}\n          className=\"smwb-carousel__track\"\n          onMouseDown={onStart}\n          onTouchStart={onStart}\n          onDragStart={dragPrevent}\n          onDragEnd={dragPrevent}\n        >\n          <div className=\"smwb-carousel__layer\" style={layerStyle}>\n            {React.Children.map(children, (child, index) => (\n              <div key={index} id={`${slideId}${index}`} className=\"smwb-carousel__slide\" style={slideStyle}>\n                <div\n                  className={cn(\n                    \"smwb-carousel__slide-inner\",\n                    enableFullscreen && \"smwb-carousel__slide-inner_clickable\"\n                  )}\n                  onClick={enableFullscreen ? onSlideClick(index) : undefined}\n                >\n                  {child}\n                </div>\n              </div>\n            ))}\n          </div>\n        </div>\n        {showArrows && (\n          <Icon\n            name=\"chevron_right\"\n            size={arrowsSize}\n            className={cn(\"smwb-carousel__arrow\", \"smwb-carousel__arrow_next\")}\n            style={{\n              top: `calc(50% - ${arrowsSize / 2}px)`,\n              right: -arrowsSize / 2,\n            }}\n            onClick={() => onNavigationItemClick(getNextIndex(1))()}\n          />\n        )}\n      </div>\n      {getNavigation()}\n      {enableFullscreen && (\n        <Modal\n          open={fullscreenIndex !== null}\n          size=\"fullscreen\"\n          backdrop=\"darkBlured\"\n          className=\"smwb-carousel__fullscreen\"\n          onClose={() => setFullscreenIndex(null)}\n          aria-label=\"Image viewer\"\n        >\n          {fullscreenIndex !== null && (\n            <div className=\"smwb-carousel__fullscreen-content\">\n              {slidesCount > 1 && (\n                <Icon\n                  name=\"chevron_left\"\n                  size={40}\n                  className={cn(\"smwb-carousel__fullscreen-arrow\", \"smwb-carousel__fullscreen-arrow_prev\")}\n                  onClick={() => moveFullscreen(-1)}\n                />\n              )}\n              <div\n                className=\"smwb-carousel__fullscreen-stage\"\n                onTouchStart={onFullscreenTouchStart}\n                onTouchMove={onFullscreenTouchMove}\n                onTouchEnd={onFullscreenTouchEnd}\n              >\n                <div className=\"smwb-carousel__fullscreen-track\" style={fullscreenTrackStyle}>\n                  {childrenArray.map((child, index) => (\n                    <div\n                      key={index}\n                      className=\"smwb-carousel__fullscreen-slide\"\n                      aria-hidden={index !== fullscreenIndex}\n                    >\n                      {child}\n                    </div>\n                  ))}\n                </div>\n              </div>\n              {slidesCount > 1 && (\n                <Icon\n                  name=\"chevron_right\"\n                  size={40}\n                  className={cn(\"smwb-carousel__fullscreen-arrow\", \"smwb-carousel__fullscreen-arrow_next\")}\n                  onClick={() => moveFullscreen(1)}\n                />\n              )}\n              <Icon\n                name=\"close\"\n                size={32}\n                className=\"smwb-carousel__fullscreen-close\"\n                onClick={() => setFullscreenIndex(null)}\n              />\n            </div>\n          )}\n        </Modal>\n      )}\n    </div>\n  );\n});\n\nexport default Carousel;\n"],"names":["MOTION_INITIAL_STATE","TAP_THRESHOLD","FLICK_VELOCITY","Carousel","forwardRef","slidesToShowProp","startSlideProp","children","className","showNavigation","showArrowsProp","arrowsSize","navigationClassName","onSlideChange","navigationDotRenderer","ariaLabel","autoplay","autoplayInterval","pauseOnHover","cellHeight","aspectRatio","gap","maxWidth","enableFullscreen","ref","slidesCount","React","slidesToShow","getSlidesToShow","startSlide","getStartSlide","showArrows","maxShift","activeSlideIndex","setActiveSlideIndex","useState","shiftState","setShiftState","dragPx","setDragPx","isDragging","setIsDragging","fullscreenIndex","setFullscreenIndex","fullscreenDragPx","setFullscreenDragPx","isFullscreenDragging","setIsFullscreenDragging","rootRef","useRef","outerRef","forkedOuterRef","useForkRef","trackRef","isHovered","setIsHovered","motion","useSafeLayoutEffect","prevState","setMotion","value","now","goToSlide","index","target","clamp","moveFullscreen","direction","prev","fullscreenTouchX","detachListeners","isMouse","onMove","onEnd","onStart","useEventCallback","event","isMouseEvent","clientX","coordX","clientY","coordY","isTouchEvent","shiftX","shiftY","axis","atStart","atEnd","offset","dragged","startX","lastX","lastT","totalShift","widthPerSlide","velocity","movedSlides","onSlideClick","onNavigationItemClick","getNextIndex","isSingleSlide","totalGroups","activeIndex","isNextSlideDisabled","nextIndex","getSlideIndexForMultipleParts","getNavigation","jsx","Fragment","isSinglePartSlide","count","indicators","currentIndex","isLast","isActive","onClick","indicator","cn","getIndent","shiftSlides","getSlideWidth","slideId","useId","slideStyle","getSlideStyle","layerStyle","rootStyle","cellHeightValue","toCssLength","aspectRatioValue","toCssNumber","gapValue","maxWidthValue","useEffect","timer","onKeyDown","childrenArray","onFullscreenTouchStart","_b","_a","onFullscreenTouchMove","delta","onFullscreenTouchEnd","fullscreenTrackStyle","jsxs","Icon","dragPrevent","child","Modal"],"mappings":"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"}

package/dist/components/dataDisplay/chart/chart.d.ts

@@ -55,6 +55,8 @@ export interface ChartProps extends Omit<HTMLAttributes<HTMLDivElement>, "onClic
     onClick?: (params: ChartEventParams) => void;
     /** The ECharts instance, once it has drawn — for other events and actions. Called again if a theme change re-creates it. */
     onReady?: (chart: ChartInstance) => void;
+    /** Test id of the root `<div>`; `chart` unless given. */
+    "data-testid"?: string;
 }
 /**
  * An ECharts chart in the theme's palette. On the server, and until ECharts