@orchidui/core 1.39.0 → 1.41.0

package/package.json

@@ -1,11 +1,22 @@
 {
   "name": "@orchidui/core",
   "description": "Orchid UI, Library Vue 3 tailwind css",
-  "version": "1.39.0",
+  "version": "1.41.0",
   "type": "module",
   "scripts": {
     "build": "vite build"
   },
+  "dependencies": {
+    "@popperjs/core": "^2.11.8",
+    "dayjs": "^1.11.10",
+    "dexie": "^4.0.11",
+    "flag-icons": "^6.11.1",
+    "libphonenumber-js": "^1.10.51",
+    "lodash-es": "^4.17.21",
+    "v-calendar": "^3.1.2",
+    "vue-draggable-next": "^2.2.1",
+    "vue-advanced-cropper": "^2.8.8"
+  },
   "publishConfig": {
     "access": "public"
   },

package/dist/OcComplexCalendar-BKht-iKa.js

@@ -1,101 +0,0 @@
-import { ref as x, createElementBlock as o, openBlock as n, createElementVNode as b, createCommentVNode as i, createVNode as m, Fragment as v, renderList as V, normalizeClass as k, unref as a, toDisplayString as p, mergeProps as s } from "vue";
-import { DatePicker as B } from "v-calendar";
-import r from "dayjs";
-import { B as f } from "./index-Bl4-MlMa.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"
-}, F = {
-  __name: "OcComplexCalendar",
-  props: {
-    shortcuts: Array,
-    cancelButtonProps: Object,
-    submitButtonProps: Object,
-    modelValue: {
-      type: Object,
-      default: () => ({
-        start: /* @__PURE__ */ new Date(),
-        end: /* @__PURE__ */ new Date()
-      })
-    },
-    countCalendars: {
-      type: Number,
-      default: 2
-    },
-    withFooter: {
-      type: Boolean,
-      default: !0
-    },
-    isRange: {
-      type: Boolean,
-      default: !0
-    },
-    minDate: {
-      type: [String, Date, Number]
-    },
-    maxDate: {
-      type: [String, Date, Number]
-    }
-  },
-  emits: {
-    "update:modelValue": []
-  },
-  setup(e, { emit: y }) {
-    const D = y, d = x(), g = (l) => {
-      d.value && (D("update:modelValue", l), d.value.calendarRef.focusDate(r(l.start).toDate()));
-    };
-    return (l, u) => {
-      var c;
-      return n(), o("div", C, [
-        b("div", h, [
-          (c = e.shortcuts) != null && c.length ? (n(), o("div", M, [
-            (n(!0), o(v, null, V(e.shortcuts, (t) => (n(), o("div", {
-              key: t,
-              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)
-            }, p(t.label), 11, w))), 128))
-          ])) : i("", !0),
-          m(a(B), s({
-            ref_key: "datePicker",
-            ref: d,
-            "model-value": e.modelValue,
-            "model-modifiers": {
-              range: e.isRange
-            },
-            class: {
-              "oc-complex-calendar__calendar--single": !e.isRange || e.countCalendars == 1
-            },
-            locale: "en",
-            color: "primary",
-            borderless: "",
-            columns: e.countCalendars
-          }, l.$attrs, {
-            "min-date": e.minDate,
-            "max-date": e.maxDate,
-            "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 ? (n(), o("div", P, [
-          m(a(f), s({
-            class: "min-w-[72px]",
-            label: "Clear",
-            variant: "secondary"
-          }, e.cancelButtonProps), null, 16),
-          m(a(f), s({
-            class: "min-w-[72px]",
-            label: "Done"
-          }, e.submitButtonProps), null, 16)
-        ])) : i("", !0)
-      ]);
-    };
-  }
-};
-export {
-  F as default
-};

package/dist/OcCropper-DMvRM32l.js

@@ -1,270 +0,0 @@
-import { ref as u, computed as M, watch as T, nextTick as P, createElementBlock as k, openBlock as i, createElementVNode as m, createBlock as r, createCommentVNode as s, unref as a, createVNode as c, Fragment as Q, withCtx as F } from "vue";
-import { B as h, d as y, C as w, h as W, aF as X } from "./index-Bl4-MlMa.js";
-import { Cropper as Y } from "vue-advanced-cropper";
-import { _ as q } from "./OcIcon-BedshzZm.js";
-const Z = { class: "flex flex-col gap-y-5 relative" }, _ = ["src"], ee = {
-  key: 2,
-  class: "absolute top-0 bottom-0 right-0 left-0 flex items-center justify-center h-[300px]"
-}, le = { class: "flex gap-x-1 justify-center relative" }, te = { class: "grid grid-cols-2 gap-4" }, ae = {
-  key: 1,
-  class: "flex items-center gap-x-2 justify-normal"
-}, ie = { class: "w-auto" }, re = {
-  __name: "OcCropper",
-  props: {
-    inputOptions: Array,
-    inputOptionValues: Object,
-    img: String,
-    maxSize: [String, Number],
-    isReplaceImage: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  emits: ["changeImage", "update:input-options"],
-  setup(n, { emit: A }) {
-    const f = n, V = A, d = u(), C = u(), p = u(""), O = u(), z = u(!1), o = u(f.inputOptionValues ?? {}), b = M(() => {
-      var l;
-      return !((l = d.value) != null && l.initialized);
-    });
-    T(
-      () => f.inputOptionValues,
-      () => {
-        o.value = f.inputOptionValues;
-      },
-      {
-        deep: !0
-      }
-    ), T(
-      () => f.img,
-      (l) => {
-        l && P(() => {
-          try {
-            const e = new URL(l);
-            e.protocol === "http:" || e.protocol === "https:" ? p.value = `${l}?${Date.now()}` : p.value = l;
-          } catch {
-            p.value = l;
-          }
-        });
-      },
-      { immediate: !0 }
-    );
-    const G = () => {
-      if (p.value && z.value) {
-        const { canvas: l } = d.value.getResult(), e = !(d.value.image.width === l.width && d.value.image.height === l.height && !d.value.imageTransforms.rotate);
-        V("changeImage", {
-          url: l.toDataURL(),
-          cropper: {
-            isChanged: e,
-            file: O.value
-          }
-        });
-      }
-      z.value = !0;
-    }, U = (l) => {
-      var e;
-      return (e = d.value) == null ? void 0 : e.rotate(l);
-    }, I = (l) => {
-      var e;
-      return (e = d.value) == null ? void 0 : e.zoom(l);
-    }, H = () => {
-      C.value.click();
-    }, J = (l) => {
-      if (l.target.files[0] / (1024 * 1024) > +f.maxSize)
-        return l.preventDefault(), !1;
-      O.value = l.target.files[0], p.value = URL.createObjectURL(l.target.files[0]);
-    }, K = ({ imageSize: l, visibleArea: e }) => ({
-      width: (e || l).width,
-      height: (e || l).height
-    }), v = (l, e) => {
-      let g = o.value;
-      g[l] = e, V("update:input-options", g);
-    }, x = u(!!o.value.caption), $ = u(!!o.value.lightbox), L = u(!!o.value.new_tab);
-    return (l, e) => {
-      var g, R, B, S, j, E, N, D;
-      return i(), k("div", Z, [
-        m("input", {
-          id: "cropper-file-input",
-          ref_key: "fileUploadEl",
-          ref: C,
-          accept: "image/*",
-          type: "file",
-          class: "hidden",
-          onChange: J
-        }, null, 544),
-        p.value ? (i(), r(a(Y), {
-          key: 0,
-          ref_key: "cropper",
-          ref: d,
-          class: "w-full h-[300px]",
-          src: p.value,
-          "resize-image": { wheel: !1 },
-          "background-class": "cropper-background",
-          "default-size": K,
-          onChange: G
-        }, null, 8, ["src"])) : (i(), k("img", {
-          key: 1,
-          class: "w-full",
-          src: n.img
-        }, null, 8, _)),
-        b.value ? (i(), k("div", ee, [
-          c(a(q), {
-            name: "no-image",
-            width: 100,
-            height: 100
-          })
-        ])) : s("", !0),
-        m("div", le, [
-          p.value ? (i(), k(Q, { key: 0 }, [
-            c(a(h), {
-              variant: "secondary",
-              size: "small",
-              "left-icon": "backward",
-              "is-disabled": b.value,
-              onClick: e[0] || (e[0] = (t) => U(-90))
-            }, null, 8, ["is-disabled"]),
-            c(a(h), {
-              variant: "secondary",
-              size: "small",
-              "left-icon": "zoom-out",
-              "is-disabled": b.value,
-              onClick: e[1] || (e[1] = (t) => I(0.8))
-            }, null, 8, ["is-disabled"]),
-            c(a(h), {
-              variant: "secondary",
-              size: "small",
-              "left-icon": "zoom-in",
-              "is-disabled": b.value,
-              onClick: e[2] || (e[2] = (t) => I(1.2))
-            }, null, 8, ["is-disabled"]),
-            c(a(h), {
-              variant: "secondary",
-              size: "small",
-              "left-icon": "forward",
-              "is-disabled": b.value,
-              onClick: e[3] || (e[3] = (t) => U(90))
-            }, null, 8, ["is-disabled"])
-          ], 64)) : s("", !0),
-          n.isReplaceImage ? (i(), r(a(h), {
-            key: 1,
-            class: "absolute right-0",
-            variant: "secondary",
-            size: "small",
-            label: "Replace image",
-            "left-icon": "refresh",
-            onClick: H
-          })) : s("", !0)
-        ]),
-        m("div", te, [
-          (g = n.inputOptions) != null && g.includes("description") ? (i(), r(a(y), {
-            key: 0,
-            modelValue: o.value.description,
-            "onUpdate:modelValue": [
-              e[4] || (e[4] = (t) => o.value.description = t),
-              e[5] || (e[5] = (t) => v("description", t))
-            ],
-            label: "Describe Image",
-            placeholder: ""
-          }, null, 8, ["modelValue"])) : s("", !0),
-          (R = n.inputOptions) != null && R.includes("link") ? (i(), r(a(y), {
-            key: 1,
-            modelValue: o.value.link,
-            "onUpdate:modelValue": [
-              e[6] || (e[6] = (t) => o.value.link = t),
-              e[7] || (e[7] = (t) => v("link", t))
-            ],
-            placeholder: "https://hitpayapp.com",
-            label: "Link to"
-          }, null, 8, ["modelValue"])) : s("", !0),
-          m("div", null, [
-            (B = n.inputOptions) != null && B.includes("caption") ? (i(), r(a(w), {
-              key: 0,
-              modelValue: x.value,
-              "onUpdate:modelValue": e[8] || (e[8] = (t) => x.value = t),
-              label: "Caption",
-              class: "mb-4"
-            }, null, 8, ["modelValue"])) : s("", !0),
-            (S = n.inputOptions) != null && S.includes("caption") && x.value ? (i(), r(a(y), {
-              key: 1,
-              modelValue: o.value.caption,
-              "onUpdate:modelValue": [
-                e[9] || (e[9] = (t) => o.value.caption = t),
-                e[10] || (e[10] = (t) => v("caption", t))
-              ],
-              class: "mb-4",
-              placeholder: ""
-            }, null, 8, ["modelValue"])) : s("", !0),
-            (j = n.inputOptions) != null && j.includes("caption") && x.value ? (i(), r(a(W), {
-              key: 2,
-              "model-value": o.value.caption_variant,
-              "group-name": "caption_variant",
-              alignment: "horizontal",
-              radio: [
-                {
-                  value: "hover",
-                  label: "Show on hover"
-                },
-                {
-                  value: "bottom",
-                  label: "Show on bottom"
-                }
-              ],
-              label: "Caption position",
-              "onUpdate:modelValue": e[11] || (e[11] = (t) => v("caption_variant", t))
-            }, null, 8, ["model-value"])) : s("", !0)
-          ]),
-          m("div", null, [
-            (E = n.inputOptions) != null && E.includes("new_tab") ? (i(), r(a(w), {
-              key: 0,
-              modelValue: L.value,
-              "onUpdate:modelValue": [
-                e[12] || (e[12] = (t) => L.value = t),
-                e[13] || (e[13] = (t) => v("new_tab", t))
-              ],
-              label: "Open link in a new tab",
-              class: "mb-4"
-            }, null, 8, ["modelValue"])) : s("", !0),
-            (N = n.inputOptions) != null && N.includes("lightbox") ? (i(), k("div", ae, [
-              m("div", ie, [
-                (D = n.inputOptions) != null && D.includes("lightbox") ? (i(), r(a(w), {
-                  key: 0,
-                  modelValue: $.value,
-                  "onUpdate:modelValue": [
-                    e[14] || (e[14] = (t) => $.value = t),
-                    e[15] || (e[15] = (t) => v("lightbox", t))
-                  ],
-                  label: "Enable lightbox"
-                }, null, 8, ["modelValue"])) : s("", !0)
-              ]),
-              c(a(X), {
-                key: "lightbox-cropper-tooltip",
-                trigger: "hover",
-                "is-popover": "",
-                "popper-options": { strategy: "fixed" },
-                position: "bottom",
-                distance: 10,
-                skidding: 0,
-                "popper-class": "bg-oc-bg-light min-w-[125px]"
-              }, {
-                popper: F(() => [...e[16] || (e[16] = [
-                  m("div", { class: "text-oc-text-400 text-sm px-3 py-2 font-medium text-center" }, " Show lightbox when click the image ", -1)
-                ])]),
-                default: F(() => [
-                  c(a(q), {
-                    name: "question-mark",
-                    width: "16",
-                    height: "16",
-                    class: "text-oc-accent-1-500"
-                  })
-                ]),
-                _: 1
-              })
-            ])) : s("", !0)
-          ])
-        ])
-      ]);
-    };
-  }
-};
-export {
-  re as default
-};

package/dist/OcPopper-BSfMaOoF.js

@@ -1,101 +0,0 @@
-import { ref as n, onMounted as m, watch as y, createElementBlock as b, openBlock as i, createElementVNode as c, createBlock as v, renderSlot as d, Teleport as k, normalizeStyle as O, normalizeClass as h } from "vue";
-import { createPopper as B } from "@popperjs/core";
-const S = { class: "flex w-[inherit]" }, P = {
-  __name: "OcPopper",
-  props: {
-    placement: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Options passed to the `popper` from `https://popper.js.org/docs/v2/modifiers/`
-     */
-    popperOptions: {
-      type: Object
-    },
-    popperStyle: {
-      type: Object
-    },
-    skidding: {
-      type: Number,
-      default: 0
-    },
-    distance: {
-      type: [String, Number],
-      default: 5
-    },
-    isFlipEnabled: {
-      type: Boolean,
-      default: !0
-    },
-    popperClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    isAttachToBody: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  setup(r, { expose: u }) {
-    const a = n(), s = n(), o = n(), t = r, l = () => ({
-      placement: t.placement,
-      modifiers: [
-        {
-          name: "flip",
-          enabled: t.isFlipEnabled
-        },
-        {
-          name: "offset",
-          options: {
-            offset: [t.skidding, t.distance]
-          }
-        }
-      ],
-      ...t.popperOptions || []
-    }), f = (e) => {
-      var p;
-      return e && ((p = s.value) == null ? void 0 : p.contains(e));
-    };
-    return m(() => {
-      o.value = B(a.value, s.value, l()), setTimeout(() => {
-        var e;
-        return (e = o.value) == null ? void 0 : e.update();
-      }, 150);
-    }), y(
-      () => [t.popperOptions, t.placement, t.distance, t.skidding],
-      () => {
-        var e, p;
-        (e = o.value) == null || e.setOptions(l()), (p = o.value) == null || p.update();
-      },
-      { deep: !0 }
-    ), u({
-      popperInstance: o,
-      checkElementIsInsidePopper: f
-    }), (e, p) => (i(), b("div", S, [
-      c("div", {
-        ref_key: "reference",
-        ref: a,
-        class: "w-[inherit] flex"
-      }, [
-        d(e.$slots, "default")
-      ], 512),
-      (i(), v(k, {
-        to: "body",
-        disabled: !r.isAttachToBody
-      }, [
-        c("div", {
-          ref_key: "popper",
-          ref: s,
-          class: h([r.popperClass, "z-[1007]"]),
-          style: O(r.popperStyle)
-        }, [
-          d(e.$slots, "popper")
-        ], 6)
-      ], 8, ["disabled"]))
-    ]));
-  }
-};
-export {
-  P as _
-};