@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.
- package/dist/esm/{OrAutocomplete-Dgt2JnQZ.mjs → OrAutocomplete-ds-VkL_e.mjs} +7 -7
- package/dist/esm/{OrAutocomplete-Dgt2JnQZ.mjs.map → OrAutocomplete-ds-VkL_e.mjs.map} +1 -1
- package/dist/esm/{OrCardCollection-E2JGRJ4r.mjs → OrCardCollection-CoE9Umh7.mjs} +4 -4
- package/dist/esm/{OrCardCollection-E2JGRJ4r.mjs.map → OrCardCollection-CoE9Umh7.mjs.map} +1 -1
- package/dist/esm/{OrCode-Bs5Wwajd.mjs → OrCode-DzvIFmRm.mjs} +5 -4
- package/dist/esm/{OrCode-Bs5Wwajd.mjs.map → OrCode-DzvIFmRm.mjs.map} +1 -1
- package/dist/esm/{OrConfirm-Bv7fLNJW.mjs → OrConfirm-BKXhawH9.mjs} +75 -69
- package/dist/esm/OrConfirm-BKXhawH9.mjs.map +1 -0
- package/dist/esm/{OrContextMenu-BAlrH8Kh.mjs → OrContextMenu-CrpiM2Jq.mjs} +3 -3
- package/dist/esm/{OrContextMenu-BAlrH8Kh.mjs.map → OrContextMenu-CrpiM2Jq.mjs.map} +1 -1
- package/dist/esm/{OrDataGrid-p3mA4sEn.mjs → OrDataGrid-BML2-j9s.mjs} +11 -11
- package/dist/esm/{OrDataGrid-p3mA4sEn.mjs.map → OrDataGrid-BML2-j9s.mjs.map} +1 -1
- package/dist/esm/{OrDateFormat-0oDwzhEt.mjs → OrDateFormat-CnNnn2qx.mjs} +2 -2
- package/dist/esm/{OrDateFormat-0oDwzhEt.mjs.map → OrDateFormat-CnNnn2qx.mjs.map} +1 -1
- package/dist/esm/{OrDatePicker-CNsMyl3o.mjs → OrDatePicker-B8f7IXss.mjs} +103 -88
- package/dist/esm/OrDatePicker-B8f7IXss.mjs.map +1 -0
- package/dist/esm/{OrDateRangePicker-ChP-n6ot.mjs → OrDateRangePicker-Cs59h-1i.mjs} +167 -145
- package/dist/esm/OrDateRangePicker-Cs59h-1i.mjs.map +1 -0
- package/dist/esm/{OrDateTimeFormat-Clazknin.mjs → OrDateTimeFormat-B5lV7PfA.mjs} +2 -2
- package/dist/esm/{OrDateTimeFormat-Clazknin.mjs.map → OrDateTimeFormat-B5lV7PfA.mjs.map} +1 -1
- package/dist/esm/{OrDateTimePicker-S1XuNo8i.mjs → OrDateTimePicker-BjUIRfEc.mjs} +37 -34
- package/dist/esm/OrDateTimePicker-BjUIRfEc.mjs.map +1 -0
- package/dist/esm/OrDateTimePicker.vue_vue_type_script_lang-BPE3fOtA.mjs +1404 -0
- package/dist/esm/OrDateTimePicker.vue_vue_type_script_lang-BPE3fOtA.mjs.map +1 -0
- package/dist/esm/OrDrawer-BR0r7GeI.mjs.map +1 -1
- package/dist/esm/{OrEditorTabs-wwkAZAIe.mjs → OrEditorTabs-psJUG0D3.mjs} +4 -4
- package/dist/esm/{OrEditorTabs-wwkAZAIe.mjs.map → OrEditorTabs-psJUG0D3.mjs.map} +1 -1
- package/dist/esm/{OrFilter-CjfPvxXH.mjs → OrFilter-C8d3OmGK.mjs} +3 -3
- package/dist/esm/{OrFilter-CjfPvxXH.mjs.map → OrFilter-C8d3OmGK.mjs.map} +1 -1
- package/dist/esm/{OrFilterPopover-CRKOc1lA.mjs → OrFilterPopover-C8lXb-hJ.mjs} +51 -49
- package/dist/esm/OrFilterPopover-C8lXb-hJ.mjs.map +1 -0
- package/dist/esm/{OrFilterTrigger-DERgEQLO.mjs → OrFilterTrigger-zfcgyC7C.mjs} +2 -2
- package/dist/esm/{OrFilterTrigger-DERgEQLO.mjs.map → OrFilterTrigger-zfcgyC7C.mjs.map} +1 -1
- package/dist/esm/{OrIconButton-B-zHXQFi.mjs → OrIconButton-BlHCLpeW.mjs} +2 -2
- package/dist/esm/{OrIconButton-B-zHXQFi.mjs.map → OrIconButton-BlHCLpeW.mjs.map} +1 -1
- package/dist/esm/{OrInlineInput-DuEuR21u.mjs → OrInlineInput-1WPe9sXl.mjs} +90 -85
- package/dist/esm/OrInlineInput-1WPe9sXl.mjs.map +1 -0
- package/dist/esm/{OrInlineTextarea-CZnOdIvm.mjs → OrInlineTextarea-COQceBb0.mjs} +2 -2
- package/dist/esm/{OrInlineTextarea-CZnOdIvm.mjs.map → OrInlineTextarea-COQceBb0.mjs.map} +1 -1
- package/dist/esm/{OrInput-C2GZed13.mjs → OrInput-DBcNZlkx.mjs} +2 -2
- package/dist/esm/{OrInput-C2GZed13.mjs.map → OrInput-DBcNZlkx.mjs.map} +1 -1
- package/dist/esm/{OrList-Bh4H9w5H.mjs → OrList-CLHvgZc7.mjs} +2 -2
- package/dist/esm/{OrList-Bh4H9w5H.mjs.map → OrList-CLHvgZc7.mjs.map} +1 -1
- package/dist/esm/{OrMenu-BJOhUIbp.mjs → OrMenu-CJT4Snay.mjs} +2 -2
- package/dist/esm/{OrMenu-BJOhUIbp.mjs.map → OrMenu-CJT4Snay.mjs.map} +1 -1
- package/dist/esm/{OrMenuItem-B9M4IIT-.mjs → OrMenuItem-BHRMA0L1.mjs} +3 -3
- package/dist/esm/{OrMenuItem-B9M4IIT-.mjs.map → OrMenuItem-BHRMA0L1.mjs.map} +1 -1
- package/dist/esm/{OrModal-BF11V1pr.mjs → OrModal-CQhwUYFk.mjs} +2 -2
- package/dist/esm/{OrModal-BF11V1pr.mjs.map → OrModal-CQhwUYFk.mjs.map} +1 -1
- package/dist/esm/{OrNotification-DZBVrojL.mjs → OrNotification-Dz3Tr1wI.mjs} +2 -2
- package/dist/esm/{OrNotification-DZBVrojL.mjs.map → OrNotification-Dz3Tr1wI.mjs.map} +1 -1
- package/dist/esm/{OrPagination-m5-ZQHNo.mjs → OrPagination-DIacMkVe.mjs} +3 -3
- package/dist/esm/{OrPagination-m5-ZQHNo.mjs.map → OrPagination-DIacMkVe.mjs.map} +1 -1
- package/dist/esm/{OrPopover-CJCFana0.mjs → OrPopover-DbygLPtT.mjs} +50 -55
- package/dist/esm/OrPopover-DbygLPtT.mjs.map +1 -0
- package/dist/esm/{OrRangeSlider-ChTyeLp9.mjs → OrRangeSlider-Dim4sU4v.mjs} +3 -3
- package/dist/esm/{OrRangeSlider-ChTyeLp9.mjs.map → OrRangeSlider-Dim4sU4v.mjs.map} +1 -1
- package/dist/esm/{OrResizeablePanel-BSzX-1no.mjs → OrResizeablePanel-DuGgwmhB.mjs} +2 -2
- package/dist/esm/{OrResizeablePanel-BSzX-1no.mjs.map → OrResizeablePanel-DuGgwmhB.mjs.map} +1 -1
- package/dist/esm/{OrRichTextEditor-qkLiKVV7.mjs → OrRichTextEditor-YYtRuKat.mjs} +15 -11
- package/dist/esm/{OrRichTextEditor-qkLiKVV7.mjs.map → OrRichTextEditor-YYtRuKat.mjs.map} +1 -1
- package/dist/esm/{OrRichTooltip-B0vrS6XZ.mjs → OrRichTooltip-D8vv5Btb.mjs} +2 -2
- package/dist/esm/{OrRichTooltip-B0vrS6XZ.mjs.map → OrRichTooltip-D8vv5Btb.mjs.map} +1 -1
- package/dist/esm/{OrSearch-sdpX_NyT.mjs → OrSearch-1OFONLHk.mjs} +2 -2
- package/dist/esm/{OrSearch-sdpX_NyT.mjs.map → OrSearch-1OFONLHk.mjs.map} +1 -1
- package/dist/esm/{OrSelect-DW-LgFEy.mjs → OrSelect-Cnklh9us.mjs} +9 -8
- package/dist/esm/{OrSelect-DW-LgFEy.mjs.map → OrSelect-Cnklh9us.mjs.map} +1 -1
- package/dist/esm/{OrSlider-CAR09YQs.mjs → OrSlider-Cec0WpUQ.mjs} +2 -2
- package/dist/esm/{OrSlider-CAR09YQs.mjs.map → OrSlider-Cec0WpUQ.mjs.map} +1 -1
- package/dist/esm/{OrSlider.vue_vue_type_script_lang-Rv_2iFAL.mjs → OrSlider.vue_vue_type_script_lang-C5rLh1F0.mjs} +2 -2
- package/dist/esm/{OrSlider.vue_vue_type_script_lang-Rv_2iFAL.mjs.map → OrSlider.vue_vue_type_script_lang-C5rLh1F0.mjs.map} +1 -1
- package/dist/esm/{OrSorting-S7wzwrKY.mjs → OrSorting-DCAarSF1.mjs} +3 -3
- package/dist/esm/{OrSorting-S7wzwrKY.mjs.map → OrSorting-DCAarSF1.mjs.map} +1 -1
- package/dist/esm/{OrTabs-U0SytkPx.mjs → OrTabs-BUXLSz8o.mjs} +3 -3
- package/dist/esm/{OrTabs-U0SytkPx.mjs.map → OrTabs-BUXLSz8o.mjs.map} +1 -1
- package/dist/esm/{OrTag-UJHu-doQ.mjs → OrTag-Bixe0EQq.mjs} +2 -2
- package/dist/esm/{OrTag-UJHu-doQ.mjs.map → OrTag-Bixe0EQq.mjs.map} +1 -1
- package/dist/esm/{OrTagInput-DCuwuygF.mjs → OrTagInput-CjYmyfIU.mjs} +4 -4
- package/dist/esm/{OrTagInput-DCuwuygF.mjs.map → OrTagInput-CjYmyfIU.mjs.map} +1 -1
- package/dist/esm/{OrTags-B2TnnI4G.mjs → OrTags-CS0bcLtx.mjs} +3 -3
- package/dist/esm/{OrTags-B2TnnI4G.mjs.map → OrTags-CS0bcLtx.mjs.map} +1 -1
- package/dist/esm/{OrTimeFormat-BDZhjUrZ.mjs → OrTimeFormat-mxL8_Rx9.mjs} +2 -2
- package/dist/esm/{OrTimeFormat-BDZhjUrZ.mjs.map → OrTimeFormat-mxL8_Rx9.mjs.map} +1 -1
- package/dist/esm/{OrTimePicker-Cksf5aTz.mjs → OrTimePicker-CQJesQKa.mjs} +4 -4
- package/dist/esm/{OrTimePicker-Cksf5aTz.mjs.map → OrTimePicker-CQJesQKa.mjs.map} +1 -1
- package/dist/esm/{OrTimeRangePicker-9HnMtrmE.mjs → OrTimeRangePicker-DGvdvq4c.mjs} +4 -4
- package/dist/esm/{OrTimeRangePicker-9HnMtrmE.mjs.map → OrTimeRangePicker-DGvdvq4c.mjs.map} +1 -1
- package/dist/esm/{OrTooltip-BKfUYlOS.mjs → OrTooltip-DqwjoE82.mjs} +2 -2
- package/dist/esm/{OrTooltip-BKfUYlOS.mjs.map → OrTooltip-DqwjoE82.mjs.map} +1 -1
- package/dist/esm/components/index.mjs +46 -46
- package/dist/esm/components/or-autocomplete-v3/index.mjs +1 -1
- package/dist/esm/components/or-card-collection-v3/index.mjs +1 -1
- package/dist/esm/components/or-code-v3/index.mjs +1 -1
- package/dist/esm/components/or-confirm-v3/index.mjs +1 -1
- package/dist/esm/components/or-context-menu-v3/index.mjs +1 -1
- package/dist/esm/components/or-data-grid-v3/index.mjs +1 -1
- package/dist/esm/components/or-date-format-v3/index.mjs +1 -1
- package/dist/esm/components/or-date-picker-v3/index.mjs +1 -1
- package/dist/esm/components/or-date-range-picker-v3/index.mjs +1 -1
- package/dist/esm/components/or-date-time-format-v3/index.mjs +1 -1
- package/dist/esm/components/or-date-time-picker-v3/index.mjs +2 -2
- package/dist/esm/components/or-editor-tabs-v3/index.mjs +1 -1
- package/dist/esm/components/or-filter-popover-v3/index.mjs +1 -1
- package/dist/esm/components/or-filter-trigger-v3/index.mjs +1 -1
- package/dist/esm/components/or-filter-v3/index.mjs +1 -1
- package/dist/esm/components/or-icon-button-v3/index.mjs +1 -1
- package/dist/esm/components/or-inline-input-v3/index.mjs +1 -1
- package/dist/esm/components/or-inline-textarea-v3/index.mjs +1 -1
- package/dist/esm/components/or-input-v3/index.mjs +1 -1
- package/dist/esm/components/or-list-v3/index.mjs +1 -1
- package/dist/esm/components/or-menu-item-v3/index.mjs +1 -1
- package/dist/esm/components/or-menu-v3/index.mjs +1 -1
- package/dist/esm/components/or-modal-v3/index.mjs +1 -1
- package/dist/esm/components/or-notification-v3/index.mjs +1 -1
- package/dist/esm/components/or-pagination-v3/index.mjs +1 -1
- package/dist/esm/components/or-popover-v3/index.mjs +1 -1
- package/dist/esm/components/or-range-slider-v3/index.mjs +1 -1
- package/dist/esm/components/or-resizeable-panel-v3/index.mjs +1 -1
- package/dist/esm/components/or-rich-text-editor-v3/index.mjs +1 -1
- package/dist/esm/components/or-rich-tooltip-v3/index.mjs +1 -1
- package/dist/esm/components/or-search-v3/index.mjs +1 -1
- package/dist/esm/components/or-select-v3/index.mjs +1 -1
- package/dist/esm/components/or-sidebar-v3/index.mjs +1 -1
- package/dist/esm/components/or-slider-v3/index.mjs +2 -2
- package/dist/esm/components/or-sorting-v3/index.mjs +1 -1
- package/dist/esm/components/or-tabs-v3/index.mjs +1 -1
- package/dist/esm/components/or-tag-input-v3/index.mjs +1 -1
- package/dist/esm/components/or-tag-v3/index.mjs +1 -1
- package/dist/esm/components/or-tags-v3/index.mjs +1 -1
- package/dist/esm/components/or-time-format-v3/index.mjs +1 -1
- package/dist/esm/components/or-time-picker-v3/index.mjs +1 -1
- package/dist/esm/components/or-time-range-picker-v3/index.mjs +1 -1
- package/dist/esm/components/or-toast-v3/index.mjs +1 -1
- package/dist/esm/components/or-tooltip-v3/index.mjs +1 -1
- package/dist/esm/index.mjs +46 -46
- package/dist/esm/{props-16nuRHp7.mjs → props-BxqD8LGb.mjs} +2 -2
- package/dist/esm/{props-16nuRHp7.mjs.map → props-BxqD8LGb.mjs.map} +1 -1
- package/dist/esm/{types-DDvUDsPq.mjs → types-BwxhurSS.mjs} +2 -2
- package/dist/esm/{types-DDvUDsPq.mjs.map → types-BwxhurSS.mjs.map} +1 -1
- package/dist/types/components/or-autocomplete-v3/OrAutocomplete.vue.d.ts +0 -108
- package/dist/types/components/or-confirm-v3/OrConfirm.vue.d.ts +10 -1
- package/dist/types/components/or-date-picker-v3/OrDatePicker.vue.d.ts +28 -13
- package/dist/types/components/or-date-range-picker-v3/OrDateRangePicker.vue.d.ts +38 -14
- package/dist/types/components/or-date-time-picker-v3/OrDateTimePicker.vue.d.ts +29 -26
- package/dist/types/components/or-date-time-picker-v3/partials/or-date-time-picker-date-select/OrDateTimePickerDateSelect.vue.d.ts +44 -5
- package/dist/types/components/or-date-time-picker-v3/partials/or-date-time-picker-date-select/styles.d.ts +1 -0
- package/dist/types/components/or-date-time-picker-v3/partials/or-date-time-picker-month-select/OrDateTimePickerMonthSelect.vue.d.ts +797 -5
- package/dist/types/components/or-filter-popover-v3/OrFilterPopover.vue.d.ts +1 -1
- package/dist/types/components/or-inline-input-v3/OrInlineInput.vue.d.ts +2 -1
- package/dist/types/components/or-popover-v3/OrPopover.vue.d.ts +0 -11
- package/dist/types/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts +0 -12
- package/dist/types/components/or-rich-tooltip-v3/OrRichTooltip.vue.d.ts +0 -12
- package/dist/types/components/or-select-v3/OrSelect.vue.d.ts +0 -60
- package/dist/types/components/or-select-v3/partials/or-select-multiple-control/OrSelectMultipleControl.vue.d.ts +0 -24
- package/dist/types/components/or-tag-input-v3/OrTagInput.vue.d.ts +0 -24
- package/dist/types/components/or-tags-v3/OrTags.vue.d.ts +0 -12
- package/dist/types/components/or-time-picker-v3/OrTimePicker.vue.d.ts +0 -12
- package/dist/types/components/or-time-range-picker-v3/OrTimeRangePicker.vue.d.ts +0 -12
- package/package.json +4 -4
- package/dist/esm/OrConfirm-Bv7fLNJW.mjs.map +0 -1
- package/dist/esm/OrDatePicker-CNsMyl3o.mjs.map +0 -1
- package/dist/esm/OrDateRangePicker-ChP-n6ot.mjs.map +0 -1
- package/dist/esm/OrDateTimePicker-S1XuNo8i.mjs.map +0 -1
- package/dist/esm/OrDateTimePicker.vue_vue_type_script_lang-CZx_jTF6.mjs +0 -1329
- package/dist/esm/OrDateTimePicker.vue_vue_type_script_lang-CZx_jTF6.mjs.map +0 -1
- package/dist/esm/OrFilterPopover-CRKOc1lA.mjs.map +0 -1
- package/dist/esm/OrInlineInput-DuEuR21u.mjs.map +0 -1
- package/dist/esm/OrPopover-CJCFana0.mjs.map +0 -1
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import { O as
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
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
|
|
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
|
-
[
|
|
51
|
+
[s.C]: [
|
|
52
52
|
// Layout
|
|
53
53
|
"layout-row"
|
|
54
54
|
],
|
|
55
|
-
[
|
|
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 =
|
|
64
|
+
], io = X({
|
|
65
65
|
name: "OrConfirm",
|
|
66
66
|
components: {
|
|
67
|
-
OrOverlay:
|
|
68
|
-
OrButton:
|
|
69
|
-
OrInput:
|
|
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: () =>
|
|
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 =
|
|
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
|
-
]),
|
|
142
|
+
]), u = t(() => [
|
|
139
143
|
...no
|
|
140
144
|
]), B = t(() => [
|
|
141
145
|
...ro,
|
|
142
146
|
...lo[o.confirmType]
|
|
143
|
-
]),
|
|
147
|
+
]), d = t(() => [
|
|
144
148
|
...ao
|
|
145
|
-
]), { state: $, open: A, close: f } = Y(
|
|
146
|
-
|
|
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 } =
|
|
150
|
-
() => o.confirmType ===
|
|
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
|
|
153
|
-
!o.disabled && !
|
|
156
|
+
function h() {
|
|
157
|
+
!o.disabled && !v.value && n.emit("confirm");
|
|
154
158
|
}
|
|
155
159
|
function j() {
|
|
156
|
-
|
|
160
|
+
m.value = !0;
|
|
157
161
|
}
|
|
158
162
|
function z() {
|
|
159
|
-
|
|
163
|
+
m.value = !1;
|
|
160
164
|
}
|
|
161
165
|
function H() {
|
|
162
|
-
|
|
166
|
+
h(), o.autoCloseOnConfirm && f();
|
|
163
167
|
}
|
|
164
|
-
return
|
|
168
|
+
return c(F, (e) => {
|
|
165
169
|
e && f();
|
|
166
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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:
|
|
186
|
+
isInvalid: v,
|
|
181
187
|
isConfirmationButtonDisabled: E,
|
|
182
188
|
state: $,
|
|
183
|
-
isInputActive:
|
|
189
|
+
isInputActive: m,
|
|
184
190
|
escape: F,
|
|
185
191
|
rootStyles: V,
|
|
186
192
|
headerStyles: g,
|
|
187
|
-
inputBoxStyles:
|
|
193
|
+
inputBoxStyles: u,
|
|
188
194
|
footerStyles: B,
|
|
189
|
-
buttonsStyles:
|
|
190
|
-
confirm:
|
|
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
|
-
|
|
200
|
-
|
|
201
|
-
|
|
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:
|
|
208
|
-
|
|
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
|
-
|
|
214
|
-
class:
|
|
217
|
+
a("div", {
|
|
218
|
+
class: i(o.headerStyles)
|
|
215
219
|
}, [
|
|
216
|
-
|
|
220
|
+
b(o.$slots, "header", {}, () => [
|
|
217
221
|
w(T(o.titleText), 1)
|
|
218
222
|
])
|
|
219
223
|
], 2),
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
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:
|
|
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] = (
|
|
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)) :
|
|
241
|
+
], 2)) : N("", !0)
|
|
236
242
|
]),
|
|
237
|
-
|
|
243
|
+
b(o.$slots, "footer", {
|
|
238
244
|
confirm: o.confirm,
|
|
239
245
|
cancel: o.close
|
|
240
246
|
}, () => [
|
|
241
|
-
|
|
242
|
-
class:
|
|
247
|
+
a("div", {
|
|
248
|
+
class: i(o.footerStyles)
|
|
243
249
|
}, [
|
|
244
|
-
I(
|
|
245
|
-
class:
|
|
250
|
+
I(u, {
|
|
251
|
+
class: i(o.buttonsStyles),
|
|
246
252
|
variant: "outlined",
|
|
247
253
|
disabled: o.loading,
|
|
248
|
-
onClick: n[1] || (n[1] = (
|
|
254
|
+
onClick: n[1] || (n[1] = (d) => o.close())
|
|
249
255
|
}, {
|
|
250
|
-
default:
|
|
256
|
+
default: S(() => [
|
|
251
257
|
w(T(o.cancelButtonText), 1)
|
|
252
258
|
]),
|
|
253
259
|
_: 1
|
|
254
260
|
}, 8, ["class", "disabled"]),
|
|
255
|
-
I(
|
|
261
|
+
I(u, {
|
|
256
262
|
ref: "confirmationButton",
|
|
257
|
-
class:
|
|
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:
|
|
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
|
-
})) :
|
|
279
|
+
})) : N("", !0);
|
|
274
280
|
}
|
|
275
|
-
const
|
|
281
|
+
const ho = /* @__PURE__ */ oo(io, [["render", fo]]);
|
|
276
282
|
export {
|
|
277
|
-
|
|
278
|
-
|
|
283
|
+
s as C,
|
|
284
|
+
ho as O
|
|
279
285
|
};
|
|
280
|
-
//# sourceMappingURL=OrConfirm-
|
|
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-
|
|
4
|
-
import { a as $ } from "./OrPopover-
|
|
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-
|
|
86
|
+
//# sourceMappingURL=OrContextMenu-CrpiM2Jq.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OrContextMenu-
|
|
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-
|
|
4
|
-
import { O as oe } from "./OrSearch-
|
|
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-
|
|
8
|
-
import { O as ne } from "./OrDateTimePicker-
|
|
9
|
-
import "./OrDateTimePicker.vue_vue_type_script_lang-
|
|
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-
|
|
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-
|
|
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-
|
|
16
|
-
import { O as ce } from "./OrTimePicker-
|
|
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-
|
|
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-
|
|
1567
|
+
//# sourceMappingURL=OrDataGrid-BML2-j9s.mjs.map
|