@mantine-vue/contextmenu 3.0.0 → 3.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/cjs/index.cjs +319 -360
  2. package/cjs/index.cjs.map +1 -1
  3. package/esm/index.mjs +315 -356
  4. package/esm/index.mjs.map +1 -1
  5. package/lib/components/ContextMenu/ContextMenu.vue.d.ts +9 -0
  6. package/lib/components/ContextMenu/index.d.ts +2 -0
  7. package/lib/components/ContextMenuDivider/ContextMenuDivider.vue.d.ts +5 -0
  8. package/lib/components/ContextMenuDivider/index.d.ts +2 -0
  9. package/lib/components/ContextMenuItem/ContextMenuItem.vue.d.ts +9 -0
  10. package/lib/components/ContextMenuItem/index.d.ts +2 -0
  11. package/lib/components/ContextMenuOverlay/ContextMenuOverlay.vue.d.ts +21 -0
  12. package/lib/components/ContextMenuOverlay/index.d.ts +1 -0
  13. package/lib/components/ContextMenuPortal/ContextMenuPortal.vue.d.ts +8 -0
  14. package/lib/components/ContextMenuPortal/index.d.ts +2 -0
  15. package/lib/components/ContextMenuProvider/ContextMenuProvider.vue.d.ts +14 -0
  16. package/lib/components/ContextMenuProvider/index.d.ts +4 -0
  17. package/lib/index.d.mts +6 -6
  18. package/lib/index.d.ts +6 -6
  19. package/lib/types.d.ts +11 -2
  20. package/lib/utils.d.ts +1 -1
  21. package/package.json +3 -3
  22. package/lib/ContextMenu.d.ts +0 -4
  23. package/lib/ContextMenuDivider.d.ts +0 -14
  24. package/lib/ContextMenuItem.d.ts +0 -9
  25. package/lib/ContextMenuOverlay.d.ts +0 -25
  26. package/lib/ContextMenuPortal.d.ts +0 -33
  27. package/lib/ContextMenuProvider.d.ts +0 -93
