@gunkin/uiify 0.0.1-alpha

package/dist/components/carousel/client/carousel-autoplay.js

@@ -0,0 +1,231 @@
+const defaultDelay = 5e3;
+function validate(options) {
+  const delay = options.delay ?? defaultDelay;
+  if (!Number.isFinite(delay) || delay <= 0)
+    throw new RangeError("Carousel autoplay delay must be a positive finite number");
+  if (options.cycles !== void 0 && (!Number.isInteger(options.cycles) || options.cycles < 0))
+    throw new RangeError("Carousel autoplay cycles must be a nonnegative integer");
+}
+function createCarouselAutoplay(root, controller, initialOptions) {
+  validate(initialOptions);
+  const document = root.ownerDocument;
+  const media = document.defaultView?.matchMedia("(prefers-reduced-motion: reduce)");
+  const listeners = /* @__PURE__ */ new Set();
+  let options = initialOptions;
+  let timeout;
+  let destroyed = false;
+  let hovered = false;
+  let hidden = document.visibilityState === "hidden";
+  const activePointers = /* @__PURE__ */ new Set();
+  let touchActive = false;
+  let explicitlyStopped = false;
+  let focusStopped = belongsToRoot(document.activeElement);
+  let reducedStopped = media?.matches === true;
+  let exhausted = options.cycles === 0;
+  let awaitingAdvance = false;
+  let attemptedAtEnd = false;
+  let pageCount = controller.getSnapshot().pages.length;
+  let completedAdvances = 0;
+  let lastSettledChange = controller.getSnapshot().settledChange;
+  let previousMoving = controller.getSnapshot().moving;
+  let snapshot = {
+    requested: !reducedStopped && !exhausted,
+    playing: false,
+    completedAdvances
+  };
+  const requested = () => !explicitlyStopped && !focusStopped && !reducedStopped && !exhausted;
+  function publish(playing = timeout !== void 0) {
+    const next = { requested: requested(), playing, completedAdvances };
+    if (next.requested === snapshot.requested && next.playing === snapshot.playing && next.completedAdvances === snapshot.completedAdvances)
+      return;
+    snapshot = next;
+    listeners.forEach((listener) => listener());
+  }
+  function cancel() {
+    if (timeout !== void 0) {
+      clearTimeout(timeout);
+      timeout = void 0;
+    }
+  }
+  function eligible() {
+    const state = controller.getSnapshot();
+    return requested() && options.paused !== true && !hovered && !hidden && activePointers.size === 0 && !touchActive && !awaitingAdvance && state.ready && state.pages.length > 1 && !state.moving && !state.interacting;
+  }
+  function schedule() {
+    cancel();
+    if (!destroyed && eligible()) {
+      timeout = setTimeout(() => {
+        timeout = void 0;
+        const state = controller.getSnapshot();
+        awaitingAdvance = true;
+        attemptedAtEnd = state.atEnd;
+        publish(false);
+        controller.next("autoplay");
+      }, options.delay ?? defaultDelay);
+    }
+    publish();
+  }
+  function stopPersistent(kind) {
+    if (kind === "explicit") explicitlyStopped = true;
+    if (kind === "focus") focusStopped = true;
+    if (kind === "reduced") reducedStopped = true;
+    if (kind === "exhausted") exhausted = true;
+    awaitingAdvance = false;
+    schedule();
+  }
+  function belongsToRoot(target) {
+    return target instanceof Element && target.closest("[data-uiify-carousel]") === root;
+  }
+  function userIntent(event) {
+    if (!belongsToRoot(event.target)) return;
+    if (event.target instanceof Element && event.target.closest('[data-carousel-action="rotation"]'))
+      return;
+    if (options.stopOnInteraction === true) stopPersistent("explicit");
+    else schedule();
+  }
+  function pointerDown(event) {
+    if (!belongsToRoot(event.target)) return;
+    activePointers.add(event.pointerId);
+    userIntent(event);
+  }
+  function pointerEnd(event) {
+    if (!activePointers.delete(event.pointerId)) return;
+    schedule();
+  }
+  function touchStart(event) {
+    if (!belongsToRoot(event.target)) return;
+    touchActive = true;
+    userIntent(event);
+  }
+  function touchEnd(event) {
+    if (!touchActive || event.touches.length > 0) return;
+    touchActive = false;
+    schedule();
+  }
+  function focusIn() {
+    stopPersistent("focus");
+  }
+  function pointerOver(event) {
+    if (!belongsToRoot(event.target)) return;
+    if (event.relatedTarget instanceof Node && root.contains(event.relatedTarget)) return;
+    hovered = true;
+    schedule();
+  }
+  function pointerOut(event) {
+    if (!belongsToRoot(event.target)) return;
+    if (event.relatedTarget instanceof Node && root.contains(event.relatedTarget)) return;
+    hovered = false;
+    schedule();
+  }
+  function visibilityChange() {
+    hidden = document.visibilityState === "hidden";
+    schedule();
+  }
+  function reducedMotionChange(event) {
+    if (event.matches) stopPersistent("reduced");
+  }
+  function controllerChange() {
+    const state = controller.getSnapshot();
+    if (state.pages.length !== pageCount) {
+      pageCount = state.pages.length;
+      completedAdvances = 0;
+      exhausted = options.cycles === 0;
+      awaitingAdvance = false;
+    }
+    const settled = state.settledChange;
+    const hasNewSettlement = settled !== null && settled !== lastSettledChange;
+    if (hasNewSettlement) {
+      lastSettledChange = settled;
+      if (settled.reason === "autoplay") completedAdvances += 1;
+      awaitingAdvance = false;
+      attemptedAtEnd = false;
+      const limit = options.cycles === void 0 ? void 0 : options.cycles * pageCount;
+      if (limit !== void 0 && completedAdvances >= limit) exhausted = true;
+    } else if (awaitingAdvance && previousMoving && !state.moving) {
+      awaitingAdvance = false;
+      if (attemptedAtEnd) exhausted = true;
+      attemptedAtEnd = false;
+    }
+    previousMoving = state.moving;
+    schedule();
+  }
+  root.addEventListener("focusin", focusIn);
+  root.addEventListener("pointerover", pointerOver);
+  root.addEventListener("pointerout", pointerOut);
+  root.addEventListener("pointerdown", pointerDown);
+  root.addEventListener("keydown", userIntent);
+  root.addEventListener("click", userIntent);
+  root.addEventListener("wheel", userIntent, { passive: true });
+  root.addEventListener("touchstart", touchStart, { passive: true });
+  document.addEventListener("pointerup", pointerEnd);
+  document.addEventListener("pointercancel", pointerEnd);
+  document.addEventListener("touchend", touchEnd, { passive: true });
+  document.addEventListener("touchcancel", touchEnd, { passive: true });
+  document.addEventListener("visibilitychange", visibilityChange);
+  media?.addEventListener("change", reducedMotionChange);
+  const unsubscribe = controller.subscribe(controllerChange);
+  schedule();
+  return {
+    getSnapshot: () => snapshot,
+    subscribe(listener) {
+      listeners.add(listener);
+      return () => listeners.delete(listener);
+    },
+    start() {
+      explicitlyStopped = false;
+      focusStopped = false;
+      reducedStopped = false;
+      if (exhausted && options.cycles !== void 0) completedAdvances = 0;
+      exhausted = options.cycles === 0;
+      awaitingAdvance = false;
+      schedule();
+    },
+    stop() {
+      stopPersistent("explicit");
+    },
+    reset() {
+      explicitlyStopped = false;
+      focusStopped = false;
+      exhausted = options.cycles === 0;
+      awaitingAdvance = false;
+      completedAdvances = 0;
+      schedule();
+    },
+    update(next) {
+      validate(next);
+      const cycleChanged = next.cycles !== options.cycles;
+      options = next;
+      if (cycleChanged) {
+        completedAdvances = 0;
+        exhausted = next.cycles === 0;
+      }
+      schedule();
+    },
+    destroy() {
+      if (destroyed) return;
+      destroyed = true;
+      cancel();
+      unsubscribe();
+      listeners.clear();
+      root.removeEventListener("focusin", focusIn);
+      root.removeEventListener("pointerover", pointerOver);
+      root.removeEventListener("pointerout", pointerOut);
+      root.removeEventListener("pointerdown", pointerDown);
+      root.removeEventListener("keydown", userIntent);
+      root.removeEventListener("click", userIntent);
+      root.removeEventListener("wheel", userIntent);
+      root.removeEventListener("touchstart", touchStart);
+      document.removeEventListener("pointerup", pointerEnd);
+      document.removeEventListener("pointercancel", pointerEnd);
+      document.removeEventListener("touchend", touchEnd);
+      document.removeEventListener("touchcancel", touchEnd);
+      document.removeEventListener("visibilitychange", visibilityChange);
+      media?.removeEventListener("change", reducedMotionChange);
+      snapshot = { ...snapshot, playing: false };
+    }
+  };
+}
+export {
+  createCarouselAutoplay
+};
+//# sourceMappingURL=carousel-autoplay.js.map

