@orchidui/core 0.5.0 → 0.7.0

package/dist/{OcComplexCalendar-DXl0ecZ-.js → OcComplexCalendar-Boa7mNFU.js}

@@ -1,21 +1,14 @@
-import { ref as x, openBlock as o, createElementBlock as n, createElementVNode as p, Fragment as b, renderList as V, normalizeClass as v, unref as a, toDisplayString as k, createCommentVNode as u, createVNode as m, mergeProps as d } from "vue";
+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 { DatePicker as B } from "v-calendar";
 import r from "dayjs";
-import { B as f } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
-/* empty css                                                                    */
-import "libphonenumber-js";
-/* empty css                                                                  */
-/* empty css                                                                  */
-import "./Cropper.js";
-import "vue-draggable-next";
-import "@popperjs/core";
+import { B as f } from "./index-DyVteXE3.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"
 }, w = ["onClick"], P = {
   key: 0,
   class: "flex justify-end gap-x-3"
-}, U = {
+}, F = {
   __name: "OcComplexCalendar",
   props: {
     shortcuts: Array,
@@ -51,26 +44,26 @@ const C = { class: "flex flex-col p-6 gap-y-7 w-fit shadow-normal rounded" }, h
     "update:modelValue": []
   },
   setup(e, { emit: y }) {
-    const D = y, i = x(), g = (l) => {
-      D("update:modelValue", l), i.value.calendarRef.focusDate(r(l.start).toDate());
+    const D = y, s = x(), g = (l) => {
+      D("update:modelValue", l), s.value.calendarRef.focusDate(r(l.start).toDate());
     };
-    return (l, s) => {
+    return (l, u) => {
       var c;
       return o(), n("div", C, [
-        p("div", h, [
+        b("div", h, [
           (c = e.shortcuts) != null && c.length ? (o(), n("div", M, [
-            (o(!0), n(b, null, V(e.shortcuts, (t) => (o(), n("div", {
+            (o(!0), n(V, null, v(e.shortcuts, (t) => (o(), n("div", {
               key: t,
-              class: v([
+              class: k([
                 "rounded text-center px-4 font-medium py-2 cursor-pointer",
                 a(r)(t.value.start).format("YY-MM-DD") === a(r)(e.modelValue.start).format("YY-MM-DD") && a(r)(t.value.end).format("YY-MM-DD") === a(r)(e.modelValue.end).format("YY-MM-DD") && e.modelValue.end && e.modelValue.start ? "bg-oc-primary-50" : "hover:bg-oc-accent-1-50"
               ]),
               onClick: (Y) => g(t.value)
-            }, k(t.label), 11, w))), 128))
-          ])) : u("", !0),
-          m(a(B), d({
+            }, p(t.label), 11, w))), 128))
+          ])) : i("", !0),
+          d(a(B), m({
             ref_key: "datePicker",
-            ref: i,
+            ref: s,
             "model-value": e.modelValue,
             "model-modifiers": {
               range: e.isRange
@@ -85,24 +78,24 @@ const C = { class: "flex flex-col p-6 gap-y-7 w-fit shadow-normal rounded" }, h
           }, l.$attrs, {
             "min-date": e.minDate,
             "max-date": e.maxDate,
-            "onUpdate:modelValue": s[0] || (s[0] = (t) => l.$emit("update:modelValue", t))
+            "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, [
-          m(a(f), d({
+          d(a(f), m({
             class: "min-w-[72px]",
             label: "Clear",
             variant: "secondary"
           }, e.cancelButtonProps), null, 16),
-          m(a(f), d({
+          d(a(f), m({
             class: "min-w-[72px]",
             label: "Done"
           }, e.submitButtonProps), null, 16)
-        ])) : u("", !0)
+        ])) : i("", !0)
       ]);
     };
   }
 };
 export {
-  U as _
+  F as default
 };

package/dist/OcComplexDatePicker-BydI4VSR.js

@@ -0,0 +1,93 @@
+import { ref as s, openBlock as d, createBlock as m, unref as t, withCtx as l, createVNode as n } from "vue";
+import { az as c, _ as f, as as b, aA as p, e as V } from "./index-DyVteXE3.js";
+import r from "dayjs";
+const x = {
+  __name: "OcComplexDatePicker",
+  props: {
+    shortcuts: Array,
+    cancelButtonProps: Object,
+    submitButtonProps: Object,
+    /**
+     * Props to pass to the calendar component from https://vcalendar.io/
+     */
+    calendarProps: Object,
+    modelValue: {
+      type: Object,
+      default: () => ({
+        start: /* @__PURE__ */ new Date(),
+        end: /* @__PURE__ */ new Date()
+      })
+    },
+    formatDate: {
+      type: String,
+      default: "DD/MM/YYYY"
+    },
+    countCalendars: {
+      type: Number,
+      default: 2
+    },
+    withFooter: {
+      type: Boolean,
+      default: !0
+    },
+    label: String,
+    hint: String,
+    isRequired: Boolean,
+    errorMessage: String,
+    labelIcon: String,
+    tooltipText: String,
+    tooltipOptions: Object
+  },
+  emits: {
+    "update:modelValue": []
+  },
+  setup(e) {
+    r.extend(c);
+    const u = s(!1);
+    return (i, o) => (d(), m(t(f), {
+      label: e.label,
+      hint: e.hint,
+      "error-message": e.errorMessage,
+      "is-required": e.isRequired,
+      "tooltip-options": e.tooltipOptions,
+      "label-icon": e.labelIcon,
+      "tooltip-text": e.tooltipText
+    }, {
+      default: l(() => [
+        n(t(b), {
+          modelValue: u.value,
+          "onUpdate:modelValue": o[1] || (o[1] = (a) => u.value = a),
+          position: "bottom",
+          class: "w-full"
+        }, {
+          menu: l(() => [
+            n(t(p), {
+              "model-value": e.modelValue,
+              shortcuts: e.shortcuts,
+              "cancel-button-props": e.cancelButtonProps,
+              "submit-button-props": e.submitButtonProps,
+              "calendar-props": e.calendarProps,
+              "count-calendars": e.countCalendars,
+              "with-footer": e.withFooter,
+              "onUpdate:modelValue": o[0] || (o[0] = (a) => i.$emit("update:modelValue", a))
+            }, null, 8, ["model-value", "shortcuts", "cancel-button-props", "submit-button-props", "calendar-props", "count-calendars", "with-footer"])
+          ]),
+          default: l(() => [
+            n(t(V), {
+              "model-value": `${t(r)(e.modelValue.start).format(e.formatDate)} - ${t(r)(
+                e.modelValue.end
+              ).format(e.formatDate)}`,
+              icon: "calendar",
+              readonly: ""
+            }, null, 8, ["model-value"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]),
+      _: 1
+    }, 8, ["label", "hint", "error-message", "is-required", "tooltip-options", "label-icon", "tooltip-text"]));
+  }
+};
+export {
+  x as default
+};

package/dist/{OcCropper-31Y_S1Ne.js → OcCropper-7E2i6ayU.js}

@@ -1,19 +1,8 @@
-import { ref as p, watch as S, nextTick as F, openBlock as i, createElementBlock as y, createElementVNode as d, createBlock as u, unref as o, Fragment as A, createVNode as c, createCommentVNode as r, withCtx as V } from "vue";
-import "dayjs";
-import { B as g, a as D, T as G } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
-import { _ as H } from "./OcIcon-CJgBICxh.js";
-/* empty css                                                                    */
-import { _ as x } from "./OcInput-tcRxG3Y2.js";
-import "libphonenumber-js";
-import { _ as J } from "./OcRadioGroup-DgfdWJos.js";
-/* empty css                                                                  */
-import "v-calendar";
-/* empty css                                                                  */
-import "./Cropper.js";
-import "vue-draggable-next";
-import "@popperjs/core";
-import { Cropper as K } from "vue-advanced-cropper";
-const M = { class: "flex flex-col gap-y-5" }, P = ["src"], Q = { class: "flex gap-x-1 justify-center relative" }, W = { class: "grid grid-cols-2 gap-4" }, me = {
+import { ref as p, watch as S, nextTick as F, openBlock as n, createElementBlock as x, createElementVNode as c, createBlock as u, unref as o, Fragment as A, createVNode as m, createCommentVNode as r, withCtx as y } from "vue";
+import { B as g, e as V, b as D, i as G, ax as H } from "./index-DyVteXE3.js";
+import { Cropper as J } from "vue-advanced-cropper";
+import { _ as K } from "./OcIcon-CJgBICxh.js";
+const M = { class: "flex flex-col gap-y-5" }, P = ["src"], Q = { class: "flex gap-x-1 justify-center relative" }, W = { class: "grid grid-cols-2 gap-4" }, ee = {
   __name: "OcCropper",
   props: {
     inputOptions: Array,
@@ -26,8 +15,8 @@ const M = { class: "flex flex-col gap-y-5" }, P = ["src"], Q = { class: "flex ga
     }
   },
   emits: ["changeImage", "update:input-options"],
-  setup(n, { emit: E }) {
-    const v = n, h = E, k = p(), w = p(), s = p(""), C = p(!1), a = p(v.inputOptionValues ?? {});
+  setup(i, { emit: E }) {
+    const v = i, h = E, k = p(), w = p(), s = p(""), C = p(!1), a = p(v.inputOptionValues ?? {});
     S(
       () => v.inputOptionValues,
       () => {
@@ -72,13 +61,13 @@ const M = { class: "flex flex-col gap-y-5" }, P = ["src"], Q = { class: "flex ga
       width: (e || l).width,
       height: (e || l).height
     }), f = (l, e) => {
-      let m = a.value;
-      m[l] = e, h("update:input-options", m);
+      let d = a.value;
+      d[l] = e, h("update:input-options", d);
     }, b = p(!!a.value.caption), U = p(!!a.value.lightbox);
     return (l, e) => {
-      var m, $, L, I, R, B;
-      return i(), y("div", M, [
-        d("input", {
+      var d, $, L, I, R, B;
+      return n(), x("div", M, [
+        c("input", {
           id: "cropper-file-input",
           ref_key: "fileUploadEl",
           ref: w,
@@ -87,7 +76,7 @@ const M = { class: "flex flex-col gap-y-5" }, P = ["src"], Q = { class: "flex ga
           class: "hidden",
           onChange: T
         }, null, 544),
-        s.value ? (i(), u(o(K), {
+        s.value ? (n(), u(o(J), {
           key: 0,
           ref_key: "cropper",
           ref: k,
@@ -97,39 +86,39 @@ const M = { class: "flex flex-col gap-y-5" }, P = ["src"], Q = { class: "flex ga
           "background-class": "cropper-background",
           "default-size": q,
           onChange: N
-        }, null, 8, ["src"])) : (i(), y("img", {
+        }, null, 8, ["src"])) : (n(), x("img", {
           key: 1,
           class: "w-full",
-          src: n.img
+          src: i.img
         }, null, 8, P)),
-        d("div", Q, [
-          s.value ? (i(), y(A, { key: 0 }, [
-            c(o(g), {
+        c("div", Q, [
+          s.value ? (n(), x(A, { key: 0 }, [
+            m(o(g), {
               variant: "secondary",
               size: "small",
               "left-icon": "backward",
               onClick: e[0] || (e[0] = (t) => O(-90))
             }),
-            c(o(g), {
+            m(o(g), {
               variant: "secondary",
               size: "small",
               "left-icon": "zoom-out",
               onClick: e[1] || (e[1] = (t) => z(0.8))
             }),
-            c(o(g), {
+            m(o(g), {
               variant: "secondary",
               size: "small",
               "left-icon": "zoom-in",
               onClick: e[2] || (e[2] = (t) => z(1.2))
             }),
-            c(o(g), {
+            m(o(g), {
               variant: "secondary",
               size: "small",
               "left-icon": "forward",
               onClick: e[3] || (e[3] = (t) => O(90))
             })
           ], 64)) : r("", !0),
-          n.isReplaceImage ? (i(), u(o(g), {
+          i.isReplaceImage ? (n(), u(o(g), {
             key: 1,
             class: "absolute right-0",
             variant: "secondary",
@@ -139,8 +128,8 @@ const M = { class: "flex flex-col gap-y-5" }, P = ["src"], Q = { class: "flex ga
             onClick: j
           })) : r("", !0)
         ]),
-        d("div", W, [
-          (m = n.inputOptions) != null && m.includes("description") ? (i(), u(o(x), {
+        c("div", W, [
+          (d = i.inputOptions) != null && d.includes("description") ? (n(), u(o(V), {
             key: 0,
             modelValue: a.value.description,
             "onUpdate:modelValue": [
@@ -150,7 +139,7 @@ const M = { class: "flex flex-col gap-y-5" }, P = ["src"], Q = { class: "flex ga
             label: "Describe Image",
             placeholder: ""
           }, null, 8, ["modelValue"])) : r("", !0),
-          ($ = n.inputOptions) != null && $.includes("link") ? (i(), u(o(x), {
+          ($ = i.inputOptions) != null && $.includes("link") ? (n(), u(o(V), {
             key: 1,
             modelValue: a.value.link,
             "onUpdate:modelValue": [
@@ -160,15 +149,15 @@ const M = { class: "flex flex-col gap-y-5" }, P = ["src"], Q = { class: "flex ga
             placeholder: "https://hitpayapp.com",
             label: "Link to"
           }, null, 8, ["modelValue"])) : r("", !0),
-          d("div", null, [
-            (L = n.inputOptions) != null && L.includes("caption") ? (i(), u(o(D), {
+          c("div", null, [
+            (L = i.inputOptions) != null && L.includes("caption") ? (n(), u(o(D), {
               key: 0,
               modelValue: b.value,
               "onUpdate:modelValue": e[8] || (e[8] = (t) => b.value = t),
               label: "Caption",
               class: "mb-4"
             }, null, 8, ["modelValue"])) : r("", !0),
-            (I = n.inputOptions) != null && I.includes("caption") && b.value ? (i(), u(o(x), {
+            (I = i.inputOptions) != null && I.includes("caption") && b.value ? (n(), u(o(V), {
               key: 1,
               modelValue: a.value.caption,
               "onUpdate:modelValue": [
@@ -178,7 +167,7 @@ const M = { class: "flex flex-col gap-y-5" }, P = ["src"], Q = { class: "flex ga
               class: "mb-4",
               placeholder: ""
             }, null, 8, ["modelValue"])) : r("", !0),
-            (R = n.inputOptions) != null && R.includes("caption") && b.value ? (i(), u(o(J), {
+            (R = i.inputOptions) != null && R.includes("caption") && b.value ? (n(), u(o(G), {
               key: 2,
               "model-value": a.value.caption_variant,
               "group-name": "caption_variant",
@@ -197,8 +186,8 @@ const M = { class: "flex flex-col gap-y-5" }, P = ["src"], Q = { class: "flex ga
               "onUpdate:modelValue": e[11] || (e[11] = (t) => f("caption_variant", t))
             }, null, 8, ["model-value"])) : r("", !0)
           ]),
-          d("div", null, [
-            (B = n.inputOptions) != null && B.includes("lightbox") ? (i(), u(o(D), {
+          c("div", null, [
+            (B = i.inputOptions) != null && B.includes("lightbox") ? (n(), u(o(D), {
               key: 0,
               modelValue: U.value,
               "onUpdate:modelValue": [
@@ -207,17 +196,17 @@ const M = { class: "flex flex-col gap-y-5" }, P = ["src"], Q = { class: "flex ga
               ],
               label: "Lightbox"
             }, {
-              after: V(() => [
-                c(o(G), {
+              after: y(() => [
+                m(o(H), {
                   position: "bottom",
                   distance: 10,
                   "popper-class": "bg-oc-bg-light min-w-[125px]"
                 }, {
-                  popper: V(() => e[14] || (e[14] = [
-                    d("div", { class: "text-oc-text-400 text-sm px-3 py-2 font-medium text-center" }, " Show lightbox when click the image ", -1)
+                  popper: y(() => e[14] || (e[14] = [
+                    c("div", { class: "text-oc-text-400 text-sm px-3 py-2 font-medium text-center" }, " Show lightbox when click the image ", -1)
                   ])),
-                  default: V(() => [
-                    c(o(H), {
+                  default: y(() => [
+                    m(o(K), {
                       name: "question-mark",
                       width: "16",
                       height: "16",
@@ -236,5 +225,5 @@ const M = { class: "flex flex-col gap-y-5" }, P = ["src"], Q = { class: "flex ga
   }
 };
 export {
-  me as default
+  ee as default
 };