@smwb/ui-solid 0.3.0 → 0.4.0

package/dist/headless/source/components/dataDisplay/carousel/carousel.jsx

@@ -0,0 +1,407 @@
+import {
+  For,
+  Show,
+  children as resolveChildren,
+  createEffect,
+  createMemo,
+  createSignal,
+  createUniqueId,
+  mergeProps,
+  onCleanup,
+  splitProps
+} from "solid-js";
+import cn from "clsx";
+import { Icon } from "../../base/icon";
+import { Modal } from "../../feedBack/modal";
+import {
+  clamp,
+  coordX,
+  coordY,
+  dragPrevent,
+  getSlideIndexForMultipleParts,
+  getSlideStyle,
+  getSlideWidth,
+  getSlidesToShow,
+  getStartSlide,
+  isMouseEvent,
+  isTouchEvent,
+  toCssLength,
+  toCssNumber
+} from "./utils";
+import { mergeRefs } from "../../../primitives/mergeRefs";
+const TAP_THRESHOLD = 8;
+const FLICK_VELOCITY = 0.4;
+const now = () => typeof performance !== "undefined" ? performance.now() : Date.now();
+function Carousel(props) {
+  const merged = mergeProps(
+    {
+      slidesToShow: 3,
+      startSlide: 0,
+      showNavigation: true,
+      arrowsSize: 30,
+      "aria-label": "Carousel",
+      autoplay: false,
+      autoplayInterval: 4e3,
+      pauseOnHover: true,
+      enableFullscreen: false
+    },
+    props
+  );
+  const [local] = splitProps(merged, [
+    "slidesToShow",
+    "startSlide",
+    "children",
+    "class",
+    "showNavigation",
+    "showArrows",
+    "arrowsSize",
+    "navigationClassName",
+    "onSlideChange",
+    "navigationDotRenderer",
+    "aria-label",
+    "autoplay",
+    "autoplayInterval",
+    "pauseOnHover",
+    "cellHeight",
+    "aspectRatio",
+    "gap",
+    "maxWidth",
+    "enableFullscreen",
+    "ref"
+  ]);
+  const resolved = resolveChildren(() => local.children);
+  const slides = () => resolved.toArray();
+  const slidesCount = () => slides().length;
+  const slidesToShow = () => getSlidesToShow(local.slidesToShow, slidesCount());
+  const startSlide = () => getStartSlide(local.startSlide, slidesCount());
+  const showArrows = () => !!local.showArrows && slidesCount() > 1;
+  const maxShift = () => Math.max(0, slidesCount() - slidesToShow());
+  const [activeSlideIndex, setActiveSlideIndex] = createSignal(startSlide());
+  const [animation, setAnimation] = createSignal(void 0);
+  const [isHovered, setIsHovered] = createSignal(false);
+  const [dragPx, setDragPx] = createSignal(0);
+  const [isDragging, setIsDragging] = createSignal(false);
+  const [fullscreenIndex, setFullscreenIndex] = createSignal(null);
+  const [fullscreenDragPx, setFullscreenDragPx] = createSignal(0);
+  const [isFullscreenDragging, setIsFullscreenDragging] = createSignal(false);
+  let rootEl;
+  let trackEl;
+  const motion = { isPressed: false, startX: 0, startY: 0, lastX: 0, lastT: 0, axis: null, dragged: false };
+  let fullscreenTouchX = null;
+  const slideId = createUniqueId();
+  createEffect(() => {
+    slidesToShow();
+    setAnimation(false);
+  });
+  createEffect(() => {
+    const start = startSlide();
+    setActiveSlideIndex(start);
+    local.onSlideChange?.(start);
+    if (animation() !== void 0) setAnimation(true);
+  });
+  const goToSlide = (index) => {
+    const target = clamp(index, 0, maxShift());
+    setActiveSlideIndex(target);
+    setAnimation(true);
+    local.onSlideChange?.(target);
+  };
+  const detachListeners = (mouse) => {
+    if (!trackEl) return;
+    trackEl.removeEventListener(mouse ? "mousemove" : "touchmove", onMove);
+    trackEl.removeEventListener(mouse ? "mouseup" : "touchend", onEnd);
+    if (mouse) trackEl.removeEventListener("mouseleave", onEnd);
+  };
+  const onMove = (event) => {
+    if (!rootEl || !motion.isPressed) return;
+    if (isTouchEvent(event) && event.touches.length > 1) {
+      onEnd(event);
+      return;
+    }
+    const clientX = coordX(event);
+    const clientY = coordY(event);
+    const shiftX = clientX - motion.startX;
+    const shiftY = clientY - motion.startY;
+    if (motion.axis === null) {
+      if (Math.abs(shiftX) < TAP_THRESHOLD && Math.abs(shiftY) < TAP_THRESHOLD) return;
+      motion.axis = Math.abs(shiftX) >= Math.abs(shiftY) ? "x" : "y";
+      motion.dragged = true;
+      if (motion.axis === "y") {
+        onEnd(event);
+        return;
+      }
+      if (slidesCount() > 1) setIsDragging(true);
+    }
+    if (motion.axis !== "x") return;
+    event.preventDefault();
+    event.stopPropagation();
+    if (slidesCount() > 1) {
+      const atStart = activeSlideIndex() <= 0;
+      const atEnd = activeSlideIndex() >= maxShift();
+      const offset = atStart && shiftX > 0 || atEnd && shiftX < 0 ? shiftX * 0.35 : shiftX;
+      setDragPx(offset);
+    }
+    motion.lastX = clientX;
+    motion.lastT = now();
+  };
+  const onEnd = (event) => {
+    if (!motion.isPressed) return;
+    const mouse = isMouseEvent(event);
+    detachListeners(mouse);
+    const { axis, dragged, startX, lastX, lastT } = motion;
+    motion.isPressed = false;
+    setIsDragging(false);
+    if (axis === "x" && dragged && slidesCount() > 1 && rootEl) {
+      const clientX = coordX(event);
+      const totalShift = clientX - startX;
+      const widthPerSlide = rootEl.offsetWidth / slidesToShow();
+      const velocity = lastT ? (clientX - lastX) / Math.max(1, now() - lastT) : 0;
+      let movedSlides = widthPerSlide > 0 ? Math.round(-totalShift / widthPerSlide) : 0;
+      if (movedSlides === 0 && Math.abs(velocity) > FLICK_VELOCITY) {
+        movedSlides = velocity < 0 ? 1 : -1;
+      }
+      goToSlide(activeSlideIndex() + movedSlides);
+    }
+    setDragPx(0);
+  };
+  const onStart = (event) => {
+    if (!trackEl) return;
+    const mouse = isMouseEvent(event);
+    if (mouse && event.button !== 0) return;
+    event.stopPropagation();
+    motion.isPressed = true;
+    motion.startX = coordX(event);
+    motion.startY = coordY(event);
+    motion.lastX = motion.startX;
+    motion.lastT = now();
+    motion.axis = null;
+    motion.dragged = false;
+    trackEl.addEventListener(mouse ? "mousemove" : "touchmove", onMove, { passive: false });
+    trackEl.addEventListener(mouse ? "mouseup" : "touchend", onEnd);
+    if (mouse) trackEl.addEventListener("mouseleave", onEnd);
+  };
+  const onSlideClick = (index) => {
+    if (motion.dragged) return;
+    if (local.enableFullscreen) setFullscreenIndex(index);
+  };
+  const getNextIndex = (direction) => {
+    const isSingle = slidesToShow() === 1;
+    const totalGroups = isSingle ? slidesCount() : Math.ceil(slidesCount() / slidesToShow());
+    const activeIndex = activeSlideIndex() + slidesToShow();
+    const isNextDisabled = slidesCount() - slidesToShow() <= activeSlideIndex();
+    const currentIndex = getSlideIndexForMultipleParts(activeIndex, slidesToShow(), slidesCount(), isNextDisabled);
+    const nextIndex = (currentIndex + direction + totalGroups) % totalGroups;
+    return isSingle ? nextIndex : nextIndex * slidesToShow();
+  };
+  const dots = () => {
+    const isNextDisabled = slidesCount() - slidesToShow() <= activeSlideIndex();
+    const isSingle = slidesToShow() === 1;
+    const count = isSingle ? slidesCount() : Math.ceil(slidesCount() / slidesToShow());
+    const result = [];
+    for (let index = 0; index < count; index++) {
+      let nextIndex = index;
+      let currentIndex = activeSlideIndex();
+      if (!isSingle) {
+        const isLast = index === count - 1;
+        const activeIndex = activeSlideIndex() + slidesToShow();
+        nextIndex = isLast ? slidesCount() - slidesToShow() : index * slidesToShow();
+        currentIndex = getSlideIndexForMultipleParts(activeIndex, slidesToShow(), slidesCount(), isNextDisabled);
+      }
+      result.push({ index, nextIndex, isActive: currentIndex === index });
+    }
+    return result;
+  };
+  const indent = () => {
+    const shiftSlides = activeSlideIndex() > maxShift() ? maxShift() : activeSlideIndex();
+    return getSlideWidth(slidesToShow()) * shiftSlides;
+  };
+  const rootStyle = createMemo(() => {
+    const style = {};
+    const cellHeightValue = toCssLength(local.cellHeight);
+    const aspectRatioValue = toCssNumber(local.aspectRatio);
+    const gapValue = toCssLength(local.gap);
+    const maxWidthValue = toCssLength(local.maxWidth);
+    if (cellHeightValue) style["--smwb-carousel-cell-height"] = cellHeightValue;
+    if (aspectRatioValue) style["--smwb-carousel-aspect-ratio"] = aspectRatioValue;
+    if (gapValue) style["--smwb-carousel-gap"] = gapValue;
+    if (maxWidthValue) style["--smwb-carousel-max-width"] = maxWidthValue;
+    return style;
+  });
+  const moveFullscreen = (direction) => {
+    const prev = fullscreenIndex();
+    if (prev === null) return;
+    setFullscreenIndex((prev + direction + slidesCount()) % slidesCount());
+  };
+  const fullscreenClones = createMemo(
+    () => slides().map((node) => {
+      if (typeof Node !== "undefined" && node instanceof Node) return node.cloneNode(true);
+      return node == null ? "" : String(node);
+    })
+  );
+  createEffect(() => {
+    if (!local.autoplay || slidesCount() <= 1 || local.pauseOnHover && isHovered() || fullscreenIndex() !== null) {
+      return;
+    }
+    const timer = window.setInterval(() => goToSlide(getNextIndex(1)), local.autoplayInterval);
+    onCleanup(() => window.clearInterval(timer));
+  });
+  createEffect(() => {
+    if (fullscreenIndex() === null || slidesCount() <= 1) return;
+    const onKeyDown = (event) => {
+      if (event.key === "ArrowLeft") moveFullscreen(-1);
+      else if (event.key === "ArrowRight") moveFullscreen(1);
+    };
+    document.addEventListener("keydown", onKeyDown);
+    onCleanup(() => document.removeEventListener("keydown", onKeyDown));
+  });
+  const onFullscreenTouchStart = (event) => {
+    fullscreenTouchX = event.touches[0]?.clientX ?? null;
+  };
+  const onFullscreenTouchMove = (event) => {
+    if (fullscreenTouchX === null || slidesCount() <= 1) return;
+    const delta = (event.touches[0]?.clientX ?? fullscreenTouchX) - fullscreenTouchX;
+    setIsFullscreenDragging(true);
+    setFullscreenDragPx(delta);
+  };
+  const onFullscreenTouchEnd = (event) => {
+    const startX = fullscreenTouchX;
+    fullscreenTouchX = null;
+    setIsFullscreenDragging(false);
+    setFullscreenDragPx(0);
+    if (startX === null || slidesCount() <= 1) return;
+    const delta = (event.changedTouches[0]?.clientX ?? startX) - startX;
+    if (Math.abs(delta) > 40) moveFullscreen(delta < 0 ? 1 : -1);
+  };
+  return <div
+    class={cn("smwb-carousel", local.class)}
+    data-testid="carousel"
+    ref={mergeRefs(local.ref)}
+    role="region"
+    aria-roledescription="carousel"
+    aria-label={local["aria-label"]}
+    style={rootStyle()}
+    onMouseEnter={local.pauseOnHover ? () => setIsHovered(true) : void 0}
+    onMouseLeave={local.pauseOnHover ? () => setIsHovered(false) : void 0}
+  >
+      <div class="smwb-carousel__inner" ref={(el) => rootEl = el}>
+        <Show when={showArrows()}>
+          <Icon
+    name="chevron_left"
+    size={local.arrowsSize}
+    class={cn("smwb-carousel__arrow", "smwb-carousel__arrow_prev")}
+    style={{ top: `calc(50% - ${local.arrowsSize / 2}px)`, left: `${-local.arrowsSize / 2}px` }}
+    onClick={() => goToSlide(getNextIndex(-1))}
+  />
+        </Show>
+        <div
+    ref={(el) => trackEl = el}
+    class="smwb-carousel__track"
+    onMouseDown={onStart}
+    onTouchStart={onStart}
+    onDragStart={dragPrevent}
+    onDragEnd={dragPrevent}
+  >
+          <div
+    class="smwb-carousel__layer"
+    style={{
+      transform: `translateX(calc(-${indent()}% + ${dragPx()}px))`,
+      transition: isDragging() || animation() === void 0 ? "none" : animation() ? "transform 500ms cubic-bezier(.1, 0, .25, 1)" : "none"
+    }}
+  >
+            <For each={slides()}>
+              {(child, index) => <div id={`${slideId}${index()}`} class="smwb-carousel__slide" style={getSlideStyle(slidesToShow())}>
+                  <div
+    class={cn(
+      "smwb-carousel__slide-inner",
+      local.enableFullscreen && "smwb-carousel__slide-inner_clickable"
+    )}
+    onClick={local.enableFullscreen ? () => onSlideClick(index()) : void 0}
+  >
+                    {child}
+                  </div>
+                </div>}
+            </For>
+          </div>
+        </div>
+        <Show when={showArrows()}>
+          <Icon
+    name="chevron_right"
+    size={local.arrowsSize}
+    class={cn("smwb-carousel__arrow", "smwb-carousel__arrow_next")}
+    style={{ top: `calc(50% - ${local.arrowsSize / 2}px)`, right: `${-local.arrowsSize / 2}px` }}
+    onClick={() => goToSlide(getNextIndex(1))}
+  />
+        </Show>
+      </div>
+      <Show when={local.showNavigation}>
+        <div class={cn("smwb-carousel__navigation", local.navigationClassName)}>
+          <For each={dots()}>
+            {(dot) => local.navigationDotRenderer ? local.navigationDotRenderer(dot.index, dot.isActive, (i) => goToSlide(i)) : <div
+    class={cn("smwb-carousel__navigation__dot", dot.isActive && "current")}
+    onClick={() => goToSlide(dot.nextIndex)}
+  />}
+          </For>
+        </div>
+      </Show>
+      <Show when={local.enableFullscreen}>
+        <Modal
+    open={fullscreenIndex() !== null}
+    size="fullscreen"
+    backdrop="darkBlured"
+    class="smwb-carousel__fullscreen"
+    onClose={() => setFullscreenIndex(null)}
+    aria-label="Image viewer"
+  >
+          <div class="smwb-carousel__fullscreen-content">
+            <Show when={slidesCount() > 1}>
+              <Icon
+    name="chevron_left"
+    size={40}
+    class={cn("smwb-carousel__fullscreen-arrow", "smwb-carousel__fullscreen-arrow_prev")}
+    onClick={() => moveFullscreen(-1)}
+  />
+            </Show>
+            <div
+    class="smwb-carousel__fullscreen-stage"
+    onTouchStart={onFullscreenTouchStart}
+    onTouchMove={onFullscreenTouchMove}
+    onTouchEnd={onFullscreenTouchEnd}
+  >
+              <div
+    class="smwb-carousel__fullscreen-track"
+    style={{
+      transform: `translateX(calc(-${(fullscreenIndex() ?? 0) * 100}% + ${fullscreenDragPx()}px))`,
+      transition: isFullscreenDragging() ? "none" : "transform 350ms cubic-bezier(.22, .61, .36, 1)"
+    }}
+  >
+                <For each={fullscreenClones()}>
+                  {(node, index) => <div class="smwb-carousel__fullscreen-slide" aria-hidden={index() !== fullscreenIndex()}>
+                      {node}
+                    </div>}
+                </For>
+              </div>
+            </div>
+            <Show when={slidesCount() > 1}>
+              <Icon
+    name="chevron_right"
+    size={40}
+    class={cn("smwb-carousel__fullscreen-arrow", "smwb-carousel__fullscreen-arrow_next")}
+    onClick={() => moveFullscreen(1)}
+  />
+            </Show>
+            <Icon
+    name="close"
+    size={32}
+    class="smwb-carousel__fullscreen-close"
+    onClick={() => setFullscreenIndex(null)}
+  />
+          </div>
+        </Modal>
+      </Show>
+    </div>;
+}
+var carousel_default = Carousel;
+export {
+  Carousel,
+  carousel_default as default
+};
+//# sourceMappingURL=carousel.js.map

