@orchidui/core 0.3.0 → 0.5.0

package/dist/{OcListUrl.vue_vue_type_script_setup_true_lang-BEJafLuT.js → OcListUrl.vue_vue_type_script_setup_true_lang-7zZdFM8K.js}

@@ -1,4 +1,4 @@
-import { defineComponent as T, useSlots as L, openBlock as s, createElementBlock as i, createElementVNode as t, normalizeClass as v, toDisplayString as g, renderSlot as p, createTextVNode as B, createBlock as h, unref as c, createCommentVNode as d, ref as C, createVNode as b, withCtx as w, Fragment as S, renderList as k, computed as A, onMounted as j, onBeforeUnmount as _, mergeProps as O, withModifiers as N, normalizeStyle as I, withDirectives as E, vShow as F, resolveDynamicComponent as U, createSlots as W, normalizeProps as Y, guardReactiveProps as H } from "vue";
+import { defineComponent as T, useSlots as L, openBlock as s, createElementBlock as o, createElementVNode as t, normalizeClass as v, toDisplayString as g, renderSlot as p, createTextVNode as B, createBlock as h, unref as c, createCommentVNode as d, ref as C, createVNode as b, withCtx as w, Fragment as S, renderList as k, computed as A, onMounted as j, onBeforeUnmount as _, mergeProps as O, withModifiers as N, normalizeStyle as I, withDirectives as E, vShow as F, resolveDynamicComponent as U, createSlots as W, normalizeProps as Y, guardReactiveProps as H } from "vue";
 import q from "dayjs";
 import { D as V, T as G, B as R } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
 import { _ as $ } from "./OcIcon-CJgBICxh.js";
