@onereach/ui-components 23.2.0-beta.5525.0 → 23.2.1-beta.5569.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 (168) hide show
  1. package/dist/esm/{OrAutocomplete-Dgt2JnQZ.mjs → OrAutocomplete-ds-VkL_e.mjs} +7 -7
  2. package/dist/esm/{OrAutocomplete-Dgt2JnQZ.mjs.map → OrAutocomplete-ds-VkL_e.mjs.map} +1 -1
  3. package/dist/esm/{OrCardCollection-E2JGRJ4r.mjs → OrCardCollection-CoE9Umh7.mjs} +4 -4
  4. package/dist/esm/{OrCardCollection-E2JGRJ4r.mjs.map → OrCardCollection-CoE9Umh7.mjs.map} +1 -1
  5. package/dist/esm/{OrCode-Bs5Wwajd.mjs → OrCode-DzvIFmRm.mjs} +5 -4
  6. package/dist/esm/{OrCode-Bs5Wwajd.mjs.map → OrCode-DzvIFmRm.mjs.map} +1 -1
  7. package/dist/esm/{OrConfirm-Bv7fLNJW.mjs → OrConfirm-BKXhawH9.mjs} +75 -69
  8. package/dist/esm/OrConfirm-BKXhawH9.mjs.map +1 -0
  9. package/dist/esm/{OrContextMenu-BAlrH8Kh.mjs → OrContextMenu-CrpiM2Jq.mjs} +3 -3
  10. package/dist/esm/{OrContextMenu-BAlrH8Kh.mjs.map → OrContextMenu-CrpiM2Jq.mjs.map} +1 -1
  11. package/dist/esm/{OrDataGrid-p3mA4sEn.mjs → OrDataGrid-BML2-j9s.mjs} +11 -11
  12. package/dist/esm/{OrDataGrid-p3mA4sEn.mjs.map → OrDataGrid-BML2-j9s.mjs.map} +1 -1
  13. package/dist/esm/{OrDateFormat-0oDwzhEt.mjs → OrDateFormat-CnNnn2qx.mjs} +2 -2
  14. package/dist/esm/{OrDateFormat-0oDwzhEt.mjs.map → OrDateFormat-CnNnn2qx.mjs.map} +1 -1
  15. package/dist/esm/{OrDatePicker-CNsMyl3o.mjs → OrDatePicker-B8f7IXss.mjs} +103 -88
  16. package/dist/esm/OrDatePicker-B8f7IXss.mjs.map +1 -0
  17. package/dist/esm/{OrDateRangePicker-ChP-n6ot.mjs → OrDateRangePicker-Cs59h-1i.mjs} +167 -145
  18. package/dist/esm/OrDateRangePicker-Cs59h-1i.mjs.map +1 -0
  19. package/dist/esm/{OrDateTimeFormat-Clazknin.mjs → OrDateTimeFormat-B5lV7PfA.mjs} +2 -2
  20. package/dist/esm/{OrDateTimeFormat-Clazknin.mjs.map → OrDateTimeFormat-B5lV7PfA.mjs.map} +1 -1
  21. package/dist/esm/{OrDateTimePicker-S1XuNo8i.mjs → OrDateTimePicker-BjUIRfEc.mjs} +37 -34
  22. package/dist/esm/OrDateTimePicker-BjUIRfEc.mjs.map +1 -0
  23. package/dist/esm/OrDateTimePicker.vue_vue_type_script_lang-BPE3fOtA.mjs +1404 -0
  24. package/dist/esm/OrDateTimePicker.vue_vue_type_script_lang-BPE3fOtA.mjs.map +1 -0
  25. package/dist/esm/OrDrawer-BR0r7GeI.mjs.map +1 -1
  26. package/dist/esm/{OrEditorTabs-wwkAZAIe.mjs → OrEditorTabs-psJUG0D3.mjs} +4 -4
  27. package/dist/esm/{OrEditorTabs-wwkAZAIe.mjs.map → OrEditorTabs-psJUG0D3.mjs.map} +1 -1
  28. package/dist/esm/{OrFilter-CjfPvxXH.mjs → OrFilter-C8d3OmGK.mjs} +3 -3
  29. package/dist/esm/{OrFilter-CjfPvxXH.mjs.map → OrFilter-C8d3OmGK.mjs.map} +1 -1
  30. package/dist/esm/{OrFilterPopover-CRKOc1lA.mjs → OrFilterPopover-C8lXb-hJ.mjs} +51 -49
  31. package/dist/esm/OrFilterPopover-C8lXb-hJ.mjs.map +1 -0
  32. package/dist/esm/{OrFilterTrigger-DERgEQLO.mjs → OrFilterTrigger-zfcgyC7C.mjs} +2 -2
  33. package/dist/esm/{OrFilterTrigger-DERgEQLO.mjs.map → OrFilterTrigger-zfcgyC7C.mjs.map} +1 -1
  34. package/dist/esm/{OrIconButton-B-zHXQFi.mjs → OrIconButton-BlHCLpeW.mjs} +2 -2
  35. package/dist/esm/{OrIconButton-B-zHXQFi.mjs.map → OrIconButton-BlHCLpeW.mjs.map} +1 -1
  36. package/dist/esm/{OrInlineInput-DuEuR21u.mjs → OrInlineInput-1WPe9sXl.mjs} +90 -85
  37. package/dist/esm/OrInlineInput-1WPe9sXl.mjs.map +1 -0
  38. package/dist/esm/{OrInlineTextarea-CZnOdIvm.mjs → OrInlineTextarea-COQceBb0.mjs} +2 -2
  39. package/dist/esm/{OrInlineTextarea-CZnOdIvm.mjs.map → OrInlineTextarea-COQceBb0.mjs.map} +1 -1
  40. package/dist/esm/{OrInput-C2GZed13.mjs → OrInput-DBcNZlkx.mjs} +2 -2
  41. package/dist/esm/{OrInput-C2GZed13.mjs.map → OrInput-DBcNZlkx.mjs.map} +1 -1
  42. package/dist/esm/{OrList-Bh4H9w5H.mjs → OrList-CLHvgZc7.mjs} +2 -2
  43. package/dist/esm/{OrList-Bh4H9w5H.mjs.map → OrList-CLHvgZc7.mjs.map} +1 -1
  44. package/dist/esm/{OrMenu-BJOhUIbp.mjs → OrMenu-CJT4Snay.mjs} +2 -2
  45. package/dist/esm/{OrMenu-BJOhUIbp.mjs.map → OrMenu-CJT4Snay.mjs.map} +1 -1
  46. package/dist/esm/{OrMenuItem-B9M4IIT-.mjs → OrMenuItem-BHRMA0L1.mjs} +3 -3
  47. package/dist/esm/{OrMenuItem-B9M4IIT-.mjs.map → OrMenuItem-BHRMA0L1.mjs.map} +1 -1
  48. package/dist/esm/{OrModal-BF11V1pr.mjs → OrModal-CQhwUYFk.mjs} +2 -2
  49. package/dist/esm/{OrModal-BF11V1pr.mjs.map → OrModal-CQhwUYFk.mjs.map} +1 -1
  50. package/dist/esm/{OrNotification-DZBVrojL.mjs → OrNotification-Dz3Tr1wI.mjs} +2 -2
  51. package/dist/esm/{OrNotification-DZBVrojL.mjs.map → OrNotification-Dz3Tr1wI.mjs.map} +1 -1
  52. package/dist/esm/{OrPagination-m5-ZQHNo.mjs → OrPagination-DIacMkVe.mjs} +3 -3
  53. package/dist/esm/{OrPagination-m5-ZQHNo.mjs.map → OrPagination-DIacMkVe.mjs.map} +1 -1
  54. package/dist/esm/{OrPopover-CJCFana0.mjs → OrPopover-DbygLPtT.mjs} +50 -55
  55. package/dist/esm/OrPopover-DbygLPtT.mjs.map +1 -0
  56. package/dist/esm/{OrRangeSlider-ChTyeLp9.mjs → OrRangeSlider-Dim4sU4v.mjs} +3 -3
  57. package/dist/esm/{OrRangeSlider-ChTyeLp9.mjs.map → OrRangeSlider-Dim4sU4v.mjs.map} +1 -1
  58. package/dist/esm/{OrResizeablePanel-BSzX-1no.mjs → OrResizeablePanel-DuGgwmhB.mjs} +2 -2
  59. package/dist/esm/{OrResizeablePanel-BSzX-1no.mjs.map → OrResizeablePanel-DuGgwmhB.mjs.map} +1 -1
  60. package/dist/esm/{OrRichTextEditor-qkLiKVV7.mjs → OrRichTextEditor-YYtRuKat.mjs} +15 -11
  61. package/dist/esm/{OrRichTextEditor-qkLiKVV7.mjs.map → OrRichTextEditor-YYtRuKat.mjs.map} +1 -1
  62. package/dist/esm/{OrRichTooltip-B0vrS6XZ.mjs → OrRichTooltip-D8vv5Btb.mjs} +2 -2
  63. package/dist/esm/{OrRichTooltip-B0vrS6XZ.mjs.map → OrRichTooltip-D8vv5Btb.mjs.map} +1 -1
  64. package/dist/esm/{OrSearch-sdpX_NyT.mjs → OrSearch-1OFONLHk.mjs} +2 -2
  65. package/dist/esm/{OrSearch-sdpX_NyT.mjs.map → OrSearch-1OFONLHk.mjs.map} +1 -1
  66. package/dist/esm/{OrSelect-DW-LgFEy.mjs → OrSelect-Cnklh9us.mjs} +9 -8
  67. package/dist/esm/{OrSelect-DW-LgFEy.mjs.map → OrSelect-Cnklh9us.mjs.map} +1 -1
  68. package/dist/esm/{OrSlider-CAR09YQs.mjs → OrSlider-Cec0WpUQ.mjs} +2 -2
  69. package/dist/esm/{OrSlider-CAR09YQs.mjs.map → OrSlider-Cec0WpUQ.mjs.map} +1 -1
  70. package/dist/esm/{OrSlider.vue_vue_type_script_lang-Rv_2iFAL.mjs → OrSlider.vue_vue_type_script_lang-C5rLh1F0.mjs} +2 -2
  71. package/dist/esm/{OrSlider.vue_vue_type_script_lang-Rv_2iFAL.mjs.map → OrSlider.vue_vue_type_script_lang-C5rLh1F0.mjs.map} +1 -1
  72. package/dist/esm/{OrSorting-S7wzwrKY.mjs → OrSorting-DCAarSF1.mjs} +3 -3
  73. package/dist/esm/{OrSorting-S7wzwrKY.mjs.map → OrSorting-DCAarSF1.mjs.map} +1 -1
  74. package/dist/esm/{OrTabs-U0SytkPx.mjs → OrTabs-BUXLSz8o.mjs} +3 -3
  75. package/dist/esm/{OrTabs-U0SytkPx.mjs.map → OrTabs-BUXLSz8o.mjs.map} +1 -1
  76. package/dist/esm/{OrTag-UJHu-doQ.mjs → OrTag-Bixe0EQq.mjs} +2 -2
  77. package/dist/esm/{OrTag-UJHu-doQ.mjs.map → OrTag-Bixe0EQq.mjs.map} +1 -1
  78. package/dist/esm/{OrTagInput-DCuwuygF.mjs → OrTagInput-CjYmyfIU.mjs} +4 -4
  79. package/dist/esm/{OrTagInput-DCuwuygF.mjs.map → OrTagInput-CjYmyfIU.mjs.map} +1 -1
  80. package/dist/esm/{OrTags-B2TnnI4G.mjs → OrTags-CS0bcLtx.mjs} +3 -3
  81. package/dist/esm/{OrTags-B2TnnI4G.mjs.map → OrTags-CS0bcLtx.mjs.map} +1 -1
  82. package/dist/esm/{OrTimeFormat-BDZhjUrZ.mjs → OrTimeFormat-mxL8_Rx9.mjs} +2 -2
  83. package/dist/esm/{OrTimeFormat-BDZhjUrZ.mjs.map → OrTimeFormat-mxL8_Rx9.mjs.map} +1 -1
  84. package/dist/esm/{OrTimePicker-Cksf5aTz.mjs → OrTimePicker-CQJesQKa.mjs} +4 -4
  85. package/dist/esm/{OrTimePicker-Cksf5aTz.mjs.map → OrTimePicker-CQJesQKa.mjs.map} +1 -1
  86. package/dist/esm/{OrTimeRangePicker-9HnMtrmE.mjs → OrTimeRangePicker-DGvdvq4c.mjs} +4 -4
  87. package/dist/esm/{OrTimeRangePicker-9HnMtrmE.mjs.map → OrTimeRangePicker-DGvdvq4c.mjs.map} +1 -1
  88. package/dist/esm/{OrTooltip-BKfUYlOS.mjs → OrTooltip-DqwjoE82.mjs} +2 -2
  89. package/dist/esm/{OrTooltip-BKfUYlOS.mjs.map → OrTooltip-DqwjoE82.mjs.map} +1 -1
  90. package/dist/esm/components/index.mjs +46 -46
  91. package/dist/esm/components/or-autocomplete-v3/index.mjs +1 -1
  92. package/dist/esm/components/or-card-collection-v3/index.mjs +1 -1
  93. package/dist/esm/components/or-code-v3/index.mjs +1 -1
  94. package/dist/esm/components/or-confirm-v3/index.mjs +1 -1
  95. package/dist/esm/components/or-context-menu-v3/index.mjs +1 -1
  96. package/dist/esm/components/or-data-grid-v3/index.mjs +1 -1
  97. package/dist/esm/components/or-date-format-v3/index.mjs +1 -1
  98. package/dist/esm/components/or-date-picker-v3/index.mjs +1 -1
  99. package/dist/esm/components/or-date-range-picker-v3/index.mjs +1 -1
  100. package/dist/esm/components/or-date-time-format-v3/index.mjs +1 -1
  101. package/dist/esm/components/or-date-time-picker-v3/index.mjs +2 -2
  102. package/dist/esm/components/or-editor-tabs-v3/index.mjs +1 -1
  103. package/dist/esm/components/or-filter-popover-v3/index.mjs +1 -1
  104. package/dist/esm/components/or-filter-trigger-v3/index.mjs +1 -1
  105. package/dist/esm/components/or-filter-v3/index.mjs +1 -1
  106. package/dist/esm/components/or-icon-button-v3/index.mjs +1 -1
  107. package/dist/esm/components/or-inline-input-v3/index.mjs +1 -1
  108. package/dist/esm/components/or-inline-textarea-v3/index.mjs +1 -1
  109. package/dist/esm/components/or-input-v3/index.mjs +1 -1
  110. package/dist/esm/components/or-list-v3/index.mjs +1 -1
  111. package/dist/esm/components/or-menu-item-v3/index.mjs +1 -1
  112. package/dist/esm/components/or-menu-v3/index.mjs +1 -1
  113. package/dist/esm/components/or-modal-v3/index.mjs +1 -1
  114. package/dist/esm/components/or-notification-v3/index.mjs +1 -1
  115. package/dist/esm/components/or-pagination-v3/index.mjs +1 -1
  116. package/dist/esm/components/or-popover-v3/index.mjs +1 -1
  117. package/dist/esm/components/or-range-slider-v3/index.mjs +1 -1
  118. package/dist/esm/components/or-resizeable-panel-v3/index.mjs +1 -1
  119. package/dist/esm/components/or-rich-text-editor-v3/index.mjs +1 -1
  120. package/dist/esm/components/or-rich-tooltip-v3/index.mjs +1 -1
  121. package/dist/esm/components/or-search-v3/index.mjs +1 -1
  122. package/dist/esm/components/or-select-v3/index.mjs +1 -1
  123. package/dist/esm/components/or-sidebar-v3/index.mjs +1 -1
  124. package/dist/esm/components/or-slider-v3/index.mjs +2 -2
  125. package/dist/esm/components/or-sorting-v3/index.mjs +1 -1
  126. package/dist/esm/components/or-tabs-v3/index.mjs +1 -1
  127. package/dist/esm/components/or-tag-input-v3/index.mjs +1 -1
  128. package/dist/esm/components/or-tag-v3/index.mjs +1 -1
  129. package/dist/esm/components/or-tags-v3/index.mjs +1 -1
  130. package/dist/esm/components/or-time-format-v3/index.mjs +1 -1
  131. package/dist/esm/components/or-time-picker-v3/index.mjs +1 -1
  132. package/dist/esm/components/or-time-range-picker-v3/index.mjs +1 -1
  133. package/dist/esm/components/or-toast-v3/index.mjs +1 -1
  134. package/dist/esm/components/or-tooltip-v3/index.mjs +1 -1
  135. package/dist/esm/index.mjs +46 -46
  136. package/dist/esm/{props-16nuRHp7.mjs → props-BxqD8LGb.mjs} +2 -2
  137. package/dist/esm/{props-16nuRHp7.mjs.map → props-BxqD8LGb.mjs.map} +1 -1
  138. package/dist/esm/{types-DDvUDsPq.mjs → types-BwxhurSS.mjs} +2 -2
  139. package/dist/esm/{types-DDvUDsPq.mjs.map → types-BwxhurSS.mjs.map} +1 -1
  140. package/dist/types/components/or-autocomplete-v3/OrAutocomplete.vue.d.ts +0 -108
  141. package/dist/types/components/or-confirm-v3/OrConfirm.vue.d.ts +10 -1
  142. package/dist/types/components/or-date-picker-v3/OrDatePicker.vue.d.ts +28 -13
  143. package/dist/types/components/or-date-range-picker-v3/OrDateRangePicker.vue.d.ts +38 -14
  144. package/dist/types/components/or-date-time-picker-v3/OrDateTimePicker.vue.d.ts +29 -26
  145. package/dist/types/components/or-date-time-picker-v3/partials/or-date-time-picker-date-select/OrDateTimePickerDateSelect.vue.d.ts +44 -5
  146. package/dist/types/components/or-date-time-picker-v3/partials/or-date-time-picker-date-select/styles.d.ts +1 -0
  147. package/dist/types/components/or-date-time-picker-v3/partials/or-date-time-picker-month-select/OrDateTimePickerMonthSelect.vue.d.ts +797 -5
  148. package/dist/types/components/or-filter-popover-v3/OrFilterPopover.vue.d.ts +1 -1
  149. package/dist/types/components/or-inline-input-v3/OrInlineInput.vue.d.ts +2 -1
  150. package/dist/types/components/or-popover-v3/OrPopover.vue.d.ts +0 -11
  151. package/dist/types/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts +0 -12
  152. package/dist/types/components/or-rich-tooltip-v3/OrRichTooltip.vue.d.ts +0 -12
  153. package/dist/types/components/or-select-v3/OrSelect.vue.d.ts +0 -60
  154. package/dist/types/components/or-select-v3/partials/or-select-multiple-control/OrSelectMultipleControl.vue.d.ts +0 -24
  155. package/dist/types/components/or-tag-input-v3/OrTagInput.vue.d.ts +0 -24
  156. package/dist/types/components/or-tags-v3/OrTags.vue.d.ts +0 -12
  157. package/dist/types/components/or-time-picker-v3/OrTimePicker.vue.d.ts +0 -12
  158. package/dist/types/components/or-time-range-picker-v3/OrTimeRangePicker.vue.d.ts +0 -12
  159. package/package.json +4 -4
  160. package/dist/esm/OrConfirm-Bv7fLNJW.mjs.map +0 -1
  161. package/dist/esm/OrDatePicker-CNsMyl3o.mjs.map +0 -1
  162. package/dist/esm/OrDateRangePicker-ChP-n6ot.mjs.map +0 -1
  163. package/dist/esm/OrDateTimePicker-S1XuNo8i.mjs.map +0 -1
  164. package/dist/esm/OrDateTimePicker.vue_vue_type_script_lang-CZx_jTF6.mjs +0 -1329
  165. package/dist/esm/OrDateTimePicker.vue_vue_type_script_lang-CZx_jTF6.mjs.map +0 -1
  166. package/dist/esm/OrFilterPopover-CRKOc1lA.mjs.map +0 -1
  167. package/dist/esm/OrInlineInput-DuEuR21u.mjs.map +0 -1
  168. package/dist/esm/OrPopover-CJCFana0.mjs.map +0 -1
