@orchidui/core 0.4.0 → 0.6.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 (155) 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/DataTable/utils/editColumnsUtils.js +29 -0
  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 +3 -3
  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 +2 -2
  18. package/dist/Elements/AuthenticationOption/AuthenticationOption.js +2 -2
  19. package/dist/Elements/Box/OcBox.js +2 -2
  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 +3 -3
  23. package/dist/Elements/PageTitle/OcPageTitle.js +3 -4
  24. package/dist/Elements/SandboxBanner/OcSandboxBanner.js +1 -1
  25. package/dist/Elements/Sidebar/OcSidebar.js +1 -1
  26. package/dist/Elements/Skeleton/OcSkeleton.js +1 -1
  27. package/dist/Elements/SubSidebar/OcSubSidebar.js +1 -1
  28. package/dist/Elements/VerificationOption/OcVerificationOption.js +2 -2
  29. package/dist/Feedback/Banner/OcBanner.js +1 -1
  30. package/dist/Feedback/Chip/OcChip.js +2 -2
  31. package/dist/Feedback/ShareIcon/OcShareIcon.js +2 -2
  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 +2 -2
  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 +2 -2
  43. package/dist/Form/Input/OcInput.js +3 -4
  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 +2 -2
  52. package/dist/Form/Select/OcSelect.js +4 -5
  53. package/dist/Form/SelectOptions/OcSelectOptions.js +2 -2
  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 +2 -2
  57. package/dist/Form/Toggle/OcToggle.js +1 -1
  58. package/dist/Form/index.js +24 -47
  59. package/dist/FormBuilder/OcFormBuilder.js +1 -1
  60. package/dist/{OcComplexCalendar-x-_kg9Yk.js → OcComplexCalendar-Boa7mNFU.js} +18 -25
  61. package/dist/OcComplexDatePicker-BydI4VSR.js +93 -0
  62. package/dist/{OcCropper-31Y_S1Ne.js → OcCropper-7E2i6ayU.js} +38 -49
  63. package/dist/OcDataTable-CsCGrRx7.js +561 -0
  64. package/dist/{OcDraggable-BjhGJmpM.js → OcDraggable-CA_BCbpl.js} +7 -8
  65. package/dist/{Draggable.js → OcDraggableList-BUu5SgoA.js} +40 -50
  66. package/dist/{OcEmojiPicker-BXm-_OGK.js → OcEmojiPicker-DYYK7OB3.js} +28 -38
  67. package/dist/OcFilterForm-7ehuJUMp.js +83 -0
  68. package/dist/OcFilterSearch-B4AZsLBn.js +69 -0
  69. package/dist/OcFilterSearchFor-DfwJG-5N.js +67 -0
  70. package/dist/OcModalCropper-Z4jlnFc5.js +46 -0
  71. package/dist/{OcSkeleton-BdPTmGh0.js → OcSkeleton-CvdpGSQR.js} +2 -3
  72. package/dist/{OcSlider-Bsi-ckbP.js → OcSlider-DW9x8eas.js} +10 -11
  73. package/dist/{OcTimePicker-B61MCi0D.js → OcTimePicker-D9fPU8_m.js} +22 -33
  74. package/dist/{OcTimePopup-zQFKCZLk.js → OcTimePopup-CXGhaOev.js} +2 -3
  75. package/dist/{OcToggle-C0wTjM_Y.js → OcToggle-bIJaLDMZ.js} +5 -6
  76. package/dist/Overlay/ConfirmationModal/OcConfirmationModal.js +1 -1
  77. package/dist/Overlay/CopyTooltip/OcCopyTooltip.js +1 -1
  78. package/dist/Overlay/Dropdown/OcDropdown.js +3 -4
  79. package/dist/Overlay/Modal/OcModal.js +3 -4
  80. package/dist/Overlay/SupportMenu/OcSupportMenu.js +1 -1
  81. package/dist/Overlay/Tooltip/OcTooltip.js +2 -2
  82. package/dist/Overlay/Whitelist/OcWhiteList.js +2 -2
  83. package/dist/SubPlanCard-DHj4RHJZ.js +81 -0
  84. package/dist/ThumbnailSection-CJBS0QXp.js +41 -0
  85. package/dist/ThumbnailTheme-hey6se0g.js +119 -0
  86. package/dist/index-DyVteXE3.js +10028 -0
  87. package/dist/index.js +129 -175
  88. package/dist/style.css +1 -1
  89. package/package.json +1 -16
  90. package/dist/Calendar.js +0 -103
  91. package/dist/Cropper.js +0 -6
  92. package/dist/DatePicker-D3w435Ml.js +0 -263
  93. package/dist/EmojiPicker.js +0 -4
  94. package/dist/Form/TimePicker/OcTimePicker.js +0 -6
  95. package/dist/OcAccordion-DdkNsXvN.js +0 -101
  96. package/dist/OcAccountSetup-BXDjf48o.js +0 -324
  97. package/dist/OcAdditionalContent-BMSysCXu.js +0 -612
  98. package/dist/OcAuthenticationOption.vue_vue_type_script_setup_true_lang-w5Y0ymGN.js +0 -43
  99. package/dist/OcBanner-Cg2WJV6e.js +0 -108
  100. package/dist/OcBox.vue_vue_type_script_setup_true_lang-aB397QRg.js +0 -43
  101. package/dist/OcCardInput-BFE4Xu-S.js +0 -75
  102. package/dist/OcCheckboxesGroup-CLbquUO2.js +0 -94
  103. package/dist/OcChip-B1hm2Qni.js +0 -144
  104. package/dist/OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js +0 -1006
  105. package/dist/OcConfirmationModal-BfCrRV9r.js +0 -179
  106. package/dist/OcCopyTooltip.vue_vue_type_script_setup_true_lang-S2RAfV_g.js +0 -65
  107. package/dist/OcCriteria-CpIohheZ.js +0 -42
  108. package/dist/OcCustomerCard-DbDOBO03.js +0 -160
  109. package/dist/OcDropdownItem-DAElmzEu.js +0 -57
  110. package/dist/OcEmptyPage-CTwgMzRp.js +0 -155
  111. package/dist/OcExpadingTable.vue_vue_type_script_setup_true_lang-B4HOMDBK.js +0 -815
  112. package/dist/OcFeatureOverviewCard-RVyrWLVW.js +0 -71
  113. package/dist/OcFloatContent-BIKQOxSw.js +0 -142
  114. package/dist/OcFormBuilder-CRXWtt8I.js +0 -177
  115. package/dist/OcGroupOptions-ChGJvTXl.js +0 -16
  116. package/dist/OcInfoCard-DpYUZOMZ.js +0 -81
  117. package/dist/OcInput-tcRxG3Y2.js +0 -227
  118. package/dist/OcInputOption-CncASfNt.js +0 -160
  119. package/dist/OcLinkInput-C2ixk-gk.js +0 -143
  120. package/dist/OcListDetail-6XeME6ko.js +0 -76
  121. package/dist/OcListUrl.vue_vue_type_script_setup_true_lang-7zZdFM8K.js +0 -750
  122. package/dist/OcModal-DdD5VFEN.js +0 -187
  123. package/dist/OcModalCropper-D2OI2iun.js +0 -56
  124. package/dist/OcModalPage-BLVa-kcB.js +0 -86
  125. package/dist/OcMultipleUploadFile-B8Wl9Fuq.js +0 -446
  126. package/dist/OcNumberInput.vue_vue_type_script_setup_true_lang-C4EXUIUe.js +0 -90
  127. package/dist/OcOnboardingListItem.vue_vue_type_script_setup_true_lang-Cr80xmnz.js +0 -81
  128. package/dist/OcOption-DK2FBGq7.js +0 -485
  129. package/dist/OcOverviewIcon-D702Ujka.js +0 -55
  130. package/dist/OcOverviewItem-DNr5tWnt.js +0 -186
  131. package/dist/OcPageTitleRight-DMtJ1qmZ.js +0 -243
  132. package/dist/OcPaginationNumber-IKPorX26.js +0 -172
  133. package/dist/OcPaymentTab-Cna1IAhO.js +0 -170
  134. package/dist/OcPhoneInput-AC6BgQhN.js +0 -432
  135. package/dist/OcPrimaryActions-D5IprKsQ.js +0 -222
  136. package/dist/OcRadio-CRYfNwV9.js +0 -107
  137. package/dist/OcRadioGroup-DgfdWJos.js +0 -76
  138. package/dist/OcRangeInput-C-hoHFhr.js +0 -103
  139. package/dist/OcSandboxBanner.vue_vue_type_script_setup_true_lang-BD0k_8xa.js +0 -37
  140. package/dist/OcSectionItem-BFgxO3se.js +0 -84
  141. package/dist/OcSelectOptions-BQlG_EUA.js +0 -148
  142. package/dist/OcShareIcon-BB-NPq0r.js +0 -53
  143. package/dist/OcSingleFileUpload-B8-e1H5t.js +0 -464
  144. package/dist/OcSnackbar-CKxY1-ej.js +0 -196
  145. package/dist/OcSteps.vue_vue_type_script_setup_true_lang-CXGy8ma_.js +0 -87
  146. package/dist/OcSubSidebar.vue_vue_type_script_setup_true_lang-CNxgU07N.js +0 -60
  147. package/dist/OcSupportMenu.vue_vue_type_script_setup_true_lang-DrjZsWti.js +0 -114
  148. package/dist/OcTabToSelect-BHAz1Niv.js +0 -183
  149. package/dist/OcTextArea-BpV1Bnj_.js +0 -78
  150. package/dist/OcTransferSummary-Bk2GXhrT.js +0 -67
  151. package/dist/OcVariant.vue_vue_type_script_setup_true_lang-CY_82DLc.js +0 -99
  152. package/dist/OcVerificationOption.vue_vue_type_script_setup_true_lang-ChqvNoDe.js +0 -59
  153. package/dist/OcWhiteList.vue_vue_type_script_setup_true_lang-DI9pYU3w.js +0 -64
  154. package/dist/OnboardingAccordion.vue_vue_type_script_setup_true_lang-B0Z7ETmj.js +0 -113
  155. package/dist/StoreDesign.js +0 -240
