@orchidui/core 1.8.1-80 → 1.8.1-81

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 (84) hide show
  1. package/dist/ColumnEdit-CdjmVXjn.js +141 -0
  2. package/dist/DataDisplay/CustomerCard/OcCustomerCard.js +1 -1
  3. package/dist/DataDisplay/FloatContent/OcFloatContent.js +1 -1
  4. package/dist/DataDisplay/InfoCard/OcInfoCard.js +1 -1
  5. package/dist/DataDisplay/ListDetail/OcListDetail.js +1 -1
  6. package/dist/DataDisplay/ListItem/OcListItem.js +1 -1
  7. package/dist/DataDisplay/OnboardingListItem/OcOnboardingListItem.js +1 -1
  8. package/dist/DataDisplay/Overview/OcOverview.js +1 -1
  9. package/dist/DataDisplay/Pagination/OcPagination.js +1 -1
  10. package/dist/DataDisplay/Table/OcTable.js +1 -1
  11. package/dist/DataDisplay/TransferSummary/OcTransferSummary.js +1 -1
  12. package/dist/Disclosure/Accordion/OcAccordion.js +1 -1
  13. package/dist/Disclosure/OnboardingAccordion/OnboardingAccordion.js +1 -1
  14. package/dist/Disclosure/Steps/OcSteps.js +1 -1
  15. package/dist/Disclosure/Tabs/Tabs.js +1 -1
  16. package/dist/Disclosure/Variants/OcVariants.js +1 -1
  17. package/dist/Elements/AdditionalContent/OcAdditionalContent.js +1 -1
  18. package/dist/Elements/AuthenticationOption/AuthenticationOption.js +1 -1
  19. package/dist/Elements/Box/OcBox.js +1 -1
  20. package/dist/Elements/EmptyPage/OcEmptyPage.js +1 -1
  21. package/dist/Elements/FeatureOverviewCard/OcFeatureOverviewCard.js +1 -1
  22. package/dist/Elements/Header/OcHeader.js +1 -1
  23. package/dist/Elements/PageTitle/OcPageTitle.js +1 -1
  24. package/dist/Elements/SandboxBanner/OcSandboxBanner.js +1 -1
  25. package/dist/Elements/Sidebar/OcSidebar.js +2 -2
  26. package/dist/Elements/SubSidebar/OcSubSidebar.js +1 -1
  27. package/dist/Elements/TopBanner/OcTopBanner.js +1 -1
  28. package/dist/Elements/VerificationOption/OcVerificationOption.js +1 -1
  29. package/dist/Feedback/Banner/OcBanner.js +1 -1
  30. package/dist/Feedback/Chip/OcChip.js +1 -1
  31. package/dist/Feedback/ShareIcon/OcShareIcon.js +1 -1
  32. package/dist/Feedback/Snackbar/OcSnackbar.js +1 -1
  33. package/dist/Form/BaseInput/OcBaseInput.js +1 -1
  34. package/dist/Form/Button/OcButton.js +1 -1
  35. package/dist/Form/Calendar/OcCalendar.js +1 -1
  36. package/dist/Form/CardInput/OcCardInput.js +1 -1
  37. package/dist/Form/Checkbox/OcCheckbox.js +1 -1
  38. package/dist/Form/CheckboxesGroup/OcCheckboxesGroup.js +1 -1
  39. package/dist/Form/Criteria/OcCriteria.js +1 -1
  40. package/dist/Form/Cropper/OcCropper.js +1 -1
  41. package/dist/Form/DatePicker/OcDatePicker.js +1 -1
  42. package/dist/Form/EmojiPicker/OcEmojiPicker.js +1 -1
  43. package/dist/Form/Input/OcInput.js +1 -1
  44. package/dist/Form/LinkInput/OcLinkInput.js +1 -1
  45. package/dist/Form/MultipleUploadFile/OcMultipleUploadFile.js +1 -1
  46. package/dist/Form/NumberInput/OcNumberInput.js +1 -1
  47. package/dist/Form/PhoneInput/OcPhoneInput.js +1 -1
  48. package/dist/Form/Radio/OcRadio.js +1 -1
  49. package/dist/Form/RadioGroup/OcRadioGroup.js +1 -1
  50. package/dist/Form/RangeInput/OcRangeInput.js +1 -1
  51. package/dist/Form/SectionItem/OcSectionItem.js +1 -1
  52. package/dist/Form/Select/OcSelect.js +1 -1
  53. package/dist/Form/SelectOptions/OcSelectOptions.js +1 -1
  54. package/dist/Form/SingleFileUpload/OcSingleFileUpload.js +1 -1
  55. package/dist/Form/Slider/OcSlider.js +1 -1
  56. package/dist/Form/TextArea/OcTextArea.js +1 -1
  57. package/dist/Form/index.js +1 -1
  58. package/dist/FormBuilder/OcFormBuilder.js +1 -1
  59. package/dist/{OcAccountSetupProgress-g7V1kvOf.js → OcAccountSetupProgress-BgGjUZAh.js} +1 -1
  60. package/dist/{OcComplexCalendar-CWPFV545.js → OcComplexCalendar-La4UDSot.js} +1 -1
  61. package/dist/{OcComplexDatePicker-DXg8PEZz.js → OcComplexDatePicker-BfWZJ80d.js} +1 -1
  62. package/dist/{OcCropper-BfXmon8i.js → OcCropper-BK_21zuF.js} +1 -1
  63. package/dist/OcDataTable-B3gHGRAy.js +456 -0
  64. package/dist/{OcDraggableList-BMlc5DDP.js → OcDraggableList-BR6u3KC4.js} +1 -1
  65. package/dist/{OcEmojiPicker-vNLeufFJ.js → OcEmojiPicker-Bwlc9jiL.js} +1 -1
  66. package/dist/{OcFilterForm-DxNgWEC9.js → OcFilterForm-B9fXBYbo.js} +1 -1
  67. package/dist/{OcFilterSearch-D1gAk_Ea.js → OcFilterSearch-EagXr3EL.js} +1 -1
  68. package/dist/{OcFilterSearchFor-CKrNeOon.js → OcFilterSearchFor-BFKzU9p-.js} +1 -1
  69. package/dist/{OcModalCropper-DOSQE3NJ.js → OcModalCropper-BReYn5X1.js} +2 -2
  70. package/dist/{OcTimePicker-Cjo8eKGB.js → OcTimePicker-B-NLdVZq.js} +1 -1
  71. package/dist/Overlay/ConfirmationModal/OcConfirmationModal.js +1 -1
  72. package/dist/Overlay/CopyTooltip/OcCopyTooltip.js +1 -1
  73. package/dist/Overlay/Dropdown/OcDropdown.js +1 -1
  74. package/dist/Overlay/Modal/OcModal.js +1 -1
  75. package/dist/Overlay/SupportMenu/OcSupportMenu.js +1 -1
  76. package/dist/Overlay/Tooltip/OcTooltip.js +1 -1
  77. package/dist/Overlay/Whitelist/OcWhiteList.js +1 -1
  78. package/dist/{SubPlanCard-BTqSr2AX.js → SubPlanCard-DxMPWwSi.js} +1 -1
  79. package/dist/{ThumbnailSection-DvanWXUV.js → ThumbnailSection-oKjPIxOz.js} +1 -1
  80. package/dist/{ThumbnailTheme-Cb9Ya2ZK.js → ThumbnailTheme-F9chPOvw.js} +1 -1
  81. package/dist/{index-DkumyhAj.js → index-xVQMCW5L.js} +8 -8
  82. package/dist/index.js +1 -1
  83. package/package.json +1 -1
  84. package/dist/OcDataTable-CsQHegQT.js +0 -590
