@orchidui/core 1.7.0 → 1.8.1-0

package/dist/OcDraggableList-CJWaq7kB.js

@@ -0,0 +1,165 @@
+import { ref as w, openBlock as n, createBlock as y, unref as l, withCtx as r, createElementBlock as b, Fragment as C, renderList as D, normalizeClass as s, createElementVNode as o, createCommentVNode as m, renderSlot as u, toDisplayString as k, createVNode as f } from "vue";
+import { aH as $, aD as S, ay as B } from "./index-DOKEy-am.js";
+import { _ as g } from "./OcIcon-CJgBICxh.js";
+const M = ["onMouseleave", "onMouseover", "onClick"], L = { class: "flex justify-evenly w-full" }, N = { class: "flex w-full" }, U = { class: "ml-4 flex w-full" }, E = { class: "flex items-center flex-wrap w-full" }, H = ["href"], O = { class: "min-w-[120px]" }, W = { class: "truncate w-[200px]" }, j = { class: "flex items-center ml-4" }, z = { class: "flex w-full" }, q = {
+  __name: "OcDraggableList",
+  props: {
+    modelValue: Array,
+    iconKey: {
+      type: String,
+      default: "icon"
+    },
+    isChildren: Boolean,
+    childrenKey: {
+      type: String,
+      default: "children"
+    },
+    isLink: Boolean,
+    linkKey: {
+      type: String,
+      default: "link"
+    },
+    unmovable: Boolean,
+    // general unmovable
+    enableStatusVariant: Boolean,
+    classes: {
+      type: String,
+      default: ""
+    },
+    titleWidth: String
+  },
+  emits: {
+    "update:modelValue": [],
+    "click:element": [],
+    detectMove: null
+  },
+  setup(a, { emit: p }) {
+    const V = p, t = w([]), v = w([]), K = (i, d) => {
+      V("update:modelValue", i, d);
+    };
+    return (i, d) => (n(), y(l($), {
+      "model-value": a.modelValue,
+      class: "grid gap-3",
+      "onUpdate:modelValue": d[0] || (d[0] = (c, e) => K(c, e)),
+      onDetectMove: d[1] || (d[1] = (c) => i.$emit("detectMove", c))
+    }, {
+      default: r(({ list: c }) => [
+        (n(!0), b(C, null, D(c, (e, x) => (n(), b("div", {
+          key: e.id,
+          class: s(["group text-oc-text-500 p-4 flex flex-col w-full rounded border border-gray-200 cursor-pointer", [
+            e[a.childrenKey] ? "hover:shadow bg-oc-gray-50" : a.isChildren && !t.value[e.id] ? "bg-oc-accent-1-50" : a.classes ? a.classes : "hover:shadow bg-oc-accent-1-50 hover:bg-oc-gray-50",
+            {
+              "bg-oc-gray-100 !text-oc-text-300": !e.active && a.enableStatusVariant
+            }
+          ]]),
+          onMouseleave: () => {
+            v.value[e.id] = !1, t.value[e.id] = !1;
+          },
+          onMouseover: (h) => t.value[e.id] = !0,
+          onClick: (h) => i.$emit("click:element", e)
+        }, [
+          o("div", L, [
+            o("div", N, [
+              o("div", {
+                class: s([
+                  "px-2 flex items-center",
+                  !a.unmovable && !e.isDisable && !e.unmovable ? "drag-el cursor-move" : ""
+                ])
+              }, [
+                !a.unmovable && !e.isDisable && !e.unmovable ? (n(), y(l(g), {
+                  key: 0,
+                  name: "draggable",
+                  class: s(
+                    e[a.iconKey] ? a.isChildren && !t.value[e.id] ? "hidden" : "hidden group-hover:block" : a.isChildren && !t.value[e.id] ? "opacity-0" : "opacity-0 group-hover:opacity-100 "
+                  )
+                }, null, 8, ["class"])) : m("", !0),
+                e[a.iconKey] ? (n(), y(l(g), {
+                  key: 1,
+                  name: e[a.iconKey],
+                  class: s(
+                    !a.unmovable && !e.isDisable && !e.unmovable && t.value[e.id] ? "group-hover:hidden" : ""
+                  )
+                }, null, 8, ["name", "class"])) : m("", !0)
+              ], 2),
+              o("div", U, [
+                o("div", E, [
+                  u(i.$slots, "title", { item: e }, () => [
+                    o("div", {
+                      class: s(["truncate", a.titleWidth])
+                    }, k(e.title), 3)
+                  ]),
+                  a.isLink && e[a.linkKey] && e.type === "link" ? (n(), b("a", {
+                    key: 0,
+                    href: e[a.linkKey],
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    class: "w-full flex items-center text-oc-text-300 mt-2"
+                  }, [
+                    f(l(S), {
+                      distance: "2",
+                      position: "bottom-start",
+                      "popper-class": "bg-oc-bg-light text-oc-text-500 p-4 rounded"
+                    }, {
+                      popper: r(() => [
+                        o("div", O, k(e[a.linkKey]), 1)
+                      ]),
+                      default: r(() => [
+                        f(l(g), {
+                          width: "12",
+                          height: "12",
+                          class: "mr-2",
+                          name: "link"
+                        })
+                      ]),
+                      _: 2
+                    }, 1024),
+                    o("span", W, k(e[a.linkKey]), 1)
+                  ], 8, H)) : m("", !0)
+                ])
+              ])
+            ]),
+            o("div", j, [
+              u(i.$slots, "before-action", { item: e }),
+              u(i.$slots, "action", { item: e }, () => [
+                f(l(B), {
+                  modelValue: v.value[e.id],
+                  "onUpdate:modelValue": (h) => v.value[e.id] = h,
+                  placement: "bottom-end",
+                  class: s([
+                    "cursor-pointer",
+                    a.isChildren && !t.value[e.id] ? "opacity-0" : "opacity-0 group-hover:opacity-100"
+                  ])
+                }, {
+                  menu: r(() => [
+                    u(i.$slots, "action-item", {
+                      item: e,
+                      index: x
+                    })
+                  ]),
+                  default: r(() => [
+                    o("div", {
+                      class: s(["hover:bg-oc-gray-100 p-1 rounded", v.value[e.id] ? "bg-oc-gray-100" : ""])
+                    }, [
+                      f(l(g), { name: "dots-vertical" })
+                    ], 2)
+                  ]),
+                  _: 2
+                }, 1032, ["modelValue", "onUpdate:modelValue", "class"])
+              ])
+            ])
+          ]),
+          o("div", z, [
+            u(i.$slots, "content", {
+              item: e,
+              index: x
+            })
+          ])
+        ], 42, M))), 128))
+      ]),
+      _: 3
+    }, 8, ["model-value"]));
+  }
+};
+export {
+  q as default
+};

