@onereach/ui-components 10.2.1 → 10.2.2-beta.4281.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 (62) hide show
  1. package/dist/bundled/v2/components/OrContextMenuV3/OrContextMenu.js +35 -16
  2. package/dist/bundled/v2/components/OrContextMenuV3/OrContextMenu.vue.d.ts +21 -7
  3. package/dist/bundled/v2/components/OrContextMenuV3/index.d.ts +0 -1
  4. package/dist/bundled/v2/components/OrMenuV3/OrMenu.vue.d.ts +6 -7
  5. package/dist/bundled/v2/components/OrMenuV3/index.d.ts +0 -1
  6. package/dist/bundled/v2/components/OrTooltipV3/OrTooltip.vue.d.ts +6 -7
  7. package/dist/bundled/v2/components/OrTooltipV3/index.d.ts +0 -1
  8. package/dist/bundled/v3/components/OrContextMenuV3/OrContextMenu.js +35 -16
  9. package/dist/bundled/v3/components/OrContextMenuV3/OrContextMenu.vue.d.ts +15 -5
  10. package/dist/bundled/v3/components/OrContextMenuV3/index.d.ts +0 -1
  11. package/dist/bundled/v3/components/OrMenuV3/OrMenu.vue.d.ts +4 -5
  12. package/dist/bundled/v3/components/OrMenuV3/index.d.ts +0 -1
  13. package/dist/bundled/v3/components/OrTooltipV3/OrTooltip.vue.d.ts +4 -5
  14. package/dist/bundled/v3/components/OrTooltipV3/index.d.ts +0 -1
  15. package/dist/esm/v2/{OrContextMenu-e0716d62.js → OrContextMenu-2bfda66c.js} +35 -16
  16. package/dist/esm/v2/components/index.js +1 -1
  17. package/dist/esm/v2/components/or-context-menu-v3/OrContextMenu.vue.d.ts +21 -7
  18. package/dist/esm/v2/components/or-context-menu-v3/index.d.ts +0 -1
  19. package/dist/esm/v2/components/or-context-menu-v3/index.js +1 -1
  20. package/dist/esm/v2/components/or-menu-v3/OrMenu.vue.d.ts +6 -7
  21. package/dist/esm/v2/components/or-menu-v3/index.d.ts +0 -1
  22. package/dist/esm/v2/components/or-tooltip-v3/OrTooltip.vue.d.ts +6 -7
  23. package/dist/esm/v2/components/or-tooltip-v3/index.d.ts +0 -1
  24. package/dist/esm/v2/index.js +1 -1
  25. package/dist/esm/v3/{OrContextMenu-b2c2d614.js → OrContextMenu-171eaecc.js} +35 -16
  26. package/dist/esm/v3/components/index.js +1 -1
  27. package/dist/esm/v3/components/or-context-menu-v3/OrContextMenu.vue.d.ts +15 -5
  28. package/dist/esm/v3/components/or-context-menu-v3/index.d.ts +0 -1
  29. package/dist/esm/v3/components/or-context-menu-v3/index.js +1 -1
  30. package/dist/esm/v3/components/or-menu-v3/OrMenu.vue.d.ts +4 -5
  31. package/dist/esm/v3/components/or-menu-v3/index.d.ts +0 -1
  32. package/dist/esm/v3/components/or-tooltip-v3/OrTooltip.vue.d.ts +4 -5
  33. package/dist/esm/v3/components/or-tooltip-v3/index.d.ts +0 -1
  34. package/dist/esm/v3/index.js +1 -1
  35. package/package.json +2 -3
  36. package/src/components/or-context-menu-v3/OrContextMenu.vue +38 -17
  37. package/src/components/or-context-menu-v3/index.ts +0 -1
  38. package/src/components/or-menu-v3/OrMenu.vue +2 -3
  39. package/src/components/or-menu-v3/index.ts +0 -1
  40. package/src/components/or-tooltip-v3/OrTooltip.vue +2 -3
  41. package/src/components/or-tooltip-v3/index.ts +0 -1
  42. package/dist/bundled/v2/components/OrContextMenuV3/props.d.ts +0 -1
  43. package/dist/bundled/v2/components/OrContextMenuV3/props.js +0 -1
  44. package/dist/bundled/v2/components/OrMenuV3/props.d.ts +0 -1
  45. package/dist/bundled/v2/components/OrMenuV3/props.js +0 -1
  46. package/dist/bundled/v2/components/OrTooltipV3/props.d.ts +0 -1
  47. package/dist/bundled/v2/components/OrTooltipV3/props.js +0 -1
  48. package/dist/bundled/v3/components/OrContextMenuV3/props.d.ts +0 -1
  49. package/dist/bundled/v3/components/OrContextMenuV3/props.js +0 -1
  50. package/dist/bundled/v3/components/OrMenuV3/props.d.ts +0 -1
  51. package/dist/bundled/v3/components/OrMenuV3/props.js +0 -1
  52. package/dist/bundled/v3/components/OrTooltipV3/props.d.ts +0 -1
  53. package/dist/bundled/v3/components/OrTooltipV3/props.js +0 -1
  54. package/dist/esm/v2/components/or-context-menu-v3/props.d.ts +0 -1
  55. package/dist/esm/v2/components/or-menu-v3/props.d.ts +0 -1
  56. package/dist/esm/v2/components/or-tooltip-v3/props.d.ts +0 -1
  57. package/dist/esm/v3/components/or-context-menu-v3/props.d.ts +0 -1
  58. package/dist/esm/v3/components/or-menu-v3/props.d.ts +0 -1
  59. package/dist/esm/v3/components/or-tooltip-v3/props.d.ts +0 -1
  60. package/src/components/or-context-menu-v3/props.ts +0 -1
  61. package/src/components/or-menu-v3/props.ts +0 -1
  62. package/src/components/or-tooltip-v3/props.ts +0 -1
