@orchidui/core 0.0.1 → 0.3.0

package/dist/OcDraggable-BjhGJmpM.js

@@ -0,0 +1,35 @@
+import { computed as s, openBlock as c, createBlock as m, unref as d, withCtx as i, renderSlot as p } from "vue";
+import { VueDraggableNext as g } from "vue-draggable-next";
+import "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
+const V = {
+  __name: "OcDraggable",
+  props: {
+    modelValue: Array
+  },
+  emits: {
+    "update:modelValue": [],
+    detectMove: null
+  },
+  setup(a, { emit: l }) {
+    const r = a, o = l, t = s(() => r.modelValue), n = (e) => {
+      o("update:modelValue", t.value, e);
+    }, u = (e) => {
+      o("detectMove", e);
+    };
+    return (e, v) => (c(), m(d(g), {
+      handle: ".drag-el",
+      list: t.value,
+      animation: 500,
+      move: u,
+      onChange: n
+    }, {
+      default: i(() => [
+        p(e.$slots, "default", { list: t.value })
+      ]),
+      _: 3
+    }, 8, ["list"]));
+  }
+};
+export {
+  V as _
+};

package/dist/OcDropdownItem-DAElmzEu.js

@@ -0,0 +1,57 @@
+import { computed as l, openBlock as o, createElementBlock as n, normalizeClass as m, createElementVNode as e, createBlock as d, unref as u, mergeProps as x, createCommentVNode as s, toDisplayString as i, renderSlot as p } from "vue";
+import "dayjs";
+import "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
+import { _ as f } from "./OcIcon-CJgBICxh.js";
+/* empty css                                                                    */
+import "libphonenumber-js";
+/* empty css                                                                  */
+import "v-calendar";
+/* empty css                                                                  */
+import "./Cropper.js";
+import "vue-draggable-next";
+import "@popperjs/core";
+const g = { class: "flex items-center gap-x-3 p-3" }, v = { class: "md:text-base text-sm" }, b = {
+  key: 0,
+  class: "p-3 text-sm text-oc-text-300"
+}, O = {
+  __name: "OcDropdownItem",
+  props: {
+    variant: {
+      type: String,
+      default: "default"
+    },
+    icon: String,
+    iconClasses: String,
+    text: String,
+    subText: String,
+    pointed: Boolean,
+    iconProps: Object
+  },
+  setup(t) {
+    const a = l(() => ({
+      default: "text-oc-text",
+      destructive: "text-oc-error"
+    }));
+    return (c, r) => (o(), n("div", {
+      class: m(["flex flex-col cursor-pointer rounded-sm hover:bg-oc-accent-1-50", a.value[t.variant]])
+    }, [
+      e("div", g, [
+        t.icon ? (o(), d(u(f), x({
+          key: 0,
+          class: "w-5 h-5",
+          name: t.icon
+        }, t.iconProps, { class: t.iconClasses }), null, 16, ["name", "class"])) : s("", !0),
+        e("span", v, i(t.text), 1),
+        t.pointed ? p(c.$slots, "badge", { key: 1 }, () => [
+          r[0] || (r[0] = e("div", { class: "w-[6px] aspect-square rounded-full bg-oc-error" }, null, -1))
+        ]) : s("", !0)
+      ]),
+      t.subText ? (o(), n("div", b, [
+        e("span", null, i(t.subText), 1)
+      ])) : s("", !0)
+    ], 2));
+  }
+};
+export {
+  O as _
+};

package/dist/OcEmojiPicker-BXm-_OGK.js

