@mantine-vue/contextmenu 2.3.0

package/esm/index.mjs

@@ -0,0 +1,531 @@
+import { Fragment, computed, defineComponent, h, inject, onBeforeUnmount, provide, readonly, ref, shallowRef, toRef, watch } from "vue";
+import { Box, Paper, Portal, UnstyledButton, parseThemeColor, px, resolveNode, rgba, useDirection, useMantineTheme } from "@mantine-vue/core";
+import { useHotkeys, useMediaQuery, useResizeObserver, useTimeout, useWindowEvent } from "@mantine-vue/hooks";
+//#region src/utils.ts
+/** Returns a humanized version of a string, for example "camelCase" becomes "Camel Case". */
+function humanize(value) {
+	const str = value.replace(/([a-z\d])([A-Z]+)/g, "$1 $2").replace(/\W|_/g, " ").trim().toLowerCase();
+	return `${str.charAt(0).toUpperCase()}${str.slice(1)}`;
+}
+function resolveContextMenuStyle(style, theme) {
+	return typeof style === "function" ? style(theme) : style;
+}
+function resolveContextMenuStyles(styles, theme) {
+	return typeof styles === "function" ? styles(theme) : styles;
+}
+//#endregion
+//#region src/ContextMenuDivider.ts
+var ContextMenuDivider = defineComponent({
+	name: "ContextMenuDivider",
+	props: {
+		className: {
+			type: String,
+			default: void 0
+		},
+		style: {
+			type: [Object, Function],
+			default: void 0
+		}
+	},
+	setup(props) {
+		const theme = useMantineTheme();
+		return () => h(Box, {
+			class: ["mantine-contextmenu-divider", props.className],
+			style: resolveContextMenuStyle(props.style, theme.value)
+		});
+	}
+});
+//#endregion
+//#region src/context.ts
+var ContextMenuSettingsKey = Symbol("ContextMenuSettings");
+var ContextMenuKey = Symbol("ContextMenu");
+var fallback = {
+	showContextMenu: () => () => void 0,
+	hideContextMenu: () => void 0,
+	isContextMenuVisible: readonly(ref(false))
+};
+function useContextMenu() {
+	return inject(ContextMenuKey, fallback);
+}
+function useContextMenuSettings() {
+	return inject(ContextMenuSettingsKey, { value: {
+		shadow: "sm",
+		borderRadius: "xs",
+		submenuDelay: 500,
+		repositionOnRepeat: false
+	} });
+}
+//#endregion
+//#region src/ContextMenuItem.ts
+var ContextMenuItem = defineComponent({
+	name: "ContextMenuItem",
+	props: {
+		title: {
+			type: null,
+			required: true
+		},
+		icon: {
+			type: null,
+			default: void 0
+		},
+		iconRight: {
+			type: null,
+			default: void 0
+		},
+		color: {
+			type: String,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		onClick: {
+			type: Function,
+			default: void 0
+		},
+		items: {
+			type: Array,
+			default: void 0
+		},
+		onHide: {
+			type: Function,
+			required: true
+		},
+		submenuProps: {
+			type: Object,
+			required: true
+		},
+		className: {
+			type: String,
+			default: void 0
+		},
+		style: {
+			type: [Object, Function],
+			default: void 0
+		}
+	},
+	setup(props) {
+		const button = ref(null);
+		const submenuPosition = ref(null);
+		const settings = useContextMenuSettings();
+		const theme = useMantineTheme();
+		const hoverAvailable = useMediaQuery("(hover: hover)");
+		const showSubmenuTimeout = useTimeout(() => {
+			if (!button.value) return;
+			const rect = button.value.getBoundingClientRect();
+			submenuPosition.value = {
+				x: (props.submenuProps.dir || "ltr") === "ltr" ? rect.right : rect.left,
+				y: rect.top
+			};
+		}, settings.value.submenuDelay);
+		const hideSubmenuTimeout = useTimeout(() => {
+			submenuPosition.value = null;
+		}, settings.value.submenuDelay);
+		const showSubmenu = () => {
+			hideSubmenuTimeout.clear();
+			showSubmenuTimeout.start();
+		};
+		const hideSubmenu = () => {
+			showSubmenuTimeout.clear();
+			hideSubmenuTimeout.start();
+		};
+		const handleSubmenuClick = (event) => {
+			event.stopPropagation();
+			showSubmenu();
+		};
+		const handleActionClick = (event) => {
+			props.onHide();
+			props.onClick?.(event);
+		};
+		const setButtonRef = (node) => {
+			button.value = node?.$el ?? node ?? null;
+		};
+		return () => {
+			const hasSubmenu = Boolean(props.items && !props.disabled);
+			const parsed = props.color ? parseThemeColor({
+				color: props.color,
+				theme: theme.value
+			}) : null;
+			const itemColor = parsed?.value ?? "var(--mantine-color-text)";
+			const colorValue = parsed?.value;
+			return h("div", {
+				onMouseenter: hasSubmenu && hoverAvailable.value ? showSubmenu : void 0,
+				onMouseleave: hasSubmenu && hoverAvailable.value ? hideSubmenu : void 0
+			}, [h(UnstyledButton, {
+				ref: setButtonRef,
+				dir: props.submenuProps.dir || "ltr",
+				class: ["mantine-contextmenu-item-button", props.className],
+				disabled: props.disabled,
+				style: {
+					"--mantine-contextmenu-item-button-color": itemColor,
+					"--mantine-contextmenu-item-button-hover-bg-color-light": colorValue ? rgba(colorValue, .08) : rgba(theme.value.colors.gray[4], .25),
+					"--mantine-contextmenu-item-button-hover-bg-color-dark": colorValue ? rgba(colorValue, .15) : rgba(theme.value.colors.dark[3], .25),
+					"--mantine-contextmenu-item-button-pressed-bg-color-light": colorValue ? rgba(colorValue, .2) : rgba(theme.value.colors.gray[4], .5),
+					"--mantine-contextmenu-item-button-pressed-bg-color-dark": colorValue ? rgba(colorValue, .3) : rgba(theme.value.colors.dark[3], .5),
+					...resolveContextMenuStyle(props.style, theme.value)
+				},
+				onClick: hasSubmenu ? handleSubmenuClick : props.onClick ? handleActionClick : void 0
+			}, () => [
+				props.icon ? h(Box, {
+					fz: 0,
+					me: "xs",
+					mt: -2
+				}, () => resolveNode(props.icon)) : null,
+				h("div", { class: "mantine-contextmenu-item-button-title" }, [resolveNode(props.title)]),
+				props.iconRight ? h(Box, {
+					fz: 0,
+					ms: "xs",
+					mt: -2
+				}, () => resolveNode(props.iconRight)) : props.items ? h(Box, {
+					mt: -1,
+					ms: "xs"
+				}, () => (props.submenuProps.dir || "ltr") === "rtl" ? "‹" : "›") : null
+			]), submenuPosition.value && props.items ? h(ContextMenu, {
+				...props.submenuProps,
+				x: submenuPosition.value.x,
+				y: submenuPosition.value.y,
+				content: props.items,
+				onHide: props.onHide,
+				dir: props.submenuProps.dir || "ltr"
+			}) : null]);
+		};
+	}
+});
+//#endregion
+//#region src/ContextMenu.ts
+var ContextMenu = defineComponent({
+	name: "ContextMenu",
+	props: {
+		x: {
+			type: Number,
+			required: true
+		},
+		y: {
+			type: Number,
+			required: true
+		},
+		content: {
+			type: [Array, Function],
+			required: true
+		},
+		onHide: {
+			type: Function,
+			required: true
+		},
+		zIndex: {
+			type: Number,
+			default: void 0
+		},
+		dir: {
+			type: String,
+			default: "ltr"
+		},
+		className: {
+			type: String,
+			default: void 0
+		},
+		style: {
+			type: [Object, Function],
+			default: void 0
+		},
+		classNames: {
+			type: Object,
+			default: void 0
+		},
+		styles: {
+			type: [Object, Function],
+			default: void 0
+		}
+	},
+	setup(props) {
+		const settings = useContextMenuSettings();
+		const theme = useMantineTheme();
+		const { ref: menuRef, rect } = useResizeObserver();
+		const mounted = ref(false);
+		let frameId = 0;
+		watch(() => [rect.value.width, rect.value.height], ([width, height]) => {
+			if (width > 0 && height > 0) {
+				cancelAnimationFrame(frameId);
+				frameId = requestAnimationFrame(() => {
+					mounted.value = true;
+				});
+			}
+		}, { immediate: true });
+		onBeforeUnmount(() => cancelAnimationFrame(frameId));
+		const position = computed(() => {
+			const spacing = px(theme.value.spacing.md);
+			const windowWidth = typeof window === "undefined" ? 0 : window.innerWidth;
+			const windowHeight = typeof window === "undefined" ? 0 : window.innerHeight;
+			const top = props.y + rect.value.height + spacing > windowHeight ? windowHeight - rect.value.height - spacing : props.y;
+			const left = props.dir === "rtl" ? props.x - rect.value.width < spacing ? spacing : props.x - rect.value.width : props.x + rect.value.width + spacing > windowWidth ? windowWidth - rect.value.width - spacing : props.x;
+			return {
+				zIndex: props.zIndex,
+				top: `${top}px`,
+				left: `${left}px`
+			};
+		});
+		const setMenuRef = (node) => {
+			menuRef.value = node?.$el ?? node ?? null;
+		};
+		return () => {
+			const resolvedStyles = resolveContextMenuStyles(props.styles, theme.value);
+			const submenuProps = {
+				className: props.className,
+				style: props.style,
+				classNames: props.classNames,
+				styles: props.styles,
+				dir: props.dir
+			};
+			const content = typeof props.content === "function" ? props.content(props.onHide) : props.content.map((item) => {
+				if (item.hidden) return null;
+				if (item.onClick || item.items) return h(ContextMenuItem, {
+					key: item.key,
+					className: [props.classNames?.item, item.className].filter(Boolean).join(" "),
+					style: {
+						...resolveContextMenuStyle(resolvedStyles?.item, theme.value),
+						...resolveContextMenuStyle(item.style, theme.value)
+					},
+					title: item.title ?? humanize(item.key),
+					icon: item.icon,
+					iconRight: item.iconRight,
+					color: item.color,
+					disabled: item.disabled,
+					onClick: item.onClick,
+					items: item.items,
+					onHide: props.onHide,
+					submenuProps
+				});
+				return h(ContextMenuDivider, {
+					key: item.key,
+					className: [props.classNames?.divider, item.className].filter(Boolean).join(" "),
+					style: {
+						...resolveContextMenuStyle(resolvedStyles?.divider, theme.value),
+						...resolveContextMenuStyle(item.style, theme.value)
+					}
+				});
+			});
+			return h(Paper, {
+				ref: setMenuRef,
+				shadow: settings.value.shadow,
+				radius: settings.value.borderRadius,
+				dir: props.dir,
+				class: [
+					"mantine-contextmenu",
+					mounted.value && "mantine-contextmenu-mounted",
+					props.className,
+					props.classNames?.root
+				],
+				style: {
+					...position.value,
+					...resolveContextMenuStyle(props.style, theme.value),
+					...resolveContextMenuStyle(resolvedStyles?.root, theme.value)
+				}
+			}, () => content);
+		};
+	}
+});
+//#endregion
+//#region src/ContextMenuOverlay.ts
+var ContextMenuOverlay = defineComponent({
+	name: "ContextMenuOverlay",
+	props: {
+		zIndex: {
+			type: Number,
+			default: void 0
+		},
+		onHide: {
+			type: Function,
+			required: true
+		}
+	},
+	setup(props, { slots }) {
+		const settings = useContextMenuSettings();
+		const handleClick = (event) => {
+			event.preventDefault();
+			props.onHide();
+		};
+		const handleContextMenu = (event) => {
+			event.preventDefault();
+			if (!settings.value.repositionOnRepeat) {
+				props.onHide();
+				return;
+			}
+			try {
+				document.elementsFromPoint(event.clientX, event.clientY)[1]?.dispatchEvent(new MouseEvent("contextmenu", {
+					bubbles: true,
+					clientX: event.clientX,
+					clientY: event.clientY
+				}));
+			} catch {}
+		};
+		return () => h("div", {
+			class: "mantine-contextmenu-overlay",
+			style: { zIndex: props.zIndex },
+			onClick: handleClick,
+			onContextmenu: handleContextMenu
+		}, slots.default?.());
+	}
+});
+//#endregion
+//#region src/ContextMenuPortal.ts
+var ContextMenuPortal = defineComponent({
+	name: "ContextMenuPortal",
+	props: {
+		x: {
+			type: Number,
+			required: true
+		},
+		y: {
+			type: Number,
+			required: true
+		},
+		content: {
+			type: [Array, Function],
+			required: true
+		},
+		onHide: {
+			type: Function,
+			required: true
+		},
+		zIndex: {
+			type: Number,
+			default: void 0
+		},
+		dir: {
+			type: String,
+			required: true
+		},
+		className: {
+			type: String,
+			default: void 0
+		},
+		style: {
+			type: [Object, Function],
+			default: void 0
+		},
+		classNames: {
+			type: Object,
+			default: void 0
+		},
+		styles: {
+			type: [Object, Function],
+			default: void 0
+		}
+	},
+	setup(props) {
+		useWindowEvent("resize", props.onHide);
+		useWindowEvent("scroll", props.onHide);
+		useHotkeys([["Escape", props.onHide]]);
+		return () => h(Portal, null, () => h(ContextMenuOverlay, {
+			zIndex: props.zIndex,
+			onHide: props.onHide
+		}, () => h(ContextMenu, {
+			x: props.x,
+			y: props.y,
+			content: props.content,
+			onHide: props.onHide,
+			dir: props.dir,
+			zIndex: props.zIndex,
+			className: props.className,
+			style: props.style,
+			classNames: props.classNames,
+			styles: props.styles
+		})));
+	}
+});
+//#endregion
+//#region src/ContextMenuProvider.ts
+var DEFAULT_SETTINGS = {
+	shadow: "sm",
+	borderRadius: "xs",
+	submenuDelay: 500,
+	repositionOnRepeat: false
+};
+var ContextMenuProvider = defineComponent({
+	name: "ContextMenuProvider",
+	props: {
+		zIndex: {
+			type: Number,
+			default: 9999
+		},
+		shadow: {
+			type: String,
+			default: DEFAULT_SETTINGS.shadow
+		},
+		borderRadius: {
+			type: [String, Number],
+			default: DEFAULT_SETTINGS.borderRadius
+		},
+		submenuDelay: {
+			type: Number,
+			default: DEFAULT_SETTINGS.submenuDelay
+		},
+		repositionOnRepeat: {
+			type: Boolean,
+			default: DEFAULT_SETTINGS.repositionOnRepeat
+		},
+		className: {
+			type: String,
+			default: void 0
+		},
+		style: {
+			type: [Object, Function],
+			default: void 0
+		},
+		classNames: {
+			type: Object,
+			default: void 0
+		},
+		styles: {
+			type: [Object, Function],
+			default: void 0
+		}
+	},
+	setup(props, { slots }) {
+		const data = shallowRef(null);
+		const { dir } = useDirection();
+		const hideContextMenu = () => {
+			data.value = null;
+		};
+		const showContextMenu = (content, options) => (event) => {
+			event.preventDefault();
+			event.stopPropagation();
+			data.value = {
+				..."touches" in event ? {
+					x: event.touches.item(0).clientX,
+					y: event.touches.item(0).clientY
+				} : {
+					x: event.clientX,
+					y: event.clientY
+				},
+				content,
+				zIndex: options?.zIndex || props.zIndex,
+				className: options?.className,
+				style: options?.style,
+				classNames: options?.classNames,
+				styles: options?.styles
+			};
+		};
+		provide(ContextMenuSettingsKey, computed(() => ({
+			shadow: props.shadow,
+			borderRadius: props.borderRadius,
+			submenuDelay: props.submenuDelay,
+			repositionOnRepeat: props.repositionOnRepeat
+		})));
+		provide(ContextMenuKey, {
+			showContextMenu,
+			hideContextMenu,
+			isContextMenuVisible: toRef(() => Boolean(data.value))
+		});
+		return () => h(Fragment, null, [slots.default?.(), data.value ? h(ContextMenuPortal, {
+			...data.value,
+			onHide: hideContextMenu,
+			dir: dir.value
+		}) : null]);
+	}
+});
+//#endregion
+export { ContextMenu, ContextMenuKey as ContextMenuCtx, ContextMenuKey, ContextMenuDivider, ContextMenuItem, ContextMenuOverlay, ContextMenuPortal, ContextMenuProvider, ContextMenuSettingsKey as ContextMenuSettingsCtx, ContextMenuSettingsKey, humanize, resolveContextMenuStyle, resolveContextMenuStyles, useContextMenu };
+
+//# sourceMappingURL=index.mjs.map

package/esm/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../src/utils.ts","../src/ContextMenuDivider.ts","../src/context.ts","../src/ContextMenuItem.ts","../src/ContextMenu.ts","../src/ContextMenuOverlay.ts","../src/ContextMenuPortal.ts","../src/ContextMenuProvider.ts"],"sourcesContent":["import type { ContextMenuStyle, ContextMenuStyles } from './types'\nimport type { MantineStyle, MantineTheme } from '@mantine-vue/core'\n\n/** Returns a humanized version of a string, for example \"camelCase\" becomes \"Camel Case\". */\nexport function humanize(value: string) {\n  const str = value\n    .replace(/([a-z\\d])([A-Z]+)/g, '$1 $2')\n    .replace(/\\W|_/g, ' ')\n    .trim()\n    .toLowerCase()\n\n  return `${str.charAt(0).toUpperCase()}${str.slice(1)}`\n}\n\nexport function resolveContextMenuStyle(\n  style: ContextMenuStyle | undefined,\n  theme: MantineTheme,\n): MantineStyle | undefined {\n  return typeof style === 'function' ? style(theme) : style\n}\n\nexport function resolveContextMenuStyles(\n  styles: ContextMenuStyles | ((theme: MantineTheme) => ContextMenuStyles) | undefined,\n  theme: MantineTheme,\n) {\n  return typeof styles === 'function' ? styles(theme) : styles\n}\n","import { defineComponent, h, type PropType } from 'vue'\nimport { Box, useMantineTheme } from '@mantine-vue/core'\nimport { resolveContextMenuStyle } from './utils'\nimport type { ContextMenuDividerProps, ContextMenuStyle } from './types'\nimport './ContextMenuDivider.css'\n\nexport const ContextMenuDivider = defineComponent({\n  name: 'ContextMenuDivider',\n  props: {\n    className: { type: String, default: undefined },\n    style: {\n      type: [Object, Function] as PropType<ContextMenuStyle>,\n      default: undefined,\n    },\n  },\n  setup(props: ContextMenuDividerProps) {\n    const theme = useMantineTheme()\n\n    return () =>\n      h(Box, {\n        class: ['mantine-contextmenu-divider', props.className],\n        style: resolveContextMenuStyle(props.style, theme.value),\n      })\n  },\n})\n","import { inject, readonly, ref, type InjectionKey, type Ref } from 'vue'\nimport type { ContextMenuContextValue, ContextMenuSettings } from './types'\n\nexport interface ResolvedContextMenuSettings {\n  shadow: NonNullable<ContextMenuSettings['shadow']>\n  borderRadius: NonNullable<ContextMenuSettings['borderRadius']>\n  submenuDelay: number\n  repositionOnRepeat: boolean\n}\n\nexport const ContextMenuSettingsKey = Symbol('ContextMenuSettings') as InjectionKey<\n  Ref<ResolvedContextMenuSettings>\n>\n\nexport const ContextMenuKey = Symbol('ContextMenu') as InjectionKey<ContextMenuContextValue>\n\nconst hidden = readonly(ref(false))\nconst fallback: ContextMenuContextValue = {\n  showContextMenu: () => () => undefined,\n  hideContextMenu: () => undefined,\n  isContextMenuVisible: hidden,\n}\n\nexport function useContextMenu() {\n  return inject(ContextMenuKey, fallback)\n}\n\nexport function useContextMenuSettings() {\n  return inject(ContextMenuSettingsKey, {\n    value: {\n      shadow: 'sm',\n      borderRadius: 'xs',\n      submenuDelay: 500,\n      repositionOnRepeat: false,\n    },\n  } as Ref<ResolvedContextMenuSettings>)\n}\n","import { defineComponent, h, ref, type DefineComponent, type PropType, type VNode } from 'vue'\nimport {\n  Box,\n  parseThemeColor,\n  resolveNode,\n  rgba,\n  UnstyledButton,\n  useMantineTheme,\n  type MantineColor,\n  type MantineNode,\n} from '@mantine-vue/core'\nimport { useMediaQuery, useTimeout } from '@mantine-vue/hooks'\nimport { ContextMenu } from './ContextMenu'\nimport { useContextMenuSettings } from './context'\nimport { resolveContextMenuStyle } from './utils'\nimport type {\n  ContextMenuItemOptions,\n  ContextMenuItemProps,\n  ContextMenuSubmenuProps,\n  ContextMenuStyle,\n} from './types'\nimport './ContextMenuItem.css'\n\nexport const ContextMenuItem = defineComponent({\n  name: 'ContextMenuItem',\n  props: {\n    title: {\n      type: null as unknown as PropType<MantineNode>,\n      required: true,\n    },\n    icon: {\n      type: null as unknown as PropType<MantineNode>,\n      default: undefined,\n    },\n    iconRight: {\n      type: null as unknown as PropType<MantineNode>,\n      default: undefined,\n    },\n    color: {\n      type: String as PropType<MantineColor>,\n      default: undefined,\n    },\n    disabled: { type: Boolean, default: false },\n    onClick: {\n      type: Function as PropType<(event: MouseEvent) => void>,\n      default: undefined,\n    },\n    items: {\n      type: Array as PropType<ContextMenuItemOptions[]>,\n      default: undefined,\n    },\n    onHide: {\n      type: Function as PropType<() => void>,\n      required: true,\n    },\n    submenuProps: {\n      type: Object as PropType<ContextMenuSubmenuProps>,\n      required: true,\n    },\n    className: { type: String, default: undefined },\n    style: {\n      type: [Object, Function] as PropType<ContextMenuStyle>,\n      default: undefined,\n    },\n  },\n  setup(props) {\n    const button = ref<HTMLElement | null>(null)\n    const submenuPosition = ref<{ x: number; y: number } | null>(null)\n    const settings = useContextMenuSettings()\n    const theme = useMantineTheme()\n    const hoverAvailable = useMediaQuery('(hover: hover)')\n\n    const showSubmenuTimeout = useTimeout(() => {\n      if (!button.value) {\n        return\n      }\n\n      const rect = button.value.getBoundingClientRect()\n      submenuPosition.value = {\n        x: (props.submenuProps.dir || 'ltr') === 'ltr' ? rect.right : rect.left,\n        y: rect.top,\n      }\n    }, settings.value.submenuDelay)\n\n    const hideSubmenuTimeout = useTimeout(() => {\n      submenuPosition.value = null\n    }, settings.value.submenuDelay)\n\n    const showSubmenu = () => {\n      hideSubmenuTimeout.clear()\n      showSubmenuTimeout.start()\n    }\n\n    const hideSubmenu = () => {\n      showSubmenuTimeout.clear()\n      hideSubmenuTimeout.start()\n    }\n\n    const handleSubmenuClick = (event: MouseEvent) => {\n      event.stopPropagation()\n      showSubmenu()\n    }\n\n    const handleActionClick = (event: MouseEvent) => {\n      props.onHide()\n      props.onClick?.(event)\n    }\n\n    const setButtonRef = (node: any) => {\n      button.value = node?.$el ?? node ?? null\n    }\n\n    return (): VNode => {\n      const hasSubmenu = Boolean(props.items && !props.disabled)\n      const parsed = props.color\n        ? parseThemeColor({ color: props.color, theme: theme.value })\n        : null\n      const itemColor = parsed?.value ?? 'var(--mantine-color-text)'\n      const colorValue = parsed?.value\n\n      return h(\n        'div',\n        {\n          onMouseenter: hasSubmenu && hoverAvailable.value ? showSubmenu : undefined,\n          onMouseleave: hasSubmenu && hoverAvailable.value ? hideSubmenu : undefined,\n        },\n        [\n          h(\n            UnstyledButton,\n            {\n              ref: setButtonRef,\n              dir: props.submenuProps.dir || 'ltr',\n              class: ['mantine-contextmenu-item-button', props.className],\n              disabled: props.disabled,\n              style: {\n                '--mantine-contextmenu-item-button-color': itemColor,\n                '--mantine-contextmenu-item-button-hover-bg-color-light': colorValue\n                  ? rgba(colorValue, 0.08)\n                  : rgba(theme.value.colors.gray[4], 0.25),\n                '--mantine-contextmenu-item-button-hover-bg-color-dark': colorValue\n                  ? rgba(colorValue, 0.15)\n                  : rgba(theme.value.colors.dark[3], 0.25),\n                '--mantine-contextmenu-item-button-pressed-bg-color-light': colorValue\n                  ? rgba(colorValue, 0.2)\n                  : rgba(theme.value.colors.gray[4], 0.5),\n                '--mantine-contextmenu-item-button-pressed-bg-color-dark': colorValue\n                  ? rgba(colorValue, 0.3)\n                  : rgba(theme.value.colors.dark[3], 0.5),\n                ...resolveContextMenuStyle(props.style, theme.value),\n              },\n              onClick: hasSubmenu\n                ? handleSubmenuClick\n                : props.onClick\n                  ? handleActionClick\n                  : undefined,\n            },\n            () => [\n              props.icon\n                ? h(Box, { fz: 0, me: 'xs', mt: -2 }, () => resolveNode(props.icon))\n                : null,\n              h('div', { class: 'mantine-contextmenu-item-button-title' }, [\n                resolveNode(props.title),\n              ]),\n              props.iconRight\n                ? h(Box, { fz: 0, ms: 'xs', mt: -2 }, () => resolveNode(props.iconRight))\n                : props.items\n                  ? h(Box, { mt: -1, ms: 'xs' }, () =>\n                      (props.submenuProps.dir || 'ltr') === 'rtl' ? '‹' : '›',\n                    )\n                  : null,\n            ],\n          ),\n          submenuPosition.value && props.items\n            ? h(ContextMenu, {\n                ...props.submenuProps,\n                x: submenuPosition.value.x,\n                y: submenuPosition.value.y,\n                content: props.items,\n                onHide: props.onHide,\n                dir: props.submenuProps.dir || 'ltr',\n              })\n            : null,\n        ],\n      )\n    }\n  },\n}) as unknown as DefineComponent<ContextMenuItemProps>\n","import {\n  computed,\n  defineComponent,\n  h,\n  onBeforeUnmount,\n  ref,\n  watch,\n  type DefineComponent,\n  type PropType,\n  type VNode,\n  type VNodeChild,\n} from 'vue'\nimport {\n  Paper,\n  px,\n  useMantineTheme,\n  type MantineRadius,\n  type MantineTheme,\n} from '@mantine-vue/core'\nimport { useResizeObserver } from '@mantine-vue/hooks'\nimport { ContextMenuDivider } from './ContextMenuDivider'\nimport { ContextMenuItem } from './ContextMenuItem'\nimport { useContextMenuSettings } from './context'\nimport { resolveContextMenuStyle, resolveContextMenuStyles, humanize } from './utils'\nimport type {\n  ContextMenuContent,\n  ContextMenuOptions,\n  ContextMenuProps,\n  ContextMenuSubmenuProps,\n  ContextMenuStyles,\n  ContextMenuStyle,\n} from './types'\nimport './ContextMenu.css'\n\nexport const ContextMenu = defineComponent({\n  name: 'ContextMenu',\n  props: {\n    x: { type: Number, required: true },\n    y: { type: Number, required: true },\n    content: {\n      type: [Array, Function] as PropType<ContextMenuContent>,\n      required: true,\n    },\n    onHide: {\n      type: Function as PropType<() => void>,\n      required: true,\n    },\n    zIndex: { type: Number, default: undefined },\n    dir: {\n      type: String as PropType<'ltr' | 'rtl'>,\n      default: 'ltr',\n    },\n    className: { type: String, default: undefined },\n    style: {\n      type: [Object, Function] as PropType<ContextMenuStyle>,\n      default: undefined,\n    },\n    classNames: {\n      type: Object as PropType<ContextMenuOptions['classNames']>,\n      default: undefined,\n    },\n    styles: {\n      type: [Object, Function] as PropType<\n        ContextMenuStyles | ((theme: MantineTheme) => ContextMenuStyles)\n      >,\n      default: undefined,\n    },\n  },\n  setup(props: ContextMenuProps) {\n    const settings = useContextMenuSettings()\n    const theme = useMantineTheme()\n    const { ref: menuRef, rect } = useResizeObserver<HTMLElement>()\n    const mounted = ref(false)\n    let frameId = 0\n\n    watch(\n      () => [rect.value.width, rect.value.height],\n      ([width, height]) => {\n        if (width > 0 && height > 0) {\n          cancelAnimationFrame(frameId)\n          frameId = requestAnimationFrame(() => {\n            mounted.value = true\n          })\n        }\n      },\n      { immediate: true },\n    )\n\n    onBeforeUnmount(() => cancelAnimationFrame(frameId))\n\n    const position = computed(() => {\n      const spacing = px(theme.value.spacing.md)\n      const windowWidth = typeof window === 'undefined' ? 0 : window.innerWidth\n      const windowHeight = typeof window === 'undefined' ? 0 : window.innerHeight\n      const top =\n        props.y + rect.value.height + spacing > windowHeight\n          ? windowHeight - rect.value.height - spacing\n          : props.y\n      const left =\n        props.dir === 'rtl'\n          ? props.x - rect.value.width < spacing\n            ? spacing\n            : props.x - rect.value.width\n          : props.x + rect.value.width + spacing > windowWidth\n            ? windowWidth - rect.value.width - spacing\n            : props.x\n\n      return { zIndex: props.zIndex, top: `${top}px`, left: `${left}px` }\n    })\n\n    const setMenuRef = (node: any) => {\n      menuRef.value = node?.$el ?? node ?? null\n    }\n\n    return (): VNode => {\n      const resolvedStyles = resolveContextMenuStyles(props.styles, theme.value)\n      const submenuProps: ContextMenuSubmenuProps = {\n        className: props.className,\n        style: props.style,\n        classNames: props.classNames,\n        styles: props.styles,\n        dir: props.dir,\n      }\n\n      const content: VNodeChild =\n        typeof props.content === 'function'\n          ? props.content(props.onHide)\n          : props.content.map((item): VNodeChild => {\n              if (item.hidden) {\n                return null\n              }\n\n              if (item.onClick || item.items) {\n                return h(ContextMenuItem, {\n                  key: item.key,\n                  className: [props.classNames?.item, item.className].filter(Boolean).join(' '),\n                  style: {\n                    ...resolveContextMenuStyle(resolvedStyles?.item, theme.value),\n                    ...resolveContextMenuStyle(item.style, theme.value),\n                  },\n                  title: item.title ?? humanize(item.key),\n                  icon: item.icon,\n                  iconRight: item.iconRight,\n                  color: item.color,\n                  disabled: item.disabled,\n                  onClick: item.onClick,\n                  items: item.items,\n                  onHide: props.onHide,\n                  submenuProps,\n                })\n              }\n\n              return h(ContextMenuDivider, {\n                key: item.key,\n                className: [props.classNames?.divider, item.className].filter(Boolean).join(' '),\n                style: {\n                  ...resolveContextMenuStyle(resolvedStyles?.divider, theme.value),\n                  ...resolveContextMenuStyle(item.style, theme.value),\n                },\n              })\n            })\n\n      return h(\n        Paper,\n        {\n          ref: setMenuRef,\n          shadow: settings.value.shadow,\n          radius: settings.value.borderRadius as MantineRadius,\n          dir: props.dir,\n          class: [\n            'mantine-contextmenu',\n            mounted.value && 'mantine-contextmenu-mounted',\n            props.className,\n            props.classNames?.root,\n          ],\n          style: {\n            ...position.value,\n            ...resolveContextMenuStyle(props.style, theme.value),\n            ...resolveContextMenuStyle(resolvedStyles?.root, theme.value),\n          },\n        },\n        () => content,\n      )\n    }\n  },\n}) as unknown as DefineComponent<ContextMenuProps>\n","import { defineComponent, h, type PropType } from 'vue'\nimport { useContextMenuSettings } from './context'\nimport './ContextMenuOverlay.css'\n\nexport const ContextMenuOverlay = defineComponent({\n  name: 'ContextMenuOverlay',\n  props: {\n    zIndex: { type: Number, default: undefined },\n    onHide: {\n      type: Function as PropType<() => void>,\n      required: true,\n    },\n  },\n  setup(props, { slots }) {\n    const settings = useContextMenuSettings()\n\n    const handleClick = (event: MouseEvent) => {\n      event.preventDefault()\n      props.onHide()\n    }\n\n    const handleContextMenu = (event: MouseEvent) => {\n      event.preventDefault()\n\n      if (!settings.value.repositionOnRepeat) {\n        props.onHide()\n        return\n      }\n\n      try {\n        document.elementsFromPoint(event.clientX, event.clientY)[1]?.dispatchEvent(\n          new MouseEvent('contextmenu', {\n            bubbles: true,\n            clientX: event.clientX,\n            clientY: event.clientY,\n          }),\n        )\n      } catch {\n        // Ignore dispatch errors from elements that disappear during the event.\n      }\n    }\n\n    return () =>\n      h(\n        'div',\n        {\n          class: 'mantine-contextmenu-overlay',\n          style: { zIndex: props.zIndex },\n          onClick: handleClick,\n          onContextmenu: handleContextMenu,\n        },\n        slots.default?.(),\n      )\n  },\n})\n","import { defineComponent, h, type PropType } from 'vue'\nimport { Portal, type Direction, type MantineTheme } from '@mantine-vue/core'\nimport { useHotkeys, useWindowEvent } from '@mantine-vue/hooks'\nimport { ContextMenu } from './ContextMenu'\nimport { ContextMenuOverlay } from './ContextMenuOverlay'\nimport type {\n  ContextMenuContent,\n  ContextMenuOptions,\n  ContextMenuPortalProps,\n  ContextMenuStyles,\n  ContextMenuStyle,\n} from './types'\n\nexport const ContextMenuPortal = defineComponent({\n  name: 'ContextMenuPortal',\n  props: {\n    x: { type: Number, required: true },\n    y: { type: Number, required: true },\n    content: {\n      type: [Array, Function] as PropType<ContextMenuContent>,\n      required: true,\n    },\n    onHide: {\n      type: Function as PropType<() => void>,\n      required: true,\n    },\n    zIndex: { type: Number, default: undefined },\n    dir: {\n      type: String as PropType<Direction>,\n      required: true,\n    },\n    className: { type: String, default: undefined },\n    style: {\n      type: [Object, Function] as PropType<ContextMenuStyle>,\n      default: undefined,\n    },\n    classNames: {\n      type: Object as PropType<ContextMenuOptions['classNames']>,\n      default: undefined,\n    },\n    styles: {\n      type: [Object, Function] as PropType<\n        ContextMenuStyles | ((theme: MantineTheme) => ContextMenuStyles)\n      >,\n      default: undefined,\n    },\n  },\n  setup(props: ContextMenuPortalProps) {\n    useWindowEvent('resize', props.onHide)\n    useWindowEvent('scroll', props.onHide)\n    useHotkeys([['Escape', props.onHide]])\n\n    return () =>\n      h(Portal, null, () =>\n        h(ContextMenuOverlay, { zIndex: props.zIndex, onHide: props.onHide }, () =>\n          h(ContextMenu, {\n            x: props.x,\n            y: props.y,\n            content: props.content,\n            onHide: props.onHide,\n            dir: props.dir,\n            zIndex: props.zIndex,\n            className: props.className,\n            style: props.style,\n            classNames: props.classNames,\n            styles: props.styles,\n          }),\n        ),\n      )\n  },\n})\n","import {\n  Fragment,\n  computed,\n  defineComponent,\n  h,\n  provide,\n  shallowRef,\n  toRef,\n  type PropType,\n} from 'vue'\nimport {\n  useDirection,\n  type MantineRadius,\n  type MantineShadow,\n  type MantineTheme,\n} from '@mantine-vue/core'\nimport { ContextMenuPortal } from './ContextMenuPortal'\nimport { ContextMenuKey, ContextMenuSettingsKey, useContextMenu } from './context'\nimport type {\n  ContextMenuInstanceOptions,\n  ContextMenuOptions,\n  ContextMenuStyles,\n  ContextMenuStyle,\n  ShowContextMenuFunction,\n} from './types'\n\nconst DEFAULT_SETTINGS = {\n  shadow: 'sm',\n  borderRadius: 'xs',\n  submenuDelay: 500,\n  repositionOnRepeat: false,\n} as const\n\nexport const ContextMenuProvider = defineComponent({\n  name: 'ContextMenuProvider',\n  props: {\n    zIndex: { type: Number, default: 9999 },\n    shadow: {\n      type: String as PropType<MantineShadow>,\n      default: DEFAULT_SETTINGS.shadow,\n    },\n    borderRadius: {\n      type: [String, Number] as PropType<MantineRadius>,\n      default: DEFAULT_SETTINGS.borderRadius,\n    },\n    submenuDelay: { type: Number, default: DEFAULT_SETTINGS.submenuDelay },\n    repositionOnRepeat: {\n      type: Boolean,\n      default: DEFAULT_SETTINGS.repositionOnRepeat,\n    },\n    className: { type: String, default: undefined },\n    style: {\n      type: [Object, Function] as PropType<ContextMenuStyle>,\n      default: undefined,\n    },\n    classNames: {\n      type: Object as PropType<ContextMenuOptions['classNames']>,\n      default: undefined,\n    },\n    styles: {\n      type: [Object, Function] as PropType<\n        ContextMenuStyles | ((theme: MantineTheme) => ContextMenuStyles)\n      >,\n      default: undefined,\n    },\n  },\n  setup(props, { slots }) {\n    const data = shallowRef<(ContextMenuInstanceOptions & ContextMenuOptions) | null>(null)\n    const { dir } = useDirection()\n\n    const hideContextMenu = () => {\n      data.value = null\n    }\n\n    const showContextMenu: ShowContextMenuFunction = (content, options) => (event) => {\n      event.preventDefault()\n      event.stopPropagation()\n\n      const position =\n        'touches' in event\n          ? {\n              x: event.touches.item(0)!.clientX,\n              y: event.touches.item(0)!.clientY,\n            }\n          : { x: event.clientX, y: event.clientY }\n\n      data.value = {\n        ...position,\n        content,\n        zIndex: options?.zIndex || props.zIndex,\n        className: options?.className,\n        style: options?.style,\n        classNames: options?.classNames,\n        styles: options?.styles,\n      }\n    }\n\n    provide(\n      ContextMenuSettingsKey,\n      computed(() => ({\n        shadow: props.shadow,\n        borderRadius: props.borderRadius,\n        submenuDelay: props.submenuDelay,\n        repositionOnRepeat: props.repositionOnRepeat,\n      })),\n    )\n    provide(ContextMenuKey, {\n      showContextMenu,\n      hideContextMenu,\n      isContextMenuVisible: toRef(() => Boolean(data.value)),\n    })\n\n    return () =>\n      h(Fragment, null, [\n        slots.default?.(),\n        data.value\n          ? h(ContextMenuPortal, {\n              ...data.value,\n              onHide: hideContextMenu,\n              dir: dir.value,\n            })\n          : null,\n      ])\n  },\n})\n\nexport { ContextMenuKey, ContextMenuSettingsKey, useContextMenu }\nexport { ContextMenuKey as ContextMenuCtx, ContextMenuSettingsKey as ContextMenuSettingsCtx }\n"],"mappings":"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"}

package/lib/ContextMenu.d.ts

@@ -0,0 +1,4 @@
+import { type DefineComponent } from 'vue';
+import type { ContextMenuProps } from './types';
+import './ContextMenu.css';
+export declare const ContextMenu: DefineComponent<ContextMenuProps>;

package/lib/ContextMenuDivider.d.ts

@@ -0,0 +1,14 @@
+import type { ContextMenuStyle } from './types';
+import './ContextMenuDivider.css';
+export declare const ContextMenuDivider: import("vue").DefineComponent<{
+    className?: string | undefined;
+    style?: ContextMenuStyle | undefined;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    className?: string | undefined;
+    style?: ContextMenuStyle | undefined;
+}> & Readonly<{}>, {
+    style: ContextMenuStyle;
+    className: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/ContextMenuItem.d.ts

@@ -0,0 +1,4 @@
+import { type DefineComponent } from 'vue';
+import type { ContextMenuItemProps } from './types';
+import './ContextMenuItem.css';
+export declare const ContextMenuItem: DefineComponent<ContextMenuItemProps>;

package/lib/ContextMenuOverlay.d.ts

@@ -0,0 +1,25 @@
+import { type PropType } from 'vue';
+import './ContextMenuOverlay.css';
+export declare const ContextMenuOverlay: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    zIndex: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    onHide: {
+        type: PropType<() => void>;
+        required: true;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    zIndex: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    onHide: {
+        type: PropType<() => void>;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    zIndex: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/ContextMenuPortal.d.ts

@@ -0,0 +1,33 @@
+import { type MantineTheme } from '@mantine-vue/core';
+import type { ContextMenuContent, ContextMenuStyles, ContextMenuStyle } from './types';
+export declare const ContextMenuPortal: import("vue").DefineComponent<{
+    zIndex?: number | undefined;
+    dir: "ltr" | "rtl";
+    onHide: import("./types").HideContextMenuFunction;
+    x: number;
+    y: number;
+    content: ContextMenuContent;
+    className?: string | undefined;
+    style?: ContextMenuStyle | undefined;
+    classNames?: Partial<Record<"root" | "item" | "divider", string>> | undefined;
+    styles?: (ContextMenuStyles | ((theme: MantineTheme) => ContextMenuStyles)) | undefined;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    zIndex?: number | undefined;
+    dir: "ltr" | "rtl";
+    onHide: import("./types").HideContextMenuFunction;
+    x: number;
+    y: number;
+    content: ContextMenuContent;
+    className?: string | undefined;
+    style?: ContextMenuStyle | undefined;
+    classNames?: Partial<Record<"root" | "item" | "divider", string>> | undefined;
+    styles?: (ContextMenuStyles | ((theme: MantineTheme) => ContextMenuStyles)) | undefined;
+}> & Readonly<{}>, {
+    style: ContextMenuStyle;
+    classNames: Partial<Record<"root" | "item" | "divider", string>> | undefined;
+    styles: Partial<Record<"root" | "item" | "divider", ContextMenuStyle>> | ((theme: MantineTheme) => ContextMenuStyles);
+    zIndex: number;
+    className: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;