@@ -1,4 +1,4 @@
1
- import { defineComponent, ref, watch } from 'vue-demi';
1
+ import { defineComponent, toRefs, watch, ref } from 'vue-demi';
2
2
  import __vue_component__$1 from '../OrMenuV3/OrMenu.js';
3
3
  import { PopoverPlacement } from '../OrPopoverV3/props.js';
4
4
  import { usePopoverState } from '../../hooks/usePopoverState.js';
@@ -11,7 +11,7 @@ var script = defineComponent({
11
11
  },
12
12
  props: {
13
13
  trigger: {
14
- type: [Object, HTMLElement],
14
+ type: HTMLElement,
15
15
  default: undefined
16
16
  },
17
17
  placement: {
@@ -21,11 +21,29 @@ var script = defineComponent({
21
21
  offset: {
22
22
  type: [Number, Object, Function],
23
23
  default: 0
24
+ },
25
+ externalControl: {
26
+ type: Boolean,
27
+ default: false
24
28
  }
25
29
  },
26
30
  emits: ['update:state', 'open', 'close'],
27
- expose: ['state', 'open', 'close', 'toggle'],
31
+ expose: ['state', 'open', 'openWith', 'close', 'toggle'],
28
32
  setup(props, context) {
33
+ // Props
34
+ const {
35
+ trigger
36
+ } = toRefs(props);
37
+ watch(trigger, (trigger, prevTrigger) => {
38
+ if (trigger) {
39
+ trigger.addEventListener('contextmenu', onContextMenu);
40
+ }
41
+ if (prevTrigger) {
42
+ prevTrigger.removeEventListener('contextmenu', onContextMenu);
43
+ }
44
+ }, {
45
+ immediate: true
46
+ });
29
47
  // State
30
48
  const {
31
49
  state,
@@ -33,29 +51,28 @@ var script = defineComponent({
33
51
  close,
34
52
  toggle
35
53
  } = usePopoverState(ref(false), context.emit);
36
- // #region Trigger Point
54
+ const reference = ref();
37
55
  const triggerPoint = ref();
56
+ // Handlers
38
57
  function onContextMenu(event) {
39
58
  event.preventDefault();
40
59
  triggerPoint.value = {
41
60
  getBoundingClientRect: () => new DOMRect(event.x, event.y)
42
61
  };
62
+ if (!props.externalControl) {
63
+ open();
64
+ }
65
+ }
66
+ // Methods
67
+ function openWith(value) {
68
+ reference.value = value;
43
69
  open();
44
70
  }
45
- watch(() => props.trigger, (trigger, prevTrigger) => {
46
- if (trigger) {
47
- trigger.addEventListener('contextmenu', onContextMenu);
48
- }
49
- if (prevTrigger) {
50
- prevTrigger.removeEventListener('contextmenu', onContextMenu);
51
- }
52
- }, {
53
- immediate: true
54
- });
55
- // #endregion
56
71
  return {
57
72
  state,
73
+ reference,
58
74
  open,
75
+ openWith,
59
76
  close,
60
77
  toggle,
61
78
  triggerPoint
@@ -83,7 +100,9 @@ var __vue_render__ = function () {
83
100
  $event === 'open' ? _vm.open() : _vm.close();
84
101
  }
85
102
  }
86
- }, [_vm._t("default")], 2);
103
+ }, [_vm._t("default", null, {
104
+ "reference": _vm.reference
105
+ })], 2);
87
106
  };
88
107
  var __vue_staticRenderFns__ = [];
89
108
 
@@ -1,10 +1,11 @@
1
1
  import { VirtualElement } from '@floating-ui/dom';
2
2
  import { PropType } from 'vue-demi';
3
- import { PopoverPlacement } from '../or-popover-v3';
4
- import { ContextMenuOffset } from './props';
3
+ import { PopoverOffset, PopoverPlacement } from '../or-popover-v3';
5
4
  declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
6
5
  state: Readonly<import("@vue/composition-api").Ref<"open" | "closed">>;
6
+ reference: import("@vue/composition-api").Ref<any>;
7
7
  open: () => void;
8
+ openWith: (value?: any) => void;
8
9
  close: () => void;
9
10
  toggle: () => void;
10
11
  triggerPoint: import("@vue/composition-api").Ref<VirtualElement | undefined>;
@@ -18,9 +19,13 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
18
19
  default: () => PopoverPlacement.BottomStart;
19
20
  };
20
21
  offset: {
21
- type: PropType<ContextMenuOffset>;
22
+ type: PropType<PopoverOffset>;
22
23
  default: number;
23
24
  };
25
+ externalControl: {
26
+ type: BooleanConstructor;
27
+ default: boolean;
28
+ };
24
29
  }, import("@vue/composition-api").ExtractPropTypes<{
25
30
  trigger: {
26
31
  type: PropType<HTMLElement>;
@@ -31,30 +36,39 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
31
36
  default: () => PopoverPlacement.BottomStart;
32
37
  };
33
38
  offset: {
34
- type: PropType<ContextMenuOffset>;
39
+ type: PropType<PopoverOffset>;
35
40
  default: number;
36
41
  };
42
+ externalControl: {
43
+ type: BooleanConstructor;
44
+ default: boolean;
45
+ };
37
46
  }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