@@ -0,0 +1,157 @@
+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 "dayjs";
+import { D as U, B as b } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
+import { _ as J } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+/* empty css                                                                    */
+import { _ as P } from "./OcInput-tcRxG3Y2.js";
+import "libphonenumber-js";
+/* empty css                                                                  */
+import "v-calendar";
+/* empty css                                                                  */
+import "./Cropper.js";
+import "vue-draggable-next";
+import "@popperjs/core";
+import { EMOJI_LIST as r, EMOJI_CATEGORIES as A } from "./Form/EmojiPicker/conts/emoji.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 = {
+  key: 1,
+  class: "text-oc-text-400 text-center p-3"
+}, Y = { class: "border-t border-b py-3 grid grid-cols-9 gap-3" }, Z = ["innerHTML", "onClick"], ee = { class: "grid grid-cols-2 gap-5 mt-6" }, te = {
+  __name: "OcEmojiPicker",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    isDisabled: Boolean,
+    popperOptions: Object
+  },
+  emits: {
+    "update:modelValue": []
+  },
+  setup(a, { emit: E }) {
+    const g = a, L = E, d = m(!1), u = m(""), i = m(g.modelValue), h = m("grinning"), w = p(() => g.modelValue || r.sunglasses), O = p(
+      () => i.value ? r[i.value] : r.sunglasses
+    ), _ = p(
+      () => Object.entries(r).filter(([t]) => t.includes(u.value))
+    ), y = p(() => Object.entries(A)), M = (t) => {
+      i.value = t;
+    }, j = () => {
+      d.value = !1, L("update:modelValue", r[i.value]);
+    }, B = () => {
+      d.value = !1, i.value = g.modelValue;
+    }, I = () => {
+      const t = Object.keys(r), e = Math.round(Math.random() * t.length);
+      i.value = t[e], j();
+    }, H = (t) => {
+      t && (u.value = "");
+    }, D = (t) => {
+      const e = document.getElementById(`emoji-${t}`).offsetTop;
+      document.getElementById("emojiList").scroll({ top: e, behavior: "smooth" }), h.value = t;
+    }, S = (t) => {
+      y.value.forEach(([e]) => {
+        const o = document.getElementById(`emoji-${e}`).offsetTop;
+        t.target.scrollTop >= o - 20 && (h.value = e);
+      });
+    };
+    return (t, e) => (s(), l("div", F, [
+      f(c(U), {
+        modelValue: d.value,
+        "onUpdate:modelValue": [
+          e[1] || (e[1] = (o) => d.value = o),
+          H
+        ],
+        "max-menu-height": 600,
+        class: "!w-auto z-50",
+        "popper-options": {
+          ...a.popperOptions
+        },
+        distance: 26,
+        "is-disabled": a.isDisabled,
+        placement: "bottom"
+      }, {
+        menu: v(() => [
+          e[4] || (e[4] = n("div", {
+            class: "oc-arrow",
+            "data-popper-arrow": ""
+          }, null, -1)),
+          n("div", R, [
+            n("div", q, [
+              n("div", {
+                innerHTML: O.value,
+                class: "flex items-center justify-center w-10 h-10 text-[40px]"
+              }, null, 8, K)
+            ]),
+            n("div", Q, [
+              f(c(P), {
+                modelValue: u.value,
+                "onUpdate:modelValue": e[0] || (e[0] = (o) => u.value = o),
+                placeholder: "Search",
+                icon: "search"
+              }, null, 8, ["modelValue"])
+            ]),
+            _.value.length ? (s(), l("div", {
+              key: 0,
+              id: "emojiList",
+              class: "grid grid-cols-9 gap-3 max-h-[204px] overflow-y-auto overflow-x-hidden mt-3 mb-5 relative",
+              onScroll: S
+            }, [
+              (s(!0), l(T, null, V(_.value, ([o, x]) => (s(), l("div", {
+                id: `emoji-${o}`,
+                key: o,
+                innerHTML: x,
+                class: "w-8 h-8 text-[24px] flex items-center justify-center cursor-pointer transition hover:bg-oc-gray-100 rounded",
+                onClick: ($) => M(o)
+              }, null, 8, W))), 128))
+            ], 32)) : (s(), l("div", X, "No emoji found")),
+            n("div", Y, [
+              (s(!0), l(T, null, V(y.value, ([o, x]) => (s(), l("div", {
+                key: o,
+                innerHTML: x,
+                class: k(["w-8 h-8 text-[24px] flex items-center justify-center cursor-pointer transition opacity-30 hover:opacity-100", {
+                  "!opacity-100": o === h.value
+                }]),
+                onClick: ($) => D(o)
+              }, null, 10, Z))), 128))
+            ]),
+            n("div", ee, [
+              f(c(b), {
+                variant: "secondary",
+                onClick: B
+              }, {
+                default: v(() => e[2] || (e[2] = [
+                  C("Cancel")
+                ])),
+                _: 1
+              }),
+              f(c(b), { onClick: j }, {
+                default: v(() => e[3] || (e[3] = [
+                  C("Use this emoji")
+                ])),
+                _: 1
+              })
+            ])
+          ])
+        ]),
+        default: v(() => [
+          n("div", {
+            innerHTML: w.value,
+            class: k(["flex items-center justify-center w-12 h-12 text-[40px] transition rounded", {
+              "cursor-pointer hover:bg-oc-gray-200": !a.isDisabled
+            }])
+          }, null, 10, G)
+        ]),
+        _: 1
+      }, 8, ["modelValue", "popper-options", "is-disabled"]),
+      a.isDisabled ? z("", !0) : (s(), N(c(b), {
+        key: 0,
+        "left-icon": "shuffle",
+        variant: "secondary",
+        class: "absolute top-5 right-5",
+        onClick: I
+      }))
+    ]));
+  }
+}, ge = /* @__PURE__ */ J(te, [["__scopeId", "data-v-6a3c86cb"]]);
+export {
+  ge as O
+};