@@ -1,13 +1,13 @@
1
- import { useMagicKeys as K, whenever as M, onClickOutside as R } from "@vueuse/core";
2
- import { logicAnd as U } from "@vueuse/math";
3
- import { defineComponent as G, ref as a, computed as t, toRef as J, watch as m, resolveComponent as h, openBlock as D, createBlock as Q, withCtx as v, createElementVNode as c, mergeProps as W, normalizeClass as l, renderSlot as k, createTextVNode as w, toDisplayString as T, createElementBlock as X, createVNode as I, createCommentVNode as P } from "vue";
4
- import { usePopoverState as Y } from "@onereach/ui-components-common/hooks";
5
- import { O as Z } from "./OrButton-C_hXddAf.mjs";
6
- import { a as N } from "./OrButton.vue_vue_type_script_lang-W1ictbKz.mjs";
7
- import { O as x } from "./OrInput-C2GZed13.mjs";
8
- import { O as _ } from "./OrOverlay-BjrghiC-.mjs";
1
+ import { usePopoverState as K } from "@onereach/ui-components-common/hooks";
2
+ import { O as M } from "./OrButton-C_hXddAf.mjs";
3
+ import { a as D } from "./OrButton.vue_vue_type_script_lang-W1ictbKz.mjs";
4
+ import { O as R } from "./OrInput-DBcNZlkx.mjs";
5
+ import { O as U } from "./OrOverlay-BjrghiC-.mjs";
6
+ import { useMagicKeys as G, whenever as J, onClickOutside as Q } from "@vueuse/core";
7
+ import { logicAnd as W } from "@vueuse/math";
8
+ import { defineComponent as X, ref as l, computed as t, toRef as Y, watch as c, resolveComponent as k, openBlock as P, createBlock as Z, withCtx as S, createElementVNode as a, mergeProps as x, normalizeClass as i, renderSlot as b, createTextVNode as w, toDisplayString as T, createElementBlock as _, createVNode as I, createCommentVNode as N } from "vue";
9
9
  import { _ as oo } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
