@orchidui/core 1.8.1-10 → 1.8.1-100

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 (117) hide show
  1. package/dist/DataDisplay/CustomerCard/OcCustomerCard.js +2 -2
  2. package/dist/DataDisplay/FloatContent/OcFloatContent.js +1 -1
  3. package/dist/DataDisplay/HorizontalProgressbar/OcHorizontalProgressbar.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/ProgressBar/OcProgressBar.js +1 -1
  11. package/dist/DataDisplay/Table/OcTable.js +1 -1
  12. package/dist/DataDisplay/TransferSummary/OcTransferSummary.js +1 -1
  13. package/dist/DataTable/useDataTable.js +82 -0
  14. package/dist/DataTable/utils/filterUtils.js +57 -0
  15. package/dist/DataTable/utils/paginationUtils.js +26 -0
  16. package/dist/DataTable/utils/storageUtils.js +11 -0
  17. package/dist/Disclosure/Accordion/OcAccordion.js +1 -1
  18. package/dist/Disclosure/OnboardingAccordion/OnboardingAccordion.js +1 -1
  19. package/dist/Disclosure/Steps/OcSteps.js +1 -1
  20. package/dist/Disclosure/SwitchTabs/OcSwitchTabs.js +1 -1
  21. package/dist/Disclosure/Tabs/Tabs.js +1 -1
  22. package/dist/Disclosure/Variants/OcVariants.js +1 -1
  23. package/dist/Elements/AdditionalContent/OcAdditionalContent.js +1 -1
  24. package/dist/Elements/AuthenticationOption/AuthenticationOption.js +1 -1
  25. package/dist/Elements/Box/OcBox.js +1 -1
  26. package/dist/Elements/EmptyPage/OcEmptyPage.js +1 -1
  27. package/dist/Elements/FeatureOverviewCard/OcFeatureOverviewCard.js +1 -1
  28. package/dist/Elements/Header/OcHeader.js +1 -1
  29. package/dist/Elements/PageTitle/OcPageTitle.js +1 -1
  30. package/dist/Elements/SandboxBanner/OcSandboxBanner.js +1 -1
  31. package/dist/Elements/Section/OcSection.js +1 -1
  32. package/dist/Elements/Sidebar/OcSidebar.js +2 -2
  33. package/dist/Elements/Skeleton/OcSkeleton.js +1 -1
  34. package/dist/Elements/SubSidebar/OcSubSidebar.js +1 -1
  35. package/dist/Elements/TopBanner/OcTopBanner.js +4 -0
  36. package/dist/Elements/VerificationOption/OcVerificationOption.js +2 -2
  37. package/dist/Feedback/Banner/OcBanner.js +1 -1
  38. package/dist/Feedback/Chip/OcChip.js +1 -1
  39. package/dist/Feedback/ShareIcon/OcShareIcon.js +1 -1
  40. package/dist/Feedback/Snackbar/OcSnackbar.js +1 -1
  41. package/dist/Feedback/Tag/OcTag.js +1 -1
  42. package/dist/Form/BaseInput/OcBaseInput.js +1 -1
  43. package/dist/Form/Button/OcButton.js +1 -1
  44. package/dist/Form/Calendar/OcCalendar.js +2 -2
  45. package/dist/Form/CardInput/OcCardInput.js +1 -1
  46. package/dist/Form/Checkbox/OcCheckbox.js +2 -2
  47. package/dist/Form/CheckboxesGroup/OcCheckboxesGroup.js +1 -1
  48. package/dist/Form/Criteria/OcCriteria.js +1 -1
  49. package/dist/Form/Cropper/OcCropper.js +1 -1
  50. package/dist/Form/DatePicker/OcDatePicker.js +1 -1
  51. package/dist/Form/EmojiPicker/OcEmojiPicker.js +1 -1
  52. package/dist/Form/Input/OcInput.js +1 -1
  53. package/dist/Form/LinkInput/OcLinkInput.js +2 -2
  54. package/dist/Form/MultipleUploadFile/OcMultipleUploadFile.js +1 -1
  55. package/dist/Form/NumberInput/OcNumberInput.js +1 -1
  56. package/dist/Form/PhoneInput/OcPhoneInput.js +2 -2
  57. package/dist/Form/Radio/OcRadio.js +1 -1
  58. package/dist/Form/RadioGroup/OcRadioGroup.js +1 -1
  59. package/dist/Form/RangeInput/OcRangeInput.js +1 -1
  60. package/dist/Form/SectionItem/OcSectionItem.js +2 -2
  61. package/dist/Form/Select/OcSelect.js +1 -1
  62. package/dist/Form/SelectOptions/OcSelectOptions.js +2 -2
  63. package/dist/Form/SingleFileUpload/OcSingleFileUpload.js +1 -1
  64. package/dist/Form/Slider/OcSlider.js +1 -1
  65. package/dist/Form/TextArea/OcTextArea.js +2 -2
  66. package/dist/Form/Toggle/OcToggle.js +1 -1
  67. package/dist/Form/index.js +8 -8
  68. package/dist/FormBuilder/OcFormBuilder.js +1 -1
  69. package/dist/MediaAndIcons/Avatar/OcAvatar.js +1 -1
  70. package/dist/MediaAndIcons/Icon/OcIcon.js +1 -1
  71. package/dist/{OcAccountSetupProgress-D8_7Hyun.js → OcAccountSetupProgress-BZrI2z-C.js} +4 -4
  72. package/dist/{OcAvatar-DeVm4Ck5.js → OcAvatar-WGEX8Wio.js} +4 -4
  73. package/dist/{OcComplexCalendar-DTL664yt.js → OcComplexCalendar-CrhHAVnT.js} +6 -6
  74. package/dist/{OcComplexDatePicker-B8qyAErU.js → OcComplexDatePicker-Cr_6CjYB.js} +5 -5
  75. package/dist/OcCropper-BMMZRsnp.js +253 -0
  76. package/dist/OcDataTable-B5QRaoES.js +540 -0
  77. package/dist/{OcDraggable-CA_BCbpl.js → OcDraggable-DRsp4j4e.js} +5 -4
  78. package/dist/{OcDraggableList-D6lz10NQ.js → OcDraggableList-Bka23Zj_.js} +50 -47
  79. package/dist/{OcEmojiPicker-9v4nAKTW.js → OcEmojiPicker-CjL4Ap4z.js} +17 -15
  80. package/dist/{OcFilterForm-DwavM_3U.js → OcFilterForm-IZtn5Vdc.js} +22 -24
  81. package/dist/OcFilterSearch-Bn7BjQMO.js +112 -0
  82. package/dist/{OcFilterSearchFor-ydRuKVJZ.js → OcFilterSearchFor-B0Cyh-PP.js} +27 -21
  83. package/dist/{OcHorizontalProgressbar.vue_vue_type_script_setup_true_lang-4eVgPDi5.js → OcHorizontalProgressbar.vue_vue_type_script_setup_true_lang-C-8H1oP2.js} +2 -2
  84. package/dist/{OcIcon-CJgBICxh.js → OcIcon-CBf___w1.js} +10 -9
  85. package/dist/OcModalCropper-KoaOw5ug.js +52 -0
  86. package/dist/{OcPopper-BgjdqRiw.js → OcPopper-BSfMaOoF.js} +26 -25
  87. package/dist/{OcProgressBar-hiyC5XSc.js → OcProgressBar-lyqE5LZd.js} +5 -5
  88. package/dist/{OcSection-D_vO-DAP.js → OcSection-BjyapRr3.js} +3 -3
  89. package/dist/{OcSkeleton-CvdpGSQR.js → OcSkeleton-Czw65X0i.js} +2 -2
  90. package/dist/{OcSwitchTabs-CYp676bj.js → OcSwitchTabs-B7LfmG3z.js} +3 -3
  91. package/dist/{OcTag.vue_vue_type_script_setup_true_lang-D19lw-8Y.js → OcTag.vue_vue_type_script_setup_true_lang-CzJFcg8l.js} +2 -2
  92. package/dist/{OcTheme-CWgrJh5Q.js → OcTheme-B6NTNYtz.js} +2 -2
  93. package/dist/{OcTimePicker-BlGghWyM.js → OcTimePicker-i88_uGmT.js} +6 -6
  94. package/dist/{OcTimePopup-CXGhaOev.js → OcTimePopup-CrwbZ_Nx.js} +5 -5
  95. package/dist/OcToggle-DOfA-DZ8.js +58 -0
  96. package/dist/Overlay/ConfirmationModal/OcConfirmationModal.js +1 -1
  97. package/dist/Overlay/CopyTooltip/OcCopyTooltip.js +1 -1
  98. package/dist/Overlay/Dropdown/OcDropdown.js +1 -1
  99. package/dist/Overlay/Modal/OcModal.js +1 -1
  100. package/dist/Overlay/Popper/OcPopper.js +1 -1
  101. package/dist/Overlay/SupportMenu/OcSupportMenu.js +1 -1
  102. package/dist/Overlay/Tooltip/OcTooltip.js +1 -1
  103. package/dist/Overlay/Whitelist/OcWhiteList.js +1 -1
  104. package/dist/{SubPlanCard-Bq9Yf2D4.js → SubPlanCard-CmQpq6Jd.js} +10 -10
  105. package/dist/Theme/OcTheme.js +1 -1
  106. package/dist/{ThumbnailSection-CjfK4y-_.js → ThumbnailSection-VGh-BSav.js} +3 -3
  107. package/dist/{ThumbnailTheme-CP_aCMoz.js → ThumbnailTheme-OomrH2df.js} +9 -6
  108. package/dist/core.css +1 -0
  109. package/dist/{index-C40DvCrq.js → index-DeDsEdk8.js} +2981 -2838
  110. package/dist/index.js +58 -55
  111. package/package.json +1 -1
  112. package/dist/OcCropper-CvIZNHi0.js +0 -229
  113. package/dist/OcDataTable-CSBHzzr0.js +0 -578
  114. package/dist/OcFilterSearch-QFGKFGIl.js +0 -69
  115. package/dist/OcModalCropper-DPL2eH1Y.js +0 -46
  116. package/dist/OcToggle-bIJaLDMZ.js +0 -53
  117. package/dist/style.css +0 -1