@@ -1,108 +0,0 @@
1
- import { openBlock as a, createBlock as i, Transition as f, withCtx as p, withDirectives as g, createElementVNode as t, normalizeClass as s, unref as r, createCommentVNode as l, renderSlot as c, toDisplayString as d, createTextVNode as y, vShow as b } from "vue";
2
- import "dayjs";
3
- import { B as x } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
4
- import { _ as h } from "./_plugin-vue_export-helper-CHgC5LLL.js";
5
- import { _ as w } from "./OcIcon-CJgBICxh.js";
6
- /* empty css */
7
- import "libphonenumber-js";
8
- /* empty css */
9
- import "v-calendar";
10
- /* empty css */
11
- import "./Cropper.js";
12
- import "vue-draggable-next";
13
- import "@popperjs/core";
14
- const v = { class: "flex items-center gap-3" }, B = { class: "text-oc-text-500" }, S = { class: "p-4 text-sm" }, k = {
15
- __name: "OcBanner",
16
- props: {
17
- modelValue: {
18
- type: Boolean,
19
- default: !0
20
- },
21
- color: {
22
- type: String,
23
- default: "default"
24
- },
25
- content: {
26
- type: String,
27
- default: ""
28
- },
29
- icon: {
30
- type: String,
31
- default: "filled-check"
32
- },
33
- showIcon: {
34
- type: Boolean,
35
- default: !0
36
- },
37
- dismissible: {
38
- type: Boolean,
39
- default: !1
40
- },
41
- transitionName: {
42
- type: String,
43
- default: "slide-from-top"
44
- },
45
- title: {
46
- type: String,
47
- default: ""
48
- }
49
- },
50
- emits: ["update:modelValue"],
51
- setup(e) {
52
- const m = Object.freeze({
53
- default: "bg-oc-success-50 text-oc-success-500",
54
- primary: "bg-oc-primary-50 text-oc-primary-500",
55
- error: "bg-oc-error-50 text-oc-error-500",
56
- warning: "bg-oc-warning-50 text-oc-warning-500",
57
- gray: "bg-oc-gray-100 text-oc-gray-700"
58
- }), u = Object.freeze({
59
- default: "border-oc-success-200",
60
- primary: "border-oc-primary-200",
61
- error: "border-oc-error-200",
62
- warning: "border-oc-warning-200",
63
- gray: "border-oc-gray-300"
64
- });
65
- return (o, n) => (a(), i(f, { name: e.transitionName }, {
66
- default: p(() => [
67
- g(t("div", {
68
- class: s([r(u)[e.color], "border rounded-lg banner relative overflow-hidden"])
69
- }, [
70
- t("div", {
71
- class: s(["flex flex-1 items-center justify-between gap-3 min-h-[34px] px-4 text-sm", r(m)[e.color]])
72
- }, [
73
- t("div", v, [
74
- e.showIcon ? (a(), i(r(w), {
75
- key: 0,
76
- name: e.icon,
77
- class: "shrink-0",
78
- width: "16",
79
- height: "16"
80
- }, null, 8, ["name"])) : l("", !0),
81
- c(o.$slots, "title", {}, () => [
82
- t("div", B, d(e.title), 1)
83
- ], !0)
84
- ]),
85
- e.dismissible ? (a(), i(r(x), {
86
- key: 0,
87
- variant: "secondary",
88
- "is-transparent": "",
89
- label: "Close",
90
- onClick: n[0] || (n[0] = (C) => o.$emit("update:modelValue", !1))
91
- })) : l("", !0)
92
- ], 2),
93
- t("div", S, [
94
- c(o.$slots, "default", {}, () => [
95
- y(d(e.content), 1)
96
- ], !0)
97
- ])
98
- ], 2), [
99
- [b, e.modelValue]
100
- ])
101
- ]),
102
- _: 3
103
- }, 8, ["name"]));
104
- }
105
- }, G = /* @__PURE__ */ h(k, [["__scopeId", "data-v-d8517c87"]]);
106
- export {
107
- G as O
108
- };
@@ -1,43 +0,0 @@
1
- import { defineComponent as o, openBlock as r, createElementBlock as n, normalizeClass as c, createVNode as a, unref as s, createElementVNode as i, toDisplayString as e } from "vue";
2
- import "dayjs";
3
- import "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
4
- import { _ as m } from "./OcOverviewIcon-D702Ujka.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 l = { class: "flex flex-col text-center gap-y-3" }, d = { class: "text-lg font-medium" }, g = { class: "text-sm text-oc-text-400" }, C = /* @__PURE__ */ o({
14
- __name: "OcBox",
15
- props: {
16
- icon: String,
17
- width: String,
18
- height: String,
19
- variant: String,
20
- title: String,
21
- description: String,
22
- isActive: Boolean
23
- },
24
- setup(t) {
25
- return (h, p) => (r(), n("div", {
26
- class: c(["rounded py-7 px-5 border bg-oc-bg-light flex flex-col gap-y-5 items-center shadow-sm", t.isActive ? "border-oc-primary" : "border-oc-gray-200"])
27
- }, [
28
- a(s(m), {
29
- icon: t.icon,
30
- width: t.width,
31
- height: t.height,
32
- variant: t.variant
33
- }, null, 8, ["icon", "width", "height", "variant"]),
34
- i("div", l, [
35
- i("span", d, e(t.title), 1),
36
- i("span", g, e(t.description), 1)
37
- ])
38
- ], 2));
39
- }
40
- });
41
- export {
42
- C as _
43
- };
@@ -1,75 +0,0 @@
1
- import { openBlock as a, createBlock as n, unref as i, withCtx as r, createElementVNode as d, createVNode as m } from "vue";
2
- import "dayjs";
3
- import "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
4
- import { _ as s } from "./OcIcon-CJgBICxh.js";
5
- /* empty css */
6
- import { _ as p } from "./OcInput-tcRxG3Y2.js";
7
- import "libphonenumber-js";
8
- /* empty css */
9
- import "v-calendar";
10
- /* empty css */
11
- import "./Cropper.js";
12
- import "vue-draggable-next";
13
- import "@popperjs/core";
14
- const c = { class: "w-[30px] h-[20px] flex items-center justify-center" }, T = {
15
- __name: "OcCardInput",
16
- props: {
17
- placeholder: String,
18
- hint: String,
19
- label: String,
20
- errorMessage: String,
21
- cardType: String,
22
- isInlineLabel: Boolean,
23
- isDisabled: Boolean,
24
- modelValue: String,
25
- isRequired: {
26
- type: Boolean,
27
- default: !1
28
- },
29
- labelIcon: {
30
- type: String,
31
- default: ""
32
- },
33
- tooltipText: {
34
- type: String,
35
- default: ""
36
- },
37
- tooltipOptions: {
38
- type: Object,
39
- default: () => ({})
40
- }
41
- },
42
- emits: {
43
- "update:modelValue": []
44
- },
45
- setup(e) {
46
- return (l, t) => (a(), n(i(p), {
47
- placeholder: e.placeholder,
48
- label: e.label,
49
- "error-message": e.errorMessage,
50
- "is-inline-label": e.isInlineLabel,
51
- disabled: e.isDisabled,
52
- hint: e.hint,
53
- "model-value": e.modelValue,
54
- "is-required": e.isRequired,
55
- "label-icon": e.labelIcon,
56
- "tooltip-text": e.tooltipText,
57
- "tooltip-options": e.tooltipOptions,
58
- "onUpdate:modelValue": t[0] || (t[0] = (o) => l.$emit("update:modelValue", o))
59
- }, {
60
- icon: r(() => [
61
- d("div", c, [
62
- m(i(s), {
63
- name: `payment-methods/${e.cardType}`,
64
- width: "20",
65
- height: "12"
66
- }, null, 8, ["name"])
67
- ])
68
- ]),
69
- _: 1
70
- }, 8, ["placeholder", "label", "error-message", "is-inline-label", "disabled", "hint", "model-value", "is-required", "label-icon", "tooltip-text", "tooltip-options"]));
71
- }
72
- };
73
- export {
74
- T as _
75
- };
@@ -1,94 +0,0 @@
1
- import { computed as r, openBlock as s, createBlock as u, unref as m, withCtx as p, createElementVNode as y, normalizeClass as v, createCommentVNode as C, createElementBlock as A, Fragment as h, renderList as k } from "vue";
2
- import "dayjs";
3
- import { _ as x, a as g } 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 j = {
13
- __name: "OcCheckboxesGroup",
14
- props: {
15
- alignment: {
16
- type: String,
17
- default: "vertical"
18
- },
19
- checkboxes: Array,
20
- modelValue: {
21
- type: [Array, String]
22
- },
23
- label: String,
24
- errorMessage: String,
25
- hint: String,
26
- isDisabled: Boolean,
27
- isSelectAll: Boolean,
28
- isButtonVariant: Boolean,
29
- isBlock: Boolean
30
- },
31
- emits: {
32
- "update:modelValue": []
33
- },
34
- setup(e, { emit: V }) {
35
- const t = e, n = V, b = r(() => ({
36
- horizontal: "gap-x-5 flex-wrap",
37
- vertical: "flex-col gap-y-3"
38
- })), o = (a) => {
39
- var l;
40
- return (l = t.modelValue) == null ? void 0 : l.includes(a);
41
- }, f = (a) => {
42
- n(
43
- "update:modelValue",
44
- o(a) ? t.modelValue.filter((l) => l !== a) : [...t.modelValue, a]
45
- );
46
- }, d = r(
47
- () => {
48
- var a;
49
- return (a = t.checkboxes) == null ? void 0 : a.every((l) => o(l == null ? void 0 : l.value));
50
- }
51
- ), c = r(() => {
52
- var a;
53
- return (a = t.checkboxes) == null ? void 0 : a.map((l) => l == null ? void 0 : l.value);
54
- }), B = () => {
55
- d.value ? n("update:modelValue", []) : n("update:modelValue", c.value);
56
- };
57
- return (a, l) => (s(), u(m(x), {
58
- label: e.label,
59
- "error-message": e.errorMessage,
60
- hint: e.hint
61
- }, {
62
- default: p(() => [
63
- y("div", {
64
- class: v(["flex", b.value[e.alignment]])
65
- }, [
66
- e.isSelectAll ? (s(), u(m(g), {
67
- key: 0,
68
- label: "Select all",
69
- "is-disabled": e.isDisabled,
70
- value: c.value,
71
- "model-value": d.value,
72
- "is-button-variant": e.isButtonVariant,
73
- "onUpdate:modelValue": B
74
- }, null, 8, ["is-disabled", "value", "model-value", "is-button-variant"])) : C("", !0),
75
- (s(!0), A(h, null, k(e.checkboxes, (i, S) => (s(), u(m(g), {
76
- key: S,
77
- label: i.label,
78
- value: i.value,
79
- "is-error": !!e.errorMessage,
80
- "is-disabled": e.isDisabled,
81
- class: v({ "!w-fit": !e.isBlock }),
82
- "model-value": o(i.value),
83
- "is-button-variant": e.isButtonVariant,
84
- "onUpdate:modelValue": (w) => f(i.value)
85
- }, null, 8, ["label", "value", "is-error", "is-disabled", "class", "model-value", "is-button-variant", "onUpdate:modelValue"]))), 128))
86
- ], 2)
87
- ]),
88
- _: 1
89
- }, 8, ["label", "error-message", "hint"]));
90
- }
91
- };
92
- export {
93
- j as _
94
- };
@@ -1,144 +0,0 @@
1
- import { computed as m, openBlock as c, createElementBlock as p, normalizeClass as o, renderSlot as k, createElementVNode as r, createBlock as n, unref as a, withCtx as g, toDisplayString as u, createVNode as h, mergeProps as f, createCommentVNode as b, withModifiers as y } from "vue";
2
- import "dayjs";
3
- import { T as w } 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 "./Cropper.js";
11
- import "vue-draggable-next";
12
- import "@popperjs/core";
13
- const v = { class: "flex gap-3 items-center" }, S = { class: "px-3 py-2 text-oc-text-400 text-sm font-medium" }, q = {
14
- __name: "OcChip",
15
- props: {
16
- variant: {
17
- type: String,
18
- default: ""
19
- },
20
- label: String,
21
- icon: String,
22
- iconSize: String,
23
- iconTooltip: String,
24
- closable: Boolean,
25
- shouldTruncateChip: Boolean,
26
- iconProps: Object
27
- },
28
- emits: {
29
- remove: []
30
- },
31
- setup(t) {
32
- const s = t, x = m(() => {
33
- let e = "";
34
- switch (s.variant) {
35
- case "accent-1":
36
- e = "bg-oc-accent-1-50 text-oc-accent-1 ";
37
- break;
38
- case "accent-2":
39
- e = "bg-oc-accent-2-50 text-oc-accent-2 ";
40
- break;
41
- case "accent-3":
42
- e = "bg-oc-accent-3-50 text-oc-accent-3 ";
43
- break;
44
- case "success":
45
- e = "bg-oc-success-50 text-oc-success ";
46
- break;
47
- case "warning":
48
- e = "bg-oc-warning-50 text-oc-warning ";
49
- break;
50
- case "error":
51
- e = "bg-oc-error-50 text-oc-error ";
52
- break;
53
- case "gray":
54
- e = "bg-oc-gray-100 text-oc-gray-700 ";
55
- break;
56
- case "light-red":
57
- e = "bg-oc-accent-3-50 text-oc-accent-3";
58
- break;
59
- default:
60
- e = "bg-oc-primary-50 text-oc-primary ";
61
- break;
62
- }
63
- return e;
64
- }), d = m(() => {
65
- let e = "";
66
- switch (s.variant) {
67
- case "accent-1":
68
- e = "text-oc-accent-1-300";
69
- break;
70
- case "accent-2":
71
- e = "text-oc-accent-2-300";
72
- break;
73
- case "accent-3":
74
- e = "text-oc-accent-3-300";
75
- break;
76
- case "success":
77
- e = "text-oc-success-300 ";
78
- break;
79
- case "warning":
80
- e = "text-oc-warning-300 ";
81
- break;
82
- case "error":
83
- e = "text-oc-error-300 ";
84
- break;
85
- case "gray":
86
- e = "text-oc-gray-400 ";
87
- break;
88
- case "light-red":
89
- e = "text-oc-error ";
90
- break;
91
- default:
92
- e = "text-oc-primary-300 ";
93
- break;
94
- }
95
- return e;
96
- });
97
- return (e, l) => (c(), p("span", {
98
- class: o(["rounded-full flex items-center gap-x-3 py-1 px-3 text-sm leading-[20px]", x.value])
99
- }, [
100
- k(e.$slots, "default", {}, () => [
101
- r("div", v, [
102
- t.iconTooltip && t.icon ? (c(), n(a(w), {
103
- key: 0,
104
- position: "top",
105
- distance: 10
106
- }, {
107
- popper: g(() => [
108
- r("div", S, u(t.iconTooltip), 1)
109
- ]),
110
- default: g(() => [
111
- h(a(i), f({
112
- width: "18",
113
- height: "18",
114
- name: t.icon
115
- }, t.iconProps), null, 16, ["name"])
116
- ]),
117
- _: 1
118
- })) : t.icon ? (c(), n(a(i), {
119
- key: 1,
120
- width: t.iconSize ?? 18,
121
- height: t.iconSize ?? 18,
122
- name: t.icon
123
- }, null, 8, ["width", "height", "name"])) : b("", !0),
124
- r("div", {
125
- class: o({
126
- "truncate max-w-[180px]": t.shouldTruncateChip
127
- })
128
- }, u(t.label), 3)
129
- ])
130
- ]),
131
- t.closable ? (c(), n(a(i), {
132
- key: 0,
133
- width: "18",
134
- height: "18",
135
- class: o([d.value, "cursor-pointer"]),
136
- name: "filled-x-circle",
137
- onClick: l[0] || (l[0] = y((C) => e.$emit("remove"), ["stop"]))
138
- }, null, 8, ["class"])) : b("", !0)
139
- ], 2));
140
- }
141
- };
142
- export {
143
- q as _
144
- };