@orchidui/core 0.0.1 → 0.2.0

package/dist/OcSectionItem-BFgxO3se.js

@@ -0,0 +1,84 @@
+import { openBlock as t, createElementBlock as s, createElementVNode as r, createTextVNode as f, toDisplayString as o, createVNode as x, unref as a, withCtx as d, createBlock as c, createCommentVNode as l, normalizeClass as V, renderSlot as y, mergeProps as S } from "vue";
+import "dayjs";
+import { T as h } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
+import { _ as k } from "./OcIcon-CJgBICxh.js";
+/* empty css                                                                    */
+import "libphonenumber-js";
+import { T as v } from "./OcToggle-C0wTjM_Y.js";
+import "v-calendar";
+/* empty css                                                                  */
+import "./Cropper.js";
+import "vue-draggable-next";
+import "@popperjs/core";
+const T = { class: "flex" }, B = { class: "flex flex-col gap-y-1 flex-1" }, C = { class: "font-medium gap-x-3 flex items-center" }, M = { class: "px-2 py-1 text-sm text-oc-text-400" }, N = {
+  key: 1,
+  class: "text-sm text-oc-error flex items-center"
+}, A = {
+  __name: "OcSectionItem",
+  props: {
+    title: String,
+    description: {
+      type: String,
+      default: ""
+    },
+    descriptionClass: {
+      type: String,
+      default: ""
+    },
+    icon: String,
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    isToggle: Boolean,
+    toggleProps: Object,
+    popperMessage: String,
+    errorMessage: String,
+    defaultValue: Boolean
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: u }) {
+    const i = e, p = u;
+    return i.defaultValue === !0 && (i.modelValue === null || i.modelValue === void 0) && p("update:modelValue", !0), (n, m) => (t(), s("div", T, [
+      r("div", B, [
+        r("div", C, [
+          f(o(e.title) + " ", 1),
+          x(a(h), {
+            position: "top",
+            distance: 4
+          }, {
+            popper: d(() => [
+              r("div", M, o(e.popperMessage), 1)
+            ]),
+            default: d(() => [
+              e.icon ? (t(), c(a(k), {
+                key: 0,
+                width: "16",
+                height: "16",
+                class: "text-oc-text-400 cursor-pointer",
+                name: e.icon
+              }, null, 8, ["name"])) : l("", !0)
+            ]),
+            _: 1
+          })
+        ]),
+        e.description ? (t(), s("span", {
+          key: 0,
+          class: V(["text-oc-text-400 text-sm", e.descriptionClass])
+        }, o(e.description), 3)) : l("", !0),
+        e.errorMessage ? (t(), s("div", N, o(e.errorMessage), 1)) : l("", !0)
+      ]),
+      y(n.$slots, "actions", {}, () => [
+        e.isToggle ? (t(), c(a(v), S({
+          key: 0,
+          "model-value": e.modelValue
+        }, e.toggleProps, {
+          "onUpdate:modelValue": m[0] || (m[0] = (g) => n.$emit("update:modelValue", g))
+        }), null, 16, ["model-value"])) : l("", !0)
+      ])
+    ]));
+  }
+};
+export {
+  A as _
+};

package/dist/OcSelectOptions-BQlG_EUA.js

