@mantine-vue/contextmenu 2.3.0 → 2.4.0

package/cjs/index.cjs

@@ -60,10 +60,11 @@ function useContextMenuSettings() {
 //#region src/ContextMenuItem.ts
 var ContextMenuItem = (0, vue.defineComponent)({
 	name: "ContextMenuItem",
+	slots: Object,
 	props: {
 		title: {
 			type: null,
-			required: true
+			default: void 0
 		},
 		icon: {
 			type: null,
@@ -106,7 +107,7 @@ var ContextMenuItem = (0, vue.defineComponent)({
 			default: void 0
 		}
 	},
-	setup(props) {
+	setup(props, { slots }) {
 		const button = (0, vue.ref)(null);
 		const submenuPosition = (0, vue.ref)(null);
 		const settings = useContextMenuSettings();
@@ -150,6 +151,9 @@ var ContextMenuItem = (0, vue.defineComponent)({
 			}) : null;
 			const itemColor = parsed?.value ?? "var(--mantine-color-text)";
 			const colorValue = parsed?.value;
+			const icon = (0, _mantine_vue_core.resolveNode)(props.icon, slots.icon);
+			const title = (0, _mantine_vue_core.resolveNode)(props.title, slots.title);
+			const iconRight = (0, _mantine_vue_core.resolveNode)(props.iconRight, slots.iconRight);
 			return (0, vue.h)("div", {
 				onMouseenter: hasSubmenu && hoverAvailable.value ? showSubmenu : void 0,
 				onMouseleave: hasSubmenu && hoverAvailable.value ? hideSubmenu : void 0
@@ -168,17 +172,17 @@ var ContextMenuItem = (0, vue.defineComponent)({
 				},
 				onClick: hasSubmenu ? handleSubmenuClick : props.onClick ? handleActionClick : void 0
 			}, () => [
-				props.icon ? (0, vue.h)(_mantine_vue_core.Box, {
+				icon ? (0, vue.h)(_mantine_vue_core.Box, {
 					fz: 0,
 					me: "xs",
 					mt: -2
-				}, () => (0, _mantine_vue_core.resolveNode)(props.icon)) : null,
-				(0, vue.h)("div", { class: "mantine-contextmenu-item-button-title" }, [(0, _mantine_vue_core.resolveNode)(props.title)]),
-				props.iconRight ? (0, vue.h)(_mantine_vue_core.Box, {
+				}, () => icon) : null,
+				(0, vue.h)("div", { class: "mantine-contextmenu-item-button-title" }, [title]),
+				iconRight ? (0, vue.h)(_mantine_vue_core.Box, {
 					fz: 0,
 					ms: "xs",
 					mt: -2
-				}, () => (0, _mantine_vue_core.resolveNode)(props.iconRight)) : props.items ? (0, vue.h)(_mantine_vue_core.Box, {
+				}, () => iconRight) : props.items ? (0, vue.h)(_mantine_vue_core.Box, {
 					mt: -1,
 					ms: "xs"
 				}, () => (props.submenuProps.dir || "ltr") === "rtl" ? "‹" : "›") : null

package/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","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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"}
+{"version":3,"file":"index.cjs","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 {\n  defineComponent,\n  h,\n  ref,\n  type DefineComponent,\n  type PropType,\n  type SlotsType,\n  type VNode,\n  type VNodeChild,\n} 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 interface ContextMenuItemSlots {\n  title?: () => VNodeChild\n  icon?: () => VNodeChild\n  iconRight?: () => VNodeChild\n}\n\nexport const ContextMenuItem = defineComponent({\n  name: 'ContextMenuItem',\n  slots: Object as SlotsType<ContextMenuItemSlots>,\n  props: {\n    title: {\n      type: null as unknown as PropType<MantineNode>,\n      default: undefined,\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, { slots }) {\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      const icon = resolveNode(props.icon, slots.icon)\n      const title = resolveNode(props.title, slots.title)\n      const iconRight = resolveNode(props.iconRight, slots.iconRight)\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              icon ? h(Box, { fz: 0, me: 'xs', mt: -2 }, () => icon) : null,\n              h('div', { class: 'mantine-contextmenu-item-button-title' }, [title]),\n              iconRight\n                ? h(Box, { fz: 0, ms: 'xs', mt: -2 }, () => 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/esm/index.mjs

@@ -59,10 +59,11 @@ function useContextMenuSettings() {
 //#region src/ContextMenuItem.ts
 var ContextMenuItem = defineComponent({
 	name: "ContextMenuItem",
+	slots: Object,
 	props: {
 		title: {
 			type: null,
-			required: true
+			default: void 0
 		},
 		icon: {
 			type: null,
@@ -105,7 +106,7 @@ var ContextMenuItem = defineComponent({
 			default: void 0
 		}
 	},
-	setup(props) {
+	setup(props, { slots }) {
 		const button = ref(null);
 		const submenuPosition = ref(null);
 		const settings = useContextMenuSettings();
@@ -149,6 +150,9 @@ var ContextMenuItem = defineComponent({
 			}) : null;
 			const itemColor = parsed?.value ?? "var(--mantine-color-text)";
 			const colorValue = parsed?.value;
+			const icon = resolveNode(props.icon, slots.icon);
+			const title = resolveNode(props.title, slots.title);
+			const iconRight = resolveNode(props.iconRight, slots.iconRight);
 			return h("div", {
 				onMouseenter: hasSubmenu && hoverAvailable.value ? showSubmenu : void 0,
 				onMouseleave: hasSubmenu && hoverAvailable.value ? hideSubmenu : void 0
@@ -167,17 +171,17 @@ var ContextMenuItem = defineComponent({
 				},
 				onClick: hasSubmenu ? handleSubmenuClick : props.onClick ? handleActionClick : void 0
 			}, () => [
-				props.icon ? h(Box, {
+				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, {
+				}, () => icon) : null,
+				h("div", { class: "mantine-contextmenu-item-button-title" }, [title]),
+				iconRight ? h(Box, {
 					fz: 0,
 					ms: "xs",
 					mt: -2
-				}, () => resolveNode(props.iconRight)) : props.items ? h(Box, {
+				}, () => iconRight) : props.items ? h(Box, {
 					mt: -1,
 					ms: "xs"
 				}, () => (props.submenuProps.dir || "ltr") === "rtl" ? "‹" : "›") : null

package/esm/index.mjs.map

@@ -1 +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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"}
+{"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 {\n  defineComponent,\n  h,\n  ref,\n  type DefineComponent,\n  type PropType,\n  type SlotsType,\n  type VNode,\n  type VNodeChild,\n} 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 interface ContextMenuItemSlots {\n  title?: () => VNodeChild\n  icon?: () => VNodeChild\n  iconRight?: () => VNodeChild\n}\n\nexport const ContextMenuItem = defineComponent({\n  name: 'ContextMenuItem',\n  slots: Object as SlotsType<ContextMenuItemSlots>,\n  props: {\n    title: {\n      type: null as unknown as PropType<MantineNode>,\n      default: undefined,\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, { slots }) {\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      const icon = resolveNode(props.icon, slots.icon)\n      const title = resolveNode(props.title, slots.title)\n      const iconRight = resolveNode(props.iconRight, slots.iconRight)\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              icon ? h(Box, { fz: 0, me: 'xs', mt: -2 }, () => icon) : null,\n              h('div', { class: 'mantine-contextmenu-item-button-title' }, [title]),\n              iconRight\n                ? h(Box, { fz: 0, ms: 'xs', mt: -2 }, () => 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/ContextMenuItem.d.ts

@@ -1,4 +1,9 @@
-import { type DefineComponent } from 'vue';
+import { type DefineComponent, type VNodeChild } from 'vue';
 import type { ContextMenuItemProps } from './types';
 import './ContextMenuItem.css';
+export interface ContextMenuItemSlots {
+    title?: () => VNodeChild;
+    icon?: () => VNodeChild;
+    iconRight?: () => VNodeChild;
+}
 export declare const ContextMenuItem: DefineComponent<ContextMenuItemProps>;

package/lib/types.d.ts

@@ -83,7 +83,7 @@ export interface ContextMenuPortalProps extends ContextMenuProps {
 export type ContextMenuSubmenuProps = Pick<ContextMenuOptions, 'className' | 'classNames' | 'style' | 'styles'> & {
     dir?: 'ltr' | 'rtl';
 };
-export type ContextMenuItemProps = WithRequiredProperty<Omit<ContextMenuItemOptions, 'key'>, 'title'> & {
+export type ContextMenuItemProps = Omit<ContextMenuItemOptions, 'key'> & {
     onHide: HideContextMenuFunction;
     submenuProps: ContextMenuSubmenuProps;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantine-vue/contextmenu",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "description": "Desktop-grade context menu extension for Mantine Vue",
   "license": "MIT",
   "files": [
@@ -39,8 +39,8 @@
     "vue": "^3.5.0"
   },
   "peerDependencies": {
-    "@mantine-vue/core": "2.3.0",
-    "@mantine-vue/hooks": "2.3.0",
+    "@mantine-vue/core": "2.4.0",
+    "@mantine-vue/hooks": "2.4.0",
     "vue": "^3.5.0"
   },
   "mantineVue": {