@leavepulse/ui 0.94.1 → 0.95.0

package/dist/chunks/LpTooltip-BKde8Xjv.js

@@ -1,230 +0,0 @@
-import { defineComponent, ref, watch, onBeforeUnmount, useAttrs, computed, mergeProps, openBlock, createBlock, resolveDynamicComponent, unref, normalizeProps, guardReactiveProps, withCtx, createVNode, renderSlot, normalizeStyle, normalizeClass, createElementVNode, createTextVNode, toDisplayString } from "vue";
-import { clamp } from "../composables/clamp.js";
-import { injectTooltipProviderContext, TooltipProvider, TooltipRoot, TooltipTrigger, TooltipPortal, TooltipContent } from "reka-ui";
-import { springStep, springSettled } from "../composables/usePillTransition.js";
-import { PANEL_SURFACE, TOOLTIP_ANIM } from "../components/dropdown.js";
-import { useTouchHold } from "../composables/useTouchHold.js";
-import { prefersReducedMotion } from "../composables/easing.js";
-import { useView, viewWindow, usePortalTarget, useOutsideGuard } from "../composables/useView.js";
-import '../assets/LpTooltip-B61SYd4K.css';const HOLD_MS = 450;
-const EDGE = 8;
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{ inheritAttrs: false },
-  __name: "LpTooltip",
-  props: {
-    content: {},
-    sideOffset: {},
-    side: { default: "top" },
-    label: { type: Boolean },
-    delay: {},
-    showOnPointerFocus: { type: Boolean },
-    followCursor: { type: Boolean },
-    disabled: { type: Boolean },
-    touch: { default: "hold" }
-  },
-  setup(__props) {
-    const props = __props;
-    const shared = injectTooltipProviderContext(null);
-    const PassThrough = (_, { slots }) => slots.default?.();
-    const target = { x: 0, y: 0 };
-    const offset = ref({ x: 0, y: 0 });
-    const tipBody = ref(null);
-    function inView(x, y) {
-      const panel = tipBody.value?.parentElement;
-      if (!panel) return { x, y };
-      const rect = panel.getBoundingClientRect();
-      const win = panel.ownerDocument.defaultView ?? window;
-      return {
-        x: withinRoom(x, rect.left - offset.value.x, rect.width, win.innerWidth),
-        y: withinRoom(y, rect.top - offset.value.y, rect.height, win.innerHeight)
-      };
-    }
-    function withinRoom(value, placed, size, room) {
-      const min = EDGE - placed;
-      const max = room - EDGE - size - placed;
-      return max < min ? value : clamp(value, min, max);
-    }
-    let sx = { value: 0, velocity: 0 };
-    let sy = { value: 0, velocity: 0 };
-    let frame = 0;
-    let lastFrame = 0;
-    let pointer = null;
-    function stopSpring() {
-      if (frame) cancelAnimationFrame(frame);
-      frame = 0;
-      lastFrame = 0;
-    }
-    function jumpToTarget() {
-      stopSpring();
-      offset.value = { x: target.x, y: target.y };
-      sx = { value: target.x, velocity: 0 };
-      sy = { value: target.y, velocity: 0 };
-    }
-    const settle = (now) => {
-      const dt = lastFrame ? (now - lastFrame) / 1e3 : 1 / 60;
-      lastFrame = now;
-      frame = 0;
-      sx = springStep(sx, target.x, "float", dt);
-      sy = springStep(sy, target.y, "float", dt);
-      if (springSettled(sx, target.x) && springSettled(sy, target.y)) {
-        sx = { value: target.x, velocity: 0 };
-        sy = { value: target.y, velocity: 0 };
-        offset.value = { x: target.x, y: target.y };
-        lastFrame = 0;
-        return;
-      }
-      offset.value = { x: sx.value, y: sy.value };
-      frame = requestAnimationFrame(settle);
-    };
-    const onPointerMove = (e) => {
-      if (!props.followCursor) return;
-      const el = e.currentTarget;
-      if (!el) return;
-      pointer = { el, x: e.clientX, y: e.clientY };
-      follow();
-    };
-    function follow() {
-      if (!pointer) return;
-      const { el, x: clientX, y: clientY } = pointer;
-      const rect = el.getBoundingClientRect();
-      const halfX = props.side === "left" || props.side === "right" ? rect.width / 2 : 0;
-      const dirX = props.side === "right" ? -1 : 1;
-      target.x = clientX - (rect.left + rect.width / 2) + halfX * dirX;
-      const half = props.side === "top" || props.side === "bottom" ? rect.height / 2 : 0;
-      const dir = props.side === "bottom" ? -1 : 1;
-      target.y = clientY - (rect.top + rect.height / 2) + half * dir;
-      Object.assign(target, inView(target.x, target.y));
-      if (prefersReducedMotion()) {
-        jumpToTarget();
-        return;
-      }
-      if (!frame) frame = requestAnimationFrame(settle);
-    }
-    const open = ref(false);
-    const wanted = ref(false);
-    const heldOpen = ref(false);
-    const hold = useTouchHold({
-      enabled: () => props.touch === "hold" && !props.followCursor && !props.disabled,
-      delay: () => HOLD_MS,
-      onHold: () => {
-        heldOpen.value = true;
-        wanted.value = true;
-        open.value = true;
-      }
-    });
-    function release() {
-      heldOpen.value = false;
-      wanted.value = false;
-      open.value = false;
-    }
-    const onOpenChange = (next) => {
-      if (!next && heldOpen.value) return;
-      wanted.value = next;
-      open.value = next && !props.disabled;
-      if (!open.value || !props.followCursor) return;
-      jumpToTarget();
-    };
-    watch(
-      () => props.disabled,
-      (off) => {
-        if (off) {
-          hold.cancel();
-          heldOpen.value = false;
-          open.value = false;
-        } else if (wanted.value) open.value = true;
-      }
-    );
-    const view = useView();
-    watch(
-      () => open.value && props.followCursor,
-      (following, _, onCleanup) => {
-        if (!following) {
-          stopSpring();
-          return;
-        }
-        const win = viewWindow(view.value);
-        win.addEventListener("resize", follow);
-        onCleanup(() => win.removeEventListener("resize", follow));
-      }
-    );
-    watch(heldOpen, (held, _, onCleanup) => {
-      if (!held) return;
-      const win = viewWindow(view.value);
-      const onKey = (event) => event.key === "Escape" && release();
-      win.addEventListener("pointerdown", release, true);
-      win.addEventListener("keydown", onKey, true);
-      onCleanup(() => {
-        win.removeEventListener("pointerdown", release, true);
-        win.removeEventListener("keydown", onKey, true);
-      });
-    });
-    onBeforeUnmount(stopSpring);
-    const portalTo = usePortalTarget();
-    const guardOutside = useOutsideGuard();
-    const attrs = useAttrs();
-    const triggerAttrs = computed(() => mergeProps(attrs, hold.handlers));
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(unref(shared) ? PassThrough : unref(TooltipProvider)), normalizeProps(guardReactiveProps(unref(shared) ? {} : { delayDuration: __props.delay ?? 200 })), {
-        default: withCtx(() => [
-          createVNode(unref(TooltipRoot), {
-            open: open.value,
-            "delay-duration": __props.delay,
-            "ignore-non-keyboard-focus": !__props.showOnPointerFocus,
-            "disable-hoverable-content": __props.followCursor,
-            "disable-closing-trigger": __props.followCursor,
-            "onUpdate:open": onOpenChange
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(TooltipTrigger), mergeProps({ "as-child": "" }, triggerAttrs.value, {
-                "aria-label": __props.label ? __props.content : void 0,
-                class: __props.touch === "hold" && !__props.followCursor ? "[-webkit-touch-callout:none]" : void 0,
-                onPointermove: onPointerMove
-              }), {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "default")
-                ]),
-                _: 3
-              }, 16, ["aria-label", "class"]),
-              createVNode(unref(TooltipPortal), { to: unref(portalTo) }, {
-                default: withCtx(() => [
-                  createVNode(unref(TooltipContent), {
-                    onInteractOutside: unref(guardOutside),
-                    onEscapeKeyDown: unref(guardOutside),
-                    side: __props.side,
-                    "side-offset": __props.sideOffset ?? 6,
-                    "collision-padding": 8,
-                    "data-lp-follow": __props.followCursor ? "" : void 0,
-                    class: normalizeClass([
-                      unref(PANEL_SURFACE),
-                      unref(TOOLTIP_ANIM),
-                      "z-(--z-tooltip) max-w-[min(20rem,90vw)] px-2.5 py-1.5 text-xs text-ink"
-                    ]),
-                    style: normalizeStyle(__props.followCursor ? { translate: `${offset.value.x}px ${offset.value.y}px` } : void 0)
-                  }, {
-                    default: withCtx(() => [
-                      createElementVNode("div", {
-                        ref_key: "tipBody",
-                        ref: tipBody
-                      }, [
-                        renderSlot(_ctx.$slots, "content", {}, () => [
-                          createTextVNode(toDisplayString(__props.content), 1)
-                        ])
-                      ], 512)
-                    ]),
-                    _: 3
-                  }, 8, ["onInteractOutside", "onEscapeKeyDown", "side", "side-offset", "data-lp-follow", "class", "style"])
-                ]),
-                _: 3
-              }, 8, ["to"])
-            ]),
-            _: 3
-          }, 8, ["open", "delay-duration", "ignore-non-keyboard-focus", "disable-hoverable-content", "disable-closing-trigger"])
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};