package/dist/components/carousel/client/carousel-autoplay.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/carousel/client/carousel-autoplay.ts"],"sourcesContent":["import type {\n  CarouselAutoplayController,\n  CarouselAutoplayOptions,\n  CarouselAutoplaySnapshot,\n  CarouselController,\n} from \"../types.js\";\n\nconst defaultDelay = 5000;\n\nfunction validate(options: CarouselAutoplayOptions) {\n  const delay = options.delay ?? defaultDelay;\n  if (!Number.isFinite(delay) || delay <= 0)\n    throw new RangeError(\"Carousel autoplay delay must be a positive finite number\");\n  if (options.cycles !== undefined && (!Number.isInteger(options.cycles) || options.cycles < 0))\n    throw new RangeError(\"Carousel autoplay cycles must be a nonnegative integer\");\n}\n\n/** Schedule accessible rotation around semantic controller settlement, never pixel motion. */\nexport function createCarouselAutoplay(\n  root: HTMLElement,\n  controller: CarouselController,\n  initialOptions: CarouselAutoplayOptions,\n): CarouselAutoplayController {\n  validate(initialOptions);\n  const document = root.ownerDocument;\n  const media = document.defaultView?.matchMedia(\"(prefers-reduced-motion: reduce)\");\n  const listeners = new Set<() => void>();\n  let options = initialOptions;\n  let timeout: ReturnType<typeof setTimeout> | undefined;\n  let destroyed = false;\n  let hovered = false;\n  let hidden = document.visibilityState === \"hidden\";\n  const activePointers = new Set<number>();\n  let touchActive = false;\n  let explicitlyStopped = false;\n  let focusStopped = belongsToRoot(document.activeElement);\n  let reducedStopped = media?.matches === true;\n  let exhausted = options.cycles === 0;\n  let awaitingAdvance = false;\n  let attemptedAtEnd = false;\n  let pageCount = controller.getSnapshot().pages.length;\n  let completedAdvances = 0;\n  let lastSettledChange = controller.getSnapshot().settledChange;\n  let previousMoving = controller.getSnapshot().moving;\n  let snapshot: CarouselAutoplaySnapshot = {\n    requested: !reducedStopped && !exhausted,\n    playing: false,\n    completedAdvances,\n  };\n\n  const requested = () => !explicitlyStopped && !focusStopped && !reducedStopped && !exhausted;\n\n  function publish(playing = timeout !== undefined) {\n    const next = { requested: requested(), playing, completedAdvances };\n    if (\n      next.requested === snapshot.requested &&\n      next.playing === snapshot.playing &&\n      next.completedAdvances === snapshot.completedAdvances\n    )\n      return;\n    snapshot = next;\n    listeners.forEach((listener) => listener());\n  }\n\n  function cancel() {\n    if (timeout !== undefined) {\n      clearTimeout(timeout);\n      timeout = undefined;\n    }\n  }\n\n  function eligible() {\n    const state = controller.getSnapshot();\n    return (\n      requested() &&\n      options.paused !== true &&\n      !hovered &&\n      !hidden &&\n      activePointers.size === 0 &&\n      !touchActive &&\n      !awaitingAdvance &&\n      state.ready &&\n      state.pages.length > 1 &&\n      !state.moving &&\n      !state.interacting\n    );\n  }\n\n  function schedule() {\n    cancel();\n    if (!destroyed && eligible()) {\n      timeout = setTimeout(() => {\n        timeout = undefined;\n        const state = controller.getSnapshot();\n        awaitingAdvance = true;\n        attemptedAtEnd = state.atEnd;\n        publish(false);\n        controller.next(\"autoplay\");\n      }, options.delay ?? defaultDelay);\n    }\n    publish();\n  }\n\n  function stopPersistent(kind: \"explicit\" | \"focus\" | \"reduced\" | \"exhausted\") {\n    if (kind === \"explicit\") explicitlyStopped = true;\n    if (kind === \"focus\") focusStopped = true;\n    if (kind === \"reduced\") reducedStopped = true;\n    if (kind === \"exhausted\") exhausted = true;\n    awaitingAdvance = false;\n    schedule();\n  }\n\n  function belongsToRoot(target: EventTarget | null) {\n    return target instanceof Element && target.closest(\"[data-uiify-carousel]\") === root;\n  }\n\n  function userIntent(event: Event) {\n    if (!belongsToRoot(event.target)) return;\n    if (\n      event.target instanceof Element &&\n      event.target.closest('[data-carousel-action=\"rotation\"]')\n    )\n      return;\n    if (options.stopOnInteraction === true) stopPersistent(\"explicit\");\n    else schedule();\n  }\n\n  function pointerDown(event: PointerEvent) {\n    if (!belongsToRoot(event.target)) return;\n    activePointers.add(event.pointerId);\n    userIntent(event);\n  }\n\n  function pointerEnd(event: PointerEvent) {\n    if (!activePointers.delete(event.pointerId)) return;\n    schedule();\n  }\n\n  function touchStart(event: TouchEvent) {\n    if (!belongsToRoot(event.target)) return;\n    touchActive = true;\n    userIntent(event);\n  }\n\n  function touchEnd(event: TouchEvent) {\n    if (!touchActive || event.touches.length > 0) return;\n    touchActive = false;\n    schedule();\n  }\n\n  function focusIn() {\n    stopPersistent(\"focus\");\n  }\n\n  function pointerOver(event: PointerEvent) {\n    if (!belongsToRoot(event.target)) return;\n    if (event.relatedTarget instanceof Node && root.contains(event.relatedTarget)) return;\n    hovered = true;\n    schedule();\n  }\n\n  function pointerOut(event: PointerEvent) {\n    if (!belongsToRoot(event.target)) return;\n    if (event.relatedTarget instanceof Node && root.contains(event.relatedTarget)) return;\n    hovered = false;\n    schedule();\n  }\n\n  function visibilityChange() {\n    hidden = document.visibilityState === \"hidden\";\n    schedule();\n  }\n\n  function reducedMotionChange(event: MediaQueryListEvent) {\n    if (event.matches) stopPersistent(\"reduced\");\n  }\n\n  function controllerChange() {\n    const state = controller.getSnapshot();\n    if (state.pages.length !== pageCount) {\n      pageCount = state.pages.length;\n      completedAdvances = 0;\n      exhausted = options.cycles === 0;\n      awaitingAdvance = false;\n    }\n\n    const settled = state.settledChange;\n    const hasNewSettlement = settled !== null && settled !== lastSettledChange;\n    if (hasNewSettlement) {\n      lastSettledChange = settled;\n      if (settled.reason === \"autoplay\") completedAdvances += 1;\n      awaitingAdvance = false;\n      attemptedAtEnd = false;\n      const limit = options.cycles === undefined ? undefined : options.cycles * pageCount;\n      if (limit !== undefined && completedAdvances >= limit) exhausted = true;\n    } else if (awaitingAdvance && previousMoving && !state.moving) {\n      awaitingAdvance = false;\n      if (attemptedAtEnd) exhausted = true;\n      attemptedAtEnd = false;\n    }\n    previousMoving = state.moving;\n    schedule();\n  }\n\n  root.addEventListener(\"focusin\", focusIn);\n  root.addEventListener(\"pointerover\", pointerOver);\n  root.addEventListener(\"pointerout\", pointerOut);\n  root.addEventListener(\"pointerdown\", pointerDown);\n  root.addEventListener(\"keydown\", userIntent);\n  root.addEventListener(\"click\", userIntent);\n  root.addEventListener(\"wheel\", userIntent, { passive: true });\n  root.addEventListener(\"touchstart\", touchStart, { passive: true });\n  document.addEventListener(\"pointerup\", pointerEnd);\n  document.addEventListener(\"pointercancel\", pointerEnd);\n  document.addEventListener(\"touchend\", touchEnd, { passive: true });\n  document.addEventListener(\"touchcancel\", touchEnd, { passive: true });\n  document.addEventListener(\"visibilitychange\", visibilityChange);\n  media?.addEventListener(\"change\", reducedMotionChange);\n  const unsubscribe = controller.subscribe(controllerChange);\n  schedule();\n\n  return {\n    getSnapshot: () => snapshot,\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => listeners.delete(listener);\n    },\n    start() {\n      explicitlyStopped = false;\n      focusStopped = false;\n      reducedStopped = false;\n      if (exhausted && options.cycles !== undefined) completedAdvances = 0;\n      exhausted = options.cycles === 0;\n      awaitingAdvance = false;\n      schedule();\n    },\n    stop() {\n      stopPersistent(\"explicit\");\n    },\n    reset() {\n      explicitlyStopped = false;\n      focusStopped = false;\n      exhausted = options.cycles === 0;\n      awaitingAdvance = false;\n      completedAdvances = 0;\n      schedule();\n    },\n    update(next) {\n      validate(next);\n      const cycleChanged = next.cycles !== options.cycles;\n      options = next;\n      if (cycleChanged) {\n        completedAdvances = 0;\n        exhausted = next.cycles === 0;\n      }\n      schedule();\n    },\n    destroy() {\n      if (destroyed) return;\n      destroyed = true;\n      cancel();\n      unsubscribe();\n      listeners.clear();\n      root.removeEventListener(\"focusin\", focusIn);\n      root.removeEventListener(\"pointerover\", pointerOver);\n      root.removeEventListener(\"pointerout\", pointerOut);\n      root.removeEventListener(\"pointerdown\", pointerDown);\n      root.removeEventListener(\"keydown\", userIntent);\n      root.removeEventListener(\"click\", userIntent);\n      root.removeEventListener(\"wheel\", userIntent);\n      root.removeEventListener(\"touchstart\", touchStart);\n      document.removeEventListener(\"pointerup\", pointerEnd);\n      document.removeEventListener(\"pointercancel\", pointerEnd);\n      document.removeEventListener(\"touchend\", touchEnd);\n      document.removeEventListener(\"touchcancel\", touchEnd);\n      document.removeEventListener(\"visibilitychange\", visibilityChange);\n      media?.removeEventListener(\"change\", reducedMotionChange);\n      snapshot = { ...snapshot, playing: false };\n    },\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/components/carousel/client/carousel-controller.d.ts

