@mantine-vue/contextmenu 3.0.0 → 3.1.0

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 {\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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"}
+{"version":3,"file":"index.mjs","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":";;;;;AAIA,SAAgB,SAAS,OAAe;CACtC,MAAM,MAAM,MACT,QAAQ,sBAAsB,OAAO,EACrC,QAAQ,SAAS,GAAG,EACpB,KAAK,EACL,YAAY;CAEf,OAAO,GAAG,IAAI,OAAO,CAAC,EAAE,YAAY,IAAI,IAAI,MAAM,CAAC;AACrD;AAEA,SAAgB,wBACd,OACA,OAC0B;CAC1B,OAAO,OAAO,UAAU,aAAa,MAAM,KAAK,IAAI;AACtD;AAEA,SAAgB,yBACd,QACA,OACA;CACA,OAAO,OAAO,WAAW,aAAa,OAAO,KAAK,IAAI;AACxD;;;;;;;;;;;EClBA,MAAM,QAAQ;EACd,MAAM,QAAQ,gBAAgB;EAC9B,MAAM,gBAAgB,eAAe,wBAAwB,MAAM,OAAO,MAAM,KAAK,CAAC;;uBAIpF,YAAwF,MAAA,GAAA,GAAA;IAAlF,OAAK,eAAA,CAAA,+BAAkC,MAAM,SAAS,CAAA;IAAI,OAAK,eAAE,cAAA,KAAa;;;;;;;AEJtF,IAAa,yBAAyB,OAAO,qBAAqB;AAIlE,IAAa,iBAAiB,OAAO,aAAa;AAGlD,IAAM,WAAoC;CACxC,6BAA6B,KAAA;CAC7B,uBAAuB,KAAA;CACvB,sBAJa,SAAS,IAAI,KAAK,CAIT;AACxB;AAEA,SAAgB,iBAAiB;CAC/B,OAAO,OAAO,gBAAgB,QAAQ;AACxC;AAEA,SAAgB,yBAAyB;CACvC,OAAO,OAAO,wBAAwB,EACpC,OAAO;EACL,QAAQ;EACR,cAAc;EACd,cAAc;EACd,oBAAoB;CACtB,EACF,CAAqC;AACvC;;;;;;;;;;;;;;;;;;;;;;;;;;;EClBA,MAAM,QAAQ;EACd,MAAM,OAAO;EACb,MAAM,QAAQ,SAAS;EACvB,MAAM,SAAS,IAAwB,IAAI;EAC3C,MAAM,kBAAkB,IAAqC,IAAI;EACjE,MAAM,WAAW,uBAAuB;EACxC,MAAM,QAAQ,gBAAgB;EAC9B,MAAM,iBAAiB,cAAc,gBAAgB;EACrD,MAAM,aAAa,eAAe,QAAQ,MAAM,SAAS,CAAC,MAAM,QAAQ,CAAC;EACzE,MAAM,cAAc,eAClB,MAAM,QAAQ,gBAAgB;GAAE,OAAO,MAAM;GAAO,OAAO,MAAM;EAAM,CAAC,IAAI,IAC9E;EACA,MAAM,YAAY,eAAe;GAC/B,MAAM,QAAQ,YAAY,OAAO;GACjC,OAAO;IACL,2CAA2C,SAAS;IACpD,0DAA0D,QACtD,KAAK,OAAO,GAAI,IAChB,KAAK,MAAM,MAAM,OAAO,KAAK,IAAI,GAAI;IACzC,yDAAyD,QACrD,KAAK,OAAO,GAAI,IAChB,KAAK,MAAM,MAAM,OAAO,KAAK,IAAI,GAAI;IACzC,4DAA4D,QACxD,KAAK,OAAO,EAAG,IACf,KAAK,MAAM,MAAM,OAAO,KAAK,IAAI,EAAG;IACxC,2DAA2D,QACvD,KAAK,OAAO,EAAG,IACf,KAAK,MAAM,MAAM,OAAO,KAAK,IAAI,EAAG;IACxC,GAAG,wBAAwB,MAAM,OAAO,MAAM,KAAK;GACrD;EACF,CAAC;EACD,MAAM,OAAO,eAAe,YAAY,MAAM,MAAM,MAAM,IAAI,CAAC;EAC/D,MAAM,QAAQ,eAAe,YAAY,MAAM,OAAO,MAAM,KAAK,CAAC;EAClE,MAAM,YAAY,eAAe,YAAY,MAAM,WAAW,MAAM,SAAS,CAAC;EAC9E,MAAM,mBAAmB,KAAK;EAC9B,MAAM,oBAAoB,MAAM;EAChC,MAAM,wBAAwB,UAAU;EAExC,MAAM,qBAAqB,iBAAiB;GAC1C,IAAI,CAAC,OAAO,OAAO;GACnB,MAAM,OAAO,OAAO,MAAM,sBAAsB;GAChD,gBAAgB,QAAQ;IACtB,IAAI,MAAM,aAAa,OAAO,WAAW,QAAQ,KAAK,QAAQ,KAAK;IACnE,GAAG,KAAK;GACV;EACF,GAAG,SAAS,MAAM,YAAY;EAC9B,MAAM,qBAAqB,iBAClB,gBAAgB,QAAQ,MAC/B,SAAS,MAAM,YACjB;EAEA,SAAS,cAAc;GACrB,mBAAmB,MAAM;GACzB,mBAAmB,MAAM;EAC3B;EACA,SAAS,cAAc;GACrB,mBAAmB,MAAM;GACzB,mBAAmB,MAAM;EAC3B;EACA,SAAS,aAAa;GACpB,IAAI,WAAW,SAAS,eAAe,OAAO,YAAY;EAC5D;EACA,SAAS,aAAa;GACpB,IAAI,WAAW,SAAS,eAAe,OAAO,YAAY;EAC5D;EACA,SAAS,MAAM,OAAmB;GAChC,IAAI,WAAW,OAAO;IACpB,MAAM,gBAAgB;IACtB,YAAY;GACd,OAAO,IAAI,MAAM,SAAS;IACxB,KAAK,MAAM;IACX,MAAM,QAAQ,KAAK;GACrB;EACF;;uBAIE,mBAyBM,OAAA;IAzBA,cAAY;IAAa,cAAY;OACzC,YAciB,MAAA,cAAA,GAAA;IAbd,MAAM,SAAe,OAAA,QAAS,MAAM,OAAO,QAAI;IAC/C,KAAK,MAAM,aAAa,OAAG;IAC3B,OAAK,eAAA,CAAA,mCAAsC,MAAM,SAAS,CAAA;IAC1D,UAAU,MAAM;IAChB,OAAK,eAAE,UAAA,KAAS;IAChB,SAAO;;2BAEsE;KAAnE,KAAA,SAAA,UAAA,GAAX,YAA8E,MAAA,GAAA,GAAA;;MAA5D,IAAI;MAAG,IAAG;MAAM,IAAI;;6BAAkC,EAAA,UAAA,GAA9B,YAA8B,wBAAd,UAAU,CAAA,EAAA,CAAA;;;KACpE,mBAAwF,OAAxF,YAAwF,EAAA,UAAA,GAArC,YAA+B,wBAAf,WAAW,CAAA,EAAA,CAAA;KACnE,UAAA,SAAA,UAAA,GAAX,YAAwF,MAAA,GAAA,GAAA;;MAAjE,IAAI;MAAG,IAAG;MAAM,IAAI;;6BAAuC,EAAA,UAAA,GAAnC,YAAmC,wBAAnB,eAAe,CAAA,EAAA,CAAA;;WAC9D,MAAM,SAAA,UAAA,GAAtB,YAEM,MAAA,GAAA,GAAA;;MAFwB,IAAI;MAAI,IAAG;;6BACsB,CAAA,gBAAA,iBAAzD,MAAM,aAAa,OAAG,WAAA,QAAA,MAAA,GAAA,GAAA,CAAA,CAAA,CAAA;;;;;;;;;;OAItB,gBAAA,SAAmB,MAAM,SAAA,UAAA,GADjC,YAQE,qBARF,WAQE,EAAA,KAAA,EAAA,GANQ,MAAM,cAAY;IACzB,GAAG,gBAAA,MAAgB;IACnB,GAAG,gBAAA,MAAgB;IACnB,SAAS,MAAM;IACf,KAAK,MAAM,aAAa,OAAG;IAC3B,QAAI,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;EE1GjB,MAAM,QAAQ;EACd,MAAM,OAAO;EACb,MAAM,WAAW,uBAAuB;EACxC,MAAM,QAAQ,gBAAgB;EAC9B,MAAM,EAAE,KAAK,SAAS,SAAS,kBAA+B;EAC9D,MAAM,UAAU,IAAI,KAAK;EACzB,IAAI,UAAU;EAEd,YACQ,CAAC,KAAK,MAAM,OAAO,KAAK,MAAM,MAAM,IACzC,CAAC,OAAO,YAAY;GACnB,IAAI,QAAQ,KAAK,SAAS,GAAG;IAC3B,qBAAqB,OAAO;IAC5B,UAAU,4BAA6B,QAAQ,QAAQ,IAAK;GAC9D;EACF,GACA,EAAE,WAAW,KAAK,CACpB;EACA,sBAAsB,qBAAqB,OAAO,CAAC;EAEnD,MAAM,WAAW,eAAe;GAC9B,MAAM,UAAU,GAAG,MAAM,MAAM,QAAQ,EAAE;GACzC,MAAM,cAAc,OAAO,WAAW,cAAc,IAAI,OAAO;GAC/D,MAAM,eAAe,OAAO,WAAW,cAAc,IAAI,OAAO;GAChE,MAAM,MACJ,MAAM,IAAI,KAAK,MAAM,SAAS,UAAU,eACpC,eAAe,KAAK,MAAM,SAAS,UACnC,MAAM;GACZ,MAAM,OACJ,MAAM,QAAQ,QACV,MAAM,IAAI,KAAK,MAAM,QAAQ,UAC3B,UACA,MAAM,IAAI,KAAK,MAAM,QACvB,MAAM,IAAI,KAAK,MAAM,QAAQ,UAAU,cACrC,cAAc,KAAK,MAAM,QAAQ,UACjC,MAAM;GACd,OAAO;IAAE,QAAQ,MAAM;IAAQ,KAAK,GAAG,IAAI;IAAK,MAAM,GAAG,KAAK;GAAI;EACpE,CAAC;EACD,MAAM,iBAAiB,eAAe,yBAAyB,MAAM,QAAQ,MAAM,KAAK,CAAC;EACzF,MAAM,YAAY,gBAAgB;GAChC,GAAG,SAAS;GACZ,GAAG,wBAAwB,MAAM,OAAO,MAAM,KAAK;GACnD,GAAG,wBAAwB,eAAe,OAAO,MAAM,MAAM,KAAK;EACpE,EAAE;EACF,MAAM,eAAe,gBAAgB;GACnC,WAAW,MAAM;GACjB,OAAO,MAAM;GACb,YAAY,MAAM;GAClB,QAAQ,MAAM;GACd,KAAK,MAAM;EACb,EAAE;EAEF,SAAS,UAAU,MAA8B,MAA0B;GACzE,OAAO,CAAC,MAAM,aAAa,OAAO,KAAK,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;EAC5E;EACA,SAAS,UAAU,MAA8B,MAA0B;GACzE,OAAO;IACL,GAAG,wBAAwB,eAAe,QAAQ,OAAO,MAAM,KAAK;IACpE,GAAG,wBAAwB,KAAK,OAAO,MAAM,KAAK;GACpD;EACF;EACA,MAAM,4BACJ,OAAO,MAAM,YAAY,aAAa,MAAM,cAAc,KAAK,MAAM,CAAC,IAAI;;uBAI1E,YAqCQ,MAAA,KAAA,GAAA;IApCL,MAAM,SAAe,QAAA,QAAU,MAAM,OAAO,QAAI;IAChD,QAAQ,MAAA,QAAA,EAAS;IACjB,QAAQ,MAAA,QAAA,EAAS;IACjB,KAAK,MAAM;IACX,OAAK,eAAA;;KAAuC,QAAA,SAAO;KAAyC,MAAM;KAAiB,MAAM,YAAY;;IAMrI,OAAK,eAAE,UAAA,KAAS;;2BAEiE,CAAA,OAA1D,MAAM,YAAO,cAAA,UAAA,GAArC,YAAkF,wBAAvB,mBAAmB,GAAA,EAAA,KAAA,EAAA,CAAA,MAAA,UAAA,IAAA,GAE5E,mBAoBW,UAAA,EAAA,KAAA,EAAA,GAAA,WApBc,MAAM,UAAd,SAAI;6DAAyB,KAAK,IAAA,GAAA,CAAA,CAExC,KAAK,WAAW,KAAK,WAAW,KAAK,UAAA,UAAA,GAD9C,YAaE,yBAAA;;MAXC,cAAY,UAAU,MAAI,MAAA;MAC1B,OAAK,eAAE,UAAU,MAAI,MAAA,CAAA;MACrB,OAAO,KAAK,SAAS,MAAA,QAAA,EAAS,KAAK,GAAG;MACtC,MAAM,KAAK;MACX,cAAY,KAAK;MACjB,OAAO,KAAK;MACZ,UAAU,KAAK;MACf,YAAU,KAAK;MACf,OAAO,KAAK;MACZ,iBAAe,aAAA;MACf,QAAI,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,MAAA;;;;;;;;;;;;YAGC,KAAK,UAAA,UAAA,GADnB,YAIE,4BAAA;;MAFC,cAAY,UAAU,MAAI,SAAA;MAC1B,OAAK,eAAE,UAAU,MAAI,SAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;EEzGhC,MAAM,QAAQ;EACd,MAAM,OAAO;EACb,MAAM,WAAW,uBAAuB;EAExC,SAAS,MAAM,OAAmB;GAChC,MAAM,eAAe;GACrB,KAAK,MAAM;EACb;EAEA,SAAS,YAAY,OAAmB;GACtC,MAAM,eAAe;GACrB,IAAI,CAAC,SAAS,MAAM,oBAAoB;IACtC,KAAK,MAAM;IACX;GACF;GACA,IAAI;IACF,SAAS,kBAAkB,MAAM,SAAS,MAAM,OAAO,EAAE,IAAI,cAC3D,IAAI,WAAW,eAAe;KAC5B,SAAS;KACT,SAAS,MAAM;KACf,SAAS,MAAM;IACjB,CAAC,CACH;GACF,QAAQ,CAER;EACF;;uBAIE,mBAOM,OAAA;IANJ,OAAM;IACL,OAAK,eAAA,EAAA,QAAY,MAAM,OAAM,CAAA;IAC7B,SAAO;IACP,eAAa;OAEd,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;EElCZ,MAAM,QAAQ;EACd,MAAM,OAAO;EACb,MAAM,aAAa,KAAK,MAAM;EAC9B,eAAe,UAAU,IAAI;EAC7B,eAAe,UAAU,IAAI;EAC7B,WAAW,CAAC,CAAC,UAAU,IAAI,CAAC,CAAC;;uBAI3B,YAeS,MAAA,MAAA,GAAA,MAAA;2BADc,CAbrB,YAaqB,4BAAA;KAbA,WAAS,MAAM;KAAS,QAAM;;4BAY/C,CAXF,YAWE,qBAAA;MAVC,GAAG,MAAM;MACT,GAAG,MAAM;MACT,SAAS,MAAM;MACf,KAAK,MAAM;MACX,WAAS,MAAM;MACf,cAAY,MAAM;MAClB,OAAK,eAAE,MAAM,KAAK;MAClB,eAAa,MAAM;MACnB,QAAQ,MAAM;MACd,QAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EEhBf,MAAM,QAAQ;EAOd,MAAM,OAAO,WAAqE,IAAI;EACtF,MAAM,EAAE,QAAQ,aAAa;EAE7B,SAAS,kBAAkB;GACzB,KAAK,QAAQ;EACf;EAEA,MAAM,mBAA4C,SAAS,aAAa,UAAU;GAChF,MAAM,eAAe;GACrB,MAAM,gBAAgB;GAKtB,KAAK,QAAQ;IACX,GAJA,aAAa,QACT;KAAE,GAAG,MAAM,QAAQ,KAAK,CAAC,EAAG;KAAS,GAAG,MAAM,QAAQ,KAAK,CAAC,EAAG;IAAQ,IACvE;KAAE,GAAG,MAAM;KAAS,GAAG,MAAM;IAAQ;IAGzC;IACA,QAAQ,SAAS,UAAU,MAAM;IACjC,WAAW,SAAS;IACpB,OAAO,SAAS;IAChB,YAAY,SAAS;IACrB,QAAQ,SAAS;GACnB;EACF;EAEA,QACE,wBACA,gBAAgB;GACd,QAAQ,MAAM;GACd,cAAc,MAAM;GACpB,cAAc,MAAM;GACpB,oBAAoB,MAAM;EAC5B,EAAE,CACJ;EACA,QAAQ,gBAAgB;GACtB;GACA;GACA,sBAAsB,YAAY,QAAQ,KAAK,KAAK,CAAC;EACvD,CAAC;;2DAIC,WAAQ,KAAA,QAAA,SAAA,GACiB,KAAA,SAAA,UAAA,GAAzB,YAAkF,2BAAlF,WAAkF,EAAA,KAAA,EAAA,GAA3C,KAAA,OAAI;IAAG,KAAK,MAAA,GAAA;IAAM,QAAM"}

package/lib/components/ContextMenu/ContextMenu.vue.d.ts

@@ -0,0 +1,9 @@
+import type { ContextMenuProps } from '../../types';
+import '../../ContextMenu.css';
+declare const __VLS_export: import("vue").DefineComponent<ContextMenuProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    hide: () => any;
+}, string, import("vue").PublicProps, Readonly<ContextMenuProps> & Readonly<{
+    onHide?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/lib/components/ContextMenu/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ContextMenu } from './ContextMenu.vue';
+export type { ContextMenuProps } from '../../types';

