@orchidui/core 0.5.0 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (154) 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 +3 -3
  6. package/dist/DataDisplay/OnboardingListItem/OcOnboardingListItem.js +1 -1
  7. package/dist/DataDisplay/Overview/OcOverview.js +4 -5
  8. package/dist/DataDisplay/Pagination/OcPagination.js +1 -1
  9. package/dist/DataDisplay/Table/OcTable.js +4 -4
  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 +3 -3
  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 +2 -2
  17. package/dist/Elements/AuthenticationOption/AuthenticationOption.js +2 -2
  18. package/dist/Elements/Box/OcBox.js +2 -2
  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 +3 -3
  22. package/dist/Elements/PageTitle/OcPageTitle.js +3 -4
  23. package/dist/Elements/SandboxBanner/OcSandboxBanner.js +1 -1
  24. package/dist/Elements/Sidebar/OcSidebar.js +1 -1
  25. package/dist/Elements/Skeleton/OcSkeleton.js +1 -1
  26. package/dist/Elements/SubSidebar/OcSubSidebar.js +1 -1
  27. package/dist/Elements/VerificationOption/OcVerificationOption.js +2 -2
  28. package/dist/Feedback/Banner/OcBanner.js +1 -1
  29. package/dist/Feedback/Chip/OcChip.js +2 -2
  30. package/dist/Feedback/ShareIcon/OcShareIcon.js +2 -2
  31. package/dist/Feedback/Snackbar/OcSnackbar.js +1 -1
  32. package/dist/Form/BaseInput/OcBaseInput.js +1 -1
  33. package/dist/Form/Button/OcButton.js +1 -1
  34. package/dist/Form/Calendar/OcCalendar.js +2 -2
  35. package/dist/Form/CardInput/OcCardInput.js +1 -1
  36. package/dist/Form/Checkbox/OcCheckbox.js +1 -1
  37. package/dist/Form/CheckboxesGroup/OcCheckboxesGroup.js +1 -1
  38. package/dist/Form/Criteria/OcCriteria.js +1 -1
  39. package/dist/Form/Cropper/OcCropper.js +1 -1
  40. package/dist/Form/DatePicker/OcDatePicker.js +1 -1
  41. package/dist/Form/EmojiPicker/OcEmojiPicker.js +2 -2
  42. package/dist/Form/Input/OcInput.js +3 -4
  43. package/dist/Form/LinkInput/OcLinkInput.js +1 -1
  44. package/dist/Form/MultipleUploadFile/OcMultipleUploadFile.js +1 -1
  45. package/dist/Form/NumberInput/OcNumberInput.js +1 -1
  46. package/dist/Form/PhoneInput/OcPhoneInput.js +1 -1
  47. package/dist/Form/Radio/OcRadio.js +1 -1
  48. package/dist/Form/RadioGroup/OcRadioGroup.js +1 -1
  49. package/dist/Form/RangeInput/OcRangeInput.js +1 -1
  50. package/dist/Form/SectionItem/OcSectionItem.js +2 -2
  51. package/dist/Form/Select/OcSelect.js +4 -5
  52. package/dist/Form/SelectOptions/OcSelectOptions.js +2 -2
  53. package/dist/Form/SingleFileUpload/OcSingleFileUpload.js +1 -1
  54. package/dist/Form/Slider/OcSlider.js +1 -1
  55. package/dist/Form/TextArea/OcTextArea.js +2 -2
  56. package/dist/Form/Toggle/OcToggle.js +1 -1
  57. package/dist/Form/index.js +24 -47
  58. package/dist/FormBuilder/OcFormBuilder.js +1 -1
  59. package/dist/{OcComplexCalendar-DXl0ecZ-.js → OcComplexCalendar-Boa7mNFU.js} +18 -25
  60. package/dist/OcComplexDatePicker-BydI4VSR.js +93 -0
  61. package/dist/{OcCropper-31Y_S1Ne.js → OcCropper-7E2i6ayU.js} +38 -49
  62. package/dist/OcDataTable-CsCGrRx7.js +561 -0
  63. package/dist/{OcDraggable-BjhGJmpM.js → OcDraggable-CA_BCbpl.js} +7 -8
  64. package/dist/{Draggable.js → OcDraggableList-BUu5SgoA.js} +39 -50
  65. package/dist/{OcEmojiPicker-BXm-_OGK.js → OcEmojiPicker-DYYK7OB3.js} +28 -38
  66. package/dist/OcFilterForm-7ehuJUMp.js +83 -0
  67. package/dist/OcFilterSearch-B4AZsLBn.js +69 -0
  68. package/dist/OcFilterSearchFor-DfwJG-5N.js +67 -0
  69. package/dist/OcModalCropper-Z4jlnFc5.js +46 -0
  70. package/dist/{OcSkeleton-BdPTmGh0.js → OcSkeleton-CvdpGSQR.js} +2 -3
  71. package/dist/{OcSlider-Bsi-ckbP.js → OcSlider-DW9x8eas.js} +10 -11
  72. package/dist/{OcTimePicker-B61MCi0D.js → OcTimePicker-D9fPU8_m.js} +22 -33
  73. package/dist/{OcTimePopup-zQFKCZLk.js → OcTimePopup-CXGhaOev.js} +2 -3
  74. package/dist/{OcToggle-C0wTjM_Y.js → OcToggle-bIJaLDMZ.js} +5 -6
  75. package/dist/Overlay/ConfirmationModal/OcConfirmationModal.js +1 -1
  76. package/dist/Overlay/CopyTooltip/OcCopyTooltip.js +1 -1
  77. package/dist/Overlay/Dropdown/OcDropdown.js +3 -4
  78. package/dist/Overlay/Modal/OcModal.js +3 -4
  79. package/dist/Overlay/SupportMenu/OcSupportMenu.js +1 -1
  80. package/dist/Overlay/Tooltip/OcTooltip.js +2 -2
  81. package/dist/Overlay/Whitelist/OcWhiteList.js +2 -2
  82. package/dist/SubPlanCard-DHj4RHJZ.js +81 -0
  83. package/dist/ThumbnailSection-CJBS0QXp.js +41 -0
  84. package/dist/ThumbnailTheme-hey6se0g.js +119 -0
  85. package/dist/index-DyVteXE3.js +10028 -0
  86. package/dist/index.js +129 -948
  87. package/dist/style.css +1 -1
  88. package/package.json +1 -16
  89. package/dist/Calendar.js +0 -103
  90. package/dist/Cropper.js +0 -6
  91. package/dist/DatePicker-BLK16hYl.js +0 -263
  92. package/dist/EmojiPicker.js +0 -4
  93. package/dist/Form/TimePicker/OcTimePicker.js +0 -6
  94. package/dist/OcAccordion-DdkNsXvN.js +0 -101
  95. package/dist/OcAccountSetup-BXDjf48o.js +0 -324
  96. package/dist/OcAdditionalContent-BMSysCXu.js +0 -612
  97. package/dist/OcAuthenticationOption.vue_vue_type_script_setup_true_lang-w5Y0ymGN.js +0 -43
  98. package/dist/OcBanner-Cg2WJV6e.js +0 -108
  99. package/dist/OcBox.vue_vue_type_script_setup_true_lang-aB397QRg.js +0 -43
  100. package/dist/OcCardInput-BFE4Xu-S.js +0 -75
  101. package/dist/OcCheckboxesGroup-CLbquUO2.js +0 -94
  102. package/dist/OcChip-B1hm2Qni.js +0 -144
  103. package/dist/OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js +0 -1006
  104. package/dist/OcConfirmationModal-BfCrRV9r.js +0 -179
  105. package/dist/OcCopyTooltip.vue_vue_type_script_setup_true_lang-S2RAfV_g.js +0 -65
  106. package/dist/OcCriteria-CpIohheZ.js +0 -42
  107. package/dist/OcCustomerCard-DbDOBO03.js +0 -160
  108. package/dist/OcDropdownItem-DAElmzEu.js +0 -57
  109. package/dist/OcEmptyPage-CTwgMzRp.js +0 -155
  110. package/dist/OcExpadingTable.vue_vue_type_script_setup_true_lang-B4HOMDBK.js +0 -815
  111. package/dist/OcFeatureOverviewCard-RVyrWLVW.js +0 -71
  112. package/dist/OcFloatContent-BIKQOxSw.js +0 -142
  113. package/dist/OcFormBuilder-BUpEpDsU.js +0 -177
  114. package/dist/OcGroupOptions-ChGJvTXl.js +0 -16
  115. package/dist/OcInfoCard-DpYUZOMZ.js +0 -81
  116. package/dist/OcInput-tcRxG3Y2.js +0 -227
  117. package/dist/OcInputOption-CncASfNt.js +0 -160
  118. package/dist/OcLinkInput-C2ixk-gk.js +0 -143
  119. package/dist/OcListDetail-6XeME6ko.js +0 -76
  120. package/dist/OcListUrl.vue_vue_type_script_setup_true_lang-7zZdFM8K.js +0 -750
  121. package/dist/OcModal-DdD5VFEN.js +0 -187
  122. package/dist/OcModalCropper-D2OI2iun.js +0 -56
  123. package/dist/OcModalPage-BLVa-kcB.js +0 -86
  124. package/dist/OcMultipleUploadFile-BAmQHshA.js +0 -447
  125. package/dist/OcNumberInput.vue_vue_type_script_setup_true_lang-C4EXUIUe.js +0 -90
  126. package/dist/OcOnboardingListItem.vue_vue_type_script_setup_true_lang-Cr80xmnz.js +0 -81
  127. package/dist/OcOption-DK2FBGq7.js +0 -485
  128. package/dist/OcOverviewIcon-D702Ujka.js +0 -55
  129. package/dist/OcOverviewItem-DNr5tWnt.js +0 -186
  130. package/dist/OcPageTitleRight-DMtJ1qmZ.js +0 -243
  131. package/dist/OcPaginationNumber-IKPorX26.js +0 -172
  132. package/dist/OcPaymentTab-Cna1IAhO.js +0 -170
  133. package/dist/OcPhoneInput-AC6BgQhN.js +0 -432
  134. package/dist/OcPrimaryActions-D5IprKsQ.js +0 -222
  135. package/dist/OcRadio-CRYfNwV9.js +0 -107
  136. package/dist/OcRadioGroup-DgfdWJos.js +0 -76
  137. package/dist/OcRangeInput-C-hoHFhr.js +0 -103
  138. package/dist/OcSandboxBanner.vue_vue_type_script_setup_true_lang-BD0k_8xa.js +0 -37
  139. package/dist/OcSectionItem-BFgxO3se.js +0 -84
  140. package/dist/OcSelectOptions-BQlG_EUA.js +0 -148
  141. package/dist/OcShareIcon-BB-NPq0r.js +0 -53
  142. package/dist/OcSingleFileUpload-B8-e1H5t.js +0 -464
  143. package/dist/OcSnackbar-CKxY1-ej.js +0 -196
  144. package/dist/OcSteps.vue_vue_type_script_setup_true_lang-CXGy8ma_.js +0 -87
  145. package/dist/OcSubSidebar.vue_vue_type_script_setup_true_lang-CNxgU07N.js +0 -60
  146. package/dist/OcSupportMenu.vue_vue_type_script_setup_true_lang-DrjZsWti.js +0 -114
  147. package/dist/OcTabToSelect-BHAz1Niv.js +0 -183
  148. package/dist/OcTextArea-BpV1Bnj_.js +0 -78
  149. package/dist/OcTransferSummary-Bk2GXhrT.js +0 -67
  150. package/dist/OcVariant.vue_vue_type_script_setup_true_lang-CY_82DLc.js +0 -99
  151. package/dist/OcVerificationOption.vue_vue_type_script_setup_true_lang-ChqvNoDe.js +0 -59
  152. package/dist/OcWhiteList.vue_vue_type_script_setup_true_lang-DI9pYU3w.js +0 -64
  153. package/dist/OnboardingAccordion.vue_vue_type_script_setup_true_lang-B0Z7ETmj.js +0 -113
  154. package/dist/StoreDesign.js +0 -240
