@orchidui/core 1.8.1-1 → 1.8.1-100

package/dist/Form/TextArea/OcTextArea.js

@@ -1,4 +1,4 @@
-import { o as r } from "../../index-BvY_DV6x.js";
+import { n as a } from "../../index-DeDsEdk8.js";
 export {
-  r as TextArea
+  a as TextArea
 };

package/dist/Form/Toggle/OcToggle.js

@@ -1,4 +1,4 @@
-import { T as g } from "../../OcToggle-bIJaLDMZ.js";
+import { T as g } from "../../OcToggle-DOfA-DZ8.js";
 export {
   g as Toggle
 };

package/dist/Form/index.js

@@ -1,5 +1,5 @@
-import { _ as e, B as t, p as o, a as p, b as n, c as i, d as r, q as u, m as l, e as I, f as d, n as c, u as S, v as g, l as k, g as m, h as x, i as C, j as b, r as h, k as O, s as f, t as B, S as G, o as R } from "../index-BvY_DV6x.js";
-import { T as F } from "../OcToggle-bIJaLDMZ.js";
+import { _ as e, B as t, o, a as p, C as n, b as i, c as r, p as u, l, d as I, e as d, m as c, t as C, N as S, k as g, f as k, g as m, h as x, i as b, q as h, j as O, r as f, s as B, S as G, n as R } from "../index-DeDsEdk8.js";
+import { T as F } from "../OcToggle-DOfA-DZ8.js";
 export {
   e as BaseInput,
   t as Button,
@@ -13,12 +13,12 @@ export {
   I as Input,
   d as InputOption,
   c as LinkInput,
-  S as MultipleUploadFile,
-  g as NumberInput,
-  k as Option,
-  m as PhoneInput,
-  x as Radio,
-  C as RadioGroup,
+  C as MultipleUploadFile,
+  S as NumberInput,
+  g as Option,
+  k as PhoneInput,
+  m as Radio,
+  x as RadioGroup,
   b as RangeInput,
   h as SectionItem,
   O as Select,

package/dist/FormBuilder/OcFormBuilder.js

@@ -1,4 +1,4 @@
-import { w as e } from "../index-BvY_DV6x.js";
+import { u as e } from "../index-DeDsEdk8.js";
 export {
   e as FormBuilder
 };

package/dist/MediaAndIcons/Avatar/OcAvatar.js

@@ -1,4 +1,4 @@
-import { _ as o } from "../../OcAvatar-DeVm4Ck5.js";
+import { _ as o } from "../../OcAvatar-WGEX8Wio.js";
 export {
   o as Avatar
 };

package/dist/MediaAndIcons/Icon/OcIcon.js

@@ -1,4 +1,4 @@
-import { _ as a } from "../../OcIcon-CJgBICxh.js";
+import { _ as a } from "../../OcIcon-CBf___w1.js";
 export {
   a as Icon
 };

package/dist/OcAccountSetupProgress-BZrI2z-C.js

@@ -0,0 +1,54 @@
+import { createElementBlock as r, openBlock as n, createElementVNode as e, createVNode as o, createTextVNode as d, unref as l, toDisplayString as a, normalizeStyle as u } from "vue";
+import "./index-DeDsEdk8.js";
+import { _ as c } from "./OcIcon-CBf___w1.js";
+const x = { class: "border relative z-10 border-oc-gray-200 shadow-normal bg-white rounded p-2 flex flex-col gap-y-2" }, p = { class: "py-2 px-3 gap-x-3 flex items-center" }, f = { class: "text-base flex-1 font-medium flex items-center gap-x-2" }, m = { class: "px-3 pb-3 flex flex-col gap-y-3" }, h = { class: "relative bg-oc-accent-1-50 rounded-full h-2" }, _ = { class: "flex items-center gap-x-3" }, g = { class: "text-sm text-oc-text-400" }, N = {
+  __name: "OcAccountSetupProgress",
+  props: {
+    value: {
+      type: Number,
+      default: 0
+    },
+    infoLabel: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["redirect"],
+  setup(s) {
+    return (i, t) => (n(), r("div", x, [
+      e("div", p, [
+        e("div", f, [
+          o(l(c), {
+            name: "alert-fill",
+            class: "text-oc-warning",
+            width: "16",
+            height: "16"
+          }),
+          d(" Finish your account (" + a(s.value) + "%) ", 1)
+        ]),
+        o(l(c), {
+          name: "arrow-top-right",
+          class: "text-oc-text-300 hover:text-oc-text",
+          width: "14",
+          height: "14",
+          onClick: t[0] || (t[0] = (v) => i.$emit("redirect"))
+        })
+      ]),
+      e("div", m, [
+        e("div", h, [
+          e("div", {
+            class: "absolute top-0 left-0 bg-oc-primary rounded-full h-2",
+            style: u({ width: `${s.value}%` })
+          }, null, 4)
+        ]),
+        e("div", _, [
+          t[1] || (t[1] = e("div", { class: "w-[6px] h-[6px] bg-oc-success shadow-[0_0_0_4px_var(--oc-success-50)] rounded-full" }, null, -1)),
+          e("span", g, a(s.infoLabel), 1)
+        ])
+      ])
+    ]));
+  }
+};
+export {
+  N as default
+};

package/dist/{OcAvatar-DeVm4Ck5.js → OcAvatar-WGEX8Wio.js}

@@ -1,4 +1,4 @@
-import { computed as s, openBlock as r, createElementBlock as i, normalizeClass as n, normalizeStyle as c, renderSlot as d, createTextVNode as u } from "vue";
+import { computed as s, createElementBlock as r, openBlock as i, normalizeStyle as n, normalizeClass as c, renderSlot as d, createTextVNode as u } from "vue";
 const f = {
   __name: "OcAvatar",
   props: {
@@ -26,9 +26,9 @@ const f = {
       32: "text-base",
       24: "text-xs"
     }));
-    return (o, t) => (r(), i("div", {
-      class: n(["rounded-full border border-oc-gray-300 flex items-center font-bold justify-center", [a.value[e.type], l.value[e.size]]]),
-      style: c({ width: `${e.size}px`, height: `${e.size}px` })
+    return (o, t) => (i(), r("div", {
+      class: c(["rounded-full border border-oc-gray-300 flex items-center font-bold justify-center", [a.value[e.type], l.value[e.size]]]),
+      style: n({ width: `${e.size}px`, height: `${e.size}px` })
     }, [
       d(o.$slots, "default", {}, () => [
         t[0] || (t[0] = u("H"))

package/dist/{OcComplexCalendar-BefeAFLc.js → OcComplexCalendar-CrhHAVnT.js}

@@ -1,7 +1,7 @@
-import { ref as x, openBlock as o, createElementBlock as n, createElementVNode as b, Fragment as V, renderList as v, normalizeClass as k, unref as a, toDisplayString as p, createCommentVNode as i, createVNode as d, mergeProps as m } from "vue";
+import { ref as x, createElementBlock as o, openBlock as n, createElementVNode as b, createCommentVNode as i, createVNode as d, Fragment as V, renderList as v, normalizeClass as k, unref as a, toDisplayString as p, mergeProps as m } from "vue";
 import { DatePicker as B } from "v-calendar";
 import r from "dayjs";
-import { B as f } from "./index-BvY_DV6x.js";
+import { B as f } from "./index-DeDsEdk8.js";
 const C = { class: "flex flex-col p-6 gap-y-7 w-fit shadow-normal rounded" }, h = { class: "flex gap-x-7" }, M = {
   key: 0,
   class: "flex flex-col py-2 gap-y-4"
@@ -49,10 +49,10 @@ const C = { class: "flex flex-col p-6 gap-y-7 w-fit shadow-normal rounded" }, h
     };
     return (l, u) => {
       var c;
-      return o(), n("div", C, [
+      return n(), o("div", C, [
         b("div", h, [
-          (c = e.shortcuts) != null && c.length ? (o(), n("div", M, [
-            (o(!0), n(V, null, v(e.shortcuts, (t) => (o(), n("div", {
+          (c = e.shortcuts) != null && c.length ? (n(), o("div", M, [
+            (n(!0), o(V, null, v(e.shortcuts, (t) => (n(), o("div", {
               key: t,
               class: k([
                 "rounded text-center px-4 font-medium py-2 cursor-pointer",
@@ -81,7 +81,7 @@ const C = { class: "flex flex-col p-6 gap-y-7 w-fit shadow-normal rounded" }, h
             "onUpdate:modelValue": u[0] || (u[0] = (t) => l.$emit("update:modelValue", t))
           }), null, 16, ["model-value", "model-modifiers", "class", "columns", "min-date", "max-date"])
         ]),
-        e.withFooter ? (o(), n("div", P, [
+        e.withFooter ? (n(), o("div", P, [
           d(a(f), m({
             class: "min-w-[72px]",
             label: "Clear",

package/dist/{OcComplexDatePicker-CRLUqCXG.js → OcComplexDatePicker-Cr_6CjYB.js}

@@ -1,5 +1,5 @@
-import { ref as s, openBlock as d, createBlock as m, unref as t, withCtx as l, createVNode as n } from "vue";
-import { aF as c, _ as f, ay as b, aG as p, e as V } from "./index-BvY_DV6x.js";
+import { ref as s, createBlock as d, openBlock as m, unref as t, withCtx as l, createVNode as n } from "vue";
+import { aG as c, _ as f, az as b, d as p, aH as V } from "./index-DeDsEdk8.js";
 import r from "dayjs";
 const x = {
   __name: "OcComplexDatePicker",
@@ -44,7 +44,7 @@ const x = {
   setup(e) {
     r.extend(c);
     const u = s(!1);
-    return (i, o) => (d(), m(t(f), {
+    return (i, o) => (m(), d(t(f), {
       label: e.label,
       hint: e.hint,
       "error-message": e.errorMessage,
@@ -61,7 +61,7 @@ const x = {
           class: "w-full"
         }, {
           menu: l(() => [
-            n(t(p), {
+            n(t(V), {
               "model-value": e.modelValue,
               shortcuts: e.shortcuts,
               "cancel-button-props": e.cancelButtonProps,
@@ -73,7 +73,7 @@ const x = {
             }, null, 8, ["model-value", "shortcuts", "cancel-button-props", "submit-button-props", "calendar-props", "count-calendars", "with-footer"])
           ]),
           default: l(() => [
-            n(t(V), {
+            n(t(p), {
               "model-value": `${t(r)(e.modelValue.start).format(e.formatDate)} - ${t(r)(
                 e.modelValue.end
               ).format(e.formatDate)}`,

package/dist/OcCropper-BMMZRsnp.js

@@ -0,0 +1,253 @@
+import { ref as u, watch as D, nextTick as J, createElementBlock as h, openBlock as o, createElementVNode as m, createBlock as r, unref as a, createCommentVNode as s, Fragment as K, createVNode as g, withCtx as T } from "vue";
+import { B as k, d as x, C as y, h as M, aE as P } from "./index-DeDsEdk8.js";
+import { Cropper as Q } from "vue-advanced-cropper";
+import { _ as W } from "./OcIcon-CBf___w1.js";
+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 = {
+  key: 1,
+  class: "flex items-center gap-x-2 justify-normal"
+}, te = { class: "w-auto" }, ie = {
+  __name: "OcCropper",
+  props: {
+    inputOptions: Array,
+    inputOptionValues: Object,
+    img: String,
+    maxSize: [String, Number],
+    isReplaceImage: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["changeImage", "update:input-options"],
+  setup(i, { emit: q }) {
+    const f = i, w = q, d = u(), V = u(), p = u(""), C = u(), O = u(!1), n = u(f.inputOptionValues ?? {});
+    D(
+      () => f.inputOptionValues,
+      () => {
+        n.value = f.inputOptionValues;
+      },
+      {
+        deep: !0
+      }
+    ), D(
+      () => f.img,
+      (l) => {
+        l && J(() => {
+          try {
+            const e = new URL(l);
+            e.protocol === "http:" || e.protocol === "https:" ? p.value = `${l}?${Date.now()}` : p.value = l;
+          } catch {
+            p.value = l;
+          }
+        });
+      },
+      { immediate: !0 }
+    );
+    const F = () => {
+      if (p.value && O.value) {
+        const { canvas: l } = d.value.getResult(), e = !(d.value.image.width === l.width && d.value.image.height === l.height && !d.value.imageTransforms.rotate);
+        w("changeImage", {
+          url: l.toDataURL(),
+          cropper: {
+            isChanged: e,
+            file: C.value
+          }
+        });
+      }
+      O.value = !0;
+    }, z = (l) => {
+      var e;
+      return (e = d.value) == null ? void 0 : e.rotate(l);
+    }, U = (l) => {
+      var e;
+      return (e = d.value) == null ? void 0 : e.zoom(l);
+    }, A = () => {
+      V.value.click();
+    }, G = (l) => {
+      if (l.target.files[0] / (1024 * 1024) > +f.maxSize)
+        return l.preventDefault(), !1;
+      C.value = l.target.files[0], p.value = URL.createObjectURL(l.target.files[0]);
+    }, H = ({ imageSize: l, visibleArea: e }) => ({
+      width: (e || l).width,
+      height: (e || l).height
+    }), c = (l, e) => {
+      let v = n.value;
+      v[l] = e, w("update:input-options", v);
+    }, b = u(!!n.value.caption), I = u(!!n.value.lightbox), $ = u(!!n.value.new_tab);
+    return (l, e) => {
+      var v, L, R, B, S, E, N, j;
+      return o(), h("div", X, [
+        m("input", {
+          id: "cropper-file-input",
+          ref_key: "fileUploadEl",
+          ref: V,
+          accept: "image/*",
+          type: "file",
+          class: "hidden",
+          onChange: G
+        }, null, 544),
+        p.value ? (o(), r(a(Q), {
+          key: 0,
+          ref_key: "cropper",
+          ref: d,
+          class: "w-full h-[300px]",
+          src: p.value,
+          "resize-image": { wheel: !1 },
+          "background-class": "cropper-background",
+          "default-size": H,
+          onChange: F
+        }, null, 8, ["src"])) : (o(), h("img", {
+          key: 1,
+          class: "w-full",
+          src: i.img
+        }, null, 8, Y)),
+        m("div", Z, [
+          p.value ? (o(), h(K, { key: 0 }, [
+            g(a(k), {
+              variant: "secondary",
+              size: "small",
+              "left-icon": "backward",
+              onClick: e[0] || (e[0] = (t) => z(-90))
+            }),
+            g(a(k), {
+              variant: "secondary",
+              size: "small",
+              "left-icon": "zoom-out",
+              onClick: e[1] || (e[1] = (t) => U(0.8))
+            }),
+            g(a(k), {
+              variant: "secondary",
+              size: "small",
+              "left-icon": "zoom-in",
+              onClick: e[2] || (e[2] = (t) => U(1.2))
+            }),
+            g(a(k), {
+              variant: "secondary",
+              size: "small",
+              "left-icon": "forward",
+              onClick: e[3] || (e[3] = (t) => z(90))
+            })
+          ], 64)) : s("", !0),
+          i.isReplaceImage ? (o(), r(a(k), {
+            key: 1,
+            class: "absolute right-0",
+            variant: "secondary",
+            size: "small",
+            label: "Replace image",
+            "left-icon": "refresh",
+            onClick: A
+          })) : s("", !0)
+        ]),
+        m("div", _, [
+          (v = i.inputOptions) != null && v.includes("description") ? (o(), r(a(x), {
+            key: 0,
+            modelValue: n.value.description,
+            "onUpdate:modelValue": [
+              e[4] || (e[4] = (t) => n.value.description = t),
+              e[5] || (e[5] = (t) => c("description", t))
+            ],
+            label: "Describe Image",
+            placeholder: ""
+          }, null, 8, ["modelValue"])) : s("", !0),
+          (L = i.inputOptions) != null && L.includes("link") ? (o(), r(a(x), {
+            key: 1,
+            modelValue: n.value.link,
+            "onUpdate:modelValue": [
+              e[6] || (e[6] = (t) => n.value.link = t),
+              e[7] || (e[7] = (t) => c("link", t))
+            ],
+            placeholder: "https://hitpayapp.com",
+            label: "Link to"
+          }, null, 8, ["modelValue"])) : s("", !0),
+          m("div", null, [
+            (R = i.inputOptions) != null && R.includes("caption") ? (o(), r(a(y), {
+              key: 0,
+              modelValue: b.value,
+              "onUpdate:modelValue": e[8] || (e[8] = (t) => b.value = t),
+              label: "Caption",
+              class: "mb-4"
+            }, null, 8, ["modelValue"])) : s("", !0),
+            (B = i.inputOptions) != null && B.includes("caption") && b.value ? (o(), r(a(x), {
+              key: 1,
+              modelValue: n.value.caption,
+              "onUpdate:modelValue": [
+                e[9] || (e[9] = (t) => n.value.caption = t),
+                e[10] || (e[10] = (t) => c("caption", t))
+              ],
+              class: "mb-4",
+              placeholder: ""
+            }, null, 8, ["modelValue"])) : s("", !0),
+            (S = i.inputOptions) != null && S.includes("caption") && b.value ? (o(), r(a(M), {
+              key: 2,
+              "model-value": n.value.caption_variant,
+              "group-name": "caption_variant",
+              alignment: "horizontal",
+              radio: [
+                {
+                  value: "hover",
+                  label: "Show on hover"
+                },
+                {
+                  value: "bottom",
+                  label: "Show on bottom"
+                }
+              ],
+              label: "Caption position",
+              "onUpdate:modelValue": e[11] || (e[11] = (t) => c("caption_variant", t))
+            }, null, 8, ["model-value"])) : s("", !0)
+          ]),
+          m("div", null, [
+            (E = i.inputOptions) != null && E.includes("new_tab") ? (o(), r(a(y), {
+              key: 0,
+              modelValue: $.value,
+              "onUpdate:modelValue": [
+                e[12] || (e[12] = (t) => $.value = t),
+                e[13] || (e[13] = (t) => c("new_tab", t))
+              ],
+              label: "Open link in a new tab",
+              class: "mb-4"
+            }, null, 8, ["modelValue"])) : s("", !0),
+            (N = i.inputOptions) != null && N.includes("lightbox") ? (o(), h("div", ee, [
+              m("div", te, [
+                (j = i.inputOptions) != null && j.includes("lightbox") ? (o(), r(a(y), {
+                  key: 0,
+                  modelValue: I.value,
+                  "onUpdate:modelValue": [
+                    e[14] || (e[14] = (t) => I.value = t),
+                    e[15] || (e[15] = (t) => c("lightbox", t))
+                  ],
+                  label: "Enable lightbox"
+                }, null, 8, ["modelValue"])) : s("", !0)
+              ]),
+              g(a(P), {
+                key: "lightbox-cropper-tooltip",
+                trigger: "hover",
+                "is-popover": "",
+                "popper-options": { strategy: "fixed" },
+                position: "bottom",
+                distance: 10,
+                skidding: 0,
+                "popper-class": "bg-oc-bg-light min-w-[125px]"
+              }, {
+                popper: T(() => e[16] || (e[16] = [
+                  m("div", { class: "text-oc-text-400 text-sm px-3 py-2 font-medium text-center" }, " Show lightbox when click the image ", -1)
+                ])),
+                default: T(() => [
+                  g(a(W), {
+                    name: "question-mark",
+                    width: "16",
+                    height: "16",
+                    class: "text-oc-accent-1-500"
+                  })
+                ]),
+                _: 1
+              })
+            ])) : s("", !0)
+          ])
+        ])
+      ]);
+    };
+  }
+};
+export {
+  ie as default
+};