38
47
  trigger: HTMLElement;
39
48
  placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
40
- offset: ContextMenuOffset;
49
+ offset: PopoverOffset;
50
+ externalControl: boolean;
41
51
  } & {} & {
42
52
  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
43
53
  }, import("@vue/composition-api").ShallowUnwrapRef<{
44
54
  state: Readonly<import("@vue/composition-api").Ref<"open" | "closed">>;
55
+ reference: import("@vue/composition-api").Ref<any>;
45
56
  open: () => void;
57
+ openWith: (value?: any) => void;
46
58
  close: () => void;
47
59
  toggle: () => void;
48
60
  triggerPoint: import("@vue/composition-api").Ref<VirtualElement | undefined>;
49
61
  }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
50
62
  trigger: HTMLElement;
51
63
  placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
52
- offset: ContextMenuOffset;
64
+ offset: PopoverOffset;
65
+ externalControl: boolean;
53
66
  } & {} & {
54
67
  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
55
68
  }, {
56
69
  trigger: HTMLElement;
57
70
  placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
58
- offset: ContextMenuOffset;
71
+ offset: PopoverOffset;
72
+ externalControl: boolean;
59
73
  }, true>);
60
74
  export default _default;
@@ -1,2 +1 @@
1
1
  export { default as OrContextMenuV3 } from './OrContextMenu.vue';
2
- export * from './props';
@@ -1,7 +1,6 @@
1
1
  import { ReferenceElement } from '@floating-ui/dom';
2
2
  import { PropType } from 'vue-demi';
3
- import { PopoverPlacement } from '../or-popover-v3';
4
- import { MenuOffset } from './props';
3
+ import { PopoverOffset, PopoverPlacement } from '../or-popover-v3';
5
4
  declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
6
5
  root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
7
6
  rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -25,7 +24,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
25
24
  default: () => PopoverPlacement.Bottom;