@@ -24,7 +24,7 @@ const K = { class: "flex w-full relative gap-x-5 py-4 before:top-[20px] last:bef
     iconTextClass: String
   },
   setup(e) {
-    return L(), (a, f) => (s(), i("div", K, [
+    return L(), (a, f) => (s(), o("div", K, [
       t("div", null, [
         t("div", {
           class: v(["w-6 h-6 flex z-[1] relative items-center rounded-full justify-center", e.isActive ? "bg-oc-accent-1-50 shadow" : " bg-transparent"])
@@ -60,10 +60,10 @@ const K = { class: "flex w-full relative gap-x-5 py-4 before:top-[20px] last:bef
       ])
     ]));
   }
-}), te = { class: "px-5 py-4 flex flex-col gap-y-5 rounded border border-gray-200 group hover:shadow-normal" }, se = { class: "flex items-center justify-between" }, ne = { class: "flex text-sm text-oc-text-400 items-center gap-x-2" }, ie = {
+}), te = { class: "px-5 py-4 flex flex-col gap-y-5 rounded border border-gray-200 group hover:shadow-normal" }, se = { class: "flex items-center justify-between" }, ne = { class: "flex text-sm text-oc-text-400 items-center gap-x-2" }, oe = {
   key: 0,
   class: "text-base text-oc-text font-medium"
-}, oe = { key: 1 }, le = {
+}, ie = { key: 1 }, le = {
   key: 0,
   class: "flex flex-col gap-y-3"
 }, ae = /* @__PURE__ */ T({
@@ -80,13 +80,13 @@ const K = { class: "flex w-full relative gap-x-5 py-4 before:top-[20px] last:bef
   setup(e) {
     const a = C(!1);
     return (f, l) => {
-      var o;
-      return s(), i("div", te, [
+      var i;
+      return s(), o("div", te, [
         t("div", se, [
           t("div", ne, [
-            e.title ? (s(), i("span", ie, g(e.title), 1)) : d("", !0),
+            e.title ? (s(), o("span", oe, g(e.title), 1)) : d("", !0),
             l[3] || (l[3] = B(" - ")),
-            e.date ? (s(), i("span", oe, g(e.date), 1)) : d("", !0)
+            e.date ? (s(), o("span", ie, g(e.date), 1)) : d("", !0)
           ]),
           b(c(V), {
             modelValue: a.value,
@@ -109,9 +109,9 @@ const K = { class: "flex w-full relative gap-x-5 py-4 before:top-[20px] last:bef
             _: 3
           }, 8, ["modelValue"])
         ]),
-        (o = e.urls) != null && o.length ? (s(), i("div", le, [
-          (s(!0), i(S, null, k(e.urls, (n, m) => (s(), h(c(vt), {
-            key: m,
+        (i = e.urls) != null && i.length ? (s(), o("div", le, [
+          (s(!0), o(S, null, k(e.urls, (n, u) => (s(), h(c(vt), {
+            key: u,
             title: n.title,
             url: n.url
           }, null, 8, ["title", "url"]))), 128))
@@ -127,7 +127,7 @@ const K = { class: "flex w-full relative gap-x-5 py-4 before:top-[20px] last:bef
     imageClass: String
   },
   setup(e) {
-    return (a, f) => (s(), i("div", re, [
+    return (a, f) => (s(), o("div", re, [
       t("img", {
         src: e.image,
         class: v([e.imageClass, "object-contain"]),
@@ -167,65 +167,65 @@ const K = { class: "flex w-full relative gap-x-5 py-4 before:top-[20px] last:bef
   setup(e) {
     var r;
     const a = e, f = A(() => {
-      var u;
-      return ((u = a.paymentMethods) == null ? void 0 : u.length) > n.value;
+      var m;
+      return ((m = a.paymentMethods) == null ? void 0 : m.length) > n.value;
     }), l = A(
       () => {
-        var u, x;
-        return (x = a.paymentMethods) == null ? void 0 : x.slice(n.value, (u = a.paymentMethods) == null ? void 0 : u.length);
+        var m, x;
+        return (x = a.paymentMethods) == null ? void 0 : x.slice(n.value, (m = a.paymentMethods) == null ? void 0 : m.length);
       }
-    ), o = C(), n = C((r = a.paymentMethods) == null ? void 0 : r.length), m = () => {
+    ), i = C(), n = C((r = a.paymentMethods) == null ? void 0 : r.length), u = () => {
       var D;
-      const u = o.value.clientWidth - 105 - 32 - 4 * ((D = a.paymentMethods) == null ? void 0 : D.length) - 35, x = 35;
-      n.value = Math.floor(u / x);
+      const m = i.value.clientWidth - 105 - 32 - 4 * ((D = a.paymentMethods) == null ? void 0 : D.length) - 35, x = 35;
+      n.value = Math.floor(m / x);
     };
     return j(() => {
-      m(), window.addEventListener("resize", m);
+      u(), window.addEventListener("resize", u);
     }), _(() => {
-      window.removeEventListener("resize", m);
-    }), (u, x) => {
+      window.removeEventListener("resize", u);
+    }), (m, x) => {
       var D;
-      return s(), i("div", {
+      return s(), o("div", {
         ref_key: "cardContainer",
-        ref: o,
+        ref: i,
         class: "md:px-5 px-3 md:py-4 py-3 flex flex-col gap-y-4 rounded border border-gray-200 group hover:shadow-normal"
       }, [
         t("div", me, [
           t("div", ge, [
-            p(u.$slots, "logo"),
+            p(m.$slots, "logo"),
             t("div", pe, [
               t("div", fe, [
                 t("span", xe, g(e.title), 1),
-                e.chips.length ? (s(), i("div", ve, [
-                  (s(!0), i(S, null, k(e.chips, (y, P) => (s(), h(c(M), O({
+                e.chips.length ? (s(), o("div", ve, [
+                  (s(!0), o(S, null, k(e.chips, (y, P) => (s(), h(c(M), O({
                     key: P,
                     class: "font-medium",
                     ref_for: !0
                   }, y), null, 16))), 128))
                 ])) : d("", !0)
               ]),
-              e.description ? (s(), i("div", he, g(e.description), 1)) : d("", !0)
+              e.description ? (s(), o("div", he, g(e.description), 1)) : d("", !0)
             ])
           ]),
-          p(u.$slots, "right", {}, () => [
+          p(m.$slots, "right", {}, () => [
             t("div", ye, [
               b(c($), {
                 name: "pencil",
                 class: "cursor-pointer text-oc-text-400 p-2",
-                onClick: x[0] || (x[0] = (y) => u.$emit("edit"))
+                onClick: x[0] || (x[0] = (y) => m.$emit("edit"))
               }),
               x[2] || (x[2] = t("div", { class: "border-r border-gray-200" }, null, -1)),
               b(c($), {
                 name: "bin",
                 class: "cursor-pointer text-oc-error p-2",
-                onClick: x[1] || (x[1] = (y) => u.$emit("delete"))
+                onClick: x[1] || (x[1] = (y) => m.$emit("delete"))
               })
             ])
           ])
         ]),
-        (D = e.paymentMethods) != null && D.length ? (s(), i("div", $e, [
+        (D = e.paymentMethods) != null && D.length ? (s(), o("div", $e, [
           x[3] || (x[3] = t("span", { class: "text-sm font-medium text-oc-text-300 whitespace-nowrap" }, "Payment methods", -1)),
-          (s(!0), i(S, null, k(e.paymentMethods.slice(0, n.value), (y) => (s(), i("img", {
+          (s(!0), o(S, null, k(e.paymentMethods.slice(0, n.value), (y) => (s(), o("img", {
             key: y.method,
             width: "35",
             height: "24",
@@ -244,7 +244,7 @@ const K = { class: "flex w-full relative gap-x-5 py-4 before:top-[20px] last:bef
             ]),
             popper: w(() => [
               t("div", we, [
-                (s(!0), i(S, null, k(l.value, (y) => (s(), i("img", {
+                (s(!0), o(S, null, k(l.value, (y) => (s(), o("img", {
                   key: y.method,
                   width: "35",
                   height: "24",
@@ -294,15 +294,15 @@ const K = { class: "flex w-full relative gap-x-5 py-4 before:top-[20px] last:bef
   },
   emits: ["more"],
   setup(e, { emit: a }) {
-    const f = a, l = C(!1), o = () => {
+    const f = a, l = C(!1), i = () => {
       l.value = !l.value, f("more");
     };
-    return (n, m) => (s(), i("div", {
+    return (n, u) => (s(), o("div", {
       class: v(["px-5 py-4 rounded border border-gray-200 group", {
         "hover:shadow-normal": !e.isDisabled && !e.isTransparent,
         "border-none !p-0": e.isTransparent
       }]),
-      onMouseleave: m[1] || (m[1] = (r) => l.value = !1)
+      onMouseleave: u[1] || (u[1] = (r) => l.value = !1)
     }, [
       t("div", Te, [
         p(n.$slots, "logo"),
@@ -310,11 +310,11 @@ const K = { class: "flex w-full relative gap-x-5 py-4 before:top-[20px] last:bef
           t("div", De, [
             t("div", Be, [
               p(n.$slots, "title", {}, () => [
-                e.title ? (s(), i("span", Me, g(e.title), 1)) : d("", !0)
+                e.title ? (s(), o("span", Me, g(e.title), 1)) : d("", !0)
               ]),
-              e.chips.length ? (s(), i("div", Ae, [
-                (s(!0), i(S, null, k(e.chips, (r, u) => (s(), h(c(M), {
-                  key: u,
+              e.chips.length ? (s(), o("div", Ae, [
+                (s(!0), o(S, null, k(e.chips, (r, m) => (s(), h(c(M), {
+                  key: m,
                   label: r.label,
                   variant: r.variant,
                   icon: r.icon,
@@ -328,7 +328,7 @@ const K = { class: "flex w-full relative gap-x-5 py-4 before:top-[20px] last:bef
               e.isDropdownActionsVisible && !e.isDisabled ? (s(), h(c(V), {
                 key: 0,
                 modelValue: l.value,
-                "onUpdate:modelValue": m[0] || (m[0] = (r) => l.value = r),
+                "onUpdate:modelValue": u[0] || (u[0] = (r) => l.value = r),
                 placement: "bottom-end"
               }, {
                 menu: w(() => [
@@ -338,7 +338,7 @@ const K = { class: "flex w-full relative gap-x-5 py-4 before:top-[20px] last:bef
                   b(c($), {
                     name: "dots-vertical",
                     class: "opacity-0 p-2 group-hover:opacity-100 cursor-pointer active:bg-oc-gray-100 rounded",
-                    onClick: N(o, ["stop"])
+                    onClick: N(i, ["stop"])
                   })
                 ]),
                 _: 3
@@ -346,7 +346,7 @@ const K = { class: "flex w-full relative gap-x-5 py-4 before:top-[20px] last:bef
             ])
           ]),
           p(n.$slots, "default", {}, () => [
-            e.descriptionIcon || e.description || e.details.length ? (s(), i("div", Oe, [
+            e.descriptionIcon || e.description || e.details.length ? (s(), o("div", Oe, [
               t("div", Ve, [
                 e.descriptionIcon ? (s(), h(c($), {
                   key: 0,
@@ -357,12 +357,12 @@ const K = { class: "flex w-full relative gap-x-5 py-4 before:top-[20px] last:bef
                 }, null, 8, ["name"])) : d("", !0),
                 B(" " + g(e.description), 1)
               ]),
-              e.details.length ? (s(), i("div", ze, [
-                (s(!0), i(S, null, k(e.details, (r, u) => (s(), i("div", {
-                  key: u,
+              e.details.length ? (s(), o("div", ze, [
+                (s(!0), o(S, null, k(e.details, (r, m) => (s(), o("div", {
+                  key: m,
                   class: "flex items-center gap-2"
                 }, [
-                  r.country ? (s(), i("div", {
+                  r.country ? (s(), o("div", {
                     key: 0,
                     class: v(["fi w-[15px] h-[15px] shadow", "fi-" + r.country])
                   }, null, 2)) : (s(), h(c($), {
@@ -415,7 +415,7 @@ const K = { class: "flex w-full relative gap-x-5 py-4 before:top-[20px] last:bef
       medium: "w-[56px]",
       large: "w-16"
     };
-    return (f, l) => (s(), i("div", {
+    return (f, l) => (s(), o("div", {
       class: v(["p-4 flex gap-x-4 rounded items-center border border-gray-200 group", { "hover:shadow-normal": !e.isDisabled }])
     }, [
       t("div", {
@@ -430,12 +430,12 @@ const K = { class: "flex w-full relative gap-x-5 py-4 before:top-[20px] last:bef
       t("div", _e, [
         t("div", Ne, [
           t("div", Ie, [
-            e.title ? (s(), i("span", Ee, g(e.title), 1)) : d("", !0),
-            e.chips.length ? (s(), i("div", Fe, [
-              (s(!0), i(S, null, k(e.chips, (o, n) => (s(), h(c(M), {
+            e.title ? (s(), o("span", Ee, g(e.title), 1)) : d("", !0),
+            e.chips.length ? (s(), o("div", Fe, [
+              (s(!0), o(S, null, k(e.chips, (i, n) => (s(), h(c(M), {
                 key: n,
-                label: o.label,
-                variant: o.variant,
+                label: i.label,
+                variant: i.variant,
                 class: "font-medium"
               }, null, 8, ["label", "variant"]))), 128))
             ])) : d("", !0)
@@ -461,15 +461,15 @@ const K = { class: "flex w-full relative gap-x-5 py-4 before:top-[20px] last:bef
     page: Object
   },
   setup(e) {
-    const a = C(!1), f = (o) => {
+    const a = C(!1), f = (i) => {
       let n = document.createElement("DIV");
-      return n.innerHTML = o, n.textContent || n.innerText || "";
-    }, l = (o) => o == null ? void 0 : o.replace("generics/medium/", "generics/thumbnail/");
-    return (o, n) => (s(), i("div", {
+      return n.innerHTML = i, n.textContent || n.innerText || "";
+    }, l = (i) => i == null ? void 0 : i.replace("generics/medium/", "generics/thumbnail/");
+    return (i, n) => (s(), o("div", {
       class: "w-full p-5 flex",
-      onMouseleave: n[1] || (n[1] = (m) => a.value = !1)
+      onMouseleave: n[1] || (n[1] = (u) => a.value = !1)
     }, [
-      e.page.page_cover_url ? (s(), i("div", He, [
+      e.page.page_cover_url ? (s(), o("div", He, [
         t("div", {
           class: "w-[100px] h-[100px] rounded !bg-cover",
           style: I(`background:url(${l(e.page.page_cover_url)})`)
@@ -481,11 +481,11 @@ const K = { class: "flex w-full relative gap-x-5 py-4 before:top-[20px] last:bef
           t("div", Je, [
             b(c(V), {
               modelValue: a.value,
-              "onUpdate:modelValue": n[0] || (n[0] = (m) => a.value = m),
+              "onUpdate:modelValue": n[0] || (n[0] = (u) => a.value = u),
               placement: "bottom-end"
             }, {
               menu: w(() => [
-                p(o.$slots, "menu")
+                p(i.$slots, "menu")
               ]),
               default: w(() => [
                 t("div", Ke, [
@@ -518,7 +518,7 @@ const K = { class: "flex w-full relative gap-x-5 py-4 before:top-[20px] last:bef
       ])
     ], 32));
   }
-}, st = { class: "flex items-center gap-x-4 w-full p-5 pl-0" }, nt = { class: "flex flex-col flex-1 gap-y-3" }, it = { class: "flex items-center justify-between" }, ot = { class: "flex text-sm text-oc-text-400 items-center gap-x-3 overflow-hidden" }, lt = {
+}, st = { class: "flex items-center gap-x-4 w-full p-5 pl-0" }, nt = { class: "flex flex-col flex-1 gap-y-3" }, ot = { class: "flex items-center justify-between" }, it = { class: "flex text-sm text-oc-text-400 items-center gap-x-3 overflow-hidden" }, lt = {
   key: 0,
   class: "text-base text-oc-text font-medium truncate"
 }, at = {
@@ -550,12 +550,12 @@ const K = { class: "flex w-full relative gap-x-5 py-4 before:top-[20px] last:bef
   },
   emits: ["edit", "delete"],
   setup(e, { expose: a, emit: f }) {
-    const l = e, o = C(!1), n = () => {
-      l.isNoToggleForced || (o.value = !o.value);
+    const l = e, i = C(!1), n = () => {
+      l.isNoToggleForced || (i.value = !i.value);
     };
     return a({
       toggleAccordion: n
-    }), (m, r) => (s(), i("div", {
+    }), (u, r) => (s(), o("div", {
       class: v(["rounded border border-gray-200 group overflow-hidden", {
         "hover:shadow-normal": !e.isDisabled && !e.isTransparent,
         "border-none !p-0": e.isTransparent
@@ -563,61 +563,62 @@ const K = { class: "flex w-full relative gap-x-5 py-4 before:top-[20px] last:bef
     }, [
       t("div", {
         class: v(["flex gap-4 items-stretch", {
-          "border-b": o.value,
+          "border-b": i.value,
           "pl-5": e.isNoToggleForced
         }])
       }, [
-        e.isNoToggleForced ? d("", !0) : (s(), i("div", {
+        e.isNoToggleForced ? d("", !0) : (s(), o("div", {
           key: 0,
           class: "flex items-center p-3 border-r bg-gray-50 cursor-pointer",
           onClick: n
         }, [
           b(c($), {
-            name: o.value ? "chevron-up" : "chevron-down",
+            name: i.value ? "chevron-up" : "chevron-down",
             width: "20",
             height: "20",
             class: "text-oc-text-400"
           }, null, 8, ["name"])
         ])),
         t("div", st, [
+          p(u.$slots, "logo"),
           t("div", nt, [
-            t("div", it, [
-              t("div", ot, [
-                e.title ? (s(), i("span", lt, g(e.title), 1)) : d("", !0),
-                e.chips.length ? (s(), i("div", at, [
-                  (s(!0), i(S, null, k(e.chips, (u, x) => (s(), h(c(M), {
+            t("div", ot, [
+              t("div", it, [
+                e.title ? (s(), o("span", lt, g(e.title), 1)) : d("", !0),
+                e.chips.length ? (s(), o("div", at, [
+                  (s(!0), o(S, null, k(e.chips, (m, x) => (s(), h(c(M), {
                     key: x,
-                    label: u.label,
-                    variant: u.variant,
-                    icon: u.icon,
-                    "icon-tooltip": u.iconTooltip,
+                    label: m.label,
+                    variant: m.variant,
+                    icon: m.icon,
+                    "icon-tooltip": m.iconTooltip,
                     class: "font-medium shrink-0"
                   }, null, 8, ["label", "variant", "icon", "icon-tooltip"]))), 128))
                 ])) : d("", !0)
               ])
             ]),
-            p(m.$slots, "default", {}, () => [
-              e.description ? (s(), i("div", rt, [
+            p(u.$slots, "default", {}, () => [
+              e.description ? (s(), o("div", rt, [
                 t("div", ct, g(e.description), 1)
               ])) : d("", !0)
             ])
           ]),
-          p(m.$slots, "right", {
-            isOpen: o.value,
+          p(u.$slots, "right", {
+            isOpen: i.value,
             toggleAccordion: n
           }, () => [
-            e.hasActions ? (s(), i("div", dt, [
+            e.hasActions ? (s(), o("div", dt, [
               t("div", ut, [
                 b(c($), {
                   name: "pencil",
                   class: "cursor-pointer text-oc-text-400 p-2",
-                  onClick: r[0] || (r[0] = (u) => m.$emit("edit"))
+                  onClick: r[0] || (r[0] = (m) => u.$emit("edit"))
                 }),
                 r[2] || (r[2] = t("div", { class: "border-r border-gray-200" }, null, -1)),
                 b(c($), {
                   name: "bin",
                   class: "cursor-pointer text-oc-error p-2",
-                  onClick: r[1] || (r[1] = (u) => m.$emit("delete"))
+                  onClick: r[1] || (r[1] = (m) => u.$emit("delete"))
                 })
               ]),
               e.isDraggable ? (s(), h(c($), {
@@ -632,9 +633,9 @@ const K = { class: "flex w-full relative gap-x-5 py-4 before:top-[20px] last:bef
         ])
       ], 2),
       E(t("div", mt, [
-        p(m.$slots, "content")
+        p(u.$slots, "content")
       ], 512), [
-        [F, o.value]
+        [F, i.value]
       ])
     ], 2));
   }
@@ -697,17 +698,17 @@ const K = { class: "flex w-full relative gap-x-5 py-4 before:top-[20px] last:bef
           return z;
       }
     });
-    return (l, o) => (s(), h(U(f.value), O(a, {
+    return (l, i) => (s(), h(U(f.value), O(a, {
       class: { "opacity-50": e.isDisabled },
-      onMore: o[0] || (o[0] = (n) => l.$emit("more")),
-      onEdit: o[1] || (o[1] = (n) => l.$emit("edit")),
-      onDelete: o[2] || (o[2] = (n) => l.$emit("delete")),
-      onClick: o[3] || (o[3] = (n) => l.$emit("click:item"))
+      onMore: i[0] || (i[0] = (n) => l.$emit("more")),
+      onEdit: i[1] || (i[1] = (n) => l.$emit("edit")),
+      onDelete: i[2] || (i[2] = (n) => l.$emit("delete")),
+      onClick: i[3] || (i[3] = (n) => l.$emit("click:item"))
     }), W({ _: 2 }, [
-      k(l.$slots, (n, m) => ({
-        name: m,
+      k(l.$slots, (n, u) => ({
+        name: u,
         fn: w((r) => [
-          p(l.$slots, m, Y(H(r)))
+          p(l.$slots, u, Y(H(r)))
         ])
       }))
     ]), 1040, ["class"]));
@@ -723,7 +724,7 @@ const K = { class: "flex w-full relative gap-x-5 py-4 before:top-[20px] last:bef
     }
   },
   setup(e) {
-    return (a, f) => (s(), i("div", pt, [
+    return (a, f) => (s(), o("div", pt, [
       t("span", ft, g(e.title) + ":", 1),
       t("span", xt, g(e.url), 1),
       e.isCopy ? (s(), h(c(J), {

package/dist/{OcMultipleUploadFile-B8Wl9Fuq.js → OcMultipleUploadFile-BAmQHshA.js}

@@ -12,6 +12,7 @@ import { ModalCropper as Q } from "./Cropper.js";
 import { _ as W } from "./OcDraggable-BjhGJmpM.js";
 import { _ as X } from "./OcConfirmationModal-BfCrRV9r.js";
 import "@popperjs/core";
+import "vue-draggable-next";
 const Y = { class: "relative min-h-[100px]" }, Z = {
   key: 0,
   class: "absolute"
@@ -219,7 +220,7 @@ const Y = { class: "relative min-h-[100px]" }, Z = {
 }, Ie = {
   key: 2,
   class: "mt-3 flex items-center justify-center"
-}, ze = {
+}, je = {
   __name: "OcMultipleUploadFile",
   props: {
     modelValue: {
@@ -442,5 +443,5 @@ const Y = { class: "relative min-h-[100px]" }, Z = {
   }
 };
 export {
-  ze as _
+  je as _
 };