@zag-js/slider 0.2.12 → 0.2.14

package/dist/chunk-5XVLG734.mjs

@@ -1,460 +0,0 @@
-import {
-  hasProp,
-  isIos,
-  isLeftClick,
-  isMouseEvent,
-  isObject,
-  isTouchEvent,
-  supportsMouseEvent,
-  supportsPointerEvent,
-  supportsTouchEvent
-} from "./chunk-3UP6QL6A.mjs";
-import {
-  dom
-} from "./chunk-55KEN77D.mjs";
-import {
-  constrainValue,
-  decrement,
-  increment
-} from "./chunk-YGFSMEUO.mjs";
-
-// src/slider.machine.ts
-import { createMachine } from "@zag-js/core";
-
-// ../../utilities/core/src/functions.ts
-var runIfFn = (v, ...a) => {
-  const res = typeof v === "function" ? v(...a) : v;
-  return res ?? void 0;
-};
-var callAll = (...fns) => (...a) => {
-  fns.forEach(function(fn) {
-    fn?.(...a);
-  });
-};
-
-// ../../utilities/core/src/object.ts
-function compact(obj) {
-  if (obj === void 0)
-    return obj;
-  return Object.fromEntries(
-    Object.entries(obj).filter(([, value]) => value !== void 0).map(([key, value]) => [key, isObject(value) ? compact(value) : value])
-  );
-}
-
-// ../../utilities/dom/src/listener.ts
-var isRef = (v) => hasProp(v, "current");
-var fallback = { pageX: 0, pageY: 0, clientX: 0, clientY: 0 };
-function extractInfo(event, type = "page") {
-  const point = isTouchEvent(event) ? event.touches[0] || event.changedTouches[0] || fallback : event;
-  return {
-    point: {
-      x: point[`${type}X`],
-      y: point[`${type}Y`]
-    }
-  };
-}
-function addDomEvent(target, eventName, handler, options) {
-  const node = isRef(target) ? target.current : runIfFn(target);
-  node?.addEventListener(eventName, handler, options);
-  return () => {
-    node?.removeEventListener(eventName, handler, options);
-  };
-}
-function addPointerEvent(target, event, listener, options) {
-  const type = getEventName(event) ?? event;
-  return addDomEvent(target, type, wrapHandler(listener, event === "pointerdown"), options);
-}
-function wrapHandler(fn, filter = false) {
-  const listener = (event) => {
-    fn(event, extractInfo(event));
-  };
-  return filter ? filterPrimaryPointer(listener) : listener;
-}
-function filterPrimaryPointer(fn) {
-  return (event) => {
-    const win = event.view ?? window;
-    const isMouseEvent2 = event instanceof win.MouseEvent;
-    const isPrimary = !isMouseEvent2 || isMouseEvent2 && event.button === 0;
-    if (isPrimary)
-      fn(event);
-  };
-}
-var mouseEventNames = {
-  pointerdown: "mousedown",
-  pointermove: "mousemove",
-  pointerup: "mouseup",
-  pointercancel: "mousecancel",
-  pointerover: "mouseover",
-  pointerout: "mouseout",
-  pointerenter: "mouseenter",
-  pointerleave: "mouseleave"
-};
-var touchEventNames = {
-  pointerdown: "touchstart",
-  pointermove: "touchmove",
-  pointerup: "touchend",
-  pointercancel: "touchcancel"
-};
-function getEventName(evt) {
-  if (supportsPointerEvent())
-    return evt;
-  if (supportsTouchEvent())
-    return touchEventNames[evt];
-  if (supportsMouseEvent())
-    return mouseEventNames[evt];
-  return evt;
-}
-
-// ../../utilities/dom/src/mutation-observer.ts
-function observeAttributes(node, attributes, fn) {
-  if (!node)
-    return;
-  const attrs = Array.isArray(attributes) ? attributes : [attributes];
-  const win = node.ownerDocument.defaultView || window;
-  const obs = new win.MutationObserver((changes) => {
-    for (const change of changes) {
-      if (change.type === "attributes" && change.attributeName && attrs.includes(change.attributeName)) {
-        fn(change);
-      }
-    }
-  });
-  obs.observe(node, { attributes: true, attributeFilter: attrs });
-  return () => obs.disconnect();
-}
-
-// ../../utilities/dom/src/next-tick.ts
-function nextTick(fn) {
-  const set = /* @__PURE__ */ new Set();
-  function raf2(fn2) {
-    const id = globalThis.requestAnimationFrame(fn2);
-    set.add(() => globalThis.cancelAnimationFrame(id));
-  }
-  raf2(() => raf2(fn));
-  return function cleanup() {
-    set.forEach(function(fn2) {
-      fn2();
-    });
-  };
-}
-function raf(fn) {
-  const id = globalThis.requestAnimationFrame(fn);
-  return function cleanup() {
-    globalThis.cancelAnimationFrame(id);
-  };
-}
-
-// ../../utilities/dom/src/text-selection.ts
-var state = "default";
-var savedUserSelect = "";
-var modifiedElementMap = /* @__PURE__ */ new WeakMap();
-function disableTextSelection({ target, doc } = {}) {
-  const _document = doc ?? document;
-  if (isIos()) {
-    if (state === "default") {
-      savedUserSelect = _document.documentElement.style.webkitUserSelect;
-      _document.documentElement.style.webkitUserSelect = "none";
-    }
-    state = "disabled";
-  } else if (target) {
-    modifiedElementMap.set(target, target.style.userSelect);
-    target.style.userSelect = "none";
-  }
-  return () => restoreTextSelection({ target, doc: _document });
-}
-function restoreTextSelection({ target, doc } = {}) {
-  const _document = doc ?? document;
-  if (isIos()) {
-    if (state !== "disabled")
-      return;
-    state = "restoring";
-    setTimeout(() => {
-      nextTick(() => {
-        if (state === "restoring") {
-          if (_document.documentElement.style.webkitUserSelect === "none") {
-            _document.documentElement.style.webkitUserSelect = savedUserSelect || "";
-          }
-          savedUserSelect = "";
-          state = "default";
-        }
-      });
-    }, 300);
-  } else {
-    if (target && modifiedElementMap.has(target)) {
-      let targetOldUserSelect = modifiedElementMap.get(target);
-      if (target.style.userSelect === "none") {
-        target.style.userSelect = targetOldUserSelect ?? "";
-      }
-      if (target.getAttribute("style") === "") {
-        target.removeAttribute("style");
-      }
-      modifiedElementMap.delete(target);
-    }
-  }
-}
-
-// ../../utilities/dom/src/pointer-event.ts
-var THRESHOLD = 5;
-function trackPointerMove(doc, opts) {
-  const { onPointerMove, onPointerUp } = opts;
-  const handlePointerMove = (event, info) => {
-    const { point: p } = info;
-    const distance = Math.sqrt(p.x ** 2 + p.y ** 2);
-    if (distance < THRESHOLD)
-      return;
-    if (isMouseEvent(event) && isLeftClick(event)) {
-      onPointerUp();
-      return;
-    }
-    onPointerMove(info, event);
-  };
-  return callAll(
-    addPointerEvent(doc, "pointermove", handlePointerMove, false),
-    addPointerEvent(doc, "pointerup", onPointerUp, false),
-    addPointerEvent(doc, "pointercancel", onPointerUp, false),
-    addPointerEvent(doc, "contextmenu", onPointerUp, false),
-    disableTextSelection({ doc })
-  );
-}
-
-// src/slider.machine.ts
-import { trackElementSize } from "@zag-js/element-size";
-
-// ../../utilities/form-utils/src/form.ts
-function getClosestForm(el) {
-  if (isFormElement(el))
-    return el.form;
-  else
-    return el.closest("form");
-}
-function isFormElement(el) {
-  return el.matches("textarea, input, select, button");
-}
-function trackFormReset(el, callback) {
-  if (!el)
-    return;
-  const form = getClosestForm(el);
-  form?.addEventListener("reset", callback, { passive: true });
-  return () => {
-    form?.removeEventListener("reset", callback);
-  };
-}
-function trackFieldsetDisabled(el, callback) {
-  const fieldset = el?.closest("fieldset");
-  if (!fieldset)
-    return;
-  callback(fieldset.disabled);
-  return observeAttributes(fieldset, ["disabled"], () => callback(fieldset.disabled));
-}
-function trackFormControl(el, options) {
-  if (!el)
-    return;
-  const { onFieldsetDisabled, onFormReset } = options;
-  const cleanups = [
-    trackFormReset(el, onFormReset),
-    trackFieldsetDisabled(el, (disabled) => {
-      if (disabled)
-        onFieldsetDisabled();
-    })
-  ];
-  return () => {
-    cleanups.forEach((cleanup) => cleanup?.());
-  };
-}
-
-// src/slider.machine.ts
-import { clampValue, getValuePercent } from "@zag-js/numeric-range";
-function machine(userContext) {
-  const ctx = compact(userContext);
-  return createMachine(
-    {
-      id: "slider",
-      initial: "idle",
-      context: {
-        thumbSize: null,
-        thumbAlignment: "contain",
-        disabled: false,
-        threshold: 5,
-        dir: "ltr",
-        origin: "start",
-        orientation: "horizontal",
-        initialValue: null,
-        value: 0,
-        step: 1,
-        min: 0,
-        max: 100,
-        ...ctx
-      },
-      computed: {
-        isHorizontal: (ctx2) => ctx2.orientation === "horizontal",
-        isVertical: (ctx2) => ctx2.orientation === "vertical",
-        isRtl: (ctx2) => ctx2.orientation === "horizontal" && ctx2.dir === "rtl",
-        isInteractive: (ctx2) => !(ctx2.disabled || ctx2.readOnly),
-        hasMeasuredThumbSize: (ctx2) => ctx2.thumbSize !== null,
-        valuePercent: (ctx2) => 100 * getValuePercent(ctx2.value, ctx2.min, ctx2.max)
-      },
-      watch: {
-        value: ["invokeOnChange", "dispatchChangeEvent"]
-      },
-      activities: ["trackFormControlState", "trackThumbSize"],
-      on: {
-        SET_VALUE: {
-          actions: "setValue"
-        },
-        INCREMENT: {
-          actions: "increment"
-        },
-        DECREMENT: {
-          actions: "decrement"
-        }
-      },
-      entry: ["checkValue"],
-      states: {
-        idle: {
-          on: {
-            POINTER_DOWN: {
-              target: "dragging",
-              actions: ["setPointerValue", "invokeOnChangeStart", "focusThumb"]
-            },
-            FOCUS: "focus"
-          }
-        },
-        focus: {
-          entry: "focusThumb",
-          on: {
-            POINTER_DOWN: {
-              target: "dragging",
-              actions: ["setPointerValue", "invokeOnChangeStart", "focusThumb"]
-            },
-            ARROW_LEFT: {
-              guard: "isHorizontal",
-              actions: "decrement"
-            },
-            ARROW_RIGHT: {
-              guard: "isHorizontal",
-              actions: "increment"
-            },
-            ARROW_UP: {
-              guard: "isVertical",
-              actions: "increment"
-            },
-            ARROW_DOWN: {
-              guard: "isVertical",
-              actions: "decrement"
-            },
-            PAGE_UP: {
-              actions: "increment"
-            },
-            PAGE_DOWN: {
-              actions: "decrement"
-            },
-            HOME: {
-              actions: "setToMin"
-            },
-            END: {
-              actions: "setToMax"
-            },
-            BLUR: "idle"
-          }
-        },
-        dragging: {
-          entry: "focusThumb",
-          activities: "trackPointerMove",
-          on: {
-            POINTER_UP: {
-              target: "focus",
-              actions: "invokeOnChangeEnd"
-            },
-            POINTER_MOVE: {
-              actions: "setPointerValue"
-            }
-          }
-        }
-      }
-    },
-    {
-      guards: {
-        isHorizontal: (ctx2) => ctx2.isHorizontal,
-        isVertical: (ctx2) => ctx2.isVertical
-      },
-      activities: {
-        trackFormControlState(ctx2) {
-          return trackFormControl(dom.getHiddenInputEl(ctx2), {
-            onFieldsetDisabled() {
-              ctx2.disabled = true;
-            },
-            onFormReset() {
-              if (ctx2.initialValue != null) {
-                ctx2.value = ctx2.initialValue;
-              }
-            }
-          });
-        },
-        trackPointerMove(ctx2, _evt, { send }) {
-          return trackPointerMove(dom.getDoc(ctx2), {
-            onPointerMove(info) {
-              send({ type: "POINTER_MOVE", point: info.point });
-            },
-            onPointerUp() {
-              send("POINTER_UP");
-            }
-          });
-        },
-        trackThumbSize(ctx2, _evt) {
-          if (ctx2.thumbAlignment !== "contain")
-            return;
-          return trackElementSize(dom.getThumbEl(ctx2), (size) => {
-            if (size)
-              ctx2.thumbSize = size;
-          });
-        }
-      },
-      actions: {
-        checkValue(ctx2) {
-          const value = constrainValue(ctx2, ctx2.value);
-          ctx2.value = value;
-          ctx2.initialValue = value;
-        },
-        invokeOnChangeStart(ctx2) {
-          ctx2.onChangeStart?.({ value: ctx2.value });
-        },
-        invokeOnChangeEnd(ctx2) {
-          ctx2.onChangeEnd?.({ value: ctx2.value });
-        },
-        invokeOnChange(ctx2) {
-          ctx2.onChange?.({ value: ctx2.value });
-        },
-        dispatchChangeEvent(ctx2) {
-          dom.dispatchChangeEvent(ctx2);
-        },
-        setPointerValue(ctx2, evt) {
-          const value = dom.getValueFromPoint(ctx2, evt.point);
-          if (value == null)
-            return;
-          ctx2.value = clampValue(value, ctx2.min, ctx2.max);
-        },
-        focusThumb(ctx2) {
-          raf(() => dom.getThumbEl(ctx2)?.focus());
-        },
-        decrement(ctx2, evt) {
-          ctx2.value = decrement(ctx2, evt.step);
-        },
-        increment(ctx2, evt) {
-          ctx2.value = increment(ctx2, evt.step);
-        },
-        setToMin(ctx2) {
-          ctx2.value = ctx2.min;
-        },
-        setToMax(ctx2) {
-          ctx2.value = ctx2.max;
-        },
-        setValue(ctx2, evt) {
-          ctx2.value = constrainValue(ctx2, evt.value);
-        }
-      }
-    }
-  );
-}
-
-export {
-  machine
-};