package/lib/components/ContextMenuDivider/ContextMenuDivider.vue.d.ts

@@ -0,0 +1,5 @@
+import type { ContextMenuDividerProps } from '../../types';
+import '../../ContextMenuDivider.css';
+declare const __VLS_export: import("vue").DefineComponent<ContextMenuDividerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ContextMenuDividerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/lib/components/ContextMenuDivider/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ContextMenuDivider } from './ContextMenuDivider.vue';
+export type { ContextMenuDividerProps } from '../../types';

package/lib/components/ContextMenuItem/ContextMenuItem.vue.d.ts

@@ -0,0 +1,9 @@
+import type { ContextMenuItemProps } from '../../types';
+import '../../ContextMenuItem.css';
+declare const __VLS_export: import("vue").DefineComponent<ContextMenuItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    hide: () => any;
+}, string, import("vue").PublicProps, Readonly<ContextMenuItemProps> & Readonly<{
+    onHide?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/lib/components/ContextMenuItem/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ContextMenuItem } from './ContextMenuItem.vue';
+export type { ContextMenuItemProps } from '../../types';

package/lib/components/ContextMenuOverlay/ContextMenuOverlay.vue.d.ts

@@ -0,0 +1,21 @@
+import '../../ContextMenuOverlay.css';
+type __VLS_Props = {
+    zIndex?: number;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    hide: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onHide?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/ContextMenuOverlay/index.d.ts

@@ -0,0 +1 @@
+export { default as ContextMenuOverlay } from './ContextMenuOverlay.vue';

package/lib/components/ContextMenuPortal/ContextMenuPortal.vue.d.ts

@@ -0,0 +1,8 @@
+import type { ContextMenuPortalProps } from '../../types';
+declare const __VLS_export: import("vue").DefineComponent<ContextMenuPortalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    hide: () => any;
+}, string, import("vue").PublicProps, Readonly<ContextMenuPortalProps> & Readonly<{
+    onHide?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/lib/components/ContextMenuPortal/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ContextMenuPortal } from './ContextMenuPortal.vue';
+export type { ContextMenuPortalProps } from '../../types';