package/dist/headless/source/components/dataDisplay/carousel/carousel.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/dataDisplay/carousel/carousel.tsx"],"sourcesContent":["import {\n  type JSX,\n  type ParentProps,\n  For,\n  Show,\n  children as resolveChildren,\n  createEffect,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  mergeProps,\n  onCleanup,\n  splitProps,\n} from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { Modal } from \"../../feedBack/modal\";\nimport {\n  clamp,\n  coordX,\n  coordY,\n  dragPrevent,\n  getSlideIndexForMultipleParts,\n  getSlideStyle,\n  getSlideWidth,\n  getSlidesToShow,\n  getStartSlide,\n  isMouseEvent,\n  isTouchEvent,\n  toCssLength,\n  toCssNumber,\n} from \"./utils\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface CarouselProps {\n  slidesToShow?: number;\n  startSlide?: number;\n  class?: 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) => JSX.Element;\n  \"aria-label\"?: string;\n  autoplay?: boolean;\n  autoplayInterval?: number;\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  ref?: Ref<HTMLDivElement>;\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 TAP_THRESHOLD = 8;\nconst FLICK_VELOCITY = 0.4;\n\nconst now = (): number => (typeof performance !== \"undefined\" ? performance.now() : Date.now());\n\nexport function Carousel(props: ParentProps<CarouselProps>): JSX.Element {\n  const merged = mergeProps(\n    {\n      slidesToShow: 3,\n      startSlide: 0,\n      showNavigation: true,\n      arrowsSize: 30,\n      \"aria-label\": \"Carousel\",\n      autoplay: false,\n      autoplayInterval: 4000,\n      pauseOnHover: true,\n      enableFullscreen: false,\n    },\n    props\n  );\n  const [local] = splitProps(merged, [\n    \"slidesToShow\",\n    \"startSlide\",\n    \"children\",\n    \"class\",\n    \"showNavigation\",\n    \"showArrows\",\n    \"arrowsSize\",\n    \"navigationClassName\",\n    \"onSlideChange\",\n    \"navigationDotRenderer\",\n    \"aria-label\",\n    \"autoplay\",\n    \"autoplayInterval\",\n    \"pauseOnHover\",\n    \"cellHeight\",\n    \"aspectRatio\",\n    \"gap\",\n    \"maxWidth\",\n    \"enableFullscreen\",\n    \"ref\",\n  ]);\n\n  const resolved = resolveChildren(() => local.children);\n  const slides = (): unknown[] => resolved.toArray();\n  const slidesCount = (): number => slides().length;\n  const slidesToShow = (): number => getSlidesToShow(local.slidesToShow, slidesCount());\n  const startSlide = (): number => getStartSlide(local.startSlide, slidesCount());\n  const showArrows = (): boolean => !!local.showArrows && slidesCount() > 1;\n  const maxShift = (): number => Math.max(0, slidesCount() - slidesToShow());\n\n  const [activeSlideIndex, setActiveSlideIndex] = createSignal(startSlide());\n  const [animation, setAnimation] = createSignal<boolean | undefined>(undefined);\n  const [isHovered, setIsHovered] = createSignal(false);\n  const [dragPx, setDragPx] = createSignal(0);\n  const [isDragging, setIsDragging] = createSignal(false);\n  const [fullscreenIndex, setFullscreenIndex] = createSignal<number | null>(null);\n  const [fullscreenDragPx, setFullscreenDragPx] = createSignal(0);\n  const [isFullscreenDragging, setIsFullscreenDragging] = createSignal(false);\n\n  let rootEl: HTMLDivElement | undefined;\n  let trackEl: HTMLDivElement | undefined;\n  const motion: Motion = { isPressed: false, startX: 0, startY: 0, lastX: 0, lastT: 0, axis: null, dragged: false };\n  let fullscreenTouchX: number | null = null;\n  const slideId = createUniqueId();\n\n  createEffect(() => {\n    slidesToShow();\n    setAnimation(false);\n  });\n\n  createEffect(() => {\n    const start = startSlide();\n    setActiveSlideIndex(start);\n    local.onSlideChange?.(start);\n    if (animation() !== undefined) setAnimation(true);\n  });\n\n  const goToSlide = (index: number): void => {\n    const target = clamp(index, 0, maxShift());\n    setActiveSlideIndex(target);\n    setAnimation(true);\n    local.onSlideChange?.(target);\n  };\n\n  const detachListeners = (mouse: boolean): void => {\n    if (!trackEl) return;\n    trackEl.removeEventListener(mouse ? \"mousemove\" : \"touchmove\", onMove as EventListener);\n    trackEl.removeEventListener(mouse ? \"mouseup\" : \"touchend\", onEnd as EventListener);\n    if (mouse) trackEl.removeEventListener(\"mouseleave\", onEnd as EventListener);\n  };\n\n  const onMove = (event: MouseEvent | TouchEvent): void => {\n    if (!rootEl || !motion.isPressed) return;\n    if (isTouchEvent(event) && event.touches.length > 1) {\n      onEnd(event);\n      return;\n    }\n\n    const clientX = coordX(event);\n    const clientY = coordY(event);\n    const shiftX = clientX - motion.startX;\n    const shiftY = clientY - motion.startY;\n\n    if (motion.axis === null) {\n      if (Math.abs(shiftX) < TAP_THRESHOLD && Math.abs(shiftY) < TAP_THRESHOLD) return;\n      motion.axis = Math.abs(shiftX) >= Math.abs(shiftY) ? \"x\" : \"y\";\n      motion.dragged = true;\n      if (motion.axis === \"y\") {\n        onEnd(event);\n        return;\n      }\n      if (slidesCount() > 1) setIsDragging(true);\n    }\n\n    if (motion.axis !== \"x\") return;\n\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (slidesCount() > 1) {\n      const atStart = activeSlideIndex() <= 0;\n      const atEnd = activeSlideIndex() >= maxShift();\n      const offset = (atStart && shiftX > 0) || (atEnd && shiftX < 0) ? shiftX * 0.35 : shiftX;\n      setDragPx(offset);\n    }\n\n    motion.lastX = clientX;\n    motion.lastT = now();\n  };\n\n  const onEnd = (event: MouseEvent | TouchEvent): void => {\n    if (!motion.isPressed) return;\n\n    const mouse = isMouseEvent(event);\n    detachListeners(mouse);\n\n    const { axis, dragged, startX, lastX, lastT } = motion;\n    motion.isPressed = false;\n    setIsDragging(false);\n\n    if (axis === \"x\" && dragged && slidesCount() > 1 && rootEl) {\n      const clientX = coordX(event);\n      const totalShift = clientX - startX;\n      const widthPerSlide = rootEl.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      if (movedSlides === 0 && Math.abs(velocity) > FLICK_VELOCITY) {\n        movedSlides = velocity < 0 ? 1 : -1;\n      }\n      goToSlide(activeSlideIndex() + movedSlides);\n    }\n\n    setDragPx(0);\n  };\n\n  const onStart: JSX.EventHandler<HTMLDivElement, MouseEvent | TouchEvent> = (event) => {\n    if (!trackEl) return;\n    const mouse = isMouseEvent(event);\n    if (mouse && (event as MouseEvent).button !== 0) return;\n    event.stopPropagation();\n\n    motion.isPressed = true;\n    motion.startX = coordX(event);\n    motion.startY = coordY(event);\n    motion.lastX = motion.startX;\n    motion.lastT = now();\n    motion.axis = null;\n    motion.dragged = false;\n\n    trackEl.addEventListener(mouse ? \"mousemove\" : \"touchmove\", onMove as EventListener, { passive: false });\n    trackEl.addEventListener(mouse ? \"mouseup\" : \"touchend\", onEnd as EventListener);\n    if (mouse) trackEl.addEventListener(\"mouseleave\", onEnd as EventListener);\n  };\n\n  const onSlideClick = (index: number): void => {\n    if (motion.dragged) return;\n    if (local.enableFullscreen) setFullscreenIndex(index);\n  };\n\n  const getNextIndex = (direction: 1 | -1): number => {\n    const isSingle = slidesToShow() === 1;\n    const totalGroups = isSingle ? slidesCount() : Math.ceil(slidesCount() / slidesToShow());\n    const activeIndex = activeSlideIndex() + slidesToShow();\n    const isNextDisabled = slidesCount() - slidesToShow() <= activeSlideIndex();\n    const currentIndex = getSlideIndexForMultipleParts(activeIndex, slidesToShow(), slidesCount(), isNextDisabled);\n    const nextIndex = (currentIndex + direction + totalGroups) % totalGroups;\n    return isSingle ? nextIndex : nextIndex * slidesToShow();\n  };\n\n  const dots = (): Array<{ index: number; nextIndex: number; isActive: boolean }> => {\n    const isNextDisabled = slidesCount() - slidesToShow() <= activeSlideIndex();\n    const isSingle = slidesToShow() === 1;\n    const count = isSingle ? slidesCount() : Math.ceil(slidesCount() / slidesToShow());\n    const result: Array<{ index: number; nextIndex: number; isActive: boolean }> = [];\n    for (let index = 0; index < count; index++) {\n      let nextIndex = index;\n      let currentIndex = activeSlideIndex();\n      if (!isSingle) {\n        const isLast = index === count - 1;\n        const activeIndex = activeSlideIndex() + slidesToShow();\n        nextIndex = isLast ? slidesCount() - slidesToShow() : index * slidesToShow();\n        currentIndex = getSlideIndexForMultipleParts(activeIndex, slidesToShow(), slidesCount(), isNextDisabled);\n      }\n      result.push({ index, nextIndex, isActive: currentIndex === index });\n    }\n    return result;\n  };\n\n  const indent = (): number => {\n    const shiftSlides = activeSlideIndex() > maxShift() ? maxShift() : activeSlideIndex();\n    return getSlideWidth(slidesToShow()) * shiftSlides;\n  };\n\n  const rootStyle = createMemo<JSX.CSSProperties>(() => {\n    const style: Record<string, string> = {};\n    const cellHeightValue = toCssLength(local.cellHeight);\n    const aspectRatioValue = toCssNumber(local.aspectRatio);\n    const gapValue = toCssLength(local.gap);\n    const maxWidthValue = toCssLength(local.maxWidth);\n    if (cellHeightValue) style[\"--smwb-carousel-cell-height\"] = cellHeightValue;\n    if (aspectRatioValue) style[\"--smwb-carousel-aspect-ratio\"] = aspectRatioValue;\n    if (gapValue) style[\"--smwb-carousel-gap\"] = gapValue;\n    if (maxWidthValue) style[\"--smwb-carousel-max-width\"] = maxWidthValue;\n    return style;\n  });\n\n  const moveFullscreen = (direction: 1 | -1): void => {\n    const prev = fullscreenIndex();\n    if (prev === null) return;\n    setFullscreenIndex((prev + direction + slidesCount()) % slidesCount());\n  };\n\n  // A DOM node can only live in one place, so the carousel's own slide nodes\n  // can't be reused inside the modal — render clones of every slide into a\n  // sliding track so navigation animates smoothly instead of swapping nodes.\n  const fullscreenClones = createMemo<Array<Node | string>>(() =>\n    slides().map((node) => {\n      // `Node` is a browser global — guard it so this memo (which is evaluated\n      // during render) does not throw `Node is not defined` under SSR.\n      if (typeof Node !== \"undefined\" && node instanceof Node) return node.cloneNode(true);\n      return node == null ? \"\" : String(node);\n    })\n  );\n\n  // Autoplay\n  createEffect(() => {\n    if (!local.autoplay || slidesCount() <= 1 || (local.pauseOnHover && isHovered()) || fullscreenIndex() !== null) {\n      return;\n    }\n    const timer = window.setInterval(() => goToSlide(getNextIndex(1)), local.autoplayInterval);\n    onCleanup(() => window.clearInterval(timer));\n  });\n\n  // Keyboard navigation while the lightbox is open.\n  createEffect(() => {\n    if (fullscreenIndex() === null || slidesCount() <= 1) return;\n    const onKeyDown = (event: KeyboardEvent): void => {\n      if (event.key === \"ArrowLeft\") moveFullscreen(-1);\n      else if (event.key === \"ArrowRight\") moveFullscreen(1);\n    };\n    document.addEventListener(\"keydown\", onKeyDown);\n    onCleanup(() => document.removeEventListener(\"keydown\", onKeyDown));\n  });\n\n  const onFullscreenTouchStart = (event: TouchEvent): void => {\n    fullscreenTouchX = event.touches[0]?.clientX ?? null;\n  };\n\n  const onFullscreenTouchMove = (event: TouchEvent): void => {\n    if (fullscreenTouchX === null || slidesCount() <= 1) return;\n    const delta = (event.touches[0]?.clientX ?? fullscreenTouchX) - fullscreenTouchX;\n    setIsFullscreenDragging(true);\n    setFullscreenDragPx(delta);\n  };\n\n  const onFullscreenTouchEnd = (event: TouchEvent): void => {\n    const startX = fullscreenTouchX;\n    fullscreenTouchX = null;\n    setIsFullscreenDragging(false);\n    setFullscreenDragPx(0);\n    if (startX === null || slidesCount() <= 1) return;\n    const delta = (event.changedTouches[0]?.clientX ?? startX) - startX;\n    if (Math.abs(delta) > 40) moveFullscreen(delta < 0 ? 1 : -1);\n  };\n\n  return (\n    <div\n      class={cn(\"smwb-carousel\", local.class)}\n      data-testid=\"carousel\"\n      ref={mergeRefs(local.ref)}\n      role=\"region\"\n      aria-roledescription=\"carousel\"\n      aria-label={local[\"aria-label\"]}\n      style={rootStyle()}\n      onMouseEnter={local.pauseOnHover ? () => setIsHovered(true) : undefined}\n      onMouseLeave={local.pauseOnHover ? () => setIsHovered(false) : undefined}\n    >\n      <div class=\"smwb-carousel__inner\" ref={(el) => (rootEl = el)}>\n        <Show when={showArrows()}>\n          <Icon\n            name=\"chevron_left\"\n            size={local.arrowsSize}\n            class={cn(\"smwb-carousel__arrow\", \"smwb-carousel__arrow_prev\")}\n            style={{ top: `calc(50% - ${local.arrowsSize / 2}px)`, left: `${-local.arrowsSize / 2}px` }}\n            onClick={() => goToSlide(getNextIndex(-1))}\n          />\n        </Show>\n        <div\n          ref={(el) => (trackEl = el)}\n          class=\"smwb-carousel__track\"\n          onMouseDown={onStart}\n          onTouchStart={onStart}\n          onDragStart={dragPrevent}\n          onDragEnd={dragPrevent}\n        >\n          <div\n            class=\"smwb-carousel__layer\"\n            style={{\n              transform: `translateX(calc(-${indent()}% + ${dragPx()}px))`,\n              transition:\n                isDragging() || animation() === undefined\n                  ? \"none\"\n                  : animation()\n                    ? \"transform 500ms cubic-bezier(.1, 0, .25, 1)\"\n                    : \"none\",\n            }}\n          >\n            <For each={slides()}>\n              {(child, index) => (\n                <div id={`${slideId}${index()}`} class=\"smwb-carousel__slide\" style={getSlideStyle(slidesToShow())}>\n                  <div\n                    class={cn(\n                      \"smwb-carousel__slide-inner\",\n                      local.enableFullscreen && \"smwb-carousel__slide-inner_clickable\"\n                    )}\n                    onClick={local.enableFullscreen ? () => onSlideClick(index()) : undefined}\n                  >\n                    {child as JSX.Element}\n                  </div>\n                </div>\n              )}\n            </For>\n          </div>\n        </div>\n        <Show when={showArrows()}>\n          <Icon\n            name=\"chevron_right\"\n            size={local.arrowsSize}\n            class={cn(\"smwb-carousel__arrow\", \"smwb-carousel__arrow_next\")}\n            style={{ top: `calc(50% - ${local.arrowsSize / 2}px)`, right: `${-local.arrowsSize / 2}px` }}\n            onClick={() => goToSlide(getNextIndex(1))}\n          />\n        </Show>\n      </div>\n      <Show when={local.showNavigation}>\n        <div class={cn(\"smwb-carousel__navigation\", local.navigationClassName)}>\n          <For each={dots()}>\n            {(dot) =>\n              local.navigationDotRenderer ? (\n                local.navigationDotRenderer(dot.index, dot.isActive, (i) => goToSlide(i))\n              ) : (\n                <div\n                  class={cn(\"smwb-carousel__navigation__dot\", dot.isActive && \"current\")}\n                  onClick={() => goToSlide(dot.nextIndex)}\n                />\n              )\n            }\n          </For>\n        </div>\n      </Show>\n      <Show when={local.enableFullscreen}>\n        <Modal\n          open={fullscreenIndex() !== null}\n          size=\"fullscreen\"\n          backdrop=\"darkBlured\"\n          class=\"smwb-carousel__fullscreen\"\n          onClose={() => setFullscreenIndex(null)}\n          aria-label=\"Image viewer\"\n        >\n          <div class=\"smwb-carousel__fullscreen-content\">\n            <Show when={slidesCount() > 1}>\n              <Icon\n                name=\"chevron_left\"\n                size={40}\n                class={cn(\"smwb-carousel__fullscreen-arrow\", \"smwb-carousel__fullscreen-arrow_prev\")}\n                onClick={() => moveFullscreen(-1)}\n              />\n            </Show>\n            <div\n              class=\"smwb-carousel__fullscreen-stage\"\n              onTouchStart={onFullscreenTouchStart}\n              onTouchMove={onFullscreenTouchMove}\n              onTouchEnd={onFullscreenTouchEnd}\n            >\n              <div\n                class=\"smwb-carousel__fullscreen-track\"\n                style={{\n                  transform: `translateX(calc(-${(fullscreenIndex() ?? 0) * 100}% + ${fullscreenDragPx()}px))`,\n                  transition: isFullscreenDragging() ? \"none\" : \"transform 350ms cubic-bezier(.22, .61, .36, 1)\",\n                }}\n              >\n                <For each={fullscreenClones()}>\n                  {(node, index) => (\n                    <div class=\"smwb-carousel__fullscreen-slide\" aria-hidden={index() !== fullscreenIndex()}>\n                      {node as JSX.Element}\n                    </div>\n                  )}\n                </For>\n              </div>\n            </div>\n            <Show when={slidesCount() > 1}>\n              <Icon\n                name=\"chevron_right\"\n                size={40}\n                class={cn(\"smwb-carousel__fullscreen-arrow\", \"smwb-carousel__fullscreen-arrow_next\")}\n                onClick={() => moveFullscreen(1)}\n              />\n            </Show>\n            <Icon\n              name=\"close\"\n              size={32}\n              class=\"smwb-carousel__fullscreen-close\"\n              onClick={() => setFullscreenIndex(null)}\n            />\n          </div>\n        </Modal>\n      </Show>\n    </div>\n  );\n}\n\nexport default Carousel;\n"],"mappings":"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","names":[],"file":"carousel.jsx"}