package/dist/OcEmptyPage-CTwgMzRp.js

@@ -0,0 +1,155 @@
+import { computed as g, openBlock as n, createElementBlock as m, normalizeClass as i, createElementVNode as a, createVNode as f, unref as l, createBlock as s, createCommentVNode as r, toDisplayString as d, renderSlot as x } from "vue";
+import "dayjs";
+import { B as y } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
+import { _ as u } from "./OcIcon-CJgBICxh.js";
+/* empty css                                                                    */
+import "libphonenumber-js";
+/* empty css                                                                  */
+import "v-calendar";
+/* empty css                                                                  */
+import "./Cropper.js";
+import "vue-draggable-next";
+import "@popperjs/core";
+const z = { class: "relative" }, E = {
+  __name: "OcEmptyPage",
+  props: {
+    isButton: {
+      type: Boolean,
+      default: !0
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    description: {
+      type: String,
+      default: ""
+    },
+    isUpgrade: {
+      type: Boolean,
+      default: !1
+    },
+    containerClass: {
+      type: [Array, String],
+      required: !1
+    },
+    upgradeLabel: {
+      type: String,
+      default: "Upgrade now"
+    },
+    addButtonLabel: {
+      type: String,
+      default: "Add new"
+    },
+    addButtonIcon: {
+      type: String,
+      default: "plus"
+    },
+    icon: {
+      type: String,
+      default: "document"
+    },
+    size: {
+      type: String,
+      validator: (e) => ["large", "default", "small"].includes(e),
+      default: "default"
+    },
+    hideBadge: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: "click:Button",
+  setup(e) {
+    const t = g(() => ({
+      default: {
+        icon: {
+          container: "w-[64px]",
+          size: "32"
+        },
+        badge: {
+          class: "right-0 top-[2px]",
+          size: "20"
+        },
+        containerInfo: "gap-y-3",
+        box: "gap-y-7",
+        title: "text-lg",
+        description: ""
+      },
+      large: {
+        icon: {
+          container: "w-[128px]",
+          size: "64"
+        },
+        badge: {
+          class: "right-0 top-[2px]",
+          size: "32"
+        },
+        containerInfo: "gap-y-3",
+        box: "gap-y-7",
+        title: "text-lg",
+        description: ""
+      },
+      small: {
+        icon: {
+          container: "w-[48px]",
+          size: "24"
+        },
+        badge: {
+          class: "right-[-2px] top-[-2px]",
+          size: "20"
+        },
+        containerInfo: "gap-y-1",
+        box: "gap-y-5",
+        title: "text-[14px] font-medium",
+        description: "text-[12px]"
+      }
+    }));
+    return (o, c) => (n(), m("div", {
+      class: i(["flex flex-col items-center", t.value[e.size].box])
+    }, [
+      a("div", z, [
+        a("div", {
+          class: i(["flex justify-center border rounded-full items-center aspect-square", [
+            e.containerClass ? e.containerClass : e.isUpgrade ? "text-oc-warning-600 border-oc-warning-300 bg-oc-warning-50" : "text-oc-text-400 border-oc-gray-200 bg-oc-gray-50",
+            t.value[e.size].icon.container
+          ]])
+        }, [
+          f(l(u), {
+            name: e.icon,
+            width: t.value[e.size].icon.size,
+            height: t.value[e.size].icon.size
+          }, null, 8, ["name", "width", "height"])
+        ], 2),
+        !e.isUpgrade && !e.hideBadge ? (n(), s(l(u), {
+          key: 0,
+          name: "exclamation",
+          width: t.value[e.size].badge.size,
+          height: t.value[e.size].badge.size,
+          class: i(["absolute", t.value[e.size].badge.class])
+        }, null, 8, ["width", "height", "class"])) : r("", !0)
+      ]),
+      a("div", {
+        class: i(["flex flex-col items-center", t.value[e.size].containerInfo])
+      }, [
+        a("span", {
+          class: i([t.value[e.size].title, "font-medium"])
+        }, d(e.title), 3),
+        x(o.$slots, "description", {}, () => [
+          a("span", {
+            class: i([t.value[e.size].description, "text-oc-text-400 text-center"])
+          }, d(e.description), 3)
+        ])
+      ], 2),
+      e.isButton ? (n(), s(l(y), {
+        key: 0,
+        label: e.isUpgrade ? e.upgradeLabel : e.addButtonLabel,
+        "left-icon": e.isUpgrade ? "" : e.addButtonIcon,
+        onClick: c[0] || (c[0] = (b) => o.$emit("click:Button"))
+      }, null, 8, ["label", "left-icon"])) : r("", !0)
+    ], 2));
+  }
+};
+export {
+  E as _
+};