package/lib/components/ContextMenuProvider/ContextMenuProvider.vue.d.ts

@@ -0,0 +1,14 @@
+import type { ContextMenuProviderProps } from '../../types';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ContextMenuProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ContextMenuProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/ContextMenuProvider/index.d.ts

@@ -0,0 +1,4 @@
+export { default as ContextMenuProvider } from './ContextMenuProvider.vue';
+export { ContextMenuKey, ContextMenuSettingsKey, useContextMenu } from '../../context';
+export { ContextMenuKey as ContextMenuCtx, ContextMenuSettingsKey as ContextMenuSettingsCtx, } from '../../context';
+export type { ContextMenuProviderProps } from '../../types';

package/lib/index.d.mts

@@ -1,9 +1,9 @@
 import './styles.css';
-export * from './ContextMenu';
-export * from './ContextMenuDivider';
-export * from './ContextMenuItem';
-export * from './ContextMenuOverlay';
-export * from './ContextMenuPortal';
-export * from './ContextMenuProvider';
+export * from './components/ContextMenu';
+export * from './components/ContextMenuDivider';
+export * from './components/ContextMenuItem';
+export * from './components/ContextMenuOverlay';
+export * from './components/ContextMenuPortal';
+export * from './components/ContextMenuProvider';
 export * from './types';
 export * from './utils';

