@orchidui/core 1.8.1-54 → 1.8.1-56

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 (81) hide show
  1. package/dist/DataDisplay/CustomerCard/OcCustomerCard.js +1 -1
  2. package/dist/DataDisplay/FloatContent/OcFloatContent.js +1 -1
  3. package/dist/DataDisplay/InfoCard/OcInfoCard.js +1 -1
  4. package/dist/DataDisplay/ListDetail/OcListDetail.js +1 -1
  5. package/dist/DataDisplay/ListItem/OcListItem.js +1 -1
  6. package/dist/DataDisplay/OnboardingListItem/OcOnboardingListItem.js +1 -1
  7. package/dist/DataDisplay/Overview/OcOverview.js +1 -1
  8. package/dist/DataDisplay/Pagination/OcPagination.js +1 -1
  9. package/dist/DataDisplay/Table/OcTable.js +1 -1
  10. package/dist/DataDisplay/TransferSummary/OcTransferSummary.js +1 -1
  11. package/dist/Disclosure/Accordion/OcAccordion.js +1 -1
  12. package/dist/Disclosure/OnboardingAccordion/OnboardingAccordion.js +1 -1
  13. package/dist/Disclosure/Steps/OcSteps.js +1 -1
  14. package/dist/Disclosure/Tabs/Tabs.js +1 -1
  15. package/dist/Disclosure/Variants/OcVariants.js +1 -1
  16. package/dist/Elements/AdditionalContent/OcAdditionalContent.js +1 -1
  17. package/dist/Elements/AuthenticationOption/AuthenticationOption.js +1 -1
  18. package/dist/Elements/Box/OcBox.js +1 -1
  19. package/dist/Elements/EmptyPage/OcEmptyPage.js +1 -1
  20. package/dist/Elements/FeatureOverviewCard/OcFeatureOverviewCard.js +1 -1
  21. package/dist/Elements/Header/OcHeader.js +1 -1
  22. package/dist/Elements/PageTitle/OcPageTitle.js +1 -1
  23. package/dist/Elements/SandboxBanner/OcSandboxBanner.js +1 -1
  24. package/dist/Elements/Sidebar/OcSidebar.js +2 -2
  25. package/dist/Elements/SubSidebar/OcSubSidebar.js +1 -1
  26. package/dist/Elements/VerificationOption/OcVerificationOption.js +1 -1
  27. package/dist/Feedback/Banner/OcBanner.js +1 -1
  28. package/dist/Feedback/Chip/OcChip.js +1 -1
  29. package/dist/Feedback/ShareIcon/OcShareIcon.js +1 -1
  30. package/dist/Feedback/Snackbar/OcSnackbar.js +1 -1
  31. package/dist/Form/BaseInput/OcBaseInput.js +1 -1
  32. package/dist/Form/Button/OcButton.js +1 -1
  33. package/dist/Form/Calendar/OcCalendar.js +1 -1
  34. package/dist/Form/CardInput/OcCardInput.js +1 -1
  35. package/dist/Form/Checkbox/OcCheckbox.js +1 -1
  36. package/dist/Form/CheckboxesGroup/OcCheckboxesGroup.js +1 -1
  37. package/dist/Form/Criteria/OcCriteria.js +1 -1
  38. package/dist/Form/Cropper/OcCropper.js +1 -1
  39. package/dist/Form/DatePicker/OcDatePicker.js +1 -1
  40. package/dist/Form/EmojiPicker/OcEmojiPicker.js +1 -1
  41. package/dist/Form/Input/OcInput.js +1 -1
  42. package/dist/Form/LinkInput/OcLinkInput.js +1 -1
  43. package/dist/Form/MultipleUploadFile/OcMultipleUploadFile.js +1 -1
  44. package/dist/Form/NumberInput/OcNumberInput.js +1 -1
  45. package/dist/Form/PhoneInput/OcPhoneInput.js +1 -1
  46. package/dist/Form/Radio/OcRadio.js +1 -1
  47. package/dist/Form/RadioGroup/OcRadioGroup.js +1 -1
  48. package/dist/Form/RangeInput/OcRangeInput.js +1 -1
  49. package/dist/Form/SectionItem/OcSectionItem.js +1 -1
  50. package/dist/Form/Select/OcSelect.js +1 -1
  51. package/dist/Form/SelectOptions/OcSelectOptions.js +1 -1
  52. package/dist/Form/SingleFileUpload/OcSingleFileUpload.js +1 -1
  53. package/dist/Form/Slider/OcSlider.js +1 -1
  54. package/dist/Form/TextArea/OcTextArea.js +1 -1
  55. package/dist/Form/index.js +1 -1
  56. package/dist/FormBuilder/OcFormBuilder.js +1 -1
  57. package/dist/{OcAccountSetupProgress-ClOevi9I.js → OcAccountSetupProgress-DzBkKLah.js} +1 -1
  58. package/dist/{OcComplexCalendar-DWhI16OJ.js → OcComplexCalendar-Ne3XgY1u.js} +1 -1
  59. package/dist/{OcComplexDatePicker-cz4HZFDi.js → OcComplexDatePicker-D293Sbez.js} +1 -1
  60. package/dist/{OcCropper-DzMaI9lh.js → OcCropper-BEVPcQAs.js} +84 -78
  61. package/dist/{OcDataTable-DvAOjTiQ.js → OcDataTable-CfcuzufE.js} +98 -98
  62. package/dist/{OcDraggableList-DWXhtzXs.js → OcDraggableList-BOFdQN52.js} +1 -1
  63. package/dist/{OcEmojiPicker-DU3D16ud.js → OcEmojiPicker-CaldeafL.js} +1 -1
  64. package/dist/{OcFilterForm-CI9lG9Kj.js → OcFilterForm-DmHz4hyH.js} +1 -1
  65. package/dist/{OcFilterSearch-BXSq0rHX.js → OcFilterSearch-DB3AZX9K.js} +1 -1
  66. package/dist/{OcFilterSearchFor-BwZxFHY7.js → OcFilterSearchFor-BXU7iU6Z.js} +1 -1
  67. package/dist/{OcModalCropper-BQ9jUjiR.js → OcModalCropper-lfzCMA7G.js} +2 -2
  68. package/dist/{OcTimePicker-8wzMj1ji.js → OcTimePicker-ShZ9J8ss.js} +1 -1
  69. package/dist/Overlay/ConfirmationModal/OcConfirmationModal.js +1 -1
  70. package/dist/Overlay/CopyTooltip/OcCopyTooltip.js +1 -1
  71. package/dist/Overlay/Dropdown/OcDropdown.js +1 -1
  72. package/dist/Overlay/Modal/OcModal.js +1 -1
  73. package/dist/Overlay/SupportMenu/OcSupportMenu.js +1 -1
  74. package/dist/Overlay/Tooltip/OcTooltip.js +1 -1
  75. package/dist/Overlay/Whitelist/OcWhiteList.js +1 -1
  76. package/dist/{SubPlanCard-DxdgsDjk.js → SubPlanCard-C9a0PPjF.js} +1 -1
  77. package/dist/{ThumbnailSection-DeiC4z3y.js → ThumbnailSection-Db6y0xRj.js} +1 -1
  78. package/dist/{ThumbnailTheme-DIdP9TRE.js → ThumbnailTheme-C83hFGww.js} +1 -1
  79. package/dist/{index-Du2JMxsQ.js → index-DrbEe-Br.js} +8 -8
  80. package/dist/index.js +1 -1
  81. package/package.json +1 -1