package/dist/index.js CHANGED
@@ -1,23 +1,24 @@
1
1
  import "vue";
2
- import { V as r, ak as o, aW as t, a2 as i, a4 as n, as as p, _ as l, a5 as d, B as m, p as u, a as b, b as S, c, at as T, aG as g, aN as C, aw as x, ax as P, d as I, aP as f, C as h, aM as O, q as F, aH as k, aQ as v, ay as B, az as w, aR as A, a6 as H, T as L, M as D, R as M, a7 as _, aK as R, aJ as y, aL as E, x as G, w as N, m as U, a8 as V, ab as j, aa as z, ac as W, y as q, a3 as J, e as K, f as Q, n as X, z as Y, A as Z, D as $, aA as aa, aO as ea, u as sa, v as ra, aB as oa, E as ta, W as ia, l as na, F as pa, G as la, H as da, ae as ma, af as ua, I as ba, K as Sa, $ as ca, g as Ta, J as ga, ag as Ca, h as xa, i as Pa, j as Ia, ah as fa, r as ha, k as Oa, s as Fa, au as ka, am as va, ai as Ba, ap as wa, ao as Aa, al as Ha, an as La, aj as Da, t as Ma, S as _a, av as Ra, Y as ya, X as Ea, a9 as Ga, aU as Na, aq as Ua, aC as Va, ad as ja, L as za, O as Wa, P as qa, N as Ja, Q as Ka, Z as Qa, o as Xa, aT as Ya, aS as Za, aV as $a, aI as ae, aD as ee, U as se, a1 as re, a0 as oe, ar as te, aE as ie } from "./index-C40DvCrq.js";
3
- import { _ as pe } from "./OcProgressBar-hiyC5XSc.js";
4
- import { _ as de } from "./OcHorizontalProgressbar.vue_vue_type_script_setup_true_lang-4eVgPDi5.js";
5
- import { _ as ue } from "./OcSwitchTabs-CYp676bj.js";
6
- import { S as Se } from "./OcSkeleton-CvdpGSQR.js";
7
- import { _ as Te } from "./OcSection-D_vO-DAP.js";
8
- import { _ as Ce } from "./OcTag.vue_vue_type_script_setup_true_lang-D19lw-8Y.js";
9
- import { T as Pe } from "./OcToggle-bIJaLDMZ.js";
10
- import { _ as fe } from "./OcAvatar-DeVm4Ck5.js";
11
- import { _ as Oe } from "./OcIcon-CJgBICxh.js";
12
- import { _ as ke } from "./OcPopper-BgjdqRiw.js";
13
- import { _ as Be } from "./OcTheme-CWgrJh5Q.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 f, aQ as I, 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 D, T as H, L, 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 fa, ah as Ia, 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 Da, an as Ha, aj as La, 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-DeDsEdk8.js";
3
+ import { _ as le } from "./OcProgressBar-lyqE5LZd.js";
4
+ import { _ as me } from "./OcHorizontalProgressbar.vue_vue_type_script_setup_true_lang-C-8H1oP2.js";
5
+ import { _ as be } from "./OcSwitchTabs-B7LfmG3z.js";
6
+ import { S as ce } from "./OcSkeleton-Czw65X0i.js";
7
+ import { _ as ge } from "./OcSection-BjyapRr3.js";
8
+ import { _ as xe } from "./OcTag.vue_vue_type_script_setup_true_lang-CzJFcg8l.js";
9
+ import { T as fe } from "./OcToggle-DOfA-DZ8.js";
10
+ import { _ as he } from "./OcAvatar-WGEX8Wio.js";
11
+ import { _ as Fe } from "./OcIcon-CBf___w1.js";
12
+ import { _ as ke } from "./OcPopper-BSfMaOoF.js";
13
+ import { _ as we } from "./OcTheme-B6NTNYtz.js";
14
+ import { useDataTable as De } from "./DataTable/useDataTable.js";
14
15
  export {
15
16
  r as Accordion,
16
17
  o as AccountSetup,
17
18
  t as AccountSetupProgress,
18
- i as AdditionalContent,
19
- n as AuthenticationOption,
20
- fe as Avatar,
19
+ n as AdditionalContent,
20
+ i as AuthenticationOption,
21
+ he as Avatar,
21
22
  p as Banner,
22
23
  l as BaseInput,
23
24
  d as Box,
@@ -31,33 +32,33 @@ export {
31
32
  C as ComplexDatePicker,
32
33
  x as ConfirmationModal,
33
34
  P as CopyTooltip,
34
- I as Criteria,
35
- f as Cropper,
35
+ f as Criteria,
36
+ I as Cropper,
36
37
  h as CustomerCard,
37
38
  O as DataTable,
38
39
  F as DatePicker,
39
- k as Draggable,
40
- v as DraggableList,
41
- B as Dropdown,
40
+ B as Draggable,
41
+ k as DraggableList,
42
+ v as Dropdown,
42
43
  w as DropdownItem,
43
44
  A as EmojiPicker,
44
- H as EmptyPage,
45
- L as ExpandingHeaderRow,
46
- D as ExpandingTable,
45
+ D as EmptyPage,
46
+ H as ExpandingHeaderRow,
47
+ L as ExpandingTable,
47
48
  M as ExpandingTableRow,
48
49
  _ as FeatureOverviewCard,
49
50
  R as FilterForm,
50
51
  y as FilterSearch,
51
52
  E as FilterSearchFor,
52
- G as FloatContent,
53
- N as FormBuilder,
54
- U as GroupOptions,
55
- V as Header,
53
+ N as FloatContent,
54
+ U as FormBuilder,
55
+ V as GroupOptions,
56
+ G as Header,
56
57
  j as HeaderCenter,
57
58
  z as HeaderLeft,
58
59
  W as HeaderRight,
59
- de as HorizontalProgressbar,
60
- Oe as Icon,
60
+ me as HorizontalProgressbar,
61
+ Fe as Icon,
61
62
  q as InfoCard,
62
63
  J as InfoCardButton,
63
64
  K as Input,
@@ -72,9 +73,9 @@ export {
72
73
  ra as NumberInput,
73
74
  oa as OcModalPage,
74
75
  ta as OcOnboardingListItem,
75
- Te as OcSection,
76
- ia as OnboardingAccordion,
77
- na as Option,
76
+ ge as OcSection,
77
+ na as OnboardingAccordion,
78
+ ia as Option,
78
79
  pa as Overview,
79
80
  la as OverviewIcon,
80
81
  da as OverviewItem,
@@ -87,33 +88,33 @@ export {
87
88
  ke as Popper,
88
89
  ga as PrevNext,
89
90
  Ca as PrimaryActions,
90
- pe as ProgressBar,
91
+ le as ProgressBar,
91
92
  xa as Radio,
92
93
  Pa as RadioGroup,
93
- Ia as RangeInput,
94
- fa as SandboxBanner,
94
+ fa as RangeInput,
95
+ Ia as SandboxBanner,
95
96
  ha as SectionItem,
96
97
  Oa as Select,
97
98
  Fa as SelectOptions,
98
- ka as ShareIcon,
99
- va as SideBarMenu,
100
- Ba as Sidebar,
99
+ Ba as ShareIcon,
100
+ ka as SideBarMenu,
101
+ va as Sidebar,
101
102
  wa as SidebarFeatureBanners,
102
103
  Aa as SidebarFooter,
103
- Ha as SidebarHead,
104
- La as SidebarSubMenuItem,
105
- Da as SidebarSubmenu,
104
+ Da as SidebarHead,
105
+ Ha as SidebarSubMenuItem,
106
+ La as SidebarSubmenu,
106
107
  Ma as SingleFileUpload,
107
- Se as Skeleton,
108
+ ce as Skeleton,
108
109
  _a as Slider,
109
110
  Ra as Snackbar,
110
111
  ya as Step,
111
112
  Ea as Steps,
112
- Ga as SubHeader,
113
- Na as SubPlanCard,
114
- Ua as SubSidebar,
115
- Va as SupportMenu,
116
- ue as SwitchTabs,
113
+ Na as SubHeader,
114
+ Ua as SubPlanCard,
115
+ Va as SubSidebar,
116
+ Ga as SupportMenu,
117
+ be as SwitchTabs,
117
118
  ja as TabToSelect,
118
119
  za as Table,
119
120
  Wa as TableCell,
@@ -121,18 +122,20 @@ export {
121
122
  Ja as TableHeader,
122
123
  Ka as TableLink,
123
124
  Qa as Tabs,
124
- Ce as Tag,
125
+ xe as Tag,
125
126
  Xa as TextArea,
126
- Be as Theme,
127
+ we as Theme,
127
128
  Ya as ThumbnailSection,
128
129
  Za as ThumbnailTheme,
129
130
  $a as TimePicker,
130
131
  ae as TimePopup,
131
- Pe as Toggle,
132
+ fe as Toggle,
132
133
  ee as Tooltip,
133
- se as TransferSummary,
134
- re as Variant,
135
- oe as Variants,
136
- te as VerificationOption,
137
- ie as WhiteList
134
+ se as TopBanner,
135
+ re as TransferSummary,
136
+ oe as Variant,
137
+ te as Variants,
138
+ ne as VerificationOption,
139
+ ie as WhiteList,
140
+ De as useDataTable
138
141
  };
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-10",
4
+ "version": "1.8.1-100",
5
5
  "type": "module",
6
6
  "scripts": {
7
7
  "build": "vite build"
@@ -1,229 +0,0 @@
1
- import { ref as p, watch as S, nextTick as F, openBlock as n, createElementBlock as y, createElementVNode as c, createBlock as u, unref as o, Fragment as A, createVNode as m, createCommentVNode as r, withCtx as V } from "vue";
2
- import { B as g, e as x, b as D, i as G, aD as H } from "./index-C40DvCrq.js";
3
- import { Cropper as J } from "vue-advanced-cropper";
4
- import { _ as K } from "./OcIcon-CJgBICxh.js";
5
- const M = { class: "flex flex-col gap-y-5" }, P = ["src"], Q = { class: "flex gap-x-1 justify-center relative" }, W = { class: "grid grid-cols-2 gap-4" }, ee = {
6
- __name: "OcCropper",
7
- props: {
8
- inputOptions: Array,
9
- inputOptionValues: Object,
10
- img: String,
11
- maxSize: [String, Number],
12
- isReplaceImage: {
13
- type: Boolean,
14
- default: !0
15
- }
16
- },
17
- emits: ["changeImage", "update:input-options"],
18
- setup(i, { emit: E }) {
19
- const v = i, h = E, k = p(), w = p(), s = p(""), C = p(!1), a = p(v.inputOptionValues ?? {});
20
- S(
21
- () => v.inputOptionValues,
22
- () => {
23
- a.value = v.inputOptionValues;
24
- },
25
- {
26
- deep: !0
27
- }
28
- ), S(
29
- () => v.img,
30
- (l) => {
31
- l && F(() => {
32
- try {
33
- const e = new URL(l);
34
- e.protocol === "http:" || e.protocol === "https:" ? s.value = `${l}?${Date.now()}` : s.value = l;
35
- } catch {
36
- s.value = l;
37
- }
38
- });
39
- },
40
- { immediate: !0 }
41
- );
42
- const N = () => {
43
- if (s.value && C.value) {
44
- const { canvas: l } = k.value.getResult();
45
- h("changeImage", l.toDataURL());
46
- }
47
- C.value = !0;
48
- }, O = (l) => {
49
- var e;
50
- return (e = k.value) == null ? void 0 : e.rotate(l);
51
- }, z = (l) => {
52
- var e;
53
- return (e = k.value) == null ? void 0 : e.zoom(l);
54
- }, j = () => {
55
- w.value.click();
56
- }, T = (l) => {
57
- if (l.target.files[0] / (1024 * 1024) > +v.maxSize)
58
- return l.preventDefault(), !1;
59
- s.value = URL.createObjectURL(l.target.files[0]);
60
- }, q = ({ imageSize: l, visibleArea: e }) => ({
61
- width: (e || l).width,
62
- height: (e || l).height
63
- }), f = (l, e) => {
64
- let d = a.value;
65
- d[l] = e, h("update:input-options", d);
66
- }, b = p(!!a.value.caption), U = p(!!a.value.lightbox);
67
- return (l, e) => {
68
- var d, $, L, I, R, B;
69
- return n(), y("div", M, [
70
- c("input", {
71
- id: "cropper-file-input",
72
- ref_key: "fileUploadEl",
73
- ref: w,
74
- accept: "image/*",
75
- type: "file",
76
- class: "hidden",
77
- onChange: T
78
- }, null, 544),
79
- s.value ? (n(), u(o(J), {
80
- key: 0,
81
- ref_key: "cropper",
82
- ref: k,
83
- class: "w-full h-[300px]",
84
- src: s.value,
85
- "resize-image": { wheel: !1 },
86
- "background-class": "cropper-background",
87
- "default-size": q,
88
- onChange: N
89
- }, null, 8, ["src"])) : (n(), y("img", {
90
- key: 1,
91
- class: "w-full",
92
- src: i.img
93
- }, null, 8, P)),
94
- c("div", Q, [
95
- s.value ? (n(), y(A, { key: 0 }, [
96
- m(o(g), {
97
- variant: "secondary",
98
- size: "small",
99
- "left-icon": "backward",
100
- onClick: e[0] || (e[0] = (t) => O(-90))
101
- }),
102
- m(o(g), {
103
- variant: "secondary",
104
- size: "small",
105
- "left-icon": "zoom-out",
106
- onClick: e[1] || (e[1] = (t) => z(0.8))
107
- }),
108
- m(o(g), {
109
- variant: "secondary",
110
- size: "small",
111
- "left-icon": "zoom-in",
112
- onClick: e[2] || (e[2] = (t) => z(1.2))
113
- }),
114
- m(o(g), {
115
- variant: "secondary",
116
- size: "small",
117
- "left-icon": "forward",
118
- onClick: e[3] || (e[3] = (t) => O(90))
119
- })
120
- ], 64)) : r("", !0),
121
- i.isReplaceImage ? (n(), u(o(g), {
122
- key: 1,
123
- class: "absolute right-0",
124
- variant: "secondary",
125
- size: "small",
126
- label: "Replace image",
127
- "left-icon": "refresh",
128
- onClick: j
129
- })) : r("", !0)
130
- ]),
131
- c("div", W, [
132
- (d = i.inputOptions) != null && d.includes("description") ? (n(), u(o(x), {
133
- key: 0,
134
- modelValue: a.value.description,
135
- "onUpdate:modelValue": [
136
- e[4] || (e[4] = (t) => a.value.description = t),
137
- e[5] || (e[5] = (t) => f("description", t))
138
- ],
139
- label: "Describe Image",
140
- placeholder: ""
141
- }, null, 8, ["modelValue"])) : r("", !0),
142
- ($ = i.inputOptions) != null && $.includes("link") ? (n(), u(o(x), {
143
- key: 1,
144
- modelValue: a.value.link,
145
- "onUpdate:modelValue": [
146
- e[6] || (e[6] = (t) => a.value.link = t),
147
- e[7] || (e[7] = (t) => f("link", t))
148
- ],
149
- placeholder: "https://hitpayapp.com",
150
- label: "Link to"
151
- }, null, 8, ["modelValue"])) : r("", !0),
152
- c("div", null, [
153
- (L = i.inputOptions) != null && L.includes("caption") ? (n(), u(o(D), {
154
- key: 0,
155
- modelValue: b.value,
156
- "onUpdate:modelValue": e[8] || (e[8] = (t) => b.value = t),
157
- label: "Caption",
158
- class: "mb-4"
159
- }, null, 8, ["modelValue"])) : r("", !0),
160
- (I = i.inputOptions) != null && I.includes("caption") && b.value ? (n(), u(o(x), {
161
- key: 1,
162
- modelValue: a.value.caption,
163
- "onUpdate:modelValue": [
164
- e[9] || (e[9] = (t) => a.value.caption = t),
165
- e[10] || (e[10] = (t) => f("caption", t))
166
- ],
167
- class: "mb-4",
168
- placeholder: ""
169
- }, null, 8, ["modelValue"])) : r("", !0),
170
- (R = i.inputOptions) != null && R.includes("caption") && b.value ? (n(), u(o(G), {
171
- key: 2,
172
- "model-value": a.value.caption_variant,
173
- "group-name": "caption_variant",
174
- alignment: "horizontal",
175
- radio: [
176
- {
177
- value: "hover",
178
- label: "Show on hover"
179
- },
180
- {
181
- value: "bottom",
182
- label: "Show on bottom"
183
- }
184
- ],
185
- label: "Caption position",
186
- "onUpdate:modelValue": e[11] || (e[11] = (t) => f("caption_variant", t))
187
- }, null, 8, ["model-value"])) : r("", !0)
188
- ]),
189
- c("div", null, [
190
- (B = i.inputOptions) != null && B.includes("lightbox") ? (n(), u(o(D), {
191
- key: 0,
192
- modelValue: U.value,
193
- "onUpdate:modelValue": [
194
- e[12] || (e[12] = (t) => U.value = t),
195
- e[13] || (e[13] = (t) => f("lightbox", t))
196
- ],
197
- label: "Lightbox"
198
- }, {
199
- after: V(() => [
200
- m(o(H), {
201
- position: "bottom",
202
- distance: 10,
203
- "popper-class": "bg-oc-bg-light min-w-[125px]"
204
- }, {
205
- popper: V(() => e[14] || (e[14] = [
206
- c("div", { class: "text-oc-text-400 text-sm px-3 py-2 font-medium text-center" }, " Show lightbox when click the image ", -1)
207
- ])),
208
- default: V(() => [
209
- m(o(K), {
210
- name: "question-mark",
211
- width: "16",
212
- height: "16",
213
- class: "text-oc-accent-1-500"
214
- })
215
- ]),
216
- _: 1
217
- })
218
- ]),
219
- _: 1
220
- }, 8, ["modelValue"])) : r("", !0)
221
- ])
222
- ])
223
- ]);
224
- };
225
- }
226
- };
227
- export {
228
- ee as default
229
- };