@@ -0,0 +1,148 @@
+import { computed as h, openBlock as r, createBlock as m, unref as n, withCtx as k, createElementVNode as c, normalizeClass as l, createElementBlock as i, Fragment as g, renderList as v, createVNode as p, renderSlot as V, createCommentVNode as u, toDisplayString as x } from "vue";
+import "dayjs";
+import { _ as w } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
+import { _ as b } 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 C = {
+  key: 0,
+  class: "flex gap-3 border border-oc-gray-200 p-3 rounded cursor-pointer"
+}, B = ["onClick"], T = ["src"], O = {
+  key: 0,
+  class: "flex text-sm text-oc-text-400 mt-2"
+}, L = {
+  __name: "OcSelectOptions",
+  props: {
+    variant: {
+      type: String,
+      default: "grid"
+    },
+    optionType: {
+      type: String,
+      default: "text"
+      // text, icon, image
+    },
+    label: String,
+    hint: String,
+    errorMessage: String,
+    placeholder: String,
+    isDisabled: Boolean,
+    borderless: Boolean,
+    options: Array,
+    modelValue: [Array, String, Number],
+    isRequired: {
+      type: Boolean,
+      default: !1
+    },
+    labelIcon: {
+      type: String,
+      default: ""
+    },
+    tooltipText: {
+      type: String,
+      default: ""
+    },
+    tooltipOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    class: String
+  },
+  emits: {
+    "update:modelValue": []
+  },
+  setup(e, { emit: y }) {
+    const d = e, S = y, s = (a) => {
+      S("update:modelValue", a);
+    }, o = h(() => d.variant === "grid");
+    return (a, $) => (r(), m(n(w), {
+      label: e.label,
+      hint: e.hint,
+      "error-message": e.errorMessage,
+      "is-required": e.isRequired,
+      "label-icon": e.labelIcon,
+      "tooltip-text": e.tooltipText,
+      "tooltip-options": e.tooltipOptions
+    }, {
+      default: k(() => [
+        c("div", {
+          class: l(["gap-3", [
+            d.class,
+            o.value ? "grid-cols-3" : e.variant === "list2" ? "grid-cols-2" : "",
+            {
+              "w-full grid": e.optionType !== "icon",
+              "flex flex-row ": e.optionType === "icon"
+            }
+          ]])
+        }, [
+          e.optionType === "icon" ? (r(), i("div", C, [
+            (r(!0), i(g, null, v(e.options, (t) => (r(), i("div", {
+              key: t.value,
+              class: l(["p-1", {
+                "bg-oc-gray-200 rounded-sm": t.value.toString() === e.modelValue.toString()
+              }])
+            }, [
+              p(n(b), {
+                name: t.icon_name,
+                onClick: (f) => s(t.value)
+              }, null, 8, ["name", "onClick"])
+            ], 2))), 128))
+          ])) : (r(!0), i(g, { key: 1 }, v(e.options, (t) => (r(), i("div", {
+            key: t.value,
+            class: l(["cursor-pointer group items-start", {
+              "flex border border-oc-gray-200 p-3 rounded hover:shadow": !o.value,
+              "border-2 border-oc-primary": !o.value && t.value.toString() === e.modelValue.toString(),
+              "!border-0 hover:bg-oc-accent-1-50 flex": e.borderless
+            }]),
+            onClick: (f) => s(t.value)
+          }, [
+            V(a.$slots, "option", {
+              option: t,
+              selected: t.value.toString() === e.modelValue.toString()
+            }, () => [
+              t.preview ? (r(), i("img", {
+                key: 0,
+                class: l(["group-hover:shadow rounded", {
+                  "border-2 border-oc-primary": o.value && t.value.toString() === e.modelValue.toString(),
+                  "border border-oc-gray-200": o.value && t.value.toString() !== e.modelValue.toString() || !o.value,
+                  "w-full": o.value,
+                  "w-[50px]": !o.value
+                }]),
+                src: t.preview
+              }, null, 10, T)) : u("", !0),
+              c("div", {
+                class: l(["mt-2", [o.value ? "text-center" : "px-3", e.borderless ? "flex-1" : ""]])
+              }, [
+                c("span", {
+                  class: l(["font-medium text-oc-text-400 group-hover:text-oc-text-500", {
+                    "text-sm ": o.value,
+                    "text-oc-text-400 group-hover:text-oc-text-500": o.value && t.value.toString() !== e.modelValue.toString(),
+                    "text-oc-text-500": o.value && t.value.toString() === e.modelValue.toString()
+                  }])
+                }, x(t.label), 3),
+                t.description ? (r(), i("div", O, x(t.description), 1)) : u("", !0)
+              ], 2),
+              e.borderless ? (r(), m(n(b), {
+                key: 1,
+                width: "16",
+                height: "16",
+                name: "check-2",
+                class: l(["text-oc-primary", t.value.toString() === e.modelValue.toString() ? "opacity-100" : "opacity-0"])
+              }, null, 8, ["class"])) : u("", !0)
+            ])
+          ], 10, B))), 128))
+        ], 2)
+      ]),
+      _: 3
+    }, 8, ["label", "hint", "error-message", "is-required", "label-icon", "tooltip-text", "tooltip-options"]));
+  }
+};
+export {
+  L as _
+};

package/dist/OcShareIcon-BB-NPq0r.js

@@ -0,0 +1,53 @@
+import { openBlock as i, createBlock as m, unref as e, normalizeProps as a, mergeProps as p, withCtx as r, createElementVNode as o, toDisplayString as n, createVNode as c, createElementBlock as l } from "vue";
+import "dayjs";
+import { T as d } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
+import { _ as s } 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 x = { class: "rounded-full share-icon w-fit cursor-pointer text-oc-text-400 p-3 border border-gray-200" }, h = { class: "px-3 py-2 text-oc-text-400 text-sm font-medium" }, f = {
+  key: 1,
+  class: "px-3 share-icon border border-oc-gray-200 rounded-full w-fit py-[6px] flex items-center gap-x-2"
+}, u = { class: "text-sm" }, T = {
+  __name: "OcShareIcon",
+  props: {
+    text: String,
+    icon: String,
+    isOnlyIcon: Boolean,
+    tooltipOptions: {
+      type: Object
+    }
+  },
+  setup(t) {
+    return (y, g) => t.isOnlyIcon ? (i(), m(e(d), a(p({ key: 0 }, t.tooltipOptions)), {
+      popper: r(() => [
+        o("div", h, n(t.text), 1)
+      ]),
+      default: r(() => [
+        o("div", x, [
+          c(e(s), {
+            name: t.icon,
+            width: "20",
+            height: "20"
+          }, null, 8, ["name"])
+        ])
+      ]),
+      _: 1
+    }, 16)) : (i(), l("div", f, [
+      c(e(s), {
+        name: t.icon,
+        width: "20",
+        height: "20"
+      }, null, 8, ["name"]),
+      o("span", u, n(t.text), 1)
+    ]));
+  }
+};
+export {
+  T as _
+};