@zythum02/fello-server 0.1.52 → 0.1.53

package/out/renderer/assets/context-menu-BO9-4FYd.js

@@ -1,282 +0,0 @@
-import { r as reactExports, a8 as useId, j as jsxRuntimeExports, a9 as ContextMenuRootContext, aa as MenuRootContext, ab as MenuRoot, ac as useContextMenuRootContext, ad as useMenuRootContext, ae as useTimeout, af as ownerDocument, ag as addEventListener, ah as useRenderElement, ai as getTarget, aj as contains, ak as pressableTriggerOpenStateMapping, al as stopEvent, am as findRootOwnerId, an as createChangeEventDetails, ao as cancelOpen, ap as triggerPress, F as cn, aq as MenuPortal, ar as MenuPositioner, as as MenuPopup, at as MenuItem, au as Separator } from "./index-BJPggXxf.js";
-function ContextMenuRoot(props) {
-  const [anchor, setAnchor] = reactExports.useState({
-    getBoundingClientRect() {
-      return DOMRect.fromRect({
-        width: 0,
-        height: 0,
-        x: 0,
-        y: 0
-      });
-    }
-  });
-  const backdropRef = reactExports.useRef(null);
-  const internalBackdropRef = reactExports.useRef(null);
-  const actionsRef = reactExports.useRef(null);
-  const positionerRef = reactExports.useRef(null);
-  const allowMouseUpTriggerRef = reactExports.useRef(true);
-  const initialCursorPointRef = reactExports.useRef(null);
-  const id = useId();
-  const contextValue = reactExports.useMemo(() => ({
-    anchor,
-    setAnchor,
-    actionsRef,
-    backdropRef,
-    internalBackdropRef,
-    positionerRef,
-    allowMouseUpTriggerRef,
-    initialCursorPointRef,
-    rootId: id
-  }), [anchor, id]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuRootContext.Provider, {
-    value: contextValue,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(MenuRootContext.Provider, {
-      value: void 0,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(MenuRoot, {
-        ...props
-      })
-    })
-  });
-}
-const LONG_PRESS_DELAY = 500;
-const ContextMenuTrigger$1 = /* @__PURE__ */ reactExports.forwardRef(function ContextMenuTrigger2(componentProps, forwardedRef) {
-  const {
-    render,
-    className,
-    style,
-    ...elementProps
-  } = componentProps;
-  const {
-    setAnchor,
-    actionsRef,
-    internalBackdropRef,
-    backdropRef,
-    positionerRef,
-    allowMouseUpTriggerRef,
-    initialCursorPointRef,
-    rootId
-  } = useContextMenuRootContext(false);
-  const {
-    store
-  } = useMenuRootContext(false);
-  const open = store.useState("open");
-  const disabled = store.useState("disabled");
-  const triggerRef = reactExports.useRef(null);
-  const touchPositionRef = reactExports.useRef(null);
-  const longPressTimeout = useTimeout();
-  const allowMouseUpTimeout = useTimeout();
-  const allowMouseUpRef = reactExports.useRef(false);
-  const mouseUpAbortControllerRef = reactExports.useRef(null);
-  function handleLongPress(x, y, event) {
-    const isTouchEvent = event.type.startsWith("touch");
-    initialCursorPointRef.current = {
-      x,
-      y
-    };
-    setAnchor({
-      getBoundingClientRect() {
-        return DOMRect.fromRect({
-          width: isTouchEvent ? 10 : 0,
-          height: isTouchEvent ? 10 : 0,
-          x,
-          y
-        });
-      }
-    });
-    allowMouseUpRef.current = false;
-    actionsRef.current?.setOpen(true, createChangeEventDetails(triggerPress, event));
-    allowMouseUpTimeout.start(LONG_PRESS_DELAY, () => {
-      allowMouseUpRef.current = true;
-    });
-  }
-  function handleContextMenu(event) {
-    if (disabled) {
-      return;
-    }
-    allowMouseUpTriggerRef.current = true;
-    stopEvent(event);
-    handleLongPress(event.clientX, event.clientY, event.nativeEvent);
-    const doc = ownerDocument(triggerRef.current);
-    mouseUpAbortControllerRef.current?.abort();
-    const mouseUpAbortController = new AbortController();
-    mouseUpAbortControllerRef.current = mouseUpAbortController;
-    doc.addEventListener("mouseup", (mouseEvent) => {
-      allowMouseUpTriggerRef.current = false;
-      if (!allowMouseUpRef.current) {
-        return;
-      }
-      allowMouseUpTimeout.clear();
-      allowMouseUpRef.current = false;
-      const mouseUpTarget = getTarget(mouseEvent);
-      if (contains(positionerRef.current, mouseUpTarget)) {
-        return;
-      }
-      if (rootId && mouseUpTarget && findRootOwnerId(mouseUpTarget) === rootId) {
-        return;
-      }
-      actionsRef.current?.setOpen(false, createChangeEventDetails(cancelOpen, mouseEvent));
-    }, {
-      once: true,
-      signal: mouseUpAbortController.signal
-    });
-  }
-  function cancelLongPress() {
-    longPressTimeout.clear();
-    touchPositionRef.current = null;
-  }
-  function handleTouchStart(event) {
-    if (disabled) {
-      cancelLongPress();
-      return;
-    }
-    allowMouseUpTriggerRef.current = false;
-    if (event.touches.length !== 1) {
-      cancelLongPress();
-      return;
-    }
-    event.stopPropagation();
-    const touch = event.touches[0];
-    const touchPosition = {
-      x: touch.clientX,
-      y: touch.clientY
-    };
-    touchPositionRef.current = touchPosition;
-    longPressTimeout.start(LONG_PRESS_DELAY, () => {
-      handleLongPress(touchPosition.x, touchPosition.y, event.nativeEvent);
-    });
-  }
-  function handleTouchMove(event) {
-    if (event.touches.length !== 1) {
-      cancelLongPress();
-      return;
-    }
-    if (longPressTimeout.isStarted() && touchPositionRef.current) {
-      const touch = event.touches[0];
-      const moveThreshold = 10;
-      const deltaX = Math.abs(touch.clientX - touchPositionRef.current.x);
-      const deltaY = Math.abs(touch.clientY - touchPositionRef.current.y);
-      if (deltaX > moveThreshold || deltaY > moveThreshold) {
-        cancelLongPress();
-      }
-    }
-  }
-  reactExports.useEffect(() => () => {
-    mouseUpAbortControllerRef.current?.abort();
-  }, []);
-  reactExports.useEffect(() => {
-    function handleDocumentContextMenu(event) {
-      if (disabled) {
-        return;
-      }
-      const target = getTarget(event);
-      const targetElement = target;
-      if (contains(triggerRef.current, targetElement) || contains(internalBackdropRef.current, targetElement) || contains(backdropRef.current, targetElement)) {
-        event.preventDefault();
-      }
-    }
-    const doc = ownerDocument(triggerRef.current);
-    return addEventListener(doc, "contextmenu", handleDocumentContextMenu);
-  }, [backdropRef, disabled, internalBackdropRef]);
-  const state = {
-    open
-  };
-  const element = useRenderElement("div", componentProps, {
-    state,
-    ref: [triggerRef, forwardedRef],
-    props: [{
-      onContextMenu: handleContextMenu,
-      onTouchStart: handleTouchStart,
-      onTouchMove: handleTouchMove,
-      onTouchEnd: cancelLongPress,
-      onTouchCancel: cancelLongPress,
-      style: {
-        WebkitTouchCallout: "none"
-      }
-    }, elementProps],
-    stateAttributesMapping: pressableTriggerOpenStateMapping
-  });
-  return element;
-});
-function ContextMenu({ ...props }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuRoot, { "data-slot": "context-menu", ...props });
-}
-function ContextMenuTrigger({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    ContextMenuTrigger$1,
-    {
-      "data-slot": "context-menu-trigger",
-      className: cn("select-none", className),
-      ...props
-    }
-  );
-}
-function ContextMenuContent({
-  className,
-  align = "start",
-  alignOffset = 4,
-  side = "right",
-  sideOffset = 0,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(MenuPortal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-    MenuPositioner,
-    {
-      className: "isolate z-50 outline-none",
-      align,
-      alignOffset,
-      side,
-      sideOffset,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        MenuPopup,
-        {
-          "data-slot": "context-menu-content",
-          className: cn("z-50 max-h-(--available-height) min-w-38 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover py-1 px-1 space-y-0.5 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
-          ...props
-        }
-      )
-    }
-  ) });
-}
-function ContextMenuItem({
-  className,
-  inset,
-  variant = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    MenuItem,
-    {
-      "data-slot": "context-menu-item",
-      "data-inset": inset,
-      "data-variant": variant,
-      className: cn(
-        "group/context-menu-item relative flex cursor-default items-center gap-1.5 rounded-sm px-1.5 py-1 text-xs text-muted-foreground/90 outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3 focus:*:[svg]:text-accent-foreground data-[variant=destructive]:*:[svg]:text-destructive",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ContextMenuSeparator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Separator,
-    {
-      "data-slot": "context-menu-separator",
-      className: cn("-mx-1 my-1 h-px bg-border", className),
-      ...props
-    }
-  );
-}
-export {
-  ContextMenu as C,
-  ContextMenuTrigger as a,
-  ContextMenuContent as b,
-  ContextMenuItem as c,
-  ContextMenuSeparator as d
-};