package/lib/index.d.ts

@@ -1,9 +1,9 @@
 import './styles.css';
-export * from './ContextMenu';
-export * from './ContextMenuDivider';
-export * from './ContextMenuItem';
-export * from './ContextMenuOverlay';
-export * from './ContextMenuPortal';
-export * from './ContextMenuProvider';
+export * from './components/ContextMenu';
+export * from './components/ContextMenuDivider';
+export * from './components/ContextMenuItem';
+export * from './components/ContextMenuOverlay';
+export * from './components/ContextMenuPortal';
+export * from './components/ContextMenuProvider';
 export * from './types';
 export * from './utils';

package/lib/types.d.ts

@@ -73,20 +73,29 @@ export interface ContextMenuInstanceOptions {
     content: ContextMenuContent;
 }
 export interface ContextMenuProps extends ContextMenuInstanceOptions, ContextMenuOptions {
-    onHide: HideContextMenuFunction;
     dir?: 'ltr' | 'rtl';
 }
+/** Events emitted by `ContextMenu`. */
+export interface ContextMenuEmits {
+    /** Emitted when the menu should be hidden. */
+    hide: [];
+}
 export interface ContextMenuPortalProps extends ContextMenuProps {
     zIndex?: number;
     dir: 'ltr' | 'rtl';
 }