@@ -1,447 +0,0 @@
1
- import { ref as x, computed as P, openBlock as o, createElementBlock as u, createElementVNode as i, createVNode as v, unref as n, createCommentVNode as k, createBlock as B, normalizeStyle as M, withCtx as D, Fragment as A, renderList as T, normalizeClass as y, renderSlot as N, onMounted as L, mergeProps as q, toDisplayString as V } from "vue";
2
- import "dayjs";
3
- import { D as G, _ as H, B as J } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
4
- import { _ as I } from "./OcIcon-CJgBICxh.js";
5
- /* empty css */
6
- import "libphonenumber-js";
7
- /* empty css */
8
- import "v-calendar";
9
- /* empty css */
10
- import { useUploadFileProgress as K } from "./composables/uploadFileProgress.js";
11
- import { ModalCropper as Q } from "./Cropper.js";
12
- import { _ as W } from "./OcDraggable-BjhGJmpM.js";
13
- import { _ as X } from "./OcConfirmationModal-BfCrRV9r.js";
14
- import "@popperjs/core";
15
- import "vue-draggable-next";
16
- const Y = { class: "relative min-h-[100px]" }, Z = {
17
- key: 0,
18
- class: "absolute"
19
- }, _ = { class: "w-[100px] hover:bg-oc-primary-50 cursor-pointer bg-oc-accent-1-50 text-oc-accent-1 rounded aspect-square flex items-center justify-center" }, ee = ["accept", "multiple"], te = ["onClick"], le = { class: "py-2 flex flex-col" }, ae = ["onClick"], oe = ["onClick"], ne = { class: "z-[1009] hidden group-hover:flex absolute bg-black/30 w-full h-full top-0 left-0 rounded" }, ie = {
20
- key: 0,
21
- class: "cursor-pointer m-auto drag-el"
22
- }, se = {
23
- __name: "OcSimpleMultipleUpload",
24
- props: {
25
- accept: {
26
- type: String,
27
- default: ""
28
- },
29
- uploadedImages: {
30
- type: Array,
31
- default: () => []
32
- },
33
- selectedImage: {
34
- type: Object,
35
- default: () => ({})
36
- },
37
- columnsCount: {
38
- type: Number,
39
- default: 3
40
- },
41
- inputOptions: Array,
42
- maxImages: Number
43
- },
44
- emits: [
45
- "change",
46
- "update:selectedImage",
47
- "update:uploadedImages",
48
- "onRemoveImage",
49
- "onEditImage",
50
- "delete",
51
- "onMaxFileExceed",
52
- "fileExist",
53
- "invalidFileType"
54
- ],
55
- setup(e, { emit: z }) {
56
- const d = e, m = z, b = x([]), f = x(!1), p = x(""), F = x({}), h = P(() => d.uploadedImages[p.value].fileUrl), $ = x(!1), w = x(""), U = (r) => {
57
- $.value = !0, w.value = r;
58
- }, O = x(!1), S = () => {
59
- const r = d.uploadedImages.find((a, c) => c === w.value);
60
- r.current ? m("onRemoveImage", r) : (m("delete", w.value), O.value = !0, setTimeout(() => {
61
- O.value = !1;
62
- }, 1e3)), m(
63
- "update:uploadedImages",
64
- d.uploadedImages.filter((a, c) => c !== w.value)
65
- ), $.value = !1;
66
- }, s = (r) => {
67
- const a = d.uploadedImages[p.value];
68
- a.fileUrl = r, a.fileName = Date.now(), m("onEditImage", { ...a, index: p.value }), f.value = !1, p.value = "", F.value = {};
69
- }, t = (r) => {
70
- let a = d.uploadedImages[p.value];
71
- Object.keys(r).forEach((c) => {
72
- a[c] = r[c];
73
- }), m("update:uploadedImages", d.uploadedImages);
74
- }, l = (r) => {
75
- let a = d.uploadedImages.length + r.target.files.length > d.maxImages;
76
- if (d.maxImages && a) {
77
- m("onMaxFileExceed", a);
78
- return;
79
- }
80
- m("change", r);
81
- }, E = P(
82
- () => d.maxImages == null || d.maxImages && d.uploadedImages.length < d.maxImages
83
- ), R = (r, a) => {
84
- var c;
85
- p.value = r, (c = d.inputOptions) == null || c.forEach((g) => {
86
- F.value[g] = a[g];
87
- }), b[r] = !1, f.value = !0;
88
- };
89
- return (r, a) => (o(), u("div", Y, [
90
- E.value ? (o(), u("label", Z, [
91
- i("div", _, [
92
- v(n(I), { name: "plus" })
93
- ]),
94
- O.value ? k("", !0) : (o(), u("input", {
95
- key: 0,
96
- class: "hidden",
97
- type: "file",
98
- accept: e.accept || "image/png, image/jpeg",
99
- multiple: d.maxImages !== 1,
100
- onChange: l
101
- }, null, 40, ee))
102
- ])) : k("", !0),
103
- (o(), B(n(W), {
104
- key: e.uploadedImages.length,
105
- "model-value": e.uploadedImages,
106
- filter: "filtered-el",
107
- class: "grid w-fit grid-cols-3 gap-3",
108
- style: M(`grid-template-columns: repeat(${e.columnsCount}, 1fr)`),
109
- "onUpdate:modelValue": a[0] || (a[0] = (c) => r.$emit("update:uploadedImages", c))
110
- }, {
111
- default: D(({ list: c }) => [
112
- (o(!0), u(A, null, T(c, (g, C) => (o(), u("div", {
113
- key: g.fileName,
114
- class: y(["w-[100px] group relative cursor-pointer aspect-square border rounded border-oc-accent-1-100 bg-cover bg-center", {
115
- "border-oc-primary": e.selectedImage.fileName === g.fileName,
116
- "col-start-2": C === 0 && E.value
117
- }]),
118
- style: M(`background-image: url(${g.fileUrl})`),
119
- onClick: (j) => r.$emit("update:selectedImage", g)
120
- }, [
121
- v(n(G), {
122
- modelValue: b.value[C],
123
- "onUpdate:modelValue": (j) => b.value[C] = j,
124
- placement: "bottom-end",
125
- class: "absolute top-2 right-2 z-[1010] hidden group-hover:flex"
126
- }, {
127
- menu: D(() => [
128
- N(r.$slots, "action", {
129
- item: g,
130
- removeItem: U,
131
- fileIndex: C
132
- }, () => [
133
- i("div", le, [
134
- i("div", {
135
- class: "flex p-3 cursor-pointer items-center gap-x-3",
136
- onClick: (j) => R(C, g)
137
- }, [
138
- v(n(I), {
139
- width: "16",
140
- height: "16",
141
- name: "pencil"
142
- }),
143
- a[4] || (a[4] = i("span", null, "Edit Image", -1))
144
- ], 8, ae),
145
- i("div", {
146
- class: "flex p-3 cursor-pointer items-center text-oc-error gap-x-3",
147
- onClick: () => {
148
- U(C), b.value[C] = !1;
149
- }
150
- }, [
151
- v(n(I), {
152
- width: "16",
153
- height: "16",
154
- name: "bin"
155
- }),
156
- a[5] || (a[5] = i("span", null, "Delete", -1))
157
- ], 8, oe)
158
- ])
159
- ])
160
- ]),
161
- default: D(() => [
162
- v(n(I), {
163
- name: "dots-vertical",
164
- class: "absolute right-0 cursor-pointer w-[32px] flex h-[32px] items-center justify-center text-oc-bg-light"
165
- })
166
- ]),
167
- _: 2
168
- }, 1032, ["modelValue", "onUpdate:modelValue"]),
169
- i("div", {
170
- class: y(["absolute transition-all duration-500 top-0 left-0 flex items-center justify-center w-full h-full", g.progress !== 100 ? "bg-black/[.35]" : "bg-black/0"])
171
- }, [
172
- i("div", {
173
- class: y(["h-[6px] w-[72px] bg-white transition-all rounded-full", { "on-end-loading opacity-0": g.progress === 100 }])
174
- }, [
175
- i("div", {
176
- class: "h-full bg-oc-primary rounded-full w-0 transition-all duration-500",
177
- style: M({ width: `${g.progress || 0}%` })
178
- }, null, 4)
179
- ], 2)
180
- ], 2),
181
- i("div", ne, [
182
- d.maxImages !== 1 ? (o(), u("span", ie, [
183
- v(n(I), {
184
- name: "arrows",
185
- class: "text-oc-accent-1-50"
186
- })
187
- ])) : k("", !0)
188
- ])
189
- ], 14, te))), 128))
190
- ]),
191
- _: 3
192
- }, 8, ["model-value", "style"])),
193
- f.value ? (o(), B(n(Q), {
194
- key: 1,
195
- modelValue: f.value,
196
- "onUpdate:modelValue": a[1] || (a[1] = (c) => f.value = c),
197
- img: h.value,
198
- "input-options": e.inputOptions,
199
- "input-option-values": F.value,
200
- onClose: a[2] || (a[2] = () => {
201
- f.value = !1, p.value = "";
202
- }),
203
- onChangeImage: s,
204
- "onUpdate:inputOptions": t
205
- }, null, 8, ["modelValue", "img", "input-options", "input-option-values"])) : k("", !0),
206
- v(n(X), {
207
- modelValue: $.value,
208
- "onUpdate:modelValue": a[3] || (a[3] = (c) => $.value = c),
209
- description: "Do you want to delete this image ?",
210
- onConfirm: S
211
- }, null, 8, ["modelValue"])
212
- ]));
213
- }
214
- }, re = { class: "flex flex-col gap-y-2" }, de = ["accept"], ue = { class: "input-file-uploaded flex flex-col gap-y-3" }, ce = { class: "flex items-center gap-x-3" }, me = { class: "flex flex-col items-center justify-center text-oc-text-300" }, pe = { class: "uppercase text-[8px] font-bold leading-none block" }, ge = { class: "text-oc-text-400 text-sm" }, fe = { class: "w-[100px] h-[6px] bg-oc-accent-1-50 rounded-full overflow-hidden transition-all duration-1000" }, ve = ["accept"], xe = {
215
- key: 1,
216
- class: "w-full text-oc-text-300 text-sm h-full flex-1 flex flex-col justify-center items-center my-auto min-h-[120px] transition-all duration-300 gap-2"
217
- }, be = { key: 0 }, he = { key: 1 }, ye = {
218
- key: 2,
219
- class: "text-center"
220
- }, Ie = {
221
- key: 2,
222
- class: "mt-3 flex items-center justify-center"
223
- }, je = {
224
- __name: "OcMultipleUploadFile",
225
- props: {
226
- modelValue: {
227
- type: Array,
228
- default: () => []
229
- },
230
- accept: {
231
- type: String,
232
- default: ""
233
- },
234
- validateAcceptFileType: Boolean,
235
- /**
236
- * Maximum file size in MB
237
- */
238
- maxSize: Number,
239
- maxImages: Number,
240
- hint: String,
241
- label: String,
242
- errorMessage: String,
243
- isImageOnly: Boolean,
244
- columnsCount: Number,
245
- selectedImage: {
246
- type: Object,
247
- default: () => ({})
248
- },
249
- inputOptions: Array,
250
- isDisabled: Boolean,
251
- labelUploadArea: String,
252
- isButtonOnly: Boolean,
253
- buttonUploadProps: {
254
- type: Object,
255
- default: () => ({
256
- label: "Upload"
257
- })
258
- }
259
- },
260
- emits: [
261
- "update:modelValue",
262
- "update:selectedImage",
263
- "onEditFile",
264
- "onRemoveFile",
265
- "onExceedMaxFileSize",
266
- "onMaxFileExceed"
267
- ],
268
- setup(e, { emit: z }) {
269
- const d = z, m = e, b = x(), f = x(!1), p = x(!1), { isErrorMaxSize: F, currentFiles: h, onChangeFile: $, onDeleteFile: w } = K(
270
- m.maxSize,
271
- d,
272
- m.accept,
273
- m.validateAcceptFileType
274
- );
275
- L(() => {
276
- const s = [];
277
- m.modelValue.length > 0 && (m.modelValue.forEach((t) => {
278
- t.current && s.push({
279
- current: t.current,
280
- file: null,
281
- fileName: t.current.caption ?? "",
282
- progress: 100,
283
- fileUrl: t.current.path,
284
- totalSize: t.current.file_size ?? 0,
285
- isLoaded: !0,
286
- extension: t.current.extension ?? "png",
287
- description: t.current.description,
288
- link: t.current.link,
289
- caption: t.current.caption,
290
- caption_variant: t.current.caption_variant,
291
- lightbox: t.current.lightbox
292
- });
293
- }), h.value = s);
294
- });
295
- const U = (s) => {
296
- p.value = !0, $(s);
297
- }, O = (s) => {
298
- p.value = !1, w(s);
299
- }, S = () => {
300
- var s;
301
- (s = b.value) == null || s.click();
302
- };
303
- return (s, t) => (o(), u("div", re, [
304
- v(n(H), {
305
- label: e.label,
306
- hint: e.hint,
307
- "error-message": n(F) ? `File(s) is more than ${e.maxSize}MB` : e.errorMessage
308
- }, {
309
- hint: D(() => [
310
- N(s.$slots, "hint")
311
- ]),
312
- default: D(() => [
313
- e.isImageOnly ? (o(), B(se, {
314
- key: 0,
315
- "uploaded-images": n(h),
316
- "selected-image": e.selectedImage,
317
- "columns-count": e.columnsCount,
318
- accept: e.accept,
319
- "input-options": e.inputOptions,
320
- "max-images": e.maxImages,
321
- onChange: n($),
322
- "onUpdate:selectedImage": t[0] || (t[0] = (l) => s.$emit("update:selectedImage", l)),
323
- "onUpdate:uploadedImages": t[1] || (t[1] = (l) => {
324
- h.value = l, s.$emit("update:modelValue", l);
325
- }),
326
- onOnEditImage: t[2] || (t[2] = (l) => s.$emit("onEditFile", l)),
327
- onOnRemoveImage: t[3] || (t[3] = (l) => s.$emit("onRemoveFile", l)),
328
- onDelete: n(w),
329
- onOnMaxFileExceed: t[4] || (t[4] = (l) => s.$emit("onMaxFileExceed", l))
330
- }, {
331
- action: D((l) => [
332
- N(s.$slots, "action", {
333
- item: l.item,
334
- removeItem: l.removeItem,
335
- fileIndex: l.i
336
- })
337
- ]),
338
- _: 3
339
- }, 8, ["uploaded-images", "selected-image", "columns-count", "accept", "input-options", "max-images", "onChange", "onDelete"])) : e.isButtonOnly ? (o(), u(A, { key: 1 }, [
340
- N(s.$slots, "button", { triggerInput: S }, () => [
341
- v(n(J), q(e.buttonUploadProps, { onClick: S }), null, 16)
342
- ]),
343
- i("input", {
344
- id: "my-file",
345
- ref_key: "inputRef",
346
- ref: b,
347
- class: "hidden",
348
- type: "file",
349
- multiple: "",
350
- accept: e.accept,
351
- onChange: U
352
- }, null, 40, de)
353
- ], 64)) : (o(), u("div", {
354
- key: 2,
355
- class: y(["relative border rounded p-3 min-w-[30rem] flex flex-col", [
356
- n(F) || e.errorMessage ? "border-oc-error" : "border-oc-gray-200",
357
- {
358
- "bg-oc-bg-dark": e.isDisabled
359
- }
360
- ]])
361
- }, [
362
- i("div", ue, [
363
- (o(!0), u(A, null, T(n(h), (l, E) => (o(), u("div", {
364
- key: `${E}-${l.fileName}`,
365
- class: "flex justify-between relative items-center w-full last:mb-2"
366
- }, [
367
- i("div", ce, [
368
- i("div", me, [
369
- v(n(I), {
370
- name: "file-extension",
371
- width: "14",
372
- height: "10"
373
- }),
374
- i("span", pe, V(l.extension), 1)
375
- ]),
376
- i("span", ge, V(l == null ? void 0 : l.fileName), 1)
377
- ]),
378
- p.value ? (o(), u("div", {
379
- key: 0,
380
- class: y(["w-[100px] h-[16px] absolute right-0 flex items-center z-40", { "on-end-loading": l.progress === 100 }])
381
- }, [
382
- i("div", fe, [
383
- i("div", {
384
- style: M({ width: `${l.progress}%` }),
385
- class: "block transition-all duration-1000 h-[6px] rounded-full bg-oc-primary"
386
- }, null, 4)
387
- ])
388
- ], 2)) : k("", !0),
389
- e.isDisabled ? k("", !0) : (o(), B(n(I), {
390
- key: 1,
391
- width: "12",
392
- height: "12",
393
- name: "bin",
394
- class: y(["opacity-0 text-oc-error cursor-pointer absolute right-0", {
395
- "on-enable-delete": l.progress === 100 && p.value,
396
- "opacity-100": !p.value
397
- }]),
398
- onClick: (R) => O(E)
399
- }, null, 8, ["class", "onClick"]))
400
- ]))), 128))
401
- ]),
402
- i("label", {
403
- tabindex: "0",
404
- for: "my-file",
405
- class: y(["relative overflow-hidden rounded-sm flex-1 flex flex-col transition-all border-transparent border-dashed hover:border-oc-primary", {
406
- "!border-oc-primary": f.value && !e.isDisabled,
407
- border: !n(h).length,
408
- "cursor-pointer": !e.isDisabled
409
- }])
410
- }, [
411
- e.isDisabled ? k("", !0) : (o(), u("input", {
412
- key: 0,
413
- id: "my-file",
414
- ref_key: "inputRef",
415
- ref: b,
416
- class: "w-full h-full absolute opacity-0 cursor-pointer",
417
- type: "file",
418
- multiple: "",
419
- accept: e.accept,
420
- onDragover: t[5] || (t[5] = (l) => f.value = !0),
421
- onDragleave: t[6] || (t[6] = (l) => f.value = !1),
422
- onDrop: t[7] || (t[7] = (l) => f.value = !1),
423
- onChange: U
424
- }, null, 40, ve)),
425
- n(h).length ? e.isDisabled ? k("", !0) : (o(), u("div", Ie, t[9] || (t[9] = [
426
- i("span", { class: "text-oc-accent-1 text-sm" }, "+ Add more", -1)
427
- ]))) : (o(), u("div", xe, [
428
- v(n(I), {
429
- name: "upload",
430
- class: y(e.isDisabled ? "text-oc-accent-1-200" : "text-oc-accent-1")
431
- }, null, 8, ["class"]),
432
- e.labelUploadArea ? (o(), u("div", be, V(e.labelUploadArea), 1)) : e.isDisabled ? (o(), u("div", he, "Upload disabled")) : (o(), u("div", ye, [
433
- t[8] || (t[8] = i("div", null, "Select documents or drag here", -1)),
434
- i("div", null, "File max " + V(e.maxSize) + "MB", 1)
435
- ]))
436
- ]))
437
- ], 2)
438
- ], 2))
439
- ]),
440
- _: 3
441
- }, 8, ["label", "hint", "error-message"])
442
- ]));
443
- }
444
- };
445
- export {
446
- je as _
447
- };
@@ -1,90 +0,0 @@
1
- import { defineComponent as f, openBlock as g, createBlock as x, unref as l, withCtx as V, createElementVNode as n, normalizeClass as r, createVNode as s } from "vue";
2
- import "dayjs";
3
- import { _ as k, B as u } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
4
- /* empty css */
5
- import "libphonenumber-js";
6
- /* empty css */
7
- import "v-calendar";
8
- /* empty css */
9
- import "./Cropper.js";
10
- import "vue-draggable-next";
11
- import "@popperjs/core";
12
- const h = ["value"], j = /* @__PURE__ */ f({
13
- __name: "OcNumberInput",
14
- props: {
15
- modelValue: {
16
- type: [String, Number],
17
- default: null
18
- },
19
- minValue: {
20
- type: Number,
21
- default: 1
22
- },
23
- label: String,
24
- errorMessage: String,
25
- isDisabled: Boolean,
26
- tooltipOptions: Object,
27
- hint: String,
28
- labelIcon: String,
29
- isRequired: Boolean,
30
- tooltipText: String,
31
- inputClass: [String, Array, Object]
32
- },
33
- emits: ["update:modelValue"],
34
- setup(e, { emit: m }) {
35
- const i = e, o = m, d = () => o("update:modelValue", Number(i.modelValue) + 1), c = () => {
36
- Number(i.modelValue) > i.minValue && o("update:modelValue", Number(i.modelValue) - 1);
37
- }, b = (t) => {
38
- t.key >= "0" && t.key <= "9" || t.key === "Backspace" || t.preventDefault();
39
- };
40
- return (t, a) => (g(), x(l(k), {
41
- label: e.label,
42
- "tooltip-options": e.tooltipOptions,
43
- "error-message": e.errorMessage,
44
- hint: e.hint,
45
- "label-icon": e.labelIcon,
46
- "is-required": e.isRequired,
47
- "tooltip-text": e.tooltipText
48
- }, {
49
- default: V(() => [
50
- n("div", {
51
- class: r(["flex justify-between gap-x-3 h-[36px] items-center border rounded px-1", [
52
- e.inputClass,
53
- e.isDisabled ? "bg-oc-bg-dark" : "",
54
- e.errorMessage ? "border-oc-error" : "border-oc-gray-200"
55
- ]])
56
- }, [
57
- s(l(u), {
58
- variant: "secondary",
59
- class: "w-[28px] shrink-0 aspect-square",
60
- size: "small",
61
- "icon-class": "shrink-0",
62
- "is-disabled": e.isDisabled,
63
- "left-icon": "minus",
64
- onClick: c
65
- }, null, 8, ["is-disabled"]),
66
- n("input", {
67
- value: e.modelValue,
68
- class: r([e.modelValue ? "font-medium" : "text-oc-text-300", "outline-none text-center max-w-[calc(100%-76px)] bg-transparent"]),
69
- placeholder: "1",
70
- onKeydown: b,
71
- onInput: a[0] || (a[0] = (p) => t.$emit("update:modelValue", p.target.value))
72
- }, null, 42, h),
73
- s(l(u), {
74
- variant: "secondary",
75
- class: "w-[28px] shrink-0 aspect-square",
76
- size: "small",
77
- "icon-class": "shrink-0",
78
- "is-disabled": e.isDisabled,
79
- "left-icon": "plus",
80
- onClick: d
81
- }, null, 8, ["is-disabled"])
82
- ], 2)
83
- ]),
84
- _: 1
85
- }, 8, ["label", "tooltip-options", "error-message", "hint", "label-icon", "is-required", "tooltip-text"]));
86
- }
87
- });
88
- export {
89
- j as _
90
- };
@@ -1,81 +0,0 @@
1
- import { defineComponent as a, openBlock as e, createElementBlock as i, createElementVNode as o, createVNode as c, unref as n, toDisplayString as s, renderSlot as l, createBlock as d, mergeProps as p, createCommentVNode as u } from "vue";
2
- import "dayjs";
3
- import { B as f } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
4
- import { _ as m } from "./OcIcon-CJgBICxh.js";
5
- /* empty css */
6
- import "libphonenumber-js";
7
- /* empty css */
8
- import "v-calendar";
9
- /* empty css */
10
- import "./Cropper.js";
11
- import "vue-draggable-next";
12
- import "@popperjs/core";
13
- const x = { class: "bg-oc-bg-light py-5 px-7 gap-x-7 flex items-center" }, h = { class: "flex-1 flex gap-x-4 items-center" }, g = {
14
- key: 0,
15
- class: "w-[24px] h-[24px] min-w-[24px] flex items-center text-white justify-center rounded-full bg-oc-primary"
16
- }, y = {
17
- key: 1,
18
- class: "w-[24px] h-[24px] min-w-[24px] flex items-center justify-center border rounded-full text-oc-warning border-oc-warning"
19
- }, b = {
20
- key: 2,
21
- class: "w-[24px] h-[24px] min-w-[24px] text-oc-text-300 text-sm font-medium flex items-center justify-center border rounded-full border-oc-gray-200"
22
- }, _ = { class: "flex flex-col gap-y-1" }, w = { class: "font-medium" }, k = { class: "text-oc-text-300 text-sm" }, P = /* @__PURE__ */ a({
23
- __name: "OcOnboardingListItem",
24
- props: {
25
- title: {
26
- type: String,
27
- default: ""
28
- },
29
- description: {
30
- type: String,
31
- default: ""
32
- },
33
- buttonOptions: {
34
- type: Object,
35
- default: () => ({})
36
- },
37
- status: {
38
- type: String,
39
- default: ""
40
- },
41
- number: {
42
- type: Number,
43
- default: 1
44
- },
45
- isButtonVisible: {
46
- type: Boolean,
47
- default: !0
48
- }
49
- },
50
- setup(t) {
51
- return (r, B) => (e(), i("div", x, [
52
- o("div", h, [
53
- t.status === "completed" ? (e(), i("div", g, [
54
- c(n(m), {
55
- name: "check-2",
56
- width: "12",
57
- height: "12"
58
- })
59
- ])) : t.status === "pending" ? (e(), i("div", y, [
60
- c(n(m), {
61
- name: "time-filled",
62
- width: "18",
63
- height: "18"
64
- })
65
- ])) : (e(), i("div", b, s(t.number), 1)),
66
- o("div", _, [
67
- l(r.$slots, "default", {}, () => [
68
- o("span", w, s(t.title), 1),
69
- o("span", k, s(t.description), 1)
70
- ])
71
- ])
72
- ]),
73
- l(r.$slots, "action", {}, () => [
74
- t.isButtonVisible ? (e(), d(n(f), p({ key: 0 }, t.buttonOptions, { class: "shrink-0" }), null, 16)) : u("", !0)
75
- ])
76
- ]));
77
- }
78
- });
79
- export {
80
- P as _
81
- };