10
- var i = /* @__PURE__ */ ((o) => (o.D = "d", o.C = "c", o))(i || {});
10
+ var s = /* @__PURE__ */ ((o) => (o.D = "d", o.C = "c", o))(s || {});
11
11
  const eo = [
12
12
  // Position
13
13
  "fixed md:static",
@@ -48,11 +48,11 @@ const eo = [
48
48
  // Spacing
49
49
  "gap-md"
50
50
  ], lo = {
51
- [i.C]: [
51
+ [s.C]: [
52
52
  // Layout
53
53
  "layout-row"
54
54
  ],
55
- [i.D]: [
55
+ [s.D]: [
56
56
  // Layout
57
57
  "layout-row-reverse"
58
58
  ]
@@ -61,12 +61,12 @@ const eo = [
61
61
  "!grow",
62
62
  // Box
63
63
  "w-auto md:w-[128px]"
64
- ], io = G({
64
+ ], io = X({
65
65
  name: "OrConfirm",
66
66
  components: {
67
- OrOverlay: _,
68
- OrButton: Z,
69
- OrInput: x
67
+ OrOverlay: U,
68
+ OrButton: M,
69
+ OrInput: R
70
70
  },
71
71
  inheritAttrs: !1,
72
72
  props: {
@@ -87,13 +87,17 @@ const eo = [
87
87
  type: Boolean,
88
88
  default: !0
89
89
  },
90
+ closeOnClickOutside: {
91
+ type: Boolean,
92
+ default: !0
93
+ },
90
94
  cancelButtonText: {
91
95
  type: String,
92
96
  default: "Cancel"
93
97
  },
94
98
  confirmType: {
95
99
  type: String,
96
- default: () => i.C
100
+ default: () => s.C
97
101
  },
98
102
  loading: {
99
103
  type: Boolean,
@@ -130,64 +134,66 @@ const eo = [
130
134
  "close"
131
135
  ],
132
136
  setup(o, n) {
133
- const p = a(), y = a(), C = a(), V = t(() => [
137
+ const p = l(), y = l(), C = l(), V = t(() => [
134
138
  "or-confirm-v3",
135
139
  ...eo
136
140
  ]), g = t(() => [
137
141
  ...to
138
- ]), s = t(() => [
142
+ ]), u = t(() => [
139
143
  ...no
140
144
  ]), B = t(() => [
141
145
  ...ro,
142
146
  ...lo[o.confirmType]
143
- ]), u = t(() => [
147
+ ]), d = t(() => [
144
148
  ...ao
145
- ]), { state: $, open: A, close: f } = Y(J(o, "isOpen"), n.emit), d = a(!1), O = a("");
146
- m($, () => {
149
+ ]), { state: $, open: A, close: f } = K(Y(o, "isOpen"), n.emit), m = l(!1), O = l("");
150
+ c($, () => {
147
151
  O.value = "";
148
152
  });
149
- const { escape: F, enter: q } = K(), S = t(() => !!o.confirmationText && o.confirmationText !== O.value), E = t(() => !!o.disabled || S.value), L = t(
150
- () => o.confirmType === i.C ? N.Primary : N.Danger
153
+ const { escape: F, enter: q } = G(), v = t(() => !!o.confirmationText && o.confirmationText !== O.value), E = t(() => !!o.disabled || v.value), L = t(
154
+ () => o.confirmType === s.C ? D.Primary : D.Danger
151
155
  );
152
- function b() {
153
- !o.disabled && !S.value && n.emit("confirm");
156
+ function h() {
157
+ !o.disabled && !v.value && n.emit("confirm");
154
158
  }
155
159
  function j() {
156
- d.value = !0;
160
+ m.value = !0;
157
161
  }
158
162
  function z() {
159
- d.value = !1;
163
+ m.value = !1;
160
164
  }
161
165
  function H() {
162
- b(), o.autoCloseOnConfirm && f();
166
+ h(), o.autoCloseOnConfirm && f();
163
167
  }
164
- return m(F, (e) => {
168
+ return c(F, (e) => {
165
169
  e && f();
166
- }), m(y, (e) => {
170
+ }), c(y, (e) => {
167
171
  var r;
168
172
  return (r = e == null ? void 0 : e.focus) == null ? void 0 : r.call(e);
169
- }), m(C, (e) => {
173
+ }), c(C, (e) => {
170
174
  if (e && !o.confirmationText) {
171
175
  const r = e.root;
172
176
  r == null || r.focus();
173
177
  }
174
- }), M(U(q, d), () => b()), R(p, f), {
178
+ }), J(W(q, m), () => h()), Q(p, () => {
179
+ o.closeOnClickOutside && f();
180
+ }), {
175
181
  root: p,
176
182
  confirmationInput: y,
177
183
  confirmationButton: C,
178
184
  confirmationValue: O,
179
185
  confirmButtonColor: L,
180
- isInvalid: S,
186
+ isInvalid: v,
181
187
  isConfirmationButtonDisabled: E,
182
188
  state: $,
183
- isInputActive: d,
189
+ isInputActive: m,
184
190
  escape: F,
185
191
  rootStyles: V,
186
192
  headerStyles: g,
187
- inputBoxStyles: s,
193
+ inputBoxStyles: u,
188
194
  footerStyles: B,
189
- buttonsStyles: u,
190
- confirm: b,
195
+ buttonsStyles: d,
196
+ confirm: h,
191
197
  onConfirmClick: H,
192
198
  open: A,
193
199
  close: f,
@@ -195,72 +201,72 @@ const eo = [
195
201
  onInputBlur: z
196
202
  };
197
203
  }
198
- }), so = {
199
- class: /* @__PURE__ */ l(["grow", "overflow-y-auto", "overflow-x-hidden"])
200
- };
201
- function uo(o, n, p, y, C, V) {
202
- const g = h("OrInput"), s = h("OrButton"), B = h("OrOverlay");
203
- return o.state === "open" ? (D(), Q(B, {
204
+ }), so = { class: "grow" }, uo = { class: "overflow-y-auto overflow-x-hidden" };
205
+ function fo(o, n, p, y, C, V) {
206
+ const g = k("OrInput"), u = k("OrButton"), B = k("OrOverlay");
207
+ return o.state === "open" ? (P(), Z(B, {
204
208
  key: 0,
205
209
  fullscreen: !0
206
210
  }, {
207
- default: v(() => [
208
- c("div", W(o.$attrs, {
211
+ default: S(() => [
212
+ a("div", x(o.$attrs, {
209
213
  ref: "root",
210
214
  class: o.rootStyles,
211
215
  role: "alertdialog"
212
216
  }), [
213
- c("div", {
214
- class: l(o.headerStyles)
217
+ a("div", {
218
+ class: i(o.headerStyles)
215
219
  }, [
216
- k(o.$slots, "header", {}, () => [
220
+ b(o.$slots, "header", {}, () => [
217
221
  w(T(o.titleText), 1)
218
222
  ])
219
223
  ], 2),
220
- c("div", so, [
221
- k(o.$slots, "default"),
222
- o.confirmationText ? (D(), X("div", {
224
+ a("div", so, [
225
+ a("div", uo, [
226
+ b(o.$slots, "default")
227
+ ]),
228
+ o.confirmationText ? (P(), _("div", {
223
229
  key: 0,
224
- class: l(o.inputBoxStyles)
230
+ class: i(o.inputBoxStyles)
225
231
  }, [
226
232
  I(g, {
227
233
  ref: "confirmationInput",
228
234
  modelValue: o.confirmationValue,
229
- "onUpdate:modelValue": n[0] || (n[0] = (u) => o.confirmationValue = u),
235
+ "onUpdate:modelValue": n[0] || (n[0] = (d) => o.confirmationValue = d),
230
236
  label: o.textConfirmationLabel,
231
237
  placeholder: o.textConfirmationPlaceholder,
232
238
  onFocus: o.onInputFocus,
233
239
  onBlur: o.onInputBlur
234
240
  }, null, 8, ["modelValue", "label", "placeholder", "onFocus", "onBlur"])
235
- ], 2)) : P("", !0)
241
+ ], 2)) : N("", !0)
236
242
  ]),
237
- k(o.$slots, "footer", {
243
+ b(o.$slots, "footer", {
238
244
  confirm: o.confirm,
239
245
  cancel: o.close
240
246
  }, () => [
241
- c("div", {
242
- class: l(o.footerStyles)
247
+ a("div", {
248
+ class: i(o.footerStyles)
243
249
  }, [
244
- I(s, {
245
- class: l(o.buttonsStyles),
250
+ I(u, {
251
+ class: i(o.buttonsStyles),
246
252
  variant: "outlined",
247
253
  disabled: o.loading,
248
- onClick: n[1] || (n[1] = (u) => o.close())
254
+ onClick: n[1] || (n[1] = (d) => o.close())
249
255
  }, {
250
- default: v(() => [
256
+ default: S(() => [
251
257
  w(T(o.cancelButtonText), 1)
252
258
  ]),
253
259
  _: 1
254
260
  }, 8, ["class", "disabled"]),
255
- I(s, {
261
+ I(u, {
256
262
  ref: "confirmationButton",
257
- class: l(o.buttonsStyles),
263
+ class: i(o.buttonsStyles),
258
264
  color: o.confirmButtonColor,
259
265
  loading: o.loading,
260
266
  disabled: o.isConfirmationButtonDisabled,
261
267
  onClick: o.onConfirmClick
262
268
  }, {
263
- default: v(() => [
269
+ default: S(() => [
264
270
  w(T(o.confirmButtonText), 1)
265
271
  ]),
266
272
  _: 1
@@ -270,11 +276,11 @@ function uo(o, n, p, y, C, V) {
270
276
  ], 16)
271
277
  ]),
272
278
  _: 3
273
- })) : P("", !0);
279
+ })) : N("", !0);
274
280
  }
275
- const So = /* @__PURE__ */ oo(io, [["render", uo]]);
281
+ const ho = /* @__PURE__ */ oo(io, [["render", fo]]);
276
282
  export {
277
- i as C,
278
- So as O
283
+ s as C,
284
+ ho as O
279
285
  };
280
- //# sourceMappingURL=OrConfirm-Bv7fLNJW.mjs.map
286
+ //# sourceMappingURL=OrConfirm-BKXhawH9.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OrConfirm-BKXhawH9.mjs","sources":["../../../components/or-confirm-v3/src/props.ts","../../../components/or-confirm-v3/src/styles.ts","../../../components/or-confirm-v3/src/OrConfirm.vue"],"sourcesContent":["export enum ConfirmType {\n D = 'd', // destructive / dangerous\n C = 'c', // consequential / common\n}\n","import { ConfirmType } from './props';\n\nexport const Confirm: string[] = [\n // Position\n 'fixed md:static',\n\n 'left-0',\n 'right-0',\n 'bottom-0',\n\n // Layout\n 'layout-column',\n\n // Box\n 'w-full md:w-[320px]',\n\n // Spacing\n 'px-lg',\n 'py-lg',\n\n 'gap-md',\n\n // Shape\n 'md:rounded-md',\n\n // Elevation\n 'shadow-modal',\n 'dark:shadow-modal-dark',\n\n // Typography\n 'typography-body-2-regular',\n\n // Theme\n 'theme-background-default',\n 'dark:theme-background-default-dark',\n\n 'theme-foreground-default',\n 'dark:theme-foreground-default-dark',\n];\n\nexport const ConfirmHeader: string[] = [\n // Layout\n 'layout-row justify-between',\n\n // Typography\n 'typography-headline-3',\n];\n\nexport const ConfirmInput: string[] = [\n // Box\n 'w-full',\n\n // Spacing\n 'mt-md',\n];\n\nexport const ConfirmFooter: string[] = [\n // Spacing\n 'gap-md',\n];\n\nexport const ConfirmFooterTypes: Record<ConfirmType, string[]> = {\n [ConfirmType.C]: [\n // Layout\n 'layout-row',\n ],\n\n [ConfirmType.D]: [\n // Layout\n 'layout-row-reverse',\n ],\n};\n\nexport const ConfirmFooterButtons: string[] = [\n // Layout\n '!grow',\n\n // Box\n 'w-auto md:w-[128px]',\n];\n","<template>\n <OrOverlay\n v-if=\"state === 'open'\"\n :fullscreen=\"true\"\n >\n <div\n v-bind=\"$attrs\"\n :ref=\"'root'\"\n :class=\"rootStyles\"\n :role=\"'alertdialog'\"\n >\n <div :class=\"headerStyles\">\n <slot name=\"header\">\n {{ titleText }}\n </slot>\n </div>\n\n <div class=\"grow\">\n <div class=\"overflow-y-auto overflow-x-hidden\">\n <slot />\n </div>\n <div\n v-if=\"confirmationText\"\n :class=\"inputBoxStyles\"\n >\n <OrInput\n :ref=\"'confirmationInput'\"\n v-model=\"confirmationValue\"\n :label=\"textConfirmationLabel\"\n :placeholder=\"textConfirmationPlaceholder\"\n @focus=\"onInputFocus\"\n @blur=\"onInputBlur\"\n />\n </div>\n </div>\n\n <slot\n name=\"footer\"\n :confirm=\"confirm\"\n :cancel=\"close\"\n >\n <div :class=\"footerStyles\">\n <OrButton\n :class=\"buttonsStyles\"\n :variant=\"'outlined'\"\n :disabled=\"loading\"\n @click=\"close()\"\n >\n {{ cancelButtonText }}\n </OrButton>\n\n <OrButton\n :ref=\"'confirmationButton'\"\n :class=\"buttonsStyles\"\n :color=\"confirmButtonColor\"\n :loading=\"loading\"\n :disabled=\"isConfirmationButtonDisabled\"\n @click=\"onConfirmClick\"\n >\n {{ confirmButtonText }}\n </OrButton>\n </div>\n </slot>\n </div>\n </OrOverlay>\n</template>\n\n<script lang=\"ts\">\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { ButtonColor, OrButtonV3 as OrButton } from '@onereach/ui-components.or-button-v3';\nimport { OrInputV3 as OrInput } from '@onereach/ui-components.or-input-v3';\nimport { OrOverlayV3 as OrOverlay } from '@onereach/ui-components.or-overlay-v3';\nimport { onClickOutside, useMagicKeys, whenever } from '@vueuse/core';\nimport { logicAnd } from '@vueuse/math';\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\n\nimport { ConfirmType } from './props';\nimport { Confirm, ConfirmFooter, ConfirmFooterButtons, ConfirmFooterTypes, ConfirmHeader, ConfirmInput } from './styles';\n\nexport default defineComponent({\n name: 'OrConfirm',\n\n components: {\n OrOverlay,\n OrButton,\n OrInput,\n },\n\n inheritAttrs: false,\n\n props: {\n isOpen: {\n type: Boolean,\n default: false,\n },\n\n titleText: {\n type: String,\n required: false,\n default: null,\n },\n\n confirmButtonText: {\n type: String,\n default: 'Confirm',\n },\n\n autoCloseOnConfirm: {\n type: Boolean,\n default: true,\n },\n\n closeOnClickOutside: {\n type: Boolean,\n default: true,\n },\n\n cancelButtonText: {\n type: String,\n default: 'Cancel',\n },\n\n confirmType: {\n type: String as PropType<`${ConfirmType}`>,\n default: () => ConfirmType.C,\n },\n\n loading: {\n type: Boolean,\n default: false,\n },\n\n disabled: {\n type: Boolean,\n required: false,\n default: false,\n },\n\n confirmationText: {\n type: String,\n default: undefined,\n },\n\n textConfirmationLabel: {\n type: String,\n default: undefined,\n },\n\n textConfirmationPlaceholder: {\n type: String,\n default: undefined,\n },\n },\n\n emits: [\n 'update:state',\n\n 'open',\n 'close',\n 'confirm',\n ],\n\n expose: [\n 'root',\n\n 'state',\n\n 'open',\n 'close',\n ],\n\n setup(props, context) {\n // Refs\n const root = ref<HTMLElement>();\n\n const confirmationInput = ref<InstanceType<typeof OrInput>>();\n const confirmationButton = ref<InstanceType<typeof OrButton>>();\n\n // Styles\n const rootStyles = computed(() => [\n 'or-confirm-v3',\n ...Confirm,\n ]);\n\n const headerStyles = computed(() => [\n ...ConfirmHeader,\n ]);\n\n const inputBoxStyles = computed(() => [\n ...ConfirmInput,\n ]);\n\n const footerStyles = computed(() => [\n ...ConfirmFooter,\n ...ConfirmFooterTypes[props.confirmType],\n ]);\n\n const buttonsStyles = computed(() => [\n ...ConfirmFooterButtons,\n ]);\n\n // State\n const { state, open, close } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n const isInputActive = ref(false);\n const confirmationValue = ref('');\n\n watch(state, () => {\n confirmationValue.value = '';\n });\n\n const { escape, enter } = useMagicKeys();\n\n const isInvalid = computed(() => {\n return !!props.confirmationText && props.confirmationText !== confirmationValue.value;\n });\n\n const isConfirmationButtonDisabled = computed(() => !!props.disabled || isInvalid.value);\n\n const confirmButtonColor = computed(() =>\n props.confirmType === ConfirmType.C ? ButtonColor.Primary : ButtonColor.Danger,\n );\n\n // Methods\n function confirm(): void {\n if (!props.disabled && !isInvalid.value) {\n context.emit('confirm');\n }\n }\n\n function onInputFocus(): void {\n isInputActive.value = true;\n }\n\n function onInputBlur(): void {\n isInputActive.value = false;\n }\n\n function onConfirmClick(): void {\n confirm();\n if (props.autoCloseOnConfirm) {\n close();\n }\n }\n // Events\n watch(escape, (val) => {\n if (val) close();\n });\n\n // types here are used for fixing TS2349\n watch(confirmationInput as any, (val: InstanceType<typeof OrInput>) =>\n (val?.focus as (() => void) | undefined)?.());\n\n // types here are used for fixing TS2349\n watch(confirmationButton as any, (val: InstanceType<typeof OrButton>) => {\n if (val && !props.confirmationText) {\n const button = val.root as HTMLButtonElement | undefined;\n button?.focus();\n }\n });\n\n whenever(logicAnd(enter, isInputActive), () => confirm());\n\n // #region Click Outside\n onClickOutside(root, () => {\n props.closeOnClickOutside ? close() : undefined;\n });\n // #endregion\n\n return {\n root,\n confirmationInput,\n confirmationButton,\n confirmationValue,\n confirmButtonColor,\n isInvalid,\n isConfirmationButtonDisabled,\n state,\n isInputActive,\n escape,\n rootStyles,\n headerStyles,\n inputBoxStyles,\n footerStyles,\n buttonsStyles,\n confirm,\n onConfirmClick,\n open,\n close,\n onInputFocus,\n onInputBlur,\n };\n },\n});\n</script>\n"],"names":["ConfirmType","Confirm","ConfirmHeader","ConfirmInput","ConfirmFooter","ConfirmFooterTypes","ConfirmFooterButtons","_sfc_main","defineComponent","OrOverlay","OrButton","OrInput","props","context","root","ref","confirmationInput","confirmationButton","rootStyles","computed","headerStyles","inputBoxStyles","footerStyles","buttonsStyles","state","open","close","usePopoverState","toRef","isInputActive","confirmationValue","watch","escape","enter","useMagicKeys","isInvalid","isConfirmationButtonDisabled","confirmButtonColor","ButtonColor","confirm","onInputFocus","onInputBlur","onConfirmClick","val","_a","button","whenever","logicAnd","onClickOutside","_component_OrOverlay","_resolveComponent","_ctx","_openBlock","_createBlock","_withCtx","_createElementVNode","_mergeProps","_normalizeClass","_hoisted_1","_hoisted_2","_renderSlot","_createElementBlock","_createVNode","_component_OrInput","_cache","$event","_createCommentVNode","_component_OrButton"],"mappings":"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"}
@@ -1,7 +1,7 @@
1
1
  import { defineComponent as d, toRefs as g, watch as O, ref as p, resolveComponent as C, openBlock as v, createBlock as M, withCtx as x, renderSlot as y } from "vue";
2
2
  import { usePopoverState as B } from "@onereach/ui-components-common/hooks";
3
- import { O as P } from "./OrMenu-BJOhUIbp.mjs";
4
- import { a as $ } from "./OrPopover-CJCFana0.mjs";
3
+ import { O as P } from "./OrMenu-CJT4Snay.mjs";
4
+ import { a as $ } from "./OrPopover-DbygLPtT.mjs";
5
5
  import "@onereach/ui-components-common/utils";
6
6
  import { _ as S } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
7
7
  const b = d({
@@ -83,4 +83,4 @@ const L = /* @__PURE__ */ S(b, [["render", h]]);
83
83
  export {
84
84
  L as O
85
85
  };
86
- //# sourceMappingURL=OrContextMenu-BAlrH8Kh.mjs.map
86
+ //# sourceMappingURL=OrContextMenu-CrpiM2Jq.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"OrContextMenu-BAlrH8Kh.mjs","sources":["../../../components/or-context-menu-v3/src/OrContextMenu.vue"],"sourcesContent":["<template>\n <OrMenu\n :is-open=\"state === 'open'\"\n :trigger=\"triggerPoint\"\n :placement=\"placement\"\n :offset=\"offset\"\n @update:state=\"$event === 'open' ? open() : close()\"\n >\n <slot :reference=\"reference\" />\n </OrMenu>\n</template>\n\n<script lang=\"ts\">\nimport { VirtualElement } from '@floating-ui/dom';\nimport { PropType, defineComponent, ref, toRefs, watch } from 'vue';\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrMenuV3 as OrMenu } from '@onereach/ui-components.or-menu-v3';\nimport { PopoverOffset, PopoverPlacement } from '@onereach/ui-components.or-popover-v3';\n\nexport default defineComponent({\n name: 'OrContextMenu',\n\n components: {\n OrMenu,\n },\n\n props: {\n trigger: {\n type: Object as PropType<HTMLElement>,\n default: undefined,\n },\n\n placement: {\n type: String as PropType<`${PopoverPlacement}`>,\n default: () => PopoverPlacement.BottomStart,\n },\n\n offset: {\n type: [Number, Object, Function] as PropType<PopoverOffset>,\n default: 0,\n },\n\n externalControl: {\n type: Boolean,\n default: false,\n },\n },\n\n emits: [\n 'update:state',\n\n 'open',\n 'close',\n ],\n\n expose: [\n 'state',\n\n 'open',\n 'openWith',\n 'close',\n 'toggle',\n ],\n\n setup(props, context) {\n // Props\n const { trigger } = toRefs(props);\n\n watch(trigger, (trigger, prevTrigger) => {\n if (trigger) {\n trigger.addEventListener('contextmenu', onContextMenu);\n }\n\n if (prevTrigger) {\n prevTrigger.removeEventListener('contextmenu', onContextMenu);\n }\n }, { immediate: true });\n\n // State\n const { state, open, close, toggle } = usePopoverState(ref(false), context.emit);\n\n const reference = ref<any>();\n\n const triggerPoint = ref<VirtualElement>();\n\n // Handlers\n function onContextMenu(event: MouseEvent): void {\n event.preventDefault();\n\n triggerPoint.value = {\n getBoundingClientRect: () => new DOMRect(event.x, event.y),\n };\n\n if (!props.externalControl) {\n open();\n }\n }\n\n // Methods\n function openWith(value?: any): void {\n reference.value = value;\n\n open();\n }\n\n return {\n state,\n reference,\n\n open,\n openWith,\n close,\n toggle,\n\n triggerPoint,\n };\n },\n});\n</script>\n"],"names":["_sfc_main","defineComponent","OrMenu","PopoverPlacement","props","context","trigger","toRefs","watch","prevTrigger","onContextMenu","state","open","close","toggle","usePopoverState","ref","reference","triggerPoint","event","openWith","value","_resolveComponent","_openBlock","_createBlock","_component_OrMenu","_ctx","_cache","$event"],"mappings":";;;;;;AAmBA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,QAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS,MAAMC,EAAiB;AAAA,IAClC;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM,CAAC,QAAQ,QAAQ,QAAQ;AAAA,MAC/B,SAAS;AAAA,IACX;AAAA,IAEA,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IAEA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAM,EAAE,SAAAC,EAAA,IAAYC,EAAOH,CAAK;AAE1B,IAAAI,EAAAF,GAAS,CAACA,GAASG,MAAgB;AACvC,MAAIH,KACFA,EAAQ,iBAAiB,eAAeI,CAAa,GAGnDD,KACUA,EAAA,oBAAoB,eAAeC,CAAa;AAAA,IAC9D,GACC,EAAE,WAAW,GAAA,CAAM;AAGhB,UAAA,EAAE,OAAAC,GAAO,MAAAC,GAAM,OAAAC,GAAO,QAAAC,EAAW,IAAAC,EAAgBC,EAAI,EAAK,GAAGX,EAAQ,IAAI,GAEzEY,IAAYD,KAEZE,IAAeF;AAGrB,aAASN,EAAcS,GAAyB;AAC9C,MAAAA,EAAM,eAAe,GAErBD,EAAa,QAAQ;AAAA,QACnB,uBAAuB,MAAM,IAAI,QAAQC,EAAM,GAAGA,EAAM,CAAC;AAAA,MAAA,GAGtDf,EAAM,mBACJQ;IAET;AAGA,aAASQ,EAASC,GAAmB;AACnC,MAAAJ,EAAU,QAAQI,GAEbT;IACP;AAEO,WAAA;AAAA,MACL,OAAAD;AAAA,MACA,WAAAM;AAAA,MAEA,MAAAL;AAAA,MACA,UAAAQ;AAAA,MACA,OAAAP;AAAA,MACA,QAAAC;AAAA,MAEA,cAAAI;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;YApHCI,EAQS,QAAA;AANN,SAAAC,EAAA,GAAqBC,EAAAC,GAAA;AAAA,IACrB,WAAWC,EAAS,UAAA;AAAA,IACpB,SAAQA,EAAA;AAAA,IACR,WAAYA,EAAA;AAAA,IAAA,QAAAA,EAAA;AAAA,sBAEbC,EAA+B,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAA,MAAA,SAAAF,EAAA,KAAA,IAAAA,EAAA,MAAA;AAAA,EAAA,GAAA;AAAA;;;;;;;"}
1
+ {"version":3,"file":"OrContextMenu-CrpiM2Jq.mjs","sources":["../../../components/or-context-menu-v3/src/OrContextMenu.vue"],"sourcesContent":["<template>\n <OrMenu\n :is-open=\"state === 'open'\"\n :trigger=\"triggerPoint\"\n :placement=\"placement\"\n :offset=\"offset\"\n @update:state=\"$event === 'open' ? open() : close()\"\n >\n <slot :reference=\"reference\" />\n </OrMenu>\n</template>\n\n<script lang=\"ts\">\nimport { VirtualElement } from '@floating-ui/dom';\nimport { PropType, defineComponent, ref, toRefs, watch } from 'vue';\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrMenuV3 as OrMenu } from '@onereach/ui-components.or-menu-v3';\nimport { PopoverOffset, PopoverPlacement } from '@onereach/ui-components.or-popover-v3';\n\nexport default defineComponent({\n name: 'OrContextMenu',\n\n components: {\n OrMenu,\n },\n\n props: {\n trigger: {\n type: Object as PropType<HTMLElement>,\n default: undefined,\n },\n\n placement: {\n type: String as PropType<`${PopoverPlacement}`>,\n default: () => PopoverPlacement.BottomStart,\n },\n\n offset: {\n type: [Number, Object, Function] as PropType<PopoverOffset>,\n default: 0,\n },\n\n externalControl: {\n type: Boolean,\n default: false,\n },\n },\n\n emits: [\n 'update:state',\n\n 'open',\n 'close',\n ],\n\n expose: [\n 'state',\n\n 'open',\n 'openWith',\n 'close',\n 'toggle',\n ],\n\n setup(props, context) {\n // Props\n const { trigger } = toRefs(props);\n\n watch(trigger, (trigger, prevTrigger) => {\n if (trigger) {\n trigger.addEventListener('contextmenu', onContextMenu);\n }\n\n if (prevTrigger) {\n prevTrigger.removeEventListener('contextmenu', onContextMenu);\n }\n }, { immediate: true });\n\n // State\n const { state, open, close, toggle } = usePopoverState(ref(false), context.emit);\n\n const reference = ref<any>();\n\n const triggerPoint = ref<VirtualElement>();\n\n // Handlers\n function onContextMenu(event: MouseEvent): void {\n event.preventDefault();\n\n triggerPoint.value = {\n getBoundingClientRect: () => new DOMRect(event.x, event.y),\n };\n\n if (!props.externalControl) {\n open();\n }\n }\n\n // Methods\n function openWith(value?: any): void {\n reference.value = value;\n\n open();\n }\n\n return {\n state,\n reference,\n\n open,\n openWith,\n close,\n toggle,\n\n triggerPoint,\n };\n },\n});\n</script>\n"],"names":["_sfc_main","defineComponent","OrMenu","PopoverPlacement","props","context","trigger","toRefs","watch","prevTrigger","onContextMenu","state","open","close","toggle","usePopoverState","ref","reference","triggerPoint","event","openWith","value","_resolveComponent","_openBlock","_createBlock","_component_OrMenu","_ctx","_cache","$event"],"mappings":";;;;;;AAmBA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,QAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS,MAAMC,EAAiB;AAAA,IAClC;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM,CAAC,QAAQ,QAAQ,QAAQ;AAAA,MAC/B,SAAS;AAAA,IACX;AAAA,IAEA,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IAEA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAM,EAAE,SAAAC,EAAA,IAAYC,EAAOH,CAAK;AAE1B,IAAAI,EAAAF,GAAS,CAACA,GAASG,MAAgB;AACvC,MAAIH,KACFA,EAAQ,iBAAiB,eAAeI,CAAa,GAGnDD,KACUA,EAAA,oBAAoB,eAAeC,CAAa;AAAA,IAC9D,GACC,EAAE,WAAW,GAAA,CAAM;AAGhB,UAAA,EAAE,OAAAC,GAAO,MAAAC,GAAM,OAAAC,GAAO,QAAAC,EAAW,IAAAC,EAAgBC,EAAI,EAAK,GAAGX,EAAQ,IAAI,GAEzEY,IAAYD,KAEZE,IAAeF;AAGrB,aAASN,EAAcS,GAAyB;AAC9C,MAAAA,EAAM,eAAe,GAErBD,EAAa,QAAQ;AAAA,QACnB,uBAAuB,MAAM,IAAI,QAAQC,EAAM,GAAGA,EAAM,CAAC;AAAA,MAAA,GAGtDf,EAAM,mBACJQ;IAET;AAGA,aAASQ,EAASC,GAAmB;AACnC,MAAAJ,EAAU,QAAQI,GAEbT;IACP;AAEO,WAAA;AAAA,MACL,OAAAD;AAAA,MACA,WAAAM;AAAA,MAEA,MAAAL;AAAA,MACA,UAAAQ;AAAA,MACA,OAAAP;AAAA,MACA,QAAAC;AAAA,MAEA,cAAAI;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;YApHCI,EAQS,QAAA;AANN,SAAAC,EAAA,GAAqBC,EAAAC,GAAA;AAAA,IACrB,WAAWC,EAAS,UAAA;AAAA,IACpB,SAAQA,EAAA;AAAA,IACR,WAAYA,EAAA;AAAA,IAAA,QAAAA,EAAA;AAAA,sBAEbC,EAA+B,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAA,MAAA,SAAAF,EAAA,KAAA,IAAAA,EAAA,MAAA;AAAA,EAAA,GAAA;AAAA;;;;;;;"}
@@ -1,22 +1,22 @@
1
1
  import { defineComponent as T, ref as G, computed as l, openBlock as a, createElementBlock as c, normalizeClass as s, renderSlot as d, createCommentVNode as g, resolveComponent as i, normalizeStyle as q, Fragment as H, createBlock as p, watch as Z, createElementVNode as X, createVNode as R, mergeProps as _, withCtx as f, createSlots as K, normalizeProps as x, guardReactiveProps as ee, renderList as j, createTextVNode as Q, toDisplayString as W } from "vue";
2
2
  import { O as Y } from "./OrCheckbox-CI-mxgEp.mjs";
3
- import { O as te } from "./OrPagination-m5-ZQHNo.mjs";
4
- import { O as oe } from "./OrSearch-sdpX_NyT.mjs";
3
+ import { O as te } from "./OrPagination-DIacMkVe.mjs";
4
+ import { O as oe } from "./OrSearch-1OFONLHk.mjs";
5
5
  import { O as ae } from "./OrSkeletonText-WYaAaljl.mjs";
6
6
  import { _ as S } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
7
- import { O as re } from "./OrDatePicker-CNsMyl3o.mjs";
8
- import { O as ne } from "./OrDateTimePicker-S1XuNo8i.mjs";
9
- import "./OrDateTimePicker.vue_vue_type_script_lang-CZx_jTF6.mjs";
7
+ import { O as re } from "./OrDatePicker-B8f7IXss.mjs";
8
+ import { O as ne } from "./OrDateTimePicker-BjUIRfEc.mjs";
9
+ import "./OrDateTimePicker.vue_vue_type_script_lang-BPE3fOtA.mjs";
10
10
  import "@onereach/ui-components-common/types";
11
- import { O as le } from "./OrInput-C2GZed13.mjs";
11
+ import { O as le } from "./OrInput-DBcNZlkx.mjs";
12
12
  import { O as se } from "./OrRating-BhuvRBRy.mjs";
13
- import { O as ie } from "./OrSelect-DW-LgFEy.mjs";
13
+ import { O as ie } from "./OrSelect-Cnklh9us.mjs";
14
14
  import { O as de } from "./OrSwitch-Cmi57-QB.mjs";
15
- import { O as ue } from "./OrTagInput-DCuwuygF.mjs";
16
- import { O as ce } from "./OrTimePicker-Cksf5aTz.mjs";
15
+ import { O as ue } from "./OrTagInput-CjYmyfIU.mjs";
16
+ import { O as ce } from "./OrTimePicker-CQJesQKa.mjs";
17
17
  import { useElementSize as me } from "@vueuse/core";
18
18
  import { O as fe } from "./OrIcon-k8cyvh-D.mjs";
19
- import { O as pe } from "./OrNotification-DZBVrojL.mjs";
19
+ import { O as pe } from "./OrNotification-Dz3Tr1wI.mjs";
20
20
  const ge = [
21
21
  // Layout
22
22
  "layout-row",
@@ -1564,4 +1564,4 @@ export {
1564
1564
  D,
1565
1565
  io as O
1566
1566
  };
1567
- //# sourceMappingURL=OrDataGrid-p3mA4sEn.mjs.map
1567
+ //# sourceMappingURL=OrDataGrid-BML2-j9s.mjs.map