package/dist/{OcEmojiPicker-DSl1dtLw.js → OcEmojiPicker-DBNLN4dQ.js}

@@ -1,5 +1,5 @@
 import { ref as m, computed as p, openBlock as s, createElementBlock as l, createVNode as f, unref as c, withCtx as v, createElementVNode as n, Fragment as T, renderList as V, normalizeClass as k, createTextVNode as C, createBlock as N, createCommentVNode as z } from "vue";
-import { ax as U, e as J, B as b } from "./index-DX4G0c8Z.js";
+import { ay as U, e as J, B as b } from "./index-DOKEy-am.js";
 import { EMOJI_LIST as a, EMOJI_CATEGORIES as P } from "./Form/EmojiPicker/conts/emoji.js";
 import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const F = { class: "flex items-center justify-center rounded bg-oc-bg-dark h-[140px] relative w-full z-50" }, G = ["innerHTML"], R = { class: "p-4 w-[340px]" }, q = { class: "bg-oc-bg-dark p-4 rounded flex items-center justify-center" }, K = ["innerHTML"], Q = { class: "pt-3 pb-4" }, W = ["id", "innerHTML", "onClick"], X = {

package/dist/{OcFilterForm-D_lSoa2h.js → OcFilterForm-F1ZnyQ_Y.js}

@@ -1,5 +1,5 @@
 import { ref as r, computed as c, onMounted as B, openBlock as O, createElementBlock as k, renderSlot as w, createElementVNode as f, createVNode as u, unref as i } from "vue";
-import { w as $, B as m } from "./index-DX4G0c8Z.js";
+import { w as $, B as m } from "./index-DOKEy-am.js";
 const C = { class: "flex w-[326px] flex-col gap-y-5" }, A = { class: "max-h-[500px] overflow-y-auto p-5" }, E = { class: "flex gap-x-5 px-5 pb-5" }, N = {
   __name: "OcFilterForm",
   props: {

package/dist/{OcFilterSearch-2Xdc8u_3.js → OcFilterSearch-DaZSHW8z.js}

@@ -1,5 +1,5 @@
 import { ref as o, openBlock as t, createElementBlock as s, Fragment as g, createElementVNode as c, normalizeClass as m, createVNode as x, unref as i, withKeys as S, createBlock as d, createCommentVNode as v, nextTick as w } from "vue";
-import { e as O, B as f } from "./index-DX4G0c8Z.js";
+import { e as O, B as f } from "./index-DOKEy-am.js";
 const B = { class: "flex gap-x-4" }, $ = {
   __name: "OcFilterSearch",
   props: {

package/dist/{OcFilterSearchFor-CQZ5JahW.js → OcFilterSearchFor-9uG8aPLG.js}

@@ -1,5 +1,5 @@
 import { computed as k, openBlock as a, createBlock as m, unref as n, withCtx as x, createElementVNode as f, createElementBlock as v, Fragment as b, renderList as p, createVNode as F, createCommentVNode as $ } from "vue";
-import { N as y, as as i } from "./index-DX4G0c8Z.js";
+import { N as y, at as i } from "./index-DOKEy-am.js";
 const N = { class: "flex gap-1 items-center normal-case flex-wrap" }, R = {
   __name: "OcFilterSearchFor",
   props: {

package/dist/{OcModalCropper-DUZxa2Uc.js → OcModalCropper-QqWKOUJU.js}

@@ -1,7 +1,7 @@
 import { ref as n, openBlock as r, createBlock as f, unref as p, withCtx as g, createVNode as v } from "vue";
-import { az as d } from "./index-DX4G0c8Z.js";
-import x from "./OcCropper-Fe0J_Bko.js";
-const C = {
+import { aA as d } from "./index-DOKEy-am.js";
+import x from "./OcCropper-RQhwPW9G.js";
+const S = {
   __name: "OcModalCropper",
   props: {
     inputOptions: Array,
@@ -42,5 +42,5 @@ const C = {
   }
 };
 export {
-  C as default
+  S as default
 };

package/dist/{OcPopper-C11OgQAj.js → OcPopper-D0VfWOBI.js}

@@ -83,7 +83,7 @@ const S = { class: "flex w-[inherit]" }, P = {
         c("div", {
           ref_key: "popper",
           ref: r,
-          class: O([o.popperClass, "z-[1005]"]),
+          class: O([o.popperClass, "z-[1007]"]),
           style: h(o.popperStyle)
         }, [
           d(p.$slots, "popper")

package/dist/{OcTimePicker-DKNvG7jd.js → OcTimePicker-BGUwtskQ.js}

@@ -1,5 +1,5 @@
 import { ref as n, watch as g, openBlock as m, createBlock as s, unref as o, withCtx as p, createCommentVNode as v, createVNode as y } from "vue";
-import { ax as S, aH as h, e as x } from "./index-DX4G0c8Z.js";
+import { ay as S, aI as h, e as D } from "./index-DOKEy-am.js";
 import c from "dayjs";
 const w = {
   __name: "OcTimePicker",
@@ -74,7 +74,7 @@ const w = {
         }, null, 8, ["modelValue"])) : v("", !0)
       ]),
       default: p(() => [
-        y(o(x), {
+        y(o(D), {
           icon: e.icon,
           "error-message": e.errorMessage,
           label: e.label,

package/dist/Overlay/ConfirmationModal/OcConfirmationModal.js

@@ -1,4 +1,4 @@
-import { av as r } from "../../index-DX4G0c8Z.js";
+import { aw as r } from "../../index-DOKEy-am.js";
 export {
   r as ConfirmationModal
 };

package/dist/Overlay/CopyTooltip/OcCopyTooltip.js

@@ -1,4 +1,4 @@
-import { aw as a } from "../../index-DX4G0c8Z.js";
+import { ax as a } from "../../index-DOKEy-am.js";
 export {
   a as CopyTooltip
 };

package/dist/Overlay/Dropdown/OcDropdown.js

@@ -1,4 +1,4 @@
-import { ax as r, ay as p } from "../../index-DX4G0c8Z.js";
+import { ay as r, az as p } from "../../index-DOKEy-am.js";
 export {
   r as Dropdown,
   p as DropdownItem

package/dist/Overlay/Modal/OcModal.js

@@ -1,4 +1,4 @@
-import { az as d, aA as e } from "../../index-DX4G0c8Z.js";
+import { aA as d, aB as e } from "../../index-DOKEy-am.js";
 export {
   d as Modal,
   e as OcModalPage

package/dist/Overlay/Popper/OcPopper.js

@@ -1,4 +1,4 @@
-import { _ as r } from "../../OcPopper-C11OgQAj.js";
+import { _ as r } from "../../OcPopper-D0VfWOBI.js";
 export {
   r as Popper
 };

package/dist/Overlay/SupportMenu/OcSupportMenu.js

@@ -1,4 +1,4 @@
-import { aB as r } from "../../index-DX4G0c8Z.js";
+import { aC as r } from "../../index-DOKEy-am.js";
 export {
   r as SupportMenu
 };

package/dist/Overlay/Tooltip/OcTooltip.js

@@ -1,4 +1,4 @@
-import { aC as p } from "../../index-DX4G0c8Z.js";
+import { aD as p } from "../../index-DOKEy-am.js";
 export {
   p as Tooltip
 };

package/dist/Overlay/Whitelist/OcWhiteList.js

@@ -1,4 +1,4 @@
-import { aD as e } from "../../index-DX4G0c8Z.js";
+import { aE as e } from "../../index-DOKEy-am.js";
 export {
   e as WhiteList
 };

package/dist/{SubPlanCard-1V33rr2W.js → SubPlanCard-C8TEItdq.js}

@@ -1,5 +1,5 @@
 import { computed as l, openBlock as a, createElementBlock as o, normalizeClass as d, createElementVNode as e, toDisplayString as r, createBlock as x, unref as u, createCommentVNode as m, createTextVNode as v, Fragment as T, renderList as k, createVNode as P } from "vue";
-import { as as _, B as w } from "./index-DX4G0c8Z.js";
+import { at as _, B as w } from "./index-DOKEy-am.js";
 import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { _ as F } from "./OcIcon-CJgBICxh.js";
 const B = { class: "z-10 flex flex-col gap-4 p-9 relative" }, E = { class: "flex items-center gap-4" }, A = { class: "font-medium text-xl" }, N = { class: "flex gap-3 items-center mb-5" }, S = { class: "flex items-start gap-2" }, V = { class: "text-[24px] font-medium tracking-tighter" }, q = { class: "text-[40px] leading-none font-medium" }, z = { key: 0 }, $ = {

package/dist/{ThumbnailSection-B54irBpK.js → ThumbnailSection-Dh5MnRT_.js}

@@ -1,5 +1,5 @@
 import { openBlock as a, createElementBlock as d, createElementVNode as t, createVNode as o, unref as i, toDisplayString as r } from "vue";
-import { B as n } from "./index-DX4G0c8Z.js";
+import { B as n } from "./index-DOKEy-am.js";
 const m = { class: "flex flex-col" }, u = { class: "w-full relative group" }, f = { class: "w-full h-full bg-black/25 absolute top-0 left-0 hidden group-hover:flex rounded-lg" }, v = { class: "w-full px-6 gap-3 m-auto flex" }, b = ["src", "alt"], g = { class: "mt-4 text-md text-center" }, x = {
   __name: "ThumbnailSection",
   props: {

package/dist/{ThumbnailTheme-m7hMJG5d.js → ThumbnailTheme-qb0vNoAH.js}

@@ -1,5 +1,5 @@
-import { openBlock as i, createElementBlock as o, normalizeClass as f, createElementVNode as l, Fragment as g, createVNode as n, unref as a, createTextVNode as r, toDisplayString as h, createBlock as u, withCtx as c, createCommentVNode as b } from "vue";
-import { B as d, as as v } from "./index-DX4G0c8Z.js";
+import { openBlock as i, createElementBlock as s, normalizeClass as f, createElementVNode as l, Fragment as g, createVNode as n, unref as a, createTextVNode as r, toDisplayString as h, createBlock as u, withCtx as c, createCommentVNode as b } from "vue";
+import { B as d, at as v } from "./index-DOKEy-am.js";
 import { _ as k } from "./OcIcon-CJgBICxh.js";
 const x = { class: "w-full relative group" }, y = {
   key: 0,
@@ -22,14 +22,14 @@ const x = { class: "w-full relative group" }, y = {
   },
   emits: ["activate", "customize", "preview", "upgrade", "publish"],
   setup(t) {
-    return (s, e) => (i(), o("div", {
+    return (o, e) => (i(), s("div", {
       class: f(["bg-oc-bg-dark border-[3px] rounded-lg flex flex-col", t.theme.active ? "border-oc-primary" : "border-oc-bg-dark"])
     }, [
       l("div", x, [
         l("div", {
           class: f(["w-full h-full bg-black/25 absolute top-0 left-0 group-hover:flex rounded-t-lg", t.activating ? "flex" : "hidden"])
         }, [
-          t.activating ? (i(), o("div", w, [
+          t.activating ? (i(), s("div", w, [
             l("div", B, [
               n(a(k), {
                 name: "loading-2",
@@ -39,32 +39,32 @@ const x = { class: "w-full relative group" }, y = {
               })
             ]),
             e[6] || (e[6] = r(" Adding theme "))
-          ])) : (i(), o(g, { key: 0 }, [
-            t.theme.active ? (i(), o("div", y, [
+          ])) : (i(), s(g, { key: 0 }, [
+            t.theme.active ? (i(), s("div", y, [
               n(a(d), {
                 variant: "secondary",
                 label: "Customize",
-                onClick: e[0] || (e[0] = (m) => s.$emit("customize", t.theme))
+                onClick: e[0] || (e[0] = (m) => o.$emit("customize", t.theme))
               })
-            ])) : t.theme.draft ? (i(), o("div", $, [
+            ])) : t.theme.draft ? (i(), s("div", $, [
               n(a(d), {
                 variant: "secondary",
                 label: "Customize",
-                onClick: e[1] || (e[1] = (m) => s.$emit("customize", t.theme))
+                onClick: e[1] || (e[1] = (m) => o.$emit("customize", t.theme))
               }),
               n(a(d), {
                 label: "Publish",
-                onClick: e[2] || (e[2] = (m) => s.$emit("publish", t.theme))
+                onClick: e[2] || (e[2] = (m) => o.$emit("publish", t.theme))
               })
-            ])) : (i(), o("div", C, [
+            ])) : (i(), s("div", C, [
               n(a(d), {
                 variant: "secondary",
                 label: "Preview",
-                onClick: e[3] || (e[3] = (m) => s.$emit("preview", t.theme))
+                onClick: e[3] || (e[3] = (m) => o.$emit("preview", t.theme))
               }),
               n(a(d), {
                 label: t.isFreeAccount ? "Activate" : "Try Theme",
-                onClick: e[4] || (e[4] = (m) => s.$emit("activate", t.theme))
+                onClick: e[4] || (e[4] = (m) => o.$emit("activate", t.theme))
               }, null, 8, ["label"])
             ]))
           ], 64))
@@ -102,7 +102,7 @@ const x = { class: "w-full relative group" }, y = {
             key: 2,
             class: "ml-auto",
             variant: "accent-2",
-            onClick: e[5] || (e[5] = (m) => s.$emit("upgrade", t.theme))
+            onClick: e[5] || (e[5] = (m) => o.$emit("upgrade", t.theme))
           }, {
             default: c(() => e[9] || (e[9] = [
               r("Upgrade")