+/** Events emitted by `ContextMenuPortal`. */
+export type ContextMenuPortalEmits = ContextMenuEmits;
+/** Events emitted by `ContextMenuOverlay`. */
+export type ContextMenuOverlayEmits = ContextMenuEmits;
 export type ContextMenuSubmenuProps = Pick<ContextMenuOptions, 'className' | 'classNames' | 'style' | 'styles'> & {
     dir?: 'ltr' | 'rtl';
 };
 export type ContextMenuItemProps = Omit<ContextMenuItemOptions, 'key'> & {
-    onHide: HideContextMenuFunction;
     submenuProps: ContextMenuSubmenuProps;
 };
+/** Events emitted by `ContextMenuItem`. */
+export type ContextMenuItemEmits = ContextMenuEmits;
 export interface ContextMenuDividerProps {
     className?: string;
     style?: ContextMenuStyle;

package/lib/utils.d.ts

@@ -3,4 +3,4 @@ import type { MantineStyle, MantineTheme } from '@mantine-vue/core';
 /** Returns a humanized version of a string, for example "camelCase" becomes "Camel Case". */
 export declare function humanize(value: string): string;
 export declare function resolveContextMenuStyle(style: ContextMenuStyle | undefined, theme: MantineTheme): MantineStyle | undefined;
-export declare function resolveContextMenuStyles(styles: ContextMenuStyles | ((theme: MantineTheme) => ContextMenuStyles) | undefined, theme: MantineTheme): Partial<Record<"root" | "item" | "divider", ContextMenuStyle>> | undefined;
+export declare function resolveContextMenuStyles(styles: ContextMenuStyles | ((theme: MantineTheme) => ContextMenuStyles) | undefined, theme: MantineTheme): Partial<Record<"item" | "root" | "divider", ContextMenuStyle>> | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantine-vue/contextmenu",
-  "version": "3.0.0",
+  "version": "3.1.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": "3.0.0",
-    "@mantine-vue/hooks": "3.0.0",
+    "@mantine-vue/core": "3.1.0",
+    "@mantine-vue/hooks": "3.1.0",
     "vue": "^3.5.0"
   },
   "mantineVue": {

package/lib/ContextMenu.d.ts

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

package/lib/ContextMenuDivider.d.ts

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

package/lib/ContextMenuItem.d.ts

@@ -1,9 +0,0 @@
-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/ContextMenuOverlay.d.ts

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

package/lib/ContextMenuPortal.d.ts

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

package/lib/ContextMenuProvider.d.ts

@@ -1,93 +0,0 @@
-import { type PropType } from 'vue';
-import { type MantineRadius, type MantineShadow, type MantineTheme } from '@mantine-vue/core';
-import { ContextMenuKey, ContextMenuSettingsKey, useContextMenu } from './context';
-import type { ContextMenuOptions, ContextMenuStyles, ContextMenuStyle } from './types';
-export declare const ContextMenuProvider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    zIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
-    shadow: {
-        type: PropType<MantineShadow>;
-        default: "sm";
-    };
-    borderRadius: {
-        type: PropType<MantineRadius>;
-        default: "xs";
-    };
-    submenuDelay: {
-        type: NumberConstructor;
-        default: 500;
-    };
-    repositionOnRepeat: {
-        type: BooleanConstructor;
-        default: false;
-    };
-    className: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    style: {
-        type: PropType<ContextMenuStyle>;
-        default: undefined;
-    };
-    classNames: {
-        type: PropType<ContextMenuOptions["classNames"]>;
-        default: undefined;
-    };
-    styles: {
-        type: PropType<ContextMenuStyles | ((theme: MantineTheme) => ContextMenuStyles)>;
-        default: undefined;
-    };
-}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    zIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
-    shadow: {
-        type: PropType<MantineShadow>;
-        default: "sm";
-    };
-    borderRadius: {
-        type: PropType<MantineRadius>;
-        default: "xs";
-    };
-    submenuDelay: {
-        type: NumberConstructor;
-        default: 500;
-    };
-    repositionOnRepeat: {
-        type: BooleanConstructor;
-        default: false;
-    };
-    className: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    style: {
-        type: PropType<ContextMenuStyle>;
-        default: undefined;
-    };
-    classNames: {
-        type: PropType<ContextMenuOptions["classNames"]>;
-        default: undefined;
-    };
-    styles: {
-        type: PropType<ContextMenuStyles | ((theme: MantineTheme) => ContextMenuStyles)>;
-        default: undefined;
-    };
-}>> & Readonly<{}>, {
-    style: ContextMenuStyle;
-    shadow: MantineShadow;
-    classNames: Partial<Record<"root" | "item" | "divider", string>> | undefined;
-    styles: Partial<Record<"root" | "item" | "divider", ContextMenuStyle>> | ((theme: MantineTheme) => ContextMenuStyles);
-    zIndex: number;
-    borderRadius: MantineRadius;
-    className: string;
-    submenuDelay: number;
-    repositionOnRepeat: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export { ContextMenuKey, ContextMenuSettingsKey, useContextMenu };
-export { ContextMenuKey as ContextMenuCtx, ContextMenuSettingsKey as ContextMenuSettingsCtx };