26
25
  };
27
26
  offset: {
28
- type: PropType<MenuOffset>;
27
+ type: PropType<PopoverOffset>;
29
28
  default: number;
30
29
  };
31
30
  additionalStyles: {
@@ -46,7 +45,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
46
45
  default: () => PopoverPlacement.Bottom;
47
46
  };
48
47
  offset: {
49
- type: PropType<MenuOffset>;
48
+ type: PropType<PopoverOffset>;
50
49
  default: number;
51
50
  };
52
51
  additionalStyles: {
@@ -57,7 +56,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
57
56
  isOpen: boolean;
58
57
  trigger: ReferenceElement;
59
58
  placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
60
- offset: MenuOffset;
59
+ offset: PopoverOffset;
61
60
  additionalStyles: string[];
62
61
  } & {} & {
63
62
  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
@@ -74,7 +73,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
74
73
  isOpen: boolean;
75
74
  trigger: ReferenceElement;
76
75
  placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
77
- offset: MenuOffset;
76
+ offset: PopoverOffset;
78
77
  additionalStyles: string[];
79
78
  } & {} & {
80
79
  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
@@ -82,7 +81,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
82
81
  isOpen: boolean;
83
82
  trigger: ReferenceElement;
84
83
  placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
85
- offset: MenuOffset;
84
+ offset: PopoverOffset;
86
85
  additionalStyles: string[];
87
86
  }, true>);
88
87
  export default _default;
@@ -1,2 +1 @@
1
1
  export { default as OrMenuV3 } from './OrMenu.vue';
2
- export * from './props';
@@ -1,6 +1,5 @@
1
1
  import { PropType } from 'vue-demi';
2
- import { PopoverPlacement } from '../or-popover-v3';
3
- import { TooltipOffset } from './props';
2
+ import { PopoverOffset, PopoverPlacement } from '../or-popover-v3';
4
3
  declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
5
4
  root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
6
5
  rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -24,7 +23,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
24
23
  default: () => PopoverPlacement.Bottom;
25
24
  };
26
25
  offset: {
27
- type: PropType<TooltipOffset>;
26
+ type: PropType<PopoverOffset>;
28
27
  default: number;
29
28
  };
30
29
  debounce: {
@@ -49,7 +48,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
49
48
  default: () => PopoverPlacement.Bottom;
50
49
  };
51
50
  offset: {
52
- type: PropType<TooltipOffset>;
51
+ type: PropType<PopoverOffset>;
53
52
  default: number;
54
53
  };
55
54
  debounce: {
@@ -64,7 +63,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
64
63
  isOpen: boolean;
65
64
  content: string;
66
65
  placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
67
- offset: TooltipOffset;
66
+ offset: PopoverOffset;
68
67
  debounce: number;
69
68
  externalControl: boolean;
70
69
  } & {} & {
@@ -82,7 +81,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
82
81
  isOpen: boolean;
83
82
  content: string;
84
83
  placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
85
- offset: TooltipOffset;
84
+ offset: PopoverOffset;
86
85
  debounce: number;
87
86
  externalControl: boolean;
88
87
  } & {} & {
@@ -91,7 +90,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
91
90
  isOpen: boolean;
92
91
  content: string;
93
92
  placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
94
- offset: TooltipOffset;
93
+ offset: PopoverOffset;
95
94
  debounce: number;
96
95
  externalControl: boolean;
97
96
  }, true>);
@@ -1,2 +1 @@
1
1
  export { default as OrTooltipV3 } from './OrTooltip.vue';
2
- export * from './props';
@@ -1,5 +1,5 @@
1
1
  import { resolveComponent, openBlock, createBlock, withCtx, renderSlot } from 'vue';
2
- import { defineComponent, ref, watch } from 'vue-demi';
2
+ import { defineComponent, toRefs, watch, ref } from 'vue-demi';
3
3
  import { s as script$1 } from '../OrMenuV3-a6e4003d.js';
4
4
  import { P as PopoverPlacement } from '../OrPopoverV3-dd93694c.js';
5
5
  import { usePopoverState } from '../../hooks/usePopoverState.js';