@@ -0,0 +1,3 @@
+import type { CarouselController, CarouselControllerOptions } from "../types.js";
+export declare function createCarouselController(root: HTMLElement, initialOptions: CarouselControllerOptions): CarouselController;
+//# sourceMappingURL=carousel-controller.d.ts.map

package/dist/components/carousel/client/carousel-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-controller.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/client/carousel-controller.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,kBAAkB,EAClB,yBAAyB,EAK1B,MAAM,aAAa,CAAC;AAGrB,wBAAgB,wBAAwB,CACtC,IAAI,EAAE,WAAW,EACjB,cAAc,EAAE,yBAAyB,GACxC,kBAAkB,CAqOpB"}

package/dist/components/carousel/client/carousel-controller.js

@@ -0,0 +1,221 @@
+import { createCarouselPages, findCarouselPage } from "../carousel-pages.js";
+import { attachCarouselCommands } from "../commands.js";
+import { observeCarousel } from "./carousel-observer.js";
+function createCarouselController(root, initialOptions) {
+  const viewport = root.querySelector(":scope > [data-uiify-carousel-viewport]");
+  if (!viewport) throw new Error("Carousel viewport is missing");
+  const observer = observeCarousel(root);
+  const listeners = /* @__PURE__ */ new Set();
+  let options = initialOptions;
+  let geometry;
+  let snapshot = {
+    ready: false,
+    index: 0,
+    requestedIndex: null,
+    settledChange: null,
+    pages: [],
+    visibleIndices: [],
+    atStart: true,
+    atEnd: true,
+    moving: false,
+    interacting: false
+  };
+  let destroyed = false;
+  let token = 0;
+  let reason = "scroll";
+  let silent = false;
+  let activeId;
+  let touch = false;
+  let touchActive = false;
+  const resizedSlides = /* @__PURE__ */ new Set();
+  const slides = () => Array.from(viewport.children).filter((node) => node.hasAttribute("data-uiify-carousel-slide"));
+  function publish(next) {
+    if (JSON.stringify(snapshot) === JSON.stringify(next)) return;
+    snapshot = next;
+    listeners.forEach((listener) => listener());
+  }
+  function observe(value, settle2) {
+    if (value.geometry.viewportSize <= 0) return;
+    geometry = value.geometry;
+    const pages = createCarouselPages(geometry);
+    const page = findCarouselPage(pages, geometry.currentOffset);
+    if (!page || geometry.viewportSize <= 0) return;
+    const previousIndex = snapshot.index;
+    const changed = snapshot.ready && previousIndex !== page.index;
+    const detail = changed && settle2 && !silent ? { previousIndex, index: page.index, reason } : null;
+    publish({
+      ...snapshot,
+      ready: true,
+      pages,
+      visibleIndices: value.visibleIndices,
+      index: settle2 ? page.index : snapshot.index,
+      atStart: page.index === pages[0]?.index,
+      atEnd: page.index === pages.at(-1)?.index,
+      ...settle2 ? { moving: false, requestedIndex: null, settledChange: detail ?? snapshot.settledChange } : {}
+    });
+    if (settle2) {
+      activeId = slides()[page.index]?.id;
+      if (detail) {
+        if (reason !== "controlled") options.onSelect?.(page.index, detail);
+        options.afterChange?.(detail);
+        if (reason === "drag" || touch) options.onSwipe?.(detail);
+      }
+      touch = false;
+      silent = false;
+      reason = "scroll";
+    }
+  }
+  function measure(receive) {
+    const request2 = ++token;
+    observer.measure((value) => {
+      if (!destroyed && request2 === token) receive(value);
+    });
+  }
+  function request(index, why, quiet = false) {
+    if (destroyed || !Number.isInteger(index) || index < 0) return;
+    const previousRequested = snapshot.requestedIndex;
+    touch = false;
+    touchActive = false;
+    reason = why;
+    silent = quiet;
+    publish({ ...snapshot, requestedIndex: index, moving: true });
+    measure((value) => {
+      observe(value, false);
+      const target = snapshot.pages.filter((page) => page.index <= index).at(-1) ?? snapshot.pages[0];
+      if (!target) return;
+      const delta = target.offset - value.geometry.currentOffset;
+      if (Math.abs(delta) <= 1) {
+        observe(value, true);
+        return;
+      }
+      publish({ ...snapshot, requestedIndex: target.index });
+      if (!quiet && previousRequested !== target.index)
+        options.beforeChange?.({ previousIndex: snapshot.index, index: target.index, reason: why });
+      viewport.scrollBy(
+        value.geometry.physicalAxis === "x" ? { left: delta * value.geometry.sign, behavior: "auto" } : { top: delta * value.geometry.sign, behavior: "auto" }
+      );
+    });
+  }
+  function step(direction, why) {
+    const pages = snapshot.pages;
+    const position = pages.findIndex(
+      (page) => page.index === (snapshot.requestedIndex ?? snapshot.index)
+    );
+    let next = position + direction;
+    if (options.rewind) next = (next + pages.length) % pages.length;
+    const target = pages[Math.max(0, Math.min(pages.length - 1, next))];
+    if (target) request(target.index, why);
+  }
+  function refresh() {
+    if (destroyed) return;
+    const currentSlides = slides();
+    for (const slide of resizedSlides) {
+      if (!currentSlides.includes(slide)) {
+        resize.unobserve(slide);
+        resizedSlides.delete(slide);
+      }
+    }
+    for (const slide of currentSlides) {
+      if (!resizedSlides.has(slide)) {
+        resizedSlides.add(slide);
+        resize.observe(slide);
+      }
+    }
+    const wasReady = snapshot.ready;
+    const oldId = activeId;
+    measure((value) => {
+      if (!wasReady) silent = true;
+      observe(value, false);
+      if (!snapshot.ready) return;
+      const retained = oldId ? slides().findIndex((node) => node.id === oldId) : -1;
+      const target = options.value ?? (wasReady ? Math.max(0, retained < 0 ? snapshot.index : retained) : options.defaultValue);
+      const hasFragment = slides().some(
+        (node) => `#${encodeURIComponent(node.id)}` === root.ownerDocument.defaultView?.location.hash
+      );
+      if (!wasReady && options.value === void 0 && (value.geometry.currentOffset > 1 || hasFragment) || target === findCarouselPage(snapshot.pages, value.geometry.currentOffset)?.index)
+        observe(value, true);
+      else request(target, wasReady ? "items" : "controlled", !wasReady);
+    });
+  }
+  const scroll = () => {
+    if (touchActive) touch = true;
+    if (!snapshot.moving) publish({ ...snapshot, moving: true });
+  };
+  const touchStart = (event) => {
+    if (event.target instanceof Element && event.target.closest("[data-uiify-carousel]") === root) {
+      touchActive = true;
+      touch = false;
+    }
+  };
+  const touchEnd = () => {
+    touchActive = false;
+  };
+  const settle = () => {
+    measure((value) => observe(value, true));
+  };
+  const pointer = (event) => {
+    if (event.target instanceof Element && event.target.closest("[data-uiify-carousel]") !== root)
+      return;
+    if (snapshot.moving) {
+      ++token;
+      reason = "scroll";
+      silent = false;
+      publish({ ...snapshot, requestedIndex: null });
+    }
+  };
+  viewport.addEventListener("scroll", scroll);
+  viewport.addEventListener("scrollend", settle);
+  viewport.addEventListener("pointerdown", pointer);
+  viewport.addEventListener("touchstart", touchStart, { passive: true });
+  viewport.addEventListener("touchend", touchEnd, { passive: true });
+  viewport.addEventListener("touchcancel", touchEnd, { passive: true });
+  const resize = new ResizeObserver(refresh);
+  resize.observe(viewport);
+  const controller = {
+    getSnapshot: () => snapshot,
+    getGeometry: () => geometry,
+    subscribe(listener) {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    },
+    goTo: request,
+    next: (why) => step(1, why),
+    previous: (why) => step(-1, why),
+    setInteracting(active) {
+      if (destroyed) return;
+      publish({ ...snapshot, interacting: active });
+    },
+    update(next) {
+      options = next;
+      if (snapshot.ready && next.value !== void 0 && next.value !== snapshot.index)
+        request(next.value, "controlled");
+    },
+    refresh,
+    destroy() {
+      destroyed = true;
+      token++;
+      observer.destroy();
+      resize.disconnect();
+      detach();
+      listeners.clear();
+      viewport.removeEventListener("scroll", scroll);
+      viewport.removeEventListener("scrollend", settle);
+      viewport.removeEventListener("pointerdown", pointer);
+      viewport.removeEventListener("touchstart", touchStart);
+      viewport.removeEventListener("touchend", touchEnd);
+      viewport.removeEventListener("touchcancel", touchEnd);
+    }
+  };
+  const detach = attachCarouselCommands(root, {
+    next: () => controller.next("command"),
+    previous: () => controller.previous("command")
+  });
+  refresh();
+  return controller;
+}
+export {
+  createCarouselController
+};
+//# sourceMappingURL=carousel-controller.js.map