package/dist/headless/source/components/dataDisplay/carousel/index.js

@@ -0,0 +1,6 @@
+import { Carousel, default as default2 } from "./carousel";
+export {
+  Carousel,
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/headless/source/components/dataDisplay/carousel/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/dataDisplay/carousel/index.ts"],
+  "sourcesContent": ["export { Carousel, default } from \"./carousel\";\nexport type { CarouselProps } from \"./carousel\";\n"],
+  "mappings": "AAAA,SAAS,UAAU,WAAAA,gBAAe;",
+  "names": ["default"]
+}

package/dist/headless/source/components/dataDisplay/carousel/utils.js

@@ -0,0 +1,76 @@
+function getActiveSlideDotsLength(slidesCount, slidesToShow) {
+  const dots = Math.floor(slidesCount / slidesToShow);
+  return slidesCount % slidesToShow === 0 ? dots - 1 : dots;
+}
+function getSlideIndexForMultipleParts(activeIndex, slidesToShow, slidesCount, isNextSlideDisabled) {
+  const dotsLength = getActiveSlideDotsLength(slidesCount, slidesToShow);
+  if (activeIndex === slidesCount + slidesToShow) return 0;
+  if (isNextSlideDisabled || activeIndex < slidesToShow && activeIndex !== 0) return dotsLength;
+  if (activeIndex === 0) return slidesCount % slidesToShow === 0 ? dotsLength : dotsLength - 1;
+  return slidesToShow > 0 ? Math.floor(activeIndex / slidesToShow) - 1 : 0;
+}
+function isMouseEvent(event) {
+  return event instanceof MouseEvent;
+}
+function isTouchEvent(event) {
+  return typeof TouchEvent !== "undefined" && event instanceof TouchEvent;
+}
+function coordX(event) {
+  if (isTouchEvent(event)) return event.changedTouches[0]?.clientX ?? 0;
+  return event.clientX;
+}
+function coordY(event) {
+  if (isTouchEvent(event)) return event.changedTouches[0]?.clientY ?? 0;
+  return event.clientY;
+}
+function dragPrevent(event) {
+  const target = event.target;
+  if (target.tagName === "A" || target.tagName === "IMG") {
+    event.preventDefault();
+  }
+}
+function getSlideWidth(slidesToShow) {
+  return 100 / slidesToShow;
+}
+function getSlideStyle(slidesToShow) {
+  return { width: `${getSlideWidth(slidesToShow)}%` };
+}
+function getSlidesToShow(slidesToShow, slidesCount) {
+  if (slidesToShow <= 0 || slidesCount === 0) return 1;
+  if (slidesToShow > slidesCount) return slidesCount;
+  return slidesToShow;
+}
+function getStartSlide(startSlide, slidesCount) {
+  if (startSlide <= 0 || slidesCount === 0) return 0;
+  const maxIndex = slidesCount - 1;
+  if (startSlide > maxIndex) return maxIndex;
+  return startSlide;
+}
+function clamp(value, min, max) {
+  return Math.min(Math.max(value, min), max);
+}
+function toCssLength(value) {
+  if (value === void 0 || value === null) return void 0;
+  return typeof value === "number" ? `${value}px` : value;
+}
+function toCssNumber(value) {
+  if (value === void 0 || value === null) return void 0;
+  return String(value);
+}
+export {
+  clamp,
+  coordX,
+  coordY,
+  dragPrevent,
+  getActiveSlideDotsLength,
+  getSlideIndexForMultipleParts,
+  getSlideStyle,
+  getSlideWidth,
+  getSlidesToShow,
+  getStartSlide,
+  isMouseEvent,
+  isTouchEvent,
+  toCssLength,
+  toCssNumber
+};
+//# sourceMappingURL=utils.js.map