@@ -0,0 +1,456 @@
1
+ import { defineAsyncComponent as Ye, computed as D, ref as M, onMounted as Be, openBlock as k, createElementBlock as I, createBlock as Q, unref as O, createSlots as Me, withCtx as x, renderSlot as P, normalizeProps as ne, guardReactiveProps as ve, createCommentVNode as E, normalizeClass as de, createVNode as J, renderList as Ie } from "vue";
2
+ import { K as Ne, Z as Te, aK as qe, az as Qe, aL as Re, B as Ue, aM as ze, H as Je, I as ce, j as He } from "./index-xVQMCW5L.js";
3
+ import G from "dayjs";
4
+ import { getFromLocalStorage as fe, formatHeadersToLocalStorage as Ze, setInLocalStorage as pe, formatHeadersFromLocalStorage as Ge } from "./DataTable/utils/editColumnsUtils.js";
5
+ const We = { class: "relative flex flex-col gap-9" }, Xe = {
6
+ key: 0,
7
+ class: "flex items-center px-4 min-h-[52px]"
8
+ }, _e = {
9
+ key: 0,
10
+ class: "absolute flex items-center gap-5 left-5"
11
+ }, el = {
12
+ key: 1,
13
+ class: "absolute flex gap-3 left-5"
14
+ }, ll = {
15
+ key: 1,
16
+ class: "flex justify-center w-full gap-5 md:justify-start"
17
+ }, al = {
18
+ key: 2,
19
+ class: "items-center hidden md:flex"
20
+ }, rl = {
21
+ __name: "OcDataTable",
22
+ props: {
23
+ isLoading: Boolean,
24
+ id: {
25
+ type: String,
26
+ required: !0
27
+ },
28
+ options: {
29
+ type: Object,
30
+ required: !0
31
+ },
32
+ filter: {
33
+ type: Object,
34
+ required: !0
35
+ },
36
+ selected: {
37
+ type: Array,
38
+ required: !1
39
+ },
40
+ rowClass: String,
41
+ rowKey: {
42
+ type: String,
43
+ Function,
44
+ default: "id"
45
+ },
46
+ rowLink: String
47
+ },
48
+ emits: {
49
+ "update:selected": [],
50
+ "update:filter": [],
51
+ "click:row": [],
52
+ "filter-fields-changed": [],
53
+ "filter-removed": [],
54
+ "filter-open": [],
55
+ "search-query-changed": [],
56
+ "hover:cell": [],
57
+ "columns-changed": []
58
+ },
59
+ setup(V, { emit: me }) {
60
+ var ee, le, ae, te, oe, se, ue, re, ie;
61
+ const ye = Ye(() => import("./ColumnEdit-CdjmVXjn.js")), p = V, z = me, h = D(() => {
62
+ var l;
63
+ return (l = p.options) == null ? void 0 : l.pagination;
64
+ }), K = D(() => {
65
+ var l;
66
+ return (l = p.options) == null ? void 0 : l.cursor;
67
+ }), H = M(), C = D(() => {
68
+ var l;
69
+ return (l = p.options) == null ? void 0 : l.tableOptions;
70
+ }), ge = D(() => {
71
+ var l;
72
+ return {
73
+ ...C.value,
74
+ headers: H.value ? H.value.map((e) => {
75
+ var s, r;
76
+ return e.class = ((r = (s = C.value) == null ? void 0 : s.headers.find((v) => v.key === e.key)) == null ? void 0 : r.class) ?? "", e;
77
+ }).filter((e) => e.isActive) : (l = C.value) == null ? void 0 : l.headers.filter((e) => Pe(e.key))
78
+ };
79
+ }), a = D(() => {
80
+ var l;
81
+ return (l = p.options) == null ? void 0 : l.filterOptions;
82
+ }), be = D(() => {
83
+ var l;
84
+ return (l = p.options) == null ? void 0 : l.hidePerPageDropdown;
85
+ }), ke = D(() => {
86
+ var l;
87
+ return ((l = h.value) == null ? void 0 : l.last_page) === 1;
88
+ }), R = M(!1), $ = M(p.filter[(le = (ee = a.value) == null ? void 0 : ee.tabs) == null ? void 0 : le.key]), U = M(p.filter.page), N = M(
89
+ (te = (ae = a.value) == null ? void 0 : ae.per_page) != null && te.key ? p.filter[(se = (oe = a.value) == null ? void 0 : oe.per_page) == null ? void 0 : se.key] : p.filter.per_page
90
+ ), W = ((ie = p.filter[(re = (ue = a.value) == null ? void 0 : ue.search) == null ? void 0 : re.key]) == null ? void 0 : ie.trim()) ?? "", Y = M(W ? W.split(",") : []), X = M(!1), he = D(
91
+ () => {
92
+ var l, e;
93
+ return (e = (l = p.options) == null ? void 0 : l.perPageOptions) == null ? void 0 : e.map(
94
+ (s) => ({
95
+ label: `${s}`,
96
+ value: s
97
+ })
98
+ );
99
+ }
100
+ ), Se = D(() => {
101
+ let l = [
102
+ {
103
+ label: "10",
104
+ value: 10
105
+ },
106
+ {
107
+ label: "15",
108
+ value: 15
109
+ },
110
+ {
111
+ label: "20",
112
+ value: 20
113
+ },
114
+ {
115
+ label: "25",
116
+ value: 25
117
+ },
118
+ {
119
+ label: "40",
120
+ value: 40
121
+ },
122
+ {
123
+ label: "50",
124
+ value: 50
125
+ },
126
+ {
127
+ label: "75",
128
+ value: 75
129
+ },
130
+ {
131
+ label: "99",
132
+ value: 99
133
+ }
134
+ ], e = he.value ?? l;
135
+ if (h.value) {
136
+ const s = h.value.total < 100 ? h.value.total : 100;
137
+ s > 10 && (e = e.filter((r) => r.value <= s));
138
+ }
139
+ return [...new Set(e)];
140
+ }), we = D(() => {
141
+ var l;
142
+ return ((l = p.selected) == null ? void 0 : l.length) > 0;
143
+ }), _ = (l) => {
144
+ !l.trim() || !t.value.selectedSearchOption && Y.value.includes(l) || (Y.value = [l], w(), z("search-query-changed", l));
145
+ }, Oe = (l) => {
146
+ Y.value = Y.value.filter((e) => e !== l), w();
147
+ }, T = p.filter;
148
+ !T && h ? T.page = 1 : !T && K && (T.cursor = "");
149
+ const t = M(T), Ee = () => {
150
+ var e, s, r, v, n, o, d, f, g, y, S, F, j, L;
151
+ Y.value = [], $.value = "";
152
+ const l = {};
153
+ a.value ? T.page = 1 : T.cursor = "", (s = (e = a.value) == null ? void 0 : e.per_page) != null && s.key ? l[(v = (r = a.value) == null ? void 0 : r.per_page) == null ? void 0 : v.key] = N.value : l.per_page = N.value, (o = (n = a.value) == null ? void 0 : n.tabs) != null && o.key ? l[(f = (d = a.value) == null ? void 0 : d.tabs) == null ? void 0 : f.key] = $.value : l.tabs = $.value, (y = (g = a.value) == null ? void 0 : g.columnEdit) != null && y.key && (l[(F = (S = a.value) == null ? void 0 : S.columnEdit) == null ? void 0 : F.key] = t.value[(L = (j = a.value) == null ? void 0 : j.columnEdit) == null ? void 0 : L.key]), t.value = l, w();
154
+ }, $e = () => {
155
+ w(null, U.value);
156
+ }, Fe = () => {
157
+ p.id && pe(p.id, JSON.stringify(t.value));
158
+ }, je = () => p.id ? fe(p.id) : null, w = (l = null, e = !1, s = "", r = !1, v = !1) => {
159
+ var o, d, f, g, y, S, F, j, L, B, A, u, b;
160
+ h.value && !e && (U.value = 1), h.value ? t.value.page = U.value : t.value.cursor = s, (o = a.value) != null && o.per_page ? t.value[a.value.per_page.key] = N.value : t.value.per_page = N.value, (d = a.value) != null && d.tabs && v && (t.value[a.value.tabs.key] = $.value), (f = a.value) != null && f.search && ((y = (g = a.value.search) == null ? void 0 : g.options) != null && y.length ? (Object.keys(t.value).forEach((c) => {
161
+ var m;
162
+ (m = a.value.search.options) != null && m.map((i) => i.value).includes(c) && delete t.value[c];
163
+ }), t.value[((S = t.value) == null ? void 0 : S.selectedSearchOption) || ((L = (j = (F = a.value.search) == null ? void 0 : F.options) == null ? void 0 : j[0]) == null ? void 0 : L.value) || a.value.search.key] = Y.value.join()) : t.value[a.value.search.key] = Y.value.join()), l && (R.value = !1, t.value = { ...t.value, ...l }, Object.keys(t.value).forEach((c) => {
164
+ Array.isArray(t.value[c]) && t.value[c].length === 0 && delete t.value[c];
165
+ }));
166
+ let n = (A = (B = a.value) == null ? void 0 : B.tabs) == null ? void 0 : A.key;
167
+ if (n && $.value !== t.value[n]) {
168
+ const c = (b = (u = a.value.tabs) == null ? void 0 : u.options) == null ? void 0 : b.find(
169
+ (m) => {
170
+ var i, q;
171
+ return ((i = m.value) == null ? void 0 : i.toString()) === ((q = t.value[n]) == null ? void 0 : q.toString());
172
+ }
173
+ );
174
+ if (c != null && c.value)
175
+ return $.value = c.value, w(), !1;
176
+ }
177
+ Fe(), z("update:filter", t.value, r);
178
+ }, Le = (l, e) => {
179
+ (e === a.value.tabs.key || e === "tabs") && ($.value = ""), w(l), z("filter-removed", e);
180
+ }, Ae = (l) => {
181
+ let e = [];
182
+ return l.forEach((s) => {
183
+ e.push(s.key);
184
+ }), e;
185
+ }, De = D(() => {
186
+ if (t.value) {
187
+ let l = [];
188
+ return Object.keys(t.value).forEach((e) => {
189
+ var n, o, d, f, g, y, S, F, j, L, B;
190
+ let s = (o = (n = a.value) == null ? void 0 : n.tabs) == null ? void 0 : o.key;
191
+ const r = (f = (d = a.value) == null ? void 0 : d.search) == null ? void 0 : f.key, v = ((y = (g = a.value) == null ? void 0 : g.per_page) == null ? void 0 : y.key) ?? "per_page";
192
+ if ((S = a.value.form) == null || S.find((A) => {
193
+ A.name === s && (s = "");
194
+ }), e !== "page" && e !== "cursor" && e !== v && e !== s && e !== r) {
195
+ let A = null, u = (F = a.value.form) == null ? void 0 : F.find((c) => {
196
+ if (typeof c.name == "object") {
197
+ let m = !1;
198
+ return c.name.forEach((i) => {
199
+ i.key === e && (m = !0, A = Ae(c.name));
200
+ }), m;
201
+ } else
202
+ return c.name === e;
203
+ }), b = "";
204
+ if (u && t.value[e]) {
205
+ if (typeof u.name == "object" ? (j = u.name) == null || j.forEach((m) => {
206
+ b && (b += " - "), b += t.value[m.key];
207
+ }) : b = t.value[e], u.props.options && (b = (u.props.multiple ? t.value[e] : [t.value[e]]).map(
208
+ (i) => {
209
+ var q;
210
+ return (q = u.props.options.find(({ value: Z }) => Z === i)) == null ? void 0 : q.label;
211
+ }
212
+ ).join(", ")), u.type === "RangeInput" && Array.isArray(t.value[e]) && (b = t.value[e][0].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + " - " + t.value[e][1].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")), u.type === "DatePicker")
213
+ if (((L = u == null ? void 0 : u.props) == null ? void 0 : L.type) === "range" && u.name && u.name[1]) {
214
+ const m = G(t.value[u.name[0].key]).format("MM/DD/YYYY"), i = G(t.value[u.name[1].key]).format("MM/DD/YYYY");
215
+ b = m === i ? m : m + " - " + i;
216
+ } else b = G(t.value[u.name]).format("MM/DD/YYYY");
217
+ let c = `${(B = u == null ? void 0 : u.props) == null ? void 0 : B.label} : ${b}`;
218
+ u && u.name && typeof u.name == "object" && l.find((i) => i.name === A[0]) && (c = ""), l.push({
219
+ label: c,
220
+ name: e,
221
+ multiNames: A
222
+ });
223
+ }
224
+ }
225
+ }), l;
226
+ }
227
+ return [];
228
+ }), Pe = (l) => {
229
+ var e, s, r, v, n, o;
230
+ return ((o = (n = (v = (r = t.value) == null ? void 0 : r[(s = (e = a.value) == null ? void 0 : e.columnEdit) == null ? void 0 : s.key]) == null ? void 0 : v.active) == null ? void 0 : n.find((d) => d.key === l)) == null ? void 0 : o.isActive) ?? !0;
231
+ }, Ve = ({ fixedHeaders: l, activeHeaders: e, isOnMount: s }) => {
232
+ var r, v, n, o, d, f, g, y;
233
+ if (t.value[(v = (r = a.value) == null ? void 0 : r.columnEdit) == null ? void 0 : v.key] || (t.value[(o = (n = a.value) == null ? void 0 : n.columnEdit) == null ? void 0 : o.key] = {}), t.value[(f = (d = a.value) == null ? void 0 : d.columnEdit) == null ? void 0 : f.key].fixed = l, t.value[(y = (g = a.value) == null ? void 0 : g.columnEdit) == null ? void 0 : y.key].active = e, H.value = [...l, ...e], !s) {
234
+ const S = Ze(l, e);
235
+ pe(a.value.columnEdit.localStorageKey, S);
236
+ }
237
+ z("columns-changed", e);
238
+ }, Ke = () => {
239
+ var l, e, s, r, v, n;
240
+ if ((e = (l = a.value) == null ? void 0 : l.columnEdit) != null && e.localStorageKey) {
241
+ const o = fe(a.value.columnEdit.localStorageKey);
242
+ if (o) {
243
+ const { fixed: d, active: f } = Ge(
244
+ o,
245
+ C.value.headers,
246
+ a.value.columnEdit.localStorageKey
247
+ );
248
+ t.value[(r = (s = a.value) == null ? void 0 : s.columnEdit) == null ? void 0 : r.key].fixed = d, t.value[(n = (v = a.value) == null ? void 0 : v.columnEdit) == null ? void 0 : n.key].active = f, H.value = [...d, ...f];
249
+ }
250
+ }
251
+ }, Ce = (l) => {
252
+ t.value.selectedSearchOption = l;
253
+ };
254
+ return Be(() => {
255
+ var e, s, r, v, n, o, d;
256
+ Ke();
257
+ const l = je();
258
+ l && (t.value = JSON.parse(l), $.value = $.value || ((e = t.value) == null ? void 0 : e.tabs) || ((v = t.value) == null ? void 0 : v[(r = (s = a.value) == null ? void 0 : s.tabs) == null ? void 0 : r.key]), (n = t.value) != null && n.selectedSearchOption && _(t.value[(o = t.value) == null ? void 0 : o.selectedSearchOption]), U.value = ((d = t.value) == null ? void 0 : d.page) || 1, w(null, !0, t.value.cursor, !0));
259
+ }), (l, e) => {
260
+ var s, r, v, n;
261
+ return k(), I("div", We, [
262
+ C.value ? (k(), Q(O(Ne), {
263
+ key: 0,
264
+ selected: V.selected,
265
+ "row-key": V.rowKey,
266
+ options: ge.value,
267
+ "is-loading": V.isLoading,
268
+ "loading-rows": N.value,
269
+ "row-class": V.rowClass,
270
+ "row-link": V.rowLink,
271
+ "is-sticky": C.value.isSticky,
272
+ "is-borderless": C.value.isBorderless,
273
+ "onUpdate:selected": e[8] || (e[8] = (o) => l.$emit("update:selected", o)),
274
+ "onClick:row": e[9] || (e[9] = (o) => l.$emit("click:row", o)),
275
+ "onHover:cell": e[10] || (e[10] = (o) => l.$emit("hover:cell", o))
276
+ }, Me({
277
+ after: x(() => [
278
+ P(l.$slots, "after")
279
+ ]),
280
+ empty: x(() => [
281
+ P(l.$slots, "empty")
282
+ ]),
283
+ "table-header": x((o) => [
284
+ P(l.$slots, "table-header", ne(ve(o)))
285
+ ]),
286
+ "table-body": x((o) => [
287
+ P(l.$slots, "table-body", ne(ve(o)))
288
+ ]),
289
+ _: 2
290
+ }, [
291
+ l.$slots.before || (s = a.value) != null && s.search || (r = a.value) != null && r.form || (v = a.value) != null && v.tabs ? {
292
+ name: "before",
293
+ fn: x(() => {
294
+ var o, d, f, g;
295
+ return [
296
+ P(l.$slots, "before"),
297
+ (o = a.value) != null && o.search || (d = a.value) != null && d.form || (f = a.value) != null && f.tabs ? (k(), I("div", Xe, [
298
+ we.value ? (k(), I("div", _e, [
299
+ P(l.$slots, "bulk-actions", { selectedRows: V.selected })
300
+ ])) : (k(), I("div", el, [
301
+ (g = a.value) != null && g.tabs ? (k(), Q(O(Te), {
302
+ key: 0,
303
+ modelValue: $.value,
304
+ "onUpdate:modelValue": [
305
+ e[0] || (e[0] = (y) => $.value = y),
306
+ e[1] || (e[1] = (y) => w(null, !1, "", !1, !0))
307
+ ],
308
+ "is-disabled": V.isLoading,
309
+ tabs: a.value.tabs.options,
310
+ variant: "pills"
311
+ }, null, 8, ["modelValue", "is-disabled", "tabs"])) : E("", !0)
312
+ ])),
313
+ P(l.$slots, "filter-options", {}, () => {
314
+ var y, S, F, j, L, B, A, u, b, c, m;
315
+ return [
316
+ (y = a.value) != null && y.search || (S = a.value) != null && S.form || (F = a.value) != null && F.columnEdit ? (k(), I("div", {
317
+ key: 0,
318
+ class: de([
319
+ "flex gap-3 absolute ml-auto bg-oc-bg-light right-4 max-w-[calc(100%-24px)]",
320
+ a.value ? X.value ? "md:w-fit w-full" : "" : "w-full justify-end"
321
+ ])
322
+ }, [
323
+ (j = a.value) != null && j.search ? (k(), Q(O(qe), {
324
+ key: 0,
325
+ "is-search-only": !a.value.tabs || a.value.isSearchOnly,
326
+ "search-options": ((L = a.value.search) == null ? void 0 : L.options) ?? [],
327
+ "selected-option": (((B = t.value) == null ? void 0 : B.selectedSearchOption) || ((b = (u = (A = a.value.search) == null ? void 0 : A.options) == null ? void 0 : u[0]) == null ? void 0 : b.value)) ?? "keywords",
328
+ onAddQuery: _,
329
+ onToggle: e[2] || (e[2] = (i) => X.value = i),
330
+ onChangeSearchKey: Ce
331
+ }, null, 8, ["is-search-only", "search-options", "selected-option"])) : E("", !0),
332
+ (c = a.value) != null && c.form ? (k(), Q(O(Qe), {
333
+ key: 1,
334
+ modelValue: R.value,
335
+ "onUpdate:modelValue": [
336
+ e[6] || (e[6] = (i) => R.value = i),
337
+ e[7] || (e[7] = (i) => l.$emit("filter-open", i))
338
+ ],
339
+ distance: 9,
340
+ placement: "bottom-end",
341
+ "is-attach-to-body": ""
342
+ }, {
343
+ menu: x(() => [
344
+ R.value ? (k(), Q(O(Re), {
345
+ key: 0,
346
+ id: V.id,
347
+ "json-form": a.value.form ?? [],
348
+ grid: a.value.grid ?? null,
349
+ values: p.filter,
350
+ actions: a.value.actions,
351
+ onApplyFilter: e[3] || (e[3] = (i) => w(i)),
352
+ onFilterFieldsChanged: e[4] || (e[4] = (i) => z("filter-fields-changed", i)),
353
+ onCancel: e[5] || (e[5] = (i) => R.value = !1)
354
+ }, {
355
+ default: x(({ errors: i, values: q, jsonForm: Z, updateForm: xe }) => [
356
+ P(l.$slots, "custom-filter-form", {
357
+ errors: i,
358
+ values: q,
359
+ jsonForm: Z,
360
+ updateFilter: xe
361
+ })
362
+ ]),
363
+ _: 3
364
+ }, 8, ["id", "json-form", "grid", "values", "actions"])) : E("", !0)
365
+ ]),
366
+ default: x(() => [
367
+ J(O(Ue), {
368
+ "is-active": R.value,
369
+ variant: "secondary",
370
+ "left-icon": "filter"
371
+ }, null, 8, ["is-active"])
372
+ ]),
373
+ _: 3
374
+ }, 8, ["modelValue"])) : E("", !0),
375
+ a.value.columnEdit ? (k(), Q(O(ye), {
376
+ key: 2,
377
+ options: t.value.columnEdit,
378
+ headers: ((m = C.value) == null ? void 0 : m.headers) || [],
379
+ "local-key": a.value.columnEdit.localStorageKey,
380
+ onUpdateOrder: Ve
381
+ }, null, 8, ["options", "headers", "local-key"])) : E("", !0)
382
+ ], 2)) : E("", !0)
383
+ ];
384
+ })
385
+ ])) : E("", !0),
386
+ J(O(ze), {
387
+ filters: De.value,
388
+ queries: Y.value,
389
+ class: "border-t border-oc-gray-200",
390
+ onRemoveQuery: Oe,
391
+ onRemoveAll: Ee,
392
+ onRemoveFilter: Le
393
+ }, null, 8, ["filters", "queries"])
394
+ ];
395
+ }),
396
+ key: "0"
397
+ } : void 0,
398
+ Ie((n = C.value) == null ? void 0 : n.headers, (o, d) => ({
399
+ name: o.key,
400
+ fn: x(({ data: f, item: g }) => [
401
+ P(l.$slots, o.key, {
402
+ data: f,
403
+ item: g
404
+ })
405
+ ])
406
+ }))
407
+ ]), 1032, ["selected", "row-key", "options", "is-loading", "loading-rows", "row-class", "row-link", "is-sticky", "is-borderless"])) : E("", !0),
408
+ P(l.$slots, "before-pagination"),
409
+ h.value || K.value ? (k(), I("div", {
410
+ key: 1,
411
+ class: de(["flex items-center gap-3", h.value && h.value.last_page === 1 ? "justify-end" : ""])
412
+ }, [
413
+ h.value && !ke.value ? (k(), Q(O(Je), {
414
+ key: 0,
415
+ modelValue: U.value,
416
+ "onUpdate:modelValue": [
417
+ e[11] || (e[11] = (o) => U.value = o),
418
+ $e
419
+ ],
420
+ class: "justify-center",
421
+ "max-page": h.value.last_page,
422
+ strategy: h.value.strategy,
423
+ "total-visible": "5"
424
+ }, null, 8, ["modelValue", "max-page", "strategy"])) : E("", !0),
425
+ K.value ? (k(), I("div", ll, [
426
+ J(O(ce), {
427
+ disabled: !K.value.prev,
428
+ onClick: e[12] || (e[12] = (o) => K.value.prev ? w(null, !1, K.value.prev) : null)
429
+ }, null, 8, ["disabled"]),
430
+ J(O(ce), {
431
+ disabled: !K.value.next,
432
+ "is-next": "",
433
+ onClick: e[13] || (e[13] = (o) => K.value.next ? w(null, !1, K.value.next) : null)
434
+ }, null, 8, ["disabled"])
435
+ ])) : E("", !0),
436
+ be.value ? E("", !0) : (k(), I("div", al, [
437
+ J(O(He), {
438
+ modelValue: N.value,
439
+ "onUpdate:modelValue": [
440
+ e[14] || (e[14] = (o) => N.value = o),
441
+ e[15] || (e[15] = (o) => w(null))
442
+ ],
443
+ label: "Item per page",
444
+ "is-inline-label": "",
445
+ "popper-options": { placement: "auto" },
446
+ options: Se.value
447
+ }, null, 8, ["modelValue", "options"])
448
+ ]))
449
+ ], 2)) : E("", !0)
450
+ ]);
451
+ };
452
+ }
453
+ };
454
+ export {
455
+ rl as default
456
+ };
@@ -1,5 +1,5 @@
1
1
  import { ref as w, openBlock as c, createBlock as y, unref as l, withCtx as r, createElementBlock as b, Fragment as C, renderList as $, normalizeClass as s, createElementVNode as o, createCommentVNode as m, renderSlot as u, toDisplayString as x, createVNode as f } from "vue";
2
- import { aI as D, aE as S, az as B } from "./index-DkumyhAj.js";
2
+ import { aI as D, aE as S, az as B } from "./index-xVQMCW5L.js";
3
3
  import { _ as g } from "./OcIcon-CSpRxnwd.js";
4
4
  const M = ["onMouseleave", "onMouseover", "onClick"], L = { class: "flex justify-evenly w-full" }, E = { class: "flex w-full" }, N = { class: "ml-4 flex w-full" }, U = { class: "flex items-center flex-wrap w-full" }, z = ["href"], O = { class: "min-w-[120px]" }, W = { class: "truncate w-[200px]" }, j = { class: "flex items-center ml-4" }, A = { class: "flex w-full" }, T = {
5
5
  __name: "OcDraggableList",
@@ -1,5 +1,5 @@
1
1
  import { ref as m, computed as p, openBlock as s, createElementBlock as l, createVNode as f, unref as c, withCtx as v, createElementVNode as n, Fragment as T, renderList as V, normalizeClass as k, createTextVNode as C, createBlock as N, createCommentVNode as z } from "vue";
2
- import { az as U, d as J, B as b } from "./index-DkumyhAj.js";
2
+ import { az as U, d as J, B as b } from "./index-xVQMCW5L.js";
3
3
  import { EMOJI_LIST as a, EMOJI_CATEGORIES as P } from "./Form/EmojiPicker/conts/emoji.js";
4
4
  import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
5
5
  const F = { class: "flex items-center justify-center rounded bg-oc-bg-dark h-[140px] relative w-full z-50" }, G = ["innerHTML"], R = { class: "p-4 w-[340px]" }, q = { class: "bg-oc-bg-dark p-4 rounded flex items-center justify-center" }, K = ["innerHTML"], Q = { class: "pt-3 pb-4" }, W = ["id", "innerHTML", "onClick"], X = {
@@ -1,5 +1,5 @@
1
1
  import { ref as r, computed as u, onMounted as B, openBlock as O, createElementBlock as k, renderSlot as $, createElementVNode as f, createVNode as c, unref as i } from "vue";
2
- import { u as w, B as m } from "./index-DkumyhAj.js";
2
+ import { u as w, B as m } from "./index-xVQMCW5L.js";
3
3
  const C = { class: "flex w-[326px] flex-col gap-y-5" }, A = { class: "max-h-[500px] overflow-y-auto p-5" }, E = { class: "flex gap-x-5 px-5 pb-5" }, N = {
4
4
  __name: "OcFilterForm",
5
5
  props: {
@@ -1,5 +1,5 @@
1
1
  import { ref as c, computed as B, openBlock as s, createElementBlock as u, Fragment as x, createElementVNode as i, normalizeClass as O, createVNode as m, unref as r, withKeys as K, createSlots as N, withCtx as v, renderList as Q, createBlock as f, toDisplayString as z, createCommentVNode as S, nextTick as A } from "vue";
2
- import { d as D, az as E, aA as F, B as w } from "./index-DkumyhAj.js";
2
+ import { d as D, az as E, aA as F, B as w } from "./index-xVQMCW5L.js";
3
3
  import { _ as I } from "./OcIcon-CSpRxnwd.js";
4
4
  const U = { class: "flex gap-x-4" }, j = { class: "flex gap-x-2 items-center pl-2 text-oc-text-400 font-medium text-sm" }, q = { class: "p-2 flex flex-col" }, J = {
5
5
  __name: "OcFilterSearch",
@@ -1,5 +1,5 @@
1
1
  import { computed as k, openBlock as a, createBlock as m, unref as n, withCtx as x, createElementVNode as f, createElementBlock as v, Fragment as b, renderList as p, createVNode as F, createCommentVNode as $ } from "vue";
2
- import { M as y, au as i } from "./index-DkumyhAj.js";
2
+ import { M as y, au as i } from "./index-xVQMCW5L.js";
3
3
  const C = { class: "flex gap-1 items-center normal-case flex-wrap" }, R = {
4
4
  __name: "OcFilterSearchFor",
5
5
  props: {
@@ -1,6 +1,6 @@
1
1
  import { ref as o, openBlock as v, createBlock as d, unref as r, withCtx as x, createVNode as O } from "vue";
2
- import { aB as b } from "./index-DkumyhAj.js";
3
- import k from "./OcCropper-BfXmon8i.js";
2
+ import { aB as b } from "./index-xVQMCW5L.js";
3
+ import k from "./OcCropper-BK_21zuF.js";
4
4
  const S = {
5
5
  __name: "OcModalCropper",
6
6
  props: {
@@ -1,5 +1,5 @@
1
1
  import { ref as n, watch as g, openBlock as m, createBlock as s, unref as o, withCtx as p, createCommentVNode as v, createVNode as y } from "vue";
2
- import { az as S, aJ as h, d as D } from "./index-DkumyhAj.js";
2
+ import { az as S, aJ as h, d as D } from "./index-xVQMCW5L.js";
3
3
  import c from "dayjs";
4
4
  const w = {
5
5
  __name: "OcTimePicker",
@@ -1,4 +1,4 @@
1
- import { ax as r } from "../../index-DkumyhAj.js";
1
+ import { ax as r } from "../../index-xVQMCW5L.js";
2
2
  export {
3
3
  r as ConfirmationModal
4
4
  };
@@ -1,4 +1,4 @@
1
- import { ay as a } from "../../index-DkumyhAj.js";
1
+ import { ay as a } from "../../index-xVQMCW5L.js";
2
2
  export {
3
3
  a as CopyTooltip
4
4
  };
@@ -1,4 +1,4 @@
1
- import { az as r, aA as p } from "../../index-DkumyhAj.js";
1
+ import { az as r, aA as p } from "../../index-xVQMCW5L.js";
2
2
  export {
3
3
  r as Dropdown,
4
4
  p as DropdownItem
@@ -1,4 +1,4 @@
1
- import { aB as d, aC as e } from "../../index-DkumyhAj.js";
1
+ import { aB as d, aC as e } from "../../index-xVQMCW5L.js";
2
2
  export {
3
3
  d as Modal,
4
4
  e as OcModalPage
@@ -1,4 +1,4 @@
1
- import { aD as r } from "../../index-DkumyhAj.js";
1
+ import { aD as r } from "../../index-xVQMCW5L.js";
2
2
  export {
3
3
  r as SupportMenu
4
4
  };
@@ -1,4 +1,4 @@
1
- import { aE as p } from "../../index-DkumyhAj.js";
1
+ import { aE as p } from "../../index-xVQMCW5L.js";
2
2
  export {
3
3
  p as Tooltip
4
4
  };
@@ -1,4 +1,4 @@
1
- import { aF as e } from "../../index-DkumyhAj.js";
1
+ import { aF as e } from "../../index-xVQMCW5L.js";
2
2
  export {
3
3
  e as WhiteList
4
4
  };
@@ -1,5 +1,5 @@
1
1
  import { computed as l, openBlock as a, createElementBlock as o, normalizeClass as d, createElementVNode as e, toDisplayString as r, createBlock as x, unref as u, createCommentVNode as m, createTextVNode as v, Fragment as T, renderList as k, createVNode as P } from "vue";
2
- import { au as _, B as w } from "./index-DkumyhAj.js";
2
+ import { au as _, B as w } from "./index-xVQMCW5L.js";
3
3
  import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
4
4
  import { _ as F } from "./OcIcon-CSpRxnwd.js";
5
5
  const B = { class: "z-10 flex flex-col gap-4 p-9 relative" }, E = { class: "flex items-center gap-4" }, A = { class: "font-medium text-xl" }, N = { class: "flex gap-3 items-center mb-5" }, S = { class: "flex items-start gap-2" }, V = { class: "text-[24px] font-medium tracking-tighter" }, q = { class: "text-[40px] leading-none font-medium" }, z = { key: 0 }, $ = {
@@ -1,5 +1,5 @@
1
1
  import { openBlock as a, createElementBlock as d, createElementVNode as t, createVNode as o, unref as i, toDisplayString as r } from "vue";
2
- import { B as n } from "./index-DkumyhAj.js";
2
+ import { B as n } from "./index-xVQMCW5L.js";
3
3
  const m = { class: "flex flex-col" }, u = { class: "w-full relative group" }, f = { class: "w-full h-full bg-black/25 absolute top-0 left-0 hidden group-hover:flex rounded-lg" }, v = { class: "w-full px-6 gap-3 m-auto flex" }, b = ["src", "alt"], g = { class: "mt-4 text-md text-center" }, x = {
4
4
  __name: "ThumbnailSection",
5
5
  props: {
@@ -1,5 +1,5 @@
1
1
  import { openBlock as i, createElementBlock as s, normalizeClass as f, createElementVNode as l, Fragment as g, createVNode as n, unref as a, createTextVNode as r, toDisplayString as h, createBlock as u, withCtx as c, createCommentVNode as b } from "vue";
2
- import { B as d, au as v } from "./index-DkumyhAj.js";
2
+ import { B as d, au as v } from "./index-xVQMCW5L.js";
3
3
  import { _ as k } from "./OcIcon-CSpRxnwd.js";
4
4
  const x = { class: "w-full relative group" }, y = {
5
5
  key: 0,
@@ -10526,16 +10526,16 @@ const ic = { class: "flex flex-col gap-y-2 w-full" }, oc = {
10526
10526
  }), 128))
10527
10527
  ], 6)) : u("", !0);
10528
10528
  }
10529
- }, Df = de(() => import("./OcDataTable-CsQHegQT.js")), Af = de(() => import("./OcFilterSearch-D1gAk_Ea.js")), jf = de(() => import("./OcFilterSearchFor-CKrNeOon.js")), Mf = de(() => import("./OcFilterForm-DxNgWEC9.js")), vm = de(
10530
- () => import("./OcComplexCalendar-CWPFV545.js")
10529
+ }, Df = de(() => import("./OcDataTable-B3gHGRAy.js")), Af = de(() => import("./OcFilterSearch-EagXr3EL.js")), jf = de(() => import("./OcFilterSearchFor-BFKzU9p-.js")), Mf = de(() => import("./OcFilterForm-B9fXBYbo.js")), vm = de(
10530
+ () => import("./OcComplexCalendar-La4UDSot.js")
10531
10531
  ), Lf = de(
10532
- () => import("./OcComplexDatePicker-DXg8PEZz.js")
10533
- ), ot = de(() => import("./OcModalCropper-DOSQE3NJ.js")), Pf = de(() => import("./OcCropper-BfXmon8i.js")), gm = de(() => import("./OcDraggable-CZT2mJvO.js")), Ef = de(() => import("./OcDraggableList-BMlc5DDP.js")), Nf = de(() => import("./OcEmojiPicker-vNLeufFJ.js")), zf = de(
10534
- () => import("./ThumbnailTheme-Cb9Ya2ZK.js")
10532
+ () => import("./OcComplexDatePicker-BfWZJ80d.js")
10533
+ ), ot = de(() => import("./OcModalCropper-BReYn5X1.js")), Pf = de(() => import("./OcCropper-BK_21zuF.js")), gm = de(() => import("./OcDraggable-CZT2mJvO.js")), Ef = de(() => import("./OcDraggableList-BR6u3KC4.js")), Nf = de(() => import("./OcEmojiPicker-Bwlc9jiL.js")), zf = de(
10534
+ () => import("./ThumbnailTheme-F9chPOvw.js")
10535
10535
  ), Rf = de(
10536
- () => import("./ThumbnailSection-DvanWXUV.js")
10537
- ), Ff = de(() => import("./SubPlanCard-BTqSr2AX.js")), Uf = de(() => import("./OcTimePopup-CXGhaOev.js")), pm = de(() => import("./OcTimePicker-Cjo8eKGB.js")), qf = de(
10538
- () => import("./OcAccountSetupProgress-g7V1kvOf.js")
10536
+ () => import("./ThumbnailSection-oKjPIxOz.js")
10537
+ ), Ff = de(() => import("./SubPlanCard-DxMPWwSi.js")), Uf = de(() => import("./OcTimePopup-CXGhaOev.js")), pm = de(() => import("./OcTimePicker-B-NLdVZq.js")), qf = de(
10538
+ () => import("./OcAccountSetupProgress-BgGjUZAh.js")
10539
10539
  );
10540
10540
  export {
10541
10541
  Xm as $,
package/dist/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import "vue";
2
- import { V as r, ak as o, aX as t, a2 as n, a4 as i, at as p, _ as l, a5 as d, B as m, o as u, a as b, C as S, b as c, au as T, aH as g, aO as C, ax as x, ay as P, c as I, aQ as f, v as h, aN as O, p as F, aI as B, aR as k, az as v, aA as w, aS as A, a6 as H, T as L, L as D, R as M, a7 as _, aL as R, aK as y, aM as E, w as N, u as U, l as V, a8 as G, ab as j, aa as z, ac as W, x as q, a3 as J, d as K, e as Q, m as X, y as Y, z as Z, A as $, aB as aa, aP as ea, t as sa, N as ra, aC as oa, D as ta, W as na, k as ia, E as pa, F as la, G as da, ae as ma, af as ua, H as ba, J as Sa, $ as ca, f as Ta, I as ga, ag as Ca, g as xa, h as Pa, i as Ia, ah as fa, q as ha, j as Oa, r as Fa, av as Ba, am as ka, ai as va, ap as wa, ao as Aa, al as Ha, an as La, aj as Da, s as Ma, S as _a, aw as Ra, Y as ya, X as Ea, a9 as Na, aV as Ua, aq as Va, aD as Ga, ad as ja, K as za, O as Wa, P as qa, M as Ja, Q as Ka, Z as Qa, n as Xa, aU as Ya, aT as Za, aW as $a, aJ as ae, aE as ee, ar as se, U as re, a1 as oe, a0 as te, as as ne, aF as ie } from "./index-DkumyhAj.js";
2
+ import { V as r, ak as o, aX as t, a2 as n, a4 as i, at as p, _ as l, a5 as d, B as m, o as u, a as b, C as S, b as c, au as T, aH as g, aO as C, ax as x, ay as P, c as I, aQ as f, v as h, aN as O, p as F, aI as B, aR as k, az as v, aA as w, aS as A, a6 as H, T as L, L as D, R as M, a7 as _, aL as R, aK as y, aM as E, w as N, u as U, l as V, a8 as G, ab as j, aa as z, ac as W, x as q, a3 as J, d as K, e as Q, m as X, y as Y, z as Z, A as $, aB as aa, aP as ea, t as sa, N as ra, aC as oa, D as ta, W as na, k as ia, E as pa, F as la, G as da, ae as ma, af as ua, H as ba, J as Sa, $ as ca, f as Ta, I as ga, ag as Ca, g as xa, h as Pa, i as Ia, ah as fa, q as ha, j as Oa, r as Fa, av as Ba, am as ka, ai as va, ap as wa, ao as Aa, al as Ha, an as La, aj as Da, s as Ma, S as _a, aw as Ra, Y as ya, X as Ea, a9 as Na, aV as Ua, aq as Va, aD as Ga, ad as ja, K as za, O as Wa, P as qa, M as Ja, Q as Ka, Z as Qa, n as Xa, aU as Ya, aT as Za, aW as $a, aJ as ae, aE as ee, ar as se, U as re, a1 as oe, a0 as te, as as ne, aF as ie } from "./index-xVQMCW5L.js";
3
3
  import { _ as le } from "./OcProgressBar-hiyC5XSc.js";
4
4
  import { _ as me } from "./OcHorizontalProgressbar.vue_vue_type_script_setup_true_lang-4eVgPDi5.js";
5
5
  import { _ as be } from "./OcSwitchTabs-CYp676bj.js";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@orchidui/core",
3
3
  "description": "Orchid UI, Library Vue 3 tailwind css",
4
- "version": "1.8.1-80",
4
+ "version": "1.8.1-81",
5
5
  "type": "module",
6
6
  "scripts": {
7
7
  "build": "vite build"