@@ -11,7 +11,7 @@ var script = defineComponent({
11
11
  },
12
12
  props: {
13
13
  trigger: {
14
- type: [Object, HTMLElement],
14
+ type: HTMLElement,
15
15
  default: undefined
16
16
  },
17
17
  placement: {
@@ -21,11 +21,29 @@ var script = defineComponent({
21
21
  offset: {
22
22
  type: [Number, Object, Function],
23
23
  default: 0
24
+ },
25
+ externalControl: {
26
+ type: Boolean,
27
+ default: false
24
28
  }
25
29
  },
26
30
  emits: ['update:state', 'open', 'close'],
27
- expose: ['state', 'open', 'close', 'toggle'],
31
+ expose: ['state', 'open', 'openWith', 'close', 'toggle'],
28
32
  setup(props, context) {
33
+ // Props
34
+ const {
35
+ trigger
36
+ } = toRefs(props);
37
+ watch(trigger, (trigger, prevTrigger) => {
38
+ if (trigger) {
39
+ trigger.addEventListener('contextmenu', onContextMenu);
40
+ }
41
+ if (prevTrigger) {
42
+ prevTrigger.removeEventListener('contextmenu', onContextMenu);
43
+ }
44
+ }, {
45
+ immediate: true
46
+ });
29
47
  // State
30
48
  const {
31
49
  state,
@@ -33,29 +51,28 @@ var script = defineComponent({
33
51
  close,
34
52
  toggle
35
53
  } = usePopoverState(ref(false), context.emit);
36
- // #region Trigger Point
54
+ const reference = ref();
37
55
  const triggerPoint = ref();
56
+ // Handlers
38
57
  function onContextMenu(event) {
39
58
  event.preventDefault();
40
59
  triggerPoint.value = {
41
60
  getBoundingClientRect: () => new DOMRect(event.x, event.y)
42
61
  };
62
+ if (!props.externalControl) {
63
+ open();
64
+ }
65
+ }
66
+ // Methods
67
+ function openWith(value) {
68
+ reference.value = value;
43
69
  open();
44
70
  }
45
- watch(() => props.trigger, (trigger, prevTrigger) => {
46
- if (trigger) {
47
- trigger.addEventListener('contextmenu', onContextMenu);
48
- }
49
- if (prevTrigger) {
50
- prevTrigger.removeEventListener('contextmenu', onContextMenu);
51
- }
52
- }, {
53
- immediate: true
54
- });
55
- // #endregion
56
71
  return {
57
72
  state,
73
+ reference,
58
74
  open,
75
+ openWith,
59
76
  close,
60
77
  toggle,
61
78
  triggerPoint
@@ -72,7 +89,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
72
89
  offset: _ctx.offset,
73
90
  "onUpdate:state": _cache[0] || (_cache[0] = $event => $event === 'open' ? _ctx.open() : _ctx.close())
74
91
  }, {
75
- default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
92
+ default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
93
+ reference: _ctx.reference
94
+ })]),
76
95
  _: 3 /* FORWARDED */
77
96
  }, 8 /* PROPS */, ["is-open", "trigger", "placement", "offset"]);
78
97
  }
@@ -1,7 +1,6 @@
1
1
  import { VirtualElement } from '@floating-ui/dom';
2
2
  import { PropType } from 'vue-demi';
3
- import { PopoverPlacement } from '../or-popover-v3';
4
- import { ContextMenuOffset } from './props';
3
+ import { PopoverOffset, PopoverPlacement } from '../or-popover-v3';
5
4
  declare const _default: import("vue-demi").DefineComponent<{
6
5
  trigger: {
7
6
  type: PropType<HTMLElement>;
@@ -12,12 +11,18 @@ declare const _default: import("vue-demi").DefineComponent<{
12
11
  default: () => PopoverPlacement;
13
12
  };
14
13
  offset: {
15
- type: PropType<ContextMenuOffset>;
14
+ type: PropType<PopoverOffset>;
16
15
  default: number;
17
16
  };
17
+ externalControl: {
18
+ type: BooleanConstructor;
19
+ default: boolean;
20
+ };
18
21
  }, {
19
22
  state: Readonly<import("vue-demi").Ref<"open" | "closed">>;
23
+ reference: import("vue-demi").Ref<any>;
20
24
  open: () => void;
25
+ openWith: (value?: any) => void;
21
26
  close: () => void;
22
27
  toggle: () => void;
23
28
  triggerPoint: import("vue-demi").Ref<VirtualElement | undefined>;
@@ -31,9 +36,13 @@ declare const _default: import("vue-demi").DefineComponent<{
31
36
  default: () => PopoverPlacement;
32
37
  };
33
38
  offset: {
34
- type: PropType<ContextMenuOffset>;
39
+ type: PropType<PopoverOffset>;
35
40
  default: number;
36
41
  };
42
+ externalControl: {
43
+ type: BooleanConstructor;
44
+ default: boolean;
45
+ };
37
46
  }>> & {
38
47
  "onUpdate:state"?: ((...args: any[]) => any) | undefined;
39
48
  onOpen?: ((...args: any[]) => any) | undefined;
@@ -41,6 +50,7 @@ declare const _default: import("vue-demi").DefineComponent<{
41
50
  }, {
42
51
  trigger: HTMLElement;
43
52
  placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
44
- offset: ContextMenuOffset;
53
+ offset: PopoverOffset;
54
+ externalControl: boolean;
45
55
  }>;
46
56
  export default _default;
@@ -1,2 +1 @@
1
1
  export { default as OrContextMenuV3 } from './OrContextMenu.vue';
2
- export * from './props';
@@ -1,7 +1,6 @@
1
1
  import { ReferenceElement } from '@floating-ui/dom';
2
2
  import { PropType } from 'vue-demi';
3
- import { PopoverPlacement } from '../or-popover-v3';
4
- import { MenuOffset } from './props';
3
+ import { PopoverOffset, PopoverPlacement } from '../or-popover-v3';
5
4
  declare const _default: import("vue-demi").DefineComponent<{
6
5
  isOpen: {
7
6
  type: BooleanConstructor;
@@ -16,7 +15,7 @@ declare const _default: import("vue-demi").DefineComponent<{
16
15
  default: () => PopoverPlacement;
17
16
  };
18
17
  offset: {
19
- type: PropType<MenuOffset>;
18
+ type: PropType<PopoverOffset>;
20
19
  default: number;
21
20
  };
22
21
  additionalStyles: {
@@ -46,7 +45,7 @@ declare const _default: import("vue-demi").DefineComponent<{
46
45
  default: () => PopoverPlacement;
47
46
  };
48
47
  offset: {
49
- type: PropType<MenuOffset>;
48
+ type: PropType<PopoverOffset>;
50
49
  default: number;
51
50
  };
52
51
  additionalStyles: {
@@ -61,7 +60,7 @@ declare const _default: import("vue-demi").DefineComponent<{
61
60
  isOpen: boolean;
62
61
  trigger: ReferenceElement;
63
62
  placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
64
- offset: MenuOffset;
63
+ offset: PopoverOffset;
65
64
  additionalStyles: string[];
66
65
  }>;
67
66
  export default _default;
@@ -1,2 +1 @@
1
1
  export { default as OrMenuV3 } from './OrMenu.vue';
2
- export * from './props';
@@ -1,6 +1,5 @@
1
1
  import { PropType } from 'vue-demi';
2
- import { PopoverPlacement } from '../or-popover-v3';
3
- import { TooltipOffset } from './props';
2
+ import { PopoverOffset, PopoverPlacement } from '../or-popover-v3';
4
3
  declare const _default: import("vue-demi").DefineComponent<{
5
4
  isOpen: {
6
5
  type: BooleanConstructor;
@@ -15,7 +14,7 @@ declare const _default: import("vue-demi").DefineComponent<{
15
14
  default: () => PopoverPlacement;
16
15
  };
17
16
  offset: {
18
- type: PropType<TooltipOffset>;
17
+ type: PropType<PopoverOffset>;
19
18
  default: number;
20
19
  };
21
20
  debounce: {
@@ -49,7 +48,7 @@ declare const _default: import("vue-demi").DefineComponent<{
49
48
  default: () => PopoverPlacement;
50
49
  };
51
50
  offset: {
52
- type: PropType<TooltipOffset>;
51
+ type: PropType<PopoverOffset>;
53
52
  default: number;
54
53
  };
55
54
  debounce: {
@@ -68,7 +67,7 @@ declare const _default: import("vue-demi").DefineComponent<{
68
67
  isOpen: boolean;
69
68
  content: string;
70
69
  placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
71
- offset: TooltipOffset;
70
+ offset: PopoverOffset;
72
71
  debounce: number;
73
72
  externalControl: boolean;
74
73
  }>;
@@ -1,2 +1 @@
1
1
  export { default as OrTooltipV3 } from './OrTooltip.vue';
2
- export * from './props';
@@ -1,4 +1,4 @@
1
- import { defineComponent, ref, watch } from 'vue-demi';
1
+ import { defineComponent, toRefs, watch, ref } from 'vue-demi';
2
2
  import './dom-53c9635b.js';
3
3
  import '@vueuse/core';
4
4
  import { u as usePopoverState } from './usePopoverState-5033b9cb.js';
@@ -16,7 +16,7 @@ var script = defineComponent({
16
16
  },
17
17
  props: {
18
18
  trigger: {
19
- type: [Object, HTMLElement],
19
+ type: HTMLElement,
20
20
  default: undefined
21
21
  },
22
22
  placement: {
@@ -26,11 +26,29 @@ var script = defineComponent({
26
26
  offset: {
27
27
  type: [Number, Object, Function],
28
28
  default: 0
29
+ },
30
+ externalControl: {
31
+ type: Boolean,
32
+ default: false
29
33
  }
30
34
  },
31
35
  emits: ['update:state', 'open', 'close'],
32
- expose: ['state', 'open', 'close', 'toggle'],
36
+ expose: ['state', 'open', 'openWith', 'close', 'toggle'],
33
37
  setup(props, context) {
38
+ // Props
39
+ const {
40
+ trigger
41
+ } = toRefs(props);
42
+ watch(trigger, (trigger, prevTrigger) => {
43
+ if (trigger) {
44
+ trigger.addEventListener('contextmenu', onContextMenu);
45
+ }
46
+ if (prevTrigger) {
47
+ prevTrigger.removeEventListener('contextmenu', onContextMenu);
48
+ }
49
+ }, {
50
+ immediate: true
51
+ });
34
52
  // State
35
53
  const {
36
54
  state,
@@ -38,29 +56,28 @@ var script = defineComponent({
38
56
  close,
39
57
  toggle
40
58
  } = usePopoverState(ref(false), context.emit);
41
- // #region Trigger Point
59
+ const reference = ref();
42
60
  const triggerPoint = ref();
61
+ // Handlers
43
62
  function onContextMenu(event) {
44
63
  event.preventDefault();
45
64
  triggerPoint.value = {
46
65
  getBoundingClientRect: () => new DOMRect(event.x, event.y)
47
66
  };
67
+ if (!props.externalControl) {
68
+ open();
69
+ }
70
+ }
71
+ // Methods
72
+ function openWith(value) {
73
+ reference.value = value;
48
74
  open();
49
75
  }
50
- watch(() => props.trigger, (trigger, prevTrigger) => {
51
- if (trigger) {
52
- trigger.addEventListener('contextmenu', onContextMenu);
53
- }
54
- if (prevTrigger) {
55
- prevTrigger.removeEventListener('contextmenu', onContextMenu);
56
- }
57
- }, {
58
- immediate: true
59
- });
60
- // #endregion
61
76
  return {
62
77
  state,
78
+ reference,
63
79
  open,
80
+ openWith,
64
81
  close,
65
82
  toggle,
66
83
  triggerPoint
@@ -88,7 +105,9 @@ var __vue_render__ = function () {
88
105
  $event === 'open' ? _vm.open() : _vm.close();
89
106
  }
90
107
  }
91
- }, [_vm._t("default")], 2);
108
+ }, [_vm._t("default", null, {
109
+ "reference": _vm.reference
110
+ })], 2);
92
111
  };
93
112
  var __vue_staticRenderFns__ = [];
94
113
 
@@ -32,7 +32,7 @@ export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k
32
32
  export { _ as OrCombinedInputV3 } from '../OrCombinedInput-79d57e49.js';
33
33
  export { _ as OrConfirm } from '../OrConfirm-ba53e0ad.js';
34
34
  export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-a3b6081f.js';
35
- export { _ as OrContextMenuV3 } from '../OrContextMenu-e0716d62.js';
35
+ export { _ as OrContextMenuV3 } from '../OrContextMenu-2bfda66c.js';
36
36
  export { _ as OrDateFormatV3 } from '../OrDateFormat-9b89f093.js';
37
37
  export { _ as OrDatePickerV3 } from '../OrDatePicker-ba04da7e.js';
38
38
  export { _ as OrDateRangePickerV3 } from '../OrDateRangePicker-34a1f0a9.js';