package/dist/headless/source/components/dataDisplay/carousel/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/dataDisplay/carousel/utils.ts"],
+  "sourcesContent": ["import type { JSX } from \"solid-js\";\n\nexport function getActiveSlideDotsLength(slidesCount: number, slidesToShow: number): number {\n  const dots = Math.floor(slidesCount / slidesToShow);\n  return slidesCount % slidesToShow === 0 ? dots - 1 : dots;\n}\n\nexport function getSlideIndexForMultipleParts(\n  activeIndex: number,\n  slidesToShow: number,\n  slidesCount: number,\n  isNextSlideDisabled: boolean\n): number {\n  const dotsLength = getActiveSlideDotsLength(slidesCount, slidesToShow);\n  if (activeIndex === slidesCount + slidesToShow) return 0;\n  if (isNextSlideDisabled || (activeIndex < slidesToShow && activeIndex !== 0)) return dotsLength;\n  if (activeIndex === 0) return slidesCount % slidesToShow === 0 ? dotsLength : dotsLength - 1;\n  return slidesToShow > 0 ? Math.floor(activeIndex / slidesToShow) - 1 : 0;\n}\n\nexport function isMouseEvent(event: Event): event is MouseEvent {\n  return event instanceof MouseEvent;\n}\n\nexport function isTouchEvent(event: Event): event is TouchEvent {\n  return typeof TouchEvent !== \"undefined\" && event instanceof TouchEvent;\n}\n\nexport function coordX(event: MouseEvent | TouchEvent): number {\n  if (isTouchEvent(event)) return event.changedTouches[0]?.clientX ?? 0;\n  return event.clientX;\n}\n\nexport function coordY(event: MouseEvent | TouchEvent): number {\n  if (isTouchEvent(event)) return event.changedTouches[0]?.clientY ?? 0;\n  return event.clientY;\n}\n\nexport function dragPrevent(event: Event): void {\n  const target = event.target as HTMLElement;\n  if (target.tagName === \"A\" || target.tagName === \"IMG\") {\n    event.preventDefault();\n  }\n}\n\nexport function getSlideWidth(slidesToShow: number): number {\n  return 100 / slidesToShow;\n}\n\nexport function getSlideStyle(slidesToShow: number): JSX.CSSProperties {\n  return { width: `${getSlideWidth(slidesToShow)}%` };\n}\n\nexport function getSlidesToShow(slidesToShow: number, slidesCount: number): number {\n  if (slidesToShow <= 0 || slidesCount === 0) return 1;\n  if (slidesToShow > slidesCount) return slidesCount;\n  return slidesToShow;\n}\n\nexport function getStartSlide(startSlide: number, slidesCount: number): number {\n  if (startSlide <= 0 || slidesCount === 0) return 0;\n  const maxIndex = slidesCount - 1;\n  if (startSlide > maxIndex) return maxIndex;\n  return startSlide;\n}\n\nexport function clamp(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max);\n}\n\n/** Number -> \"<n>px\", string -> as-is, nullish -> undefined. */\nexport function toCssLength(value?: number | string): string | undefined {\n  if (value === undefined || value === null) return undefined;\n  return typeof value === \"number\" ? `${value}px` : value;\n}\n\n/** Number/string -> string, nullish -> undefined (for unit-less CSS values like aspect-ratio). */\nexport function toCssNumber(value?: number | string): string | undefined {\n  if (value === undefined || value === null) return undefined;\n  return String(value);\n}\n"],
+  "mappings": "AAEO,SAAS,yBAAyB,aAAqB,cAA8B;AAC1F,QAAM,OAAO,KAAK,MAAM,cAAc,YAAY;AAClD,SAAO,cAAc,iBAAiB,IAAI,OAAO,IAAI;AACvD;AAEO,SAAS,8BACd,aACA,cACA,aACA,qBACQ;AACR,QAAM,aAAa,yBAAyB,aAAa,YAAY;AACrE,MAAI,gBAAgB,cAAc,aAAc,QAAO;AACvD,MAAI,uBAAwB,cAAc,gBAAgB,gBAAgB,EAAI,QAAO;AACrF,MAAI,gBAAgB,EAAG,QAAO,cAAc,iBAAiB,IAAI,aAAa,aAAa;AAC3F,SAAO,eAAe,IAAI,KAAK,MAAM,cAAc,YAAY,IAAI,IAAI;AACzE;AAEO,SAAS,aAAa,OAAmC;AAC9D,SAAO,iBAAiB;AAC1B;AAEO,SAAS,aAAa,OAAmC;AAC9D,SAAO,OAAO,eAAe,eAAe,iBAAiB;AAC/D;AAEO,SAAS,OAAO,OAAwC;AAC7D,MAAI,aAAa,KAAK,EAAG,QAAO,MAAM,eAAe,CAAC,GAAG,WAAW;AACpE,SAAO,MAAM;AACf;AAEO,SAAS,OAAO,OAAwC;AAC7D,MAAI,aAAa,KAAK,EAAG,QAAO,MAAM,eAAe,CAAC,GAAG,WAAW;AACpE,SAAO,MAAM;AACf;AAEO,SAAS,YAAY,OAAoB;AAC9C,QAAM,SAAS,MAAM;AACrB,MAAI,OAAO,YAAY,OAAO,OAAO,YAAY,OAAO;AACtD,UAAM,eAAe;AAAA,EACvB;AACF;AAEO,SAAS,cAAc,cAA8B;AAC1D,SAAO,MAAM;AACf;AAEO,SAAS,cAAc,cAAyC;AACrE,SAAO,EAAE,OAAO,GAAG,cAAc,YAAY,CAAC,IAAI;AACpD;AAEO,SAAS,gBAAgB,cAAsB,aAA6B;AACjF,MAAI,gBAAgB,KAAK,gBAAgB,EAAG,QAAO;AACnD,MAAI,eAAe,YAAa,QAAO;AACvC,SAAO;AACT;AAEO,SAAS,cAAc,YAAoB,aAA6B;AAC7E,MAAI,cAAc,KAAK,gBAAgB,EAAG,QAAO;AACjD,QAAM,WAAW,cAAc;AAC/B,MAAI,aAAa,SAAU,QAAO;AAClC,SAAO;AACT;AAEO,SAAS,MAAM,OAAe,KAAa,KAAqB;AACrE,SAAO,KAAK,IAAI,KAAK,IAAI,OAAO,GAAG,GAAG,GAAG;AAC3C;AAGO,SAAS,YAAY,OAA6C;AACvE,MAAI,UAAU,UAAa,UAAU,KAAM,QAAO;AAClD,SAAO,OAAO,UAAU,WAAW,GAAG,KAAK,OAAO;AACpD;AAGO,SAAS,YAAY,OAA6C;AACvE,MAAI,UAAU,UAAa,UAAU,KAAM,QAAO;AAClD,SAAO,OAAO,KAAK;AACrB;",
+  "names": []
+}