package/dist/components/carousel/client/carousel-controller.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/carousel/client/carousel-controller.ts"],"sourcesContent":["import { createCarouselPages, findCarouselPage } from \"../carousel-pages.js\";\nimport { attachCarouselCommands } from \"../commands.js\";\nimport type {\n  CarouselController,\n  CarouselControllerOptions,\n  CarouselGeometry,\n  CarouselObservation,\n  CarouselReason,\n  CarouselSnapshot,\n} from \"../types.js\";\nimport { observeCarousel } from \"./carousel-observer.js\";\n\nexport function createCarouselController(\n  root: HTMLElement,\n  initialOptions: CarouselControllerOptions,\n): CarouselController {\n  const viewport = root.querySelector<HTMLElement>(\":scope > [data-uiify-carousel-viewport]\");\n  if (!viewport) throw new Error(\"Carousel viewport is missing\");\n  const observer = observeCarousel(root);\n  const listeners = new Set<() => void>();\n  let options = initialOptions;\n  let geometry: CarouselGeometry | undefined;\n  let snapshot: CarouselSnapshot = {\n    ready: false,\n    index: 0,\n    requestedIndex: null,\n    settledChange: null,\n    pages: [],\n    visibleIndices: [],\n    atStart: true,\n    atEnd: true,\n    moving: false,\n    interacting: false,\n  };\n  let destroyed = false;\n  let token = 0;\n  let reason: CarouselReason = \"scroll\";\n  let silent = false;\n  let activeId: string | undefined;\n  let touch = false;\n  let touchActive = false;\n  const resizedSlides = new Set<Element>();\n  const slides = () =>\n    Array.from(viewport.children).filter((node) => node.hasAttribute(\"data-uiify-carousel-slide\"));\n  function publish(next: CarouselSnapshot) {\n    if (JSON.stringify(snapshot) === JSON.stringify(next)) return;\n    snapshot = next;\n    listeners.forEach((listener) => listener());\n  }\n  function observe(value: CarouselObservation, settle: boolean) {\n    if (value.geometry.viewportSize <= 0) return;\n    geometry = value.geometry;\n    const pages = createCarouselPages(geometry);\n    const page = findCarouselPage(pages, geometry.currentOffset);\n    if (!page || geometry.viewportSize <= 0) return;\n    const previousIndex = snapshot.index;\n    const changed = snapshot.ready && previousIndex !== page.index;\n    const detail =\n      changed && settle && !silent ? { previousIndex, index: page.index, reason } : null;\n    publish({\n      ...snapshot,\n      ready: true,\n      pages,\n      visibleIndices: value.visibleIndices,\n      index: settle ? page.index : snapshot.index,\n      atStart: page.index === pages[0]?.index,\n      atEnd: page.index === pages.at(-1)?.index,\n      ...(settle\n        ? { moving: false, requestedIndex: null, settledChange: detail ?? snapshot.settledChange }\n        : {}),\n    });\n    if (settle) {\n      activeId = slides()[page.index]?.id;\n      if (detail) {\n        if (reason !== \"controlled\") options.onSelect?.(page.index, detail);\n        options.afterChange?.(detail);\n        if (reason === \"drag\" || touch) options.onSwipe?.(detail);\n      }\n      touch = false;\n      silent = false;\n      reason = \"scroll\";\n    }\n  }\n  function measure(receive: (value: CarouselObservation) => void) {\n    const request = ++token;\n    observer.measure((value) => {\n      if (!destroyed && request === token) receive(value);\n    });\n  }\n  function request(index: number, why: CarouselReason, quiet = false) {\n    if (destroyed || !Number.isInteger(index) || index < 0) return;\n    const previousRequested = snapshot.requestedIndex;\n    touch = false;\n    touchActive = false;\n    reason = why;\n    silent = quiet;\n    publish({ ...snapshot, requestedIndex: index, moving: true });\n    measure((value) => {\n      observe(value, false);\n      const target =\n        snapshot.pages.filter((page) => page.index <= index).at(-1) ?? snapshot.pages[0];\n      if (!target) return;\n      const delta = target.offset - value.geometry.currentOffset;\n      if (Math.abs(delta) <= 1) {\n        observe(value, true);\n        return;\n      }\n      publish({ ...snapshot, requestedIndex: target.index });\n      if (!quiet && previousRequested !== target.index)\n        options.beforeChange?.({ previousIndex: snapshot.index, index: target.index, reason: why });\n      viewport!.scrollBy(\n        value.geometry.physicalAxis === \"x\"\n          ? { left: delta * value.geometry.sign, behavior: \"auto\" }\n          : { top: delta * value.geometry.sign, behavior: \"auto\" },\n      );\n    });\n  }\n  function step(direction: 1 | -1, why: CarouselReason) {\n    const pages = snapshot.pages;\n    const position = pages.findIndex(\n      (page) => page.index === (snapshot.requestedIndex ?? snapshot.index),\n    );\n    let next = position + direction;\n    if (options.rewind) next = (next + pages.length) % pages.length;\n    const target = pages[Math.max(0, Math.min(pages.length - 1, next))];\n    if (target) request(target.index, why);\n  }\n  function refresh() {\n    if (destroyed) return;\n    const currentSlides = slides();\n    for (const slide of resizedSlides) {\n      if (!currentSlides.includes(slide)) {\n        resize.unobserve(slide);\n        resizedSlides.delete(slide);\n      }\n    }\n    for (const slide of currentSlides) {\n      if (!resizedSlides.has(slide)) {\n        resizedSlides.add(slide);\n        resize.observe(slide);\n      }\n    }\n    const wasReady = snapshot.ready;\n    const oldId = activeId;\n    measure((value) => {\n      if (!wasReady) silent = true;\n      observe(value, false);\n      if (!snapshot.ready) return;\n      const retained = oldId ? slides().findIndex((node) => node.id === oldId) : -1;\n      const target =\n        options.value ??\n        (wasReady ? Math.max(0, retained < 0 ? snapshot.index : retained) : options.defaultValue);\n      const hasFragment = slides().some(\n        (node) =>\n          `#${encodeURIComponent(node.id)}` === root.ownerDocument.defaultView?.location.hash,\n      );\n      if (\n        (!wasReady &&\n          options.value === undefined &&\n          (value.geometry.currentOffset > 1 || hasFragment)) ||\n        target === findCarouselPage(snapshot.pages, value.geometry.currentOffset)?.index\n      )\n        observe(value, true);\n      else request(target, wasReady ? \"items\" : \"controlled\", !wasReady);\n    });\n  }\n  const scroll = () => {\n    if (touchActive) touch = true;\n    if (!snapshot.moving) publish({ ...snapshot, moving: true });\n  };\n  // Native touch events continue after pointercancel when the browser takes over scrolling.\n  const touchStart = (event: TouchEvent) => {\n    if (event.target instanceof Element && event.target.closest(\"[data-uiify-carousel]\") === root) {\n      touchActive = true;\n      touch = false;\n    }\n  };\n  const touchEnd = () => {\n    touchActive = false;\n  };\n  const settle = () => {\n    measure((value) => observe(value, true));\n  };\n  const pointer = (event: PointerEvent) => {\n    if (event.target instanceof Element && event.target.closest(\"[data-uiify-carousel]\") !== root)\n      return;\n    if (snapshot.moving) {\n      ++token;\n      reason = \"scroll\";\n      silent = false;\n      publish({ ...snapshot, requestedIndex: null });\n    }\n  };\n  viewport.addEventListener(\"scroll\", scroll);\n  viewport.addEventListener(\"scrollend\", settle);\n  viewport.addEventListener(\"pointerdown\", pointer);\n  viewport.addEventListener(\"touchstart\", touchStart, { passive: true });\n  viewport.addEventListener(\"touchend\", touchEnd, { passive: true });\n  viewport.addEventListener(\"touchcancel\", touchEnd, { passive: true });\n  const resize = new ResizeObserver(refresh);\n  resize.observe(viewport);\n  const controller: CarouselController = {\n    getSnapshot: () => snapshot,\n    getGeometry: () => geometry,\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n      };\n    },\n    goTo: request,\n    next: (why) => step(1, why),\n    previous: (why) => step(-1, why),\n    setInteracting(active) {\n      if (destroyed) return;\n      publish({ ...snapshot, interacting: active });\n    },\n    update(next) {\n      options = next;\n      if (snapshot.ready && next.value !== undefined && next.value !== snapshot.index)\n        request(next.value, \"controlled\");\n    },\n    refresh,\n    destroy() {\n      destroyed = true;\n      token++;\n      observer.destroy();\n      resize.disconnect();\n      detach();\n      listeners.clear();\n      viewport.removeEventListener(\"scroll\", scroll);\n      viewport.removeEventListener(\"scrollend\", settle);\n      viewport.removeEventListener(\"pointerdown\", pointer);\n      viewport.removeEventListener(\"touchstart\", touchStart);\n      viewport.removeEventListener(\"touchend\", touchEnd);\n      viewport.removeEventListener(\"touchcancel\", touchEnd);\n    },\n  };\n  const detach = attachCarouselCommands(root, {\n    next: () => controller.next(\"command\"),\n    previous: () => controller.previous(\"command\"),\n  });\n  refresh();\n  return controller;\n}\n"],"mappings":"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","names":["settle","request"]}