@@ -1,8 +1,11 @@
1
- import { ref as s, watch as N, nextTick as H, openBlock as n, createElementBlock as h, createElementVNode as d, createBlock as u, unref as a, Fragment as J, createVNode as f, createCommentVNode as r, withCtx as j } from "vue";
2
- import { B as k, d as w, C as x, h as K, aD as M } from "./index-Du2JMxsQ.js";
3
- import { Cropper as P } from "vue-advanced-cropper";
4
- import { _ as Q } from "./OcIcon-CSpRxnwd.js";
5
- const W = { class: "flex flex-col gap-y-5" }, X = ["src"], Y = { class: "flex gap-x-1 justify-center relative" }, Z = { class: "grid grid-cols-2 gap-4" }, _ = { class: "flex items-center gap-x-2 justify-normal" }, ee = { class: "w-auto" }, ne = {
1
+ import { ref as u, watch as j, nextTick as J, openBlock as o, createElementBlock as h, createElementVNode as m, createBlock as r, unref as a, Fragment as K, createVNode as g, createCommentVNode as s, withCtx as T } from "vue";
2
+ import { B as k, d as x, C as y, h as M, aD as P } from "./index-DrbEe-Br.js";
3
+ import { Cropper as Q } from "vue-advanced-cropper";
4
+ import { _ as W } from "./OcIcon-CSpRxnwd.js";
5
+ const X = { class: "flex flex-col gap-y-5" }, Y = ["src"], Z = { class: "flex gap-x-1 justify-center relative" }, _ = { class: "grid grid-cols-2 gap-4" }, ee = {
6
+ key: 1,
7
+ class: "flex items-center gap-x-2 justify-normal"
8
+ }, te = { class: "w-auto" }, ie = {
6
9
  __name: "OcCropper",
7
10
  props: {
8
11
  inputOptions: Array,
@@ -15,20 +18,20 @@ const W = { class: "flex flex-col gap-y-5" }, X = ["src"], Y = { class: "flex ga
15
18
  }
16
19
  },
17
20
  emits: ["changeImage", "update:input-options"],
18
- setup(i, { emit: T }) {
19
- const g = i, y = T, m = s(), V = s(), p = s(""), C = s(), O = s(!1), o = s(g.inputOptionValues ?? {});
20
- N(
21
- () => g.inputOptionValues,
21
+ setup(i, { emit: q }) {
22
+ const f = i, w = q, d = u(), V = u(), p = u(""), C = u(), O = u(!1), n = u(f.inputOptionValues ?? {});
23
+ j(
24
+ () => f.inputOptionValues,
22
25
  () => {
23
- o.value = g.inputOptionValues;
26
+ n.value = f.inputOptionValues;
24
27
  },
25
28
  {
26
29
  deep: !0
27
30
  }
28
- ), N(
29
- () => g.img,
31
+ ), j(
32
+ () => f.img,
30
33
  (l) => {
31
- l && H(() => {
34
+ l && J(() => {
32
35
  try {
33
36
  const e = new URL(l);
34
37
  e.protocol === "http:" || e.protocol === "https:" ? p.value = `${l}?${Date.now()}` : p.value = l;
@@ -39,10 +42,10 @@ const W = { class: "flex flex-col gap-y-5" }, X = ["src"], Y = { class: "flex ga
39
42
  },
40
43
  { immediate: !0 }
41
44
  );
42
- const q = () => {
45
+ const F = () => {
43
46
  if (p.value && O.value) {
44
- const { canvas: l } = m.value.getResult(), e = !(m.value.image.width === l.width && m.value.image.height === l.height && !m.value.imageTransforms.rotate);
45
- y("changeImage", {
47
+ const { canvas: l } = d.value.getResult(), e = !(d.value.image.width === l.width && d.value.image.height === l.height && !d.value.imageTransforms.rotate);
48
+ w("changeImage", {
46
49
  url: l.toDataURL(),
47
50
  cropper: {
48
51
  isChanged: e,
@@ -53,129 +56,129 @@ const W = { class: "flex flex-col gap-y-5" }, X = ["src"], Y = { class: "flex ga
53
56
  O.value = !0;
54
57
  }, z = (l) => {
55
58
  var e;
56
- return (e = m.value) == null ? void 0 : e.rotate(l);
59
+ return (e = d.value) == null ? void 0 : e.rotate(l);
57
60
  }, U = (l) => {
58
61
  var e;
59
- return (e = m.value) == null ? void 0 : e.zoom(l);
60
- }, F = () => {
62
+ return (e = d.value) == null ? void 0 : e.zoom(l);
63
+ }, A = () => {
61
64
  V.value.click();
62
- }, A = (l) => {
63
- if (l.target.files[0] / (1024 * 1024) > +g.maxSize)
65
+ }, G = (l) => {
66
+ if (l.target.files[0] / (1024 * 1024) > +f.maxSize)
64
67
  return l.preventDefault(), !1;
65
68
  C.value = l.target.files[0], p.value = URL.createObjectURL(l.target.files[0]);
66
- }, G = ({ imageSize: l, visibleArea: e }) => ({
69
+ }, H = ({ imageSize: l, visibleArea: e }) => ({
67
70
  width: (e || l).width,
68
71
  height: (e || l).height
69
72
  }), c = (l, e) => {
70
- let v = o.value;
71
- v[l] = e, y("update:input-options", v);
72
- }, b = s(!!o.value.caption), I = s(!!o.value.lightbox), $ = s(!!o.value.new_tab);
73
+ let v = n.value;
74
+ v[l] = e, w("update:input-options", v);
75
+ }, b = u(!!n.value.caption), I = u(!!n.value.lightbox), $ = u(!!n.value.new_tab);
73
76
  return (l, e) => {
74
- var v, L, R, B, S, D, E;
75
- return n(), h("div", W, [
76
- d("input", {
77
+ var v, L, R, B, S, D, E, N;
78
+ return o(), h("div", X, [
79
+ m("input", {
77
80
  id: "cropper-file-input",
78
81
  ref_key: "fileUploadEl",
79
82
  ref: V,
80
83
  accept: "image/*",
81
84
  type: "file",
82
85
  class: "hidden",
83
- onChange: A
86
+ onChange: G
84
87
  }, null, 544),
85
- p.value ? (n(), u(a(P), {
88
+ p.value ? (o(), r(a(Q), {
86
89
  key: 0,
87
90
  ref_key: "cropper",
88
- ref: m,
91
+ ref: d,
89
92
  class: "w-full h-[300px]",
90
93
  src: p.value,
91
94
  "resize-image": { wheel: !1 },
92
95
  "background-class": "cropper-background",
93
- "default-size": G,
94
- onChange: q
95
- }, null, 8, ["src"])) : (n(), h("img", {
96
+ "default-size": H,
97
+ onChange: F
98
+ }, null, 8, ["src"])) : (o(), h("img", {
96
99
  key: 1,
97
100
  class: "w-full",
98
101
  src: i.img
99
- }, null, 8, X)),
100
- d("div", Y, [
101
- p.value ? (n(), h(J, { key: 0 }, [
102
- f(a(k), {
102
+ }, null, 8, Y)),
103
+ m("div", Z, [
104
+ p.value ? (o(), h(K, { key: 0 }, [
105
+ g(a(k), {
103
106
  variant: "secondary",
104
107
  size: "small",
105
108
  "left-icon": "backward",
106
109
  onClick: e[0] || (e[0] = (t) => z(-90))
107
110
  }),
108
- f(a(k), {
111
+ g(a(k), {
109
112
  variant: "secondary",
110
113
  size: "small",
111
114
  "left-icon": "zoom-out",
112
115
  onClick: e[1] || (e[1] = (t) => U(0.8))
113
116
  }),
114
- f(a(k), {
117
+ g(a(k), {
115
118
  variant: "secondary",
116
119
  size: "small",
117
120
  "left-icon": "zoom-in",
118
121
  onClick: e[2] || (e[2] = (t) => U(1.2))
119
122
  }),
120
- f(a(k), {
123
+ g(a(k), {
121
124
  variant: "secondary",
122
125
  size: "small",
123
126
  "left-icon": "forward",
124
127
  onClick: e[3] || (e[3] = (t) => z(90))
125
128
  })
126
- ], 64)) : r("", !0),
127
- i.isReplaceImage ? (n(), u(a(k), {
129
+ ], 64)) : s("", !0),
130
+ i.isReplaceImage ? (o(), r(a(k), {
128
131
  key: 1,
129
132
  class: "absolute right-0",
130
133
  variant: "secondary",
131
134
  size: "small",
132
135
  label: "Replace image",
133
136
  "left-icon": "refresh",
134
- onClick: F
135
- })) : r("", !0)
137
+ onClick: A
138
+ })) : s("", !0)
136
139
  ]),
137
- d("div", Z, [
138
- (v = i.inputOptions) != null && v.includes("description") ? (n(), u(a(w), {
140
+ m("div", _, [
141
+ (v = i.inputOptions) != null && v.includes("description") ? (o(), r(a(x), {
139
142
  key: 0,
140
- modelValue: o.value.description,
143
+ modelValue: n.value.description,
141
144
  "onUpdate:modelValue": [
142
- e[4] || (e[4] = (t) => o.value.description = t),
145
+ e[4] || (e[4] = (t) => n.value.description = t),
143
146
  e[5] || (e[5] = (t) => c("description", t))
144
147
  ],
145
148
  label: "Describe Image",
146
149
  placeholder: ""
147
- }, null, 8, ["modelValue"])) : r("", !0),
148
- (L = i.inputOptions) != null && L.includes("link") ? (n(), u(a(w), {
150
+ }, null, 8, ["modelValue"])) : s("", !0),
151
+ (L = i.inputOptions) != null && L.includes("link") ? (o(), r(a(x), {
149
152
  key: 1,
150
- modelValue: o.value.link,
153
+ modelValue: n.value.link,
151
154
  "onUpdate:modelValue": [
152
- e[6] || (e[6] = (t) => o.value.link = t),
155
+ e[6] || (e[6] = (t) => n.value.link = t),
153
156
  e[7] || (e[7] = (t) => c("link", t))
154
157
  ],
155
158
  placeholder: "https://hitpayapp.com",
156
159
  label: "Link to"
157
- }, null, 8, ["modelValue"])) : r("", !0),
158
- d("div", null, [
159
- (R = i.inputOptions) != null && R.includes("caption") ? (n(), u(a(x), {
160
+ }, null, 8, ["modelValue"])) : s("", !0),
161
+ m("div", null, [
162
+ (R = i.inputOptions) != null && R.includes("caption") ? (o(), r(a(y), {
160
163
  key: 0,
161
164
  modelValue: b.value,
162
165
  "onUpdate:modelValue": e[8] || (e[8] = (t) => b.value = t),
163
166
  label: "Caption",
164
167
  class: "mb-4"
165
- }, null, 8, ["modelValue"])) : r("", !0),
166
- (B = i.inputOptions) != null && B.includes("caption") && b.value ? (n(), u(a(w), {
168
+ }, null, 8, ["modelValue"])) : s("", !0),
169
+ (B = i.inputOptions) != null && B.includes("caption") && b.value ? (o(), r(a(x), {
167
170
  key: 1,
168
- modelValue: o.value.caption,
171
+ modelValue: n.value.caption,
169
172
  "onUpdate:modelValue": [
170
- e[9] || (e[9] = (t) => o.value.caption = t),
173
+ e[9] || (e[9] = (t) => n.value.caption = t),
171
174
  e[10] || (e[10] = (t) => c("caption", t))
172
175
  ],
173
176
  class: "mb-4",
174
177
  placeholder: ""
175
- }, null, 8, ["modelValue"])) : r("", !0),
176
- (S = i.inputOptions) != null && S.includes("caption") && b.value ? (n(), u(a(K), {
178
+ }, null, 8, ["modelValue"])) : s("", !0),
179
+ (S = i.inputOptions) != null && S.includes("caption") && b.value ? (o(), r(a(M), {
177
180
  key: 2,
178
- "model-value": o.value.caption_variant,
181
+ "model-value": n.value.caption_variant,
179
182
  "group-name": "caption_variant",
180
183
  alignment: "horizontal",
181
184
  radio: [
@@ -190,10 +193,10 @@ const W = { class: "flex flex-col gap-y-5" }, X = ["src"], Y = { class: "flex ga
190
193
  ],
191
194
  label: "Caption position",
192
195
  "onUpdate:modelValue": e[11] || (e[11] = (t) => c("caption_variant", t))
193
- }, null, 8, ["model-value"])) : r("", !0)
196
+ }, null, 8, ["model-value"])) : s("", !0)
194
197
  ]),
195
- d("div", null, [
196
- (D = i.inputOptions) != null && D.includes("new_tab") ? (n(), u(a(x), {
198
+ m("div", null, [
199
+ (D = i.inputOptions) != null && D.includes("new_tab") ? (o(), r(a(y), {
197
200
  key: 0,
198
201
  modelValue: $.value,
199
202
  "onUpdate:modelValue": [
@@ -202,10 +205,10 @@ const W = { class: "flex flex-col gap-y-5" }, X = ["src"], Y = { class: "flex ga
202
205
  ],
203
206
  label: "Open link in a new tab",
204
207
  class: "mb-4"
205
- }, null, 8, ["modelValue"])) : r("", !0),
206
- d("div", _, [
207
- d("div", ee, [
208
- (E = i.inputOptions) != null && E.includes("lightbox") ? (n(), u(a(x), {
208
+ }, null, 8, ["modelValue"])) : s("", !0),
209
+ (E = i.inputOptions) != null && E.includes("lightbox") ? (o(), h("div", ee, [
210
+ m("div", te, [
211
+ (N = i.inputOptions) != null && N.includes("lightbox") ? (o(), r(a(y), {
209
212
  key: 0,
210
213
  modelValue: I.value,
211
214
  "onUpdate:modelValue": [
@@ -213,20 +216,23 @@ const W = { class: "flex flex-col gap-y-5" }, X = ["src"], Y = { class: "flex ga
213
216
  e[15] || (e[15] = (t) => c("lightbox", t))
214
217
  ],
215
218
  label: "Enable lightbox"
216
- }, null, 8, ["modelValue"])) : r("", !0)
219
+ }, null, 8, ["modelValue"])) : s("", !0)
217
220
  ]),
218
- f(a(M), {
221
+ g(a(P), {
222
+ key: "lightbox-cropper-tooltip",
219
223
  trigger: "hover",
224
+ "is-popover": "",
220
225
  "popper-options": { strategy: "fixed" },
221
226
  position: "bottom",
222
227
  distance: 10,
228
+ skidding: 0,
223
229
  "popper-class": "bg-oc-bg-light min-w-[125px]"
224
230
  }, {
225
- popper: j(() => e[16] || (e[16] = [
226
- d("div", { class: "text-oc-text-400 text-sm px-3 py-2 font-medium text-center" }, " Show lightbox when click the image ", -1)
231
+ popper: T(() => e[16] || (e[16] = [
232
+ m("div", { class: "text-oc-text-400 text-sm px-3 py-2 font-medium text-center" }, " Show lightbox when click the image ", -1)
227
233
  ])),
228
- default: j(() => [
229
- f(a(Q), {
234
+ default: T(() => [
235
+ g(a(W), {
230
236
  name: "question-mark",
231
237
  width: "16",
232
238
  height: "16",
@@ -235,7 +241,7 @@ const W = { class: "flex flex-col gap-y-5" }, X = ["src"], Y = { class: "flex ga
235
241
  ]),
236
242
  _: 1
237
243
  })
238
- ])
244
+ ])) : s("", !0)
239
245
  ])
240
246
  ])
241
247
  ]);
@@ -243,5 +249,5 @@ const W = { class: "flex flex-col gap-y-5" }, X = ["src"], Y = { class: "flex ga
243
249
  }
244
250
  };
245
251
  export {
246
- ne as default
252
+ ie as default
247
253
  };