package/cjs/index.cjs.map CHANGED
@@ -1 +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 {\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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"}
1
+ {"version":3,"file":"index.cjs","names":[],"sources":["../src/utils.ts","../src/components/ContextMenuDivider/ContextMenuDivider.vue","../src/components/ContextMenuDivider/ContextMenuDivider.vue","../src/context.ts","../src/components/ContextMenuItem/ContextMenuItem.vue","../src/components/ContextMenuItem/ContextMenuItem.vue","../src/components/ContextMenu/ContextMenu.vue","../src/components/ContextMenu/ContextMenu.vue","../src/components/ContextMenuOverlay/ContextMenuOverlay.vue","../src/components/ContextMenuOverlay/ContextMenuOverlay.vue","../src/components/ContextMenuPortal/ContextMenuPortal.vue","../src/components/ContextMenuPortal/ContextMenuPortal.vue","../src/components/ContextMenuProvider/ContextMenuProvider.vue","../src/components/ContextMenuProvider/ContextMenuProvider.vue"],"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","<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { Box, useMantineTheme } from '@mantine-vue/core'\nimport { resolveContextMenuStyle } from '../../utils'\nimport type { ContextMenuDividerProps } from '../../types'\nimport '../../ContextMenuDivider.css'\n\ndefineOptions({ name: 'ContextMenuDivider' })\nconst props = defineProps<ContextMenuDividerProps>()\nconst theme = useMantineTheme()\nconst resolvedStyle = computed(() => resolveContextMenuStyle(props.style, theme.value))\n</script>\n\n<template>\n <Box :class=\"['mantine-contextmenu-divider', props.className]\" :style=\"resolvedStyle\" />\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { Box, useMantineTheme } from '@mantine-vue/core'\nimport { resolveContextMenuStyle } from '../../utils'\nimport type { ContextMenuDividerProps } from '../../types'\nimport '../../ContextMenuDivider.css'\n\ndefineOptions({ name: 'ContextMenuDivider' })\nconst props = defineProps<ContextMenuDividerProps>()\nconst theme = useMantineTheme()\nconst resolvedStyle = computed(() => resolveContextMenuStyle(props.style, theme.value))\n</script>\n\n<template>\n <Box :class=\"['mantine-contextmenu-divider', props.className]\" :style=\"resolvedStyle\" />\n</template>\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","<script setup lang=\"ts\">\nimport { computed, ref, useSlots } from 'vue'\nimport {\n Box,\n UnstyledButton,\n parseThemeColor,\n resolveNode,\n rgba,\n useMantineTheme,\n} from '@mantine-vue/core'\nimport { useMediaQuery, useTimeout } from '@mantine-vue/hooks'\nimport ContextMenu from '../ContextMenu/ContextMenu.vue'\nimport { useContextMenuSettings } from '../../context'\nimport { resolveContextMenuStyle } from '../../utils'\nimport type { ContextMenuItemEmits, ContextMenuItemProps } from '../../types'\nimport '../../ContextMenuItem.css'\n\ndefineOptions({ name: 'ContextMenuItem' })\nconst props = withDefaults(defineProps<ContextMenuItemProps>(), { disabled: false })\nconst emit = defineEmits<ContextMenuItemEmits>()\nconst slots = useSlots()\nconst button = ref<HTMLElement | null>(null)\nconst submenuPosition = ref<{ x: number; y: number } | null>(null)\nconst settings = useContextMenuSettings()\nconst theme = useMantineTheme()\nconst hoverAvailable = useMediaQuery('(hover: hover)')\nconst hasSubmenu = computed(() => Boolean(props.items && !props.disabled))\nconst parsedColor = computed(() =>\n props.color ? parseThemeColor({ color: props.color, theme: theme.value }) : null,\n)\nconst itemStyle = computed(() => {\n const color = parsedColor.value?.value\n return {\n '--mantine-contextmenu-item-button-color': color ?? 'var(--mantine-color-text)',\n '--mantine-contextmenu-item-button-hover-bg-color-light': color\n ? rgba(color, 0.08)\n : rgba(theme.value.colors.gray[4], 0.25),\n '--mantine-contextmenu-item-button-hover-bg-color-dark': color\n ? rgba(color, 0.15)\n : rgba(theme.value.colors.dark[3], 0.25),\n '--mantine-contextmenu-item-button-pressed-bg-color-light': color\n ? rgba(color, 0.2)\n : rgba(theme.value.colors.gray[4], 0.5),\n '--mantine-contextmenu-item-button-pressed-bg-color-dark': color\n ? rgba(color, 0.3)\n : rgba(theme.value.colors.dark[3], 0.5),\n ...resolveContextMenuStyle(props.style, theme.value),\n }\n})\nconst icon = computed(() => resolveNode(props.icon, slots.icon))\nconst title = computed(() => resolveNode(props.title, slots.title))\nconst iconRight = computed(() => resolveNode(props.iconRight, slots.iconRight))\nconst renderIcon = () => icon.value\nconst renderTitle = () => title.value\nconst renderIconRight = () => iconRight.value\n\nconst showSubmenuTimeout = useTimeout(() => {\n if (!button.value) return\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)\nconst hideSubmenuTimeout = useTimeout(\n () => (submenuPosition.value = null),\n settings.value.submenuDelay,\n)\n\nfunction showSubmenu() {\n hideSubmenuTimeout.clear()\n showSubmenuTimeout.start()\n}\nfunction hideSubmenu() {\n showSubmenuTimeout.clear()\n hideSubmenuTimeout.start()\n}\nfunction mouseenter() {\n if (hasSubmenu.value && hoverAvailable.value) showSubmenu()\n}\nfunction mouseleave() {\n if (hasSubmenu.value && hoverAvailable.value) hideSubmenu()\n}\nfunction click(event: MouseEvent) {\n if (hasSubmenu.value) {\n event.stopPropagation()\n showSubmenu()\n } else if (props.onClick) {\n emit('hide')\n props.onClick(event)\n }\n}\n</script>\n\n<template>\n <div @mouseenter=\"mouseenter\" @mouseleave=\"mouseleave\">\n <UnstyledButton\n :ref=\"(node: any) => (button = node?.$el ?? node ?? null)\"\n :dir=\"props.submenuProps.dir || 'ltr'\"\n :class=\"['mantine-contextmenu-item-button', props.className]\"\n :disabled=\"props.disabled\"\n :style=\"itemStyle\"\n @click=\"click\"\n >\n <Box v-if=\"icon\" :fz=\"0\" me=\"xs\" :mt=\"-2\"><component :is=\"renderIcon\" /></Box>\n <div class=\"mantine-contextmenu-item-button-title\"><component :is=\"renderTitle\" /></div>\n <Box v-if=\"iconRight\" :fz=\"0\" ms=\"xs\" :mt=\"-2\"><component :is=\"renderIconRight\" /></Box>\n <Box v-else-if=\"props.items\" :mt=\"-1\" ms=\"xs\">\n {{ (props.submenuProps.dir || 'ltr') === 'rtl' ? '‹' : '›' }}\n </Box>\n </UnstyledButton>\n <ContextMenu\n v-if=\"submenuPosition && props.items\"\n v-bind=\"props.submenuProps\"\n :x=\"submenuPosition.x\"\n :y=\"submenuPosition.y\"\n :content=\"props.items\"\n :dir=\"props.submenuProps.dir || 'ltr'\"\n @hide=\"emit('hide')\"\n />\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, useSlots } from 'vue'\nimport {\n Box,\n UnstyledButton,\n parseThemeColor,\n resolveNode,\n rgba,\n useMantineTheme,\n} from '@mantine-vue/core'\nimport { useMediaQuery, useTimeout } from '@mantine-vue/hooks'\nimport ContextMenu from '../ContextMenu/ContextMenu.vue'\nimport { useContextMenuSettings } from '../../context'\nimport { resolveContextMenuStyle } from '../../utils'\nimport type { ContextMenuItemEmits, ContextMenuItemProps } from '../../types'\nimport '../../ContextMenuItem.css'\n\ndefineOptions({ name: 'ContextMenuItem' })\nconst props = withDefaults(defineProps<ContextMenuItemProps>(), { disabled: false })\nconst emit = defineEmits<ContextMenuItemEmits>()\nconst slots = useSlots()\nconst button = ref<HTMLElement | null>(null)\nconst submenuPosition = ref<{ x: number; y: number } | null>(null)\nconst settings = useContextMenuSettings()\nconst theme = useMantineTheme()\nconst hoverAvailable = useMediaQuery('(hover: hover)')\nconst hasSubmenu = computed(() => Boolean(props.items && !props.disabled))\nconst parsedColor = computed(() =>\n props.color ? parseThemeColor({ color: props.color, theme: theme.value }) : null,\n)\nconst itemStyle = computed(() => {\n const color = parsedColor.value?.value\n return {\n '--mantine-contextmenu-item-button-color': color ?? 'var(--mantine-color-text)',\n '--mantine-contextmenu-item-button-hover-bg-color-light': color\n ? rgba(color, 0.08)\n : rgba(theme.value.colors.gray[4], 0.25),\n '--mantine-contextmenu-item-button-hover-bg-color-dark': color\n ? rgba(color, 0.15)\n : rgba(theme.value.colors.dark[3], 0.25),\n '--mantine-contextmenu-item-button-pressed-bg-color-light': color\n ? rgba(color, 0.2)\n : rgba(theme.value.colors.gray[4], 0.5),\n '--mantine-contextmenu-item-button-pressed-bg-color-dark': color\n ? rgba(color, 0.3)\n : rgba(theme.value.colors.dark[3], 0.5),\n ...resolveContextMenuStyle(props.style, theme.value),\n }\n})\nconst icon = computed(() => resolveNode(props.icon, slots.icon))\nconst title = computed(() => resolveNode(props.title, slots.title))\nconst iconRight = computed(() => resolveNode(props.iconRight, slots.iconRight))\nconst renderIcon = () => icon.value\nconst renderTitle = () => title.value\nconst renderIconRight = () => iconRight.value\n\nconst showSubmenuTimeout = useTimeout(() => {\n if (!button.value) return\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)\nconst hideSubmenuTimeout = useTimeout(\n () => (submenuPosition.value = null),\n settings.value.submenuDelay,\n)\n\nfunction showSubmenu() {\n hideSubmenuTimeout.clear()\n showSubmenuTimeout.start()\n}\nfunction hideSubmenu() {\n showSubmenuTimeout.clear()\n hideSubmenuTimeout.start()\n}\nfunction mouseenter() {\n if (hasSubmenu.value && hoverAvailable.value) showSubmenu()\n}\nfunction mouseleave() {\n if (hasSubmenu.value && hoverAvailable.value) hideSubmenu()\n}\nfunction click(event: MouseEvent) {\n if (hasSubmenu.value) {\n event.stopPropagation()\n showSubmenu()\n } else if (props.onClick) {\n emit('hide')\n props.onClick(event)\n }\n}\n</script>\n\n<template>\n <div @mouseenter=\"mouseenter\" @mouseleave=\"mouseleave\">\n <UnstyledButton\n :ref=\"(node: any) => (button = node?.$el ?? node ?? null)\"\n :dir=\"props.submenuProps.dir || 'ltr'\"\n :class=\"['mantine-contextmenu-item-button', props.className]\"\n :disabled=\"props.disabled\"\n :style=\"itemStyle\"\n @click=\"click\"\n >\n <Box v-if=\"icon\" :fz=\"0\" me=\"xs\" :mt=\"-2\"><component :is=\"renderIcon\" /></Box>\n <div class=\"mantine-contextmenu-item-button-title\"><component :is=\"renderTitle\" /></div>\n <Box v-if=\"iconRight\" :fz=\"0\" ms=\"xs\" :mt=\"-2\"><component :is=\"renderIconRight\" /></Box>\n <Box v-else-if=\"props.items\" :mt=\"-1\" ms=\"xs\">\n {{ (props.submenuProps.dir || 'ltr') === 'rtl' ? '‹' : '›' }}\n </Box>\n </UnstyledButton>\n <ContextMenu\n v-if=\"submenuPosition && props.items\"\n v-bind=\"props.submenuProps\"\n :x=\"submenuPosition.x\"\n :y=\"submenuPosition.y\"\n :content=\"props.items\"\n :dir=\"props.submenuProps.dir || 'ltr'\"\n @hide=\"emit('hide')\"\n />\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, ref, watch } from 'vue'\nimport { Paper, px, useMantineTheme, type MantineRadius } from '@mantine-vue/core'\nimport { useResizeObserver } from '@mantine-vue/hooks'\nimport ContextMenuDivider from '../ContextMenuDivider/ContextMenuDivider.vue'\nimport ContextMenuItem from '../ContextMenuItem/ContextMenuItem.vue'\nimport { useContextMenuSettings } from '../../context'\nimport { humanize, resolveContextMenuStyle, resolveContextMenuStyles } from '../../utils'\nimport type { ContextMenuEmits, ContextMenuItemOptions, ContextMenuProps } from '../../types'\nimport '../../ContextMenu.css'\n\ndefineOptions({ name: 'ContextMenu' })\nconst props = withDefaults(defineProps<ContextMenuProps>(), { dir: 'ltr' })\nconst emit = defineEmits<ContextMenuEmits>()\nconst settings = useContextMenuSettings()\nconst theme = useMantineTheme()\nconst { ref: menuRef, rect } = useResizeObserver<HTMLElement>()\nconst mounted = ref(false)\nlet frameId = 0\n\nwatch(\n () => [rect.value.width, rect.value.height],\n ([width, height]) => {\n if (width > 0 && height > 0) {\n cancelAnimationFrame(frameId)\n frameId = requestAnimationFrame(() => (mounted.value = true))\n }\n },\n { immediate: true },\n)\nonBeforeUnmount(() => cancelAnimationFrame(frameId))\n\nconst 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 return { zIndex: props.zIndex, top: `${top}px`, left: `${left}px` }\n})\nconst resolvedStyles = computed(() => resolveContextMenuStyles(props.styles, theme.value))\nconst rootStyle = computed(() => ({\n ...position.value,\n ...resolveContextMenuStyle(props.style, theme.value),\n ...resolveContextMenuStyle(resolvedStyles.value?.root, theme.value),\n}))\nconst submenuProps = computed(() => ({\n className: props.className,\n style: props.style,\n classNames: props.classNames,\n styles: props.styles,\n dir: props.dir,\n}))\n\nfunction itemClass(item: ContextMenuItemOptions, part: 'item' | 'divider') {\n return [props.classNames?.[part], item.className].filter(Boolean).join(' ')\n}\nfunction itemStyle(item: ContextMenuItemOptions, part: 'item' | 'divider') {\n return {\n ...resolveContextMenuStyle(resolvedStyles.value?.[part], theme.value),\n ...resolveContextMenuStyle(item.style, theme.value),\n }\n}\nconst renderCustomContent = () =>\n typeof props.content === 'function' ? props.content(() => emit('hide')) : null\n</script>\n\n<template>\n <Paper\n :ref=\"(node: any) => (menuRef = node?.$el ?? node ?? null)\"\n :shadow=\"settings.shadow\"\n :radius=\"settings.borderRadius as MantineRadius\"\n :dir=\"props.dir\"\n :class=\"[\n 'mantine-contextmenu',\n mounted && 'mantine-contextmenu-mounted',\n props.className,\n props.classNames?.root,\n ]\"\n :style=\"rootStyle\"\n >\n <component v-if=\"typeof props.content === 'function'\" :is=\"renderCustomContent\" />\n <template v-else>\n <template v-for=\"item in props.content\" :key=\"item.key\">\n <ContextMenuItem\n v-if=\"!item.hidden && (item.onClick || item.items)\"\n :class-name=\"itemClass(item, 'item')\"\n :style=\"itemStyle(item, 'item')\"\n :title=\"item.title ?? humanize(item.key)\"\n :icon=\"item.icon\"\n :icon-right=\"item.iconRight\"\n :color=\"item.color\"\n :disabled=\"item.disabled\"\n :on-click=\"item.onClick\"\n :items=\"item.items\"\n :submenu-props=\"submenuProps\"\n @hide=\"emit('hide')\"\n />\n <ContextMenuDivider\n v-else-if=\"!item.hidden\"\n :class-name=\"itemClass(item, 'divider')\"\n :style=\"itemStyle(item, 'divider')\"\n />\n </template>\n </template>\n </Paper>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, ref, watch } from 'vue'\nimport { Paper, px, useMantineTheme, type MantineRadius } from '@mantine-vue/core'\nimport { useResizeObserver } from '@mantine-vue/hooks'\nimport ContextMenuDivider from '../ContextMenuDivider/ContextMenuDivider.vue'\nimport ContextMenuItem from '../ContextMenuItem/ContextMenuItem.vue'\nimport { useContextMenuSettings } from '../../context'\nimport { humanize, resolveContextMenuStyle, resolveContextMenuStyles } from '../../utils'\nimport type { ContextMenuEmits, ContextMenuItemOptions, ContextMenuProps } from '../../types'\nimport '../../ContextMenu.css'\n\ndefineOptions({ name: 'ContextMenu' })\nconst props = withDefaults(defineProps<ContextMenuProps>(), { dir: 'ltr' })\nconst emit = defineEmits<ContextMenuEmits>()\nconst settings = useContextMenuSettings()\nconst theme = useMantineTheme()\nconst { ref: menuRef, rect } = useResizeObserver<HTMLElement>()\nconst mounted = ref(false)\nlet frameId = 0\n\nwatch(\n () => [rect.value.width, rect.value.height],\n ([width, height]) => {\n if (width > 0 && height > 0) {\n cancelAnimationFrame(frameId)\n frameId = requestAnimationFrame(() => (mounted.value = true))\n }\n },\n { immediate: true },\n)\nonBeforeUnmount(() => cancelAnimationFrame(frameId))\n\nconst 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 return { zIndex: props.zIndex, top: `${top}px`, left: `${left}px` }\n})\nconst resolvedStyles = computed(() => resolveContextMenuStyles(props.styles, theme.value))\nconst rootStyle = computed(() => ({\n ...position.value,\n ...resolveContextMenuStyle(props.style, theme.value),\n ...resolveContextMenuStyle(resolvedStyles.value?.root, theme.value),\n}))\nconst submenuProps = computed(() => ({\n className: props.className,\n style: props.style,\n classNames: props.classNames,\n styles: props.styles,\n dir: props.dir,\n}))\n\nfunction itemClass(item: ContextMenuItemOptions, part: 'item' | 'divider') {\n return [props.classNames?.[part], item.className].filter(Boolean).join(' ')\n}\nfunction itemStyle(item: ContextMenuItemOptions, part: 'item' | 'divider') {\n return {\n ...resolveContextMenuStyle(resolvedStyles.value?.[part], theme.value),\n ...resolveContextMenuStyle(item.style, theme.value),\n }\n}\nconst renderCustomContent = () =>\n typeof props.content === 'function' ? props.content(() => emit('hide')) : null\n</script>\n\n<template>\n <Paper\n :ref=\"(node: any) => (menuRef = node?.$el ?? node ?? null)\"\n :shadow=\"settings.shadow\"\n :radius=\"settings.borderRadius as MantineRadius\"\n :dir=\"props.dir\"\n :class=\"[\n 'mantine-contextmenu',\n mounted && 'mantine-contextmenu-mounted',\n props.className,\n props.classNames?.root,\n ]\"\n :style=\"rootStyle\"\n >\n <component v-if=\"typeof props.content === 'function'\" :is=\"renderCustomContent\" />\n <template v-else>\n <template v-for=\"item in props.content\" :key=\"item.key\">\n <ContextMenuItem\n v-if=\"!item.hidden && (item.onClick || item.items)\"\n :class-name=\"itemClass(item, 'item')\"\n :style=\"itemStyle(item, 'item')\"\n :title=\"item.title ?? humanize(item.key)\"\n :icon=\"item.icon\"\n :icon-right=\"item.iconRight\"\n :color=\"item.color\"\n :disabled=\"item.disabled\"\n :on-click=\"item.onClick\"\n :items=\"item.items\"\n :submenu-props=\"submenuProps\"\n @hide=\"emit('hide')\"\n />\n <ContextMenuDivider\n v-else-if=\"!item.hidden\"\n :class-name=\"itemClass(item, 'divider')\"\n :style=\"itemStyle(item, 'divider')\"\n />\n </template>\n </template>\n </Paper>\n</template>\n","<script setup lang=\"ts\">\nimport { useContextMenuSettings } from '../../context'\nimport type { ContextMenuOverlayEmits } from '../../types'\nimport '../../ContextMenuOverlay.css'\n\ndefineOptions({ name: 'ContextMenuOverlay' })\nconst props = defineProps<{ zIndex?: number }>()\nconst emit = defineEmits<ContextMenuOverlayEmits>()\nconst settings = useContextMenuSettings()\n\nfunction click(event: MouseEvent) {\n event.preventDefault()\n emit('hide')\n}\n\nfunction contextmenu(event: MouseEvent) {\n event.preventDefault()\n if (!settings.value.repositionOnRepeat) {\n emit('hide')\n return\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 // The target may disappear while the event is dispatched.\n }\n}\n</script>\n\n<template>\n <div\n class=\"mantine-contextmenu-overlay\"\n :style=\"{ zIndex: props.zIndex }\"\n @click=\"click\"\n @contextmenu=\"contextmenu\"\n >\n <slot />\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useContextMenuSettings } from '../../context'\nimport type { ContextMenuOverlayEmits } from '../../types'\nimport '../../ContextMenuOverlay.css'\n\ndefineOptions({ name: 'ContextMenuOverlay' })\nconst props = defineProps<{ zIndex?: number }>()\nconst emit = defineEmits<ContextMenuOverlayEmits>()\nconst settings = useContextMenuSettings()\n\nfunction click(event: MouseEvent) {\n event.preventDefault()\n emit('hide')\n}\n\nfunction contextmenu(event: MouseEvent) {\n event.preventDefault()\n if (!settings.value.repositionOnRepeat) {\n emit('hide')\n return\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 // The target may disappear while the event is dispatched.\n }\n}\n</script>\n\n<template>\n <div\n class=\"mantine-contextmenu-overlay\"\n :style=\"{ zIndex: props.zIndex }\"\n @click=\"click\"\n @contextmenu=\"contextmenu\"\n >\n <slot />\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { Portal } from '@mantine-vue/core'\nimport { useHotkeys, useWindowEvent } from '@mantine-vue/hooks'\nimport ContextMenu from '../ContextMenu/ContextMenu.vue'\nimport ContextMenuOverlay from '../ContextMenuOverlay/ContextMenuOverlay.vue'\nimport type { ContextMenuPortalEmits, ContextMenuPortalProps } from '../../types'\n\ndefineOptions({ name: 'ContextMenuPortal' })\nconst props = defineProps<ContextMenuPortalProps>()\nconst emit = defineEmits<ContextMenuPortalEmits>()\nconst hide = () => emit('hide')\nuseWindowEvent('resize', hide)\nuseWindowEvent('scroll', hide)\nuseHotkeys([['Escape', hide]])\n</script>\n\n<template>\n <Portal>\n <ContextMenuOverlay :z-index=\"props.zIndex\" @hide=\"hide\">\n <ContextMenu\n :x=\"props.x\"\n :y=\"props.y\"\n :content=\"props.content\"\n :dir=\"props.dir\"\n :z-index=\"props.zIndex\"\n :class-name=\"props.className\"\n :style=\"props.style\"\n :class-names=\"props.classNames\"\n :styles=\"props.styles\"\n @hide=\"hide\"\n />\n </ContextMenuOverlay>\n </Portal>\n</template>\n","<script setup lang=\"ts\">\nimport { Portal } from '@mantine-vue/core'\nimport { useHotkeys, useWindowEvent } from '@mantine-vue/hooks'\nimport ContextMenu from '../ContextMenu/ContextMenu.vue'\nimport ContextMenuOverlay from '../ContextMenuOverlay/ContextMenuOverlay.vue'\nimport type { ContextMenuPortalEmits, ContextMenuPortalProps } from '../../types'\n\ndefineOptions({ name: 'ContextMenuPortal' })\nconst props = defineProps<ContextMenuPortalProps>()\nconst emit = defineEmits<ContextMenuPortalEmits>()\nconst hide = () => emit('hide')\nuseWindowEvent('resize', hide)\nuseWindowEvent('scroll', hide)\nuseHotkeys([['Escape', hide]])\n</script>\n\n<template>\n <Portal>\n <ContextMenuOverlay :z-index=\"props.zIndex\" @hide=\"hide\">\n <ContextMenu\n :x=\"props.x\"\n :y=\"props.y\"\n :content=\"props.content\"\n :dir=\"props.dir\"\n :z-index=\"props.zIndex\"\n :class-name=\"props.className\"\n :style=\"props.style\"\n :class-names=\"props.classNames\"\n :styles=\"props.styles\"\n @hide=\"hide\"\n />\n </ContextMenuOverlay>\n </Portal>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, provide, shallowRef, toRef } from 'vue'\nimport { useDirection } from '@mantine-vue/core'\nimport ContextMenuPortal from '../ContextMenuPortal/ContextMenuPortal.vue'\nimport { ContextMenuKey, ContextMenuSettingsKey } from '../../context'\nimport type {\n ContextMenuInstanceOptions,\n ContextMenuOptions,\n ContextMenuProviderProps,\n ShowContextMenuFunction,\n} from '../../types'\n\ndefineOptions({ name: 'ContextMenuProvider' })\nconst props = withDefaults(defineProps<ContextMenuProviderProps>(), {\n zIndex: 9999,\n shadow: 'sm',\n borderRadius: 'xs',\n submenuDelay: 500,\n repositionOnRepeat: false,\n})\nconst data = shallowRef<(ContextMenuInstanceOptions & ContextMenuOptions) | null>(null)\nconst { dir } = useDirection()\n\nfunction hideContextMenu() {\n data.value = null\n}\n\nconst showContextMenu: ShowContextMenuFunction = (content, options) => (event) => {\n event.preventDefault()\n event.stopPropagation()\n const position =\n 'touches' in event\n ? { x: event.touches.item(0)!.clientX, y: event.touches.item(0)!.clientY }\n : { x: event.clientX, y: event.clientY }\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\nprovide(\n ContextMenuSettingsKey,\n computed(() => ({\n shadow: props.shadow,\n borderRadius: props.borderRadius,\n submenuDelay: props.submenuDelay,\n repositionOnRepeat: props.repositionOnRepeat,\n })),\n)\nprovide(ContextMenuKey, {\n showContextMenu,\n hideContextMenu,\n isContextMenuVisible: toRef(() => Boolean(data.value)),\n})\n</script>\n\n<template>\n <slot />\n <ContextMenuPortal v-if=\"data\" v-bind=\"data\" :dir=\"dir\" @hide=\"hideContextMenu\" />\n</template>\n","<script setup lang=\"ts\">\nimport { computed, provide, shallowRef, toRef } from 'vue'\nimport { useDirection } from '@mantine-vue/core'\nimport ContextMenuPortal from '../ContextMenuPortal/ContextMenuPortal.vue'\nimport { ContextMenuKey, ContextMenuSettingsKey } from '../../context'\nimport type {\n ContextMenuInstanceOptions,\n ContextMenuOptions,\n ContextMenuProviderProps,\n ShowContextMenuFunction,\n} from '../../types'\n\ndefineOptions({ name: 'ContextMenuProvider' })\nconst props = withDefaults(defineProps<ContextMenuProviderProps>(), {\n zIndex: 9999,\n shadow: 'sm',\n borderRadius: 'xs',\n submenuDelay: 500,\n repositionOnRepeat: false,\n})\nconst data = shallowRef<(ContextMenuInstanceOptions & ContextMenuOptions) | null>(null)\nconst { dir } = useDirection()\n\nfunction hideContextMenu() {\n data.value = null\n}\n\nconst showContextMenu: ShowContextMenuFunction = (content, options) => (event) => {\n event.preventDefault()\n event.stopPropagation()\n const position =\n 'touches' in event\n ? { x: event.touches.item(0)!.clientX, y: event.touches.item(0)!.clientY }\n : { x: event.clientX, y: event.clientY }\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\nprovide(\n ContextMenuSettingsKey,\n computed(() => ({\n shadow: props.shadow,\n borderRadius: props.borderRadius,\n submenuDelay: props.submenuDelay,\n repositionOnRepeat: props.repositionOnRepeat,\n })),\n)\nprovide(ContextMenuKey, {\n showContextMenu,\n hideContextMenu,\n isContextMenuVisible: toRef(() => Boolean(data.value)),\n})\n</script>\n\n<template>\n <slot />\n <ContextMenuPortal v-if=\"data\" v-bind=\"data\" :dir=\"dir\" @hide=\"hideContextMenu\" />\n</template>\n"],"mappings":"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"}