package/dist/components/carousel/client/carousel-controls.d.ts

@@ -0,0 +1,6 @@
+import type { CarouselAutoplayController, CarouselController } from "../types.js";
+/** Keep a focused dot addressable, including duplicate end-page dots awaiting removal. */
+export declare function attachCarouselFocus(root: HTMLElement, receive: (preserve: boolean) => void): () => void;
+/** Delegate only this carousel's own controls; ordinary links keep browser behavior. */
+export declare function attachCarouselControls(root: HTMLElement, controller: CarouselController, autoplay?: CarouselAutoplayController): () => void;
+//# sourceMappingURL=carousel-controls.d.ts.map

package/dist/components/carousel/client/carousel-controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-controls.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/client/carousel-controls.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAElF,0FAA0F;AAC1F,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,GACnC,MAAM,IAAI,CAiBZ;AAED,wFAAwF;AACxF,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,WAAW,EACjB,UAAU,EAAE,kBAAkB,EAC9B,QAAQ,CAAC,EAAE,0BAA0B,GACpC,MAAM,IAAI,CAuDZ"}

package/dist/components/carousel/client/carousel-controls.js

@@ -0,0 +1,57 @@
+function attachCarouselFocus(root, receive) {
+  function preserve(target) {
+    receive(
+      target instanceof Element && target.closest("[data-uiify-carousel]") === root && target.closest("[data-uiify-carousel-dot]") !== null
+    );
+  }
+  const focusIn = (event) => preserve(event.target);
+  const focusOut = (event) => preserve(event.relatedTarget);
+  preserve(root.ownerDocument.activeElement);
+  root.addEventListener("focusin", focusIn);
+  root.addEventListener("focusout", focusOut);
+  return () => {
+    root.removeEventListener("focusin", focusIn);
+    root.removeEventListener("focusout", focusOut);
+  };
+}
+function attachCarouselControls(root, controller, autoplay) {
+  function click(event) {
+    if (event.defaultPrevented || event.button !== 0 || event.altKey || event.ctrlKey || event.metaKey || event.shiftKey || !controller.getSnapshot().ready || !(event.target instanceof Element) || event.target.closest("[data-uiify-carousel]") !== root)
+      return;
+    const control = event.target.closest(
+      "[data-carousel-action], [data-uiify-carousel-dot]"
+    );
+    if (!control || !root.contains(control)) return;
+    if (control instanceof HTMLButtonElement) {
+      if (control.disabled) return;
+      switch (control.dataset.carouselAction) {
+        case "previous":
+          controller.previous("previous");
+          break;
+        case "next":
+          controller.next("next");
+          break;
+        case "rotation":
+          if (autoplay?.getSnapshot().requested) autoplay.stop();
+          else autoplay?.start();
+          break;
+      }
+      return;
+    }
+    if (!(control instanceof HTMLAnchorElement) || control.hasAttribute("download") || control.target !== "" && control.target !== "_self")
+      return;
+    const index = Number(control.dataset.carouselIndex);
+    const slide = root.querySelector(":scope > [data-uiify-carousel-viewport]")?.children[index];
+    if (!Number.isInteger(index) || index < 0 || !slide || control.getAttribute("href") !== `#${encodeURIComponent(slide.id)}`)
+      return;
+    event.preventDefault();
+    controller.goTo(index, "dot");
+  }
+  root.addEventListener("click", click);
+  return () => root.removeEventListener("click", click);
+}
+export {
+  attachCarouselControls,
+  attachCarouselFocus
+};
+//# sourceMappingURL=carousel-controls.js.map

package/dist/components/carousel/client/carousel-controls.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/carousel/client/carousel-controls.ts"],"sourcesContent":["import type { CarouselAutoplayController, CarouselController } from \"../types.js\";\n\n/** Keep a focused dot addressable, including duplicate end-page dots awaiting removal. */\nexport function attachCarouselFocus(\n  root: HTMLElement,\n  receive: (preserve: boolean) => void,\n): () => void {\n  function preserve(target: EventTarget | null) {\n    receive(\n      target instanceof Element &&\n        target.closest(\"[data-uiify-carousel]\") === root &&\n        target.closest(\"[data-uiify-carousel-dot]\") !== null,\n    );\n  }\n  const focusIn = (event: FocusEvent) => preserve(event.target);\n  const focusOut = (event: FocusEvent) => preserve(event.relatedTarget);\n  preserve(root.ownerDocument.activeElement);\n  root.addEventListener(\"focusin\", focusIn);\n  root.addEventListener(\"focusout\", focusOut);\n  return () => {\n    root.removeEventListener(\"focusin\", focusIn);\n    root.removeEventListener(\"focusout\", focusOut);\n  };\n}\n\n/** Delegate only this carousel's own controls; ordinary links keep browser behavior. */\nexport function attachCarouselControls(\n  root: HTMLElement,\n  controller: CarouselController,\n  autoplay?: CarouselAutoplayController,\n): () => void {\n  function click(event: MouseEvent) {\n    if (\n      event.defaultPrevented ||\n      event.button !== 0 ||\n      event.altKey ||\n      event.ctrlKey ||\n      event.metaKey ||\n      event.shiftKey ||\n      !controller.getSnapshot().ready ||\n      !(event.target instanceof Element) ||\n      event.target.closest(\"[data-uiify-carousel]\") !== root\n    )\n      return;\n    const control = event.target.closest<HTMLElement>(\n      \"[data-carousel-action], [data-uiify-carousel-dot]\",\n    );\n    if (!control || !root.contains(control)) return;\n    if (control instanceof HTMLButtonElement) {\n      if (control.disabled) return;\n      switch (control.dataset.carouselAction) {\n        case \"previous\":\n          controller.previous(\"previous\");\n          break;\n        case \"next\":\n          controller.next(\"next\");\n          break;\n        case \"rotation\":\n          if (autoplay?.getSnapshot().requested) autoplay.stop();\n          else autoplay?.start();\n          break;\n      }\n      return;\n    }\n    if (\n      !(control instanceof HTMLAnchorElement) ||\n      control.hasAttribute(\"download\") ||\n      (control.target !== \"\" && control.target !== \"_self\")\n    )\n      return;\n    const index = Number(control.dataset.carouselIndex);\n    const slide = root.querySelector<HTMLElement>(\":scope > [data-uiify-carousel-viewport]\")\n      ?.children[index];\n    if (\n      !Number.isInteger(index) ||\n      index < 0 ||\n      !slide ||\n      control.getAttribute(\"href\") !== `#${encodeURIComponent(slide.id)}`\n    )\n      return;\n    event.preventDefault();\n    controller.goTo(index, \"dot\");\n  }\n  root.addEventListener(\"click\", click);\n  return () => root.removeEventListener(\"click\", click);\n}\n"],"mappings":"AAGO,SAAS,oBACd,MACA,SACY;AACZ,WAAS,SAAS,QAA4B;AAC5C;AAAA,MACE,kBAAkB,WAChB,OAAO,QAAQ,uBAAuB,MAAM,QAC5C,OAAO,QAAQ,2BAA2B,MAAM;AAAA,IACpD;AAAA,EACF;AACA,QAAM,UAAU,CAAC,UAAsB,SAAS,MAAM,MAAM;AAC5D,QAAM,WAAW,CAAC,UAAsB,SAAS,MAAM,aAAa;AACpE,WAAS,KAAK,cAAc,aAAa;AACzC,OAAK,iBAAiB,WAAW,OAAO;AACxC,OAAK,iBAAiB,YAAY,QAAQ;AAC1C,SAAO,MAAM;AACX,SAAK,oBAAoB,WAAW,OAAO;AAC3C,SAAK,oBAAoB,YAAY,QAAQ;AAAA,EAC/C;AACF;AAGO,SAAS,uBACd,MACA,YACA,UACY;AACZ,WAAS,MAAM,OAAmB;AAChC,QACE,MAAM,oBACN,MAAM,WAAW,KACjB,MAAM,UACN,MAAM,WACN,MAAM,WACN,MAAM,YACN,CAAC,WAAW,YAAY,EAAE,SAC1B,EAAE,MAAM,kBAAkB,YAC1B,MAAM,OAAO,QAAQ,uBAAuB,MAAM;AAElD;AACF,UAAM,UAAU,MAAM,OAAO;AAAA,MAC3B;AAAA,IACF;AACA,QAAI,CAAC,WAAW,CAAC,KAAK,SAAS,OAAO,EAAG;AACzC,QAAI,mBAAmB,mBAAmB;AACxC,UAAI,QAAQ,SAAU;AACtB,cAAQ,QAAQ,QAAQ,gBAAgB;AAAA,QACtC,KAAK;AACH,qBAAW,SAAS,UAAU;AAC9B;AAAA,QACF,KAAK;AACH,qBAAW,KAAK,MAAM;AACtB;AAAA,QACF,KAAK;AACH,cAAI,UAAU,YAAY,EAAE,UAAW,UAAS,KAAK;AAAA,cAChD,WAAU,MAAM;AACrB;AAAA,MACJ;AACA;AAAA,IACF;AACA,QACE,EAAE,mBAAmB,sBACrB,QAAQ,aAAa,UAAU,KAC9B,QAAQ,WAAW,MAAM,QAAQ,WAAW;AAE7C;AACF,UAAM,QAAQ,OAAO,QAAQ,QAAQ,aAAa;AAClD,UAAM,QAAQ,KAAK,cAA2B,yCAAyC,GACnF,SAAS,KAAK;AAClB,QACE,CAAC,OAAO,UAAU,KAAK,KACvB,QAAQ,KACR,CAAC,SACD,QAAQ,aAAa,MAAM,MAAM,IAAI,mBAAmB,MAAM,EAAE,CAAC;AAEjE;AACF,UAAM,eAAe;AACrB,eAAW,KAAK,OAAO,KAAK;AAAA,EAC9B;AACA,OAAK,iBAAiB,SAAS,KAAK;AACpC,SAAO,MAAM,KAAK,oBAAoB,SAAS,KAAK;AACtD;","names":[]}

package/dist/components/carousel/client/carousel-drag.d.ts

@@ -0,0 +1,4 @@
+import type { CarouselController } from "../types.js";
+/** Adds optional mouse dragging without intercepting touch, pen, wheel, or pre-intent selection. */
+export declare function attachCarouselDrag(root: HTMLElement, controller: CarouselController): () => void;
+//# sourceMappingURL=carousel-drag.d.ts.map

package/dist/components/carousel/client/carousel-drag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-drag.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/client/carousel-drag.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAoB,MAAM,aAAa,CAAC;AAsCxE,oGAAoG;AACpG,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,kBAAkB,GAAG,MAAM,IAAI,CAqIhG"}