@orchidui/core 1.10.0 → 1.14.0

package/dist/{OcFilterForm-nlTSe35v.js → OcFilterForm-CNG0JY1X.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-C1jzdcW-.js";
+import { ref as r, computed as u, onMounted as B, openBlock as O, createElementBlock as k, renderSlot as $, createElementVNode as f, createVNode as c, unref as i } from "vue";
+import { u as w, B as m } from "./index-D8xMbiHG.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: {
@@ -29,10 +29,10 @@ const C = { class: "flex w-[326px] flex-col gap-y-5" }, A = { class: "max-h-[500
       typeof e.name == "object" ? e.name.forEach((o, h) => {
         a.value[o.key] = l[h];
       }) : a.value[e.name] = l, b(e.name);
-    }, g = c(() => Object.values(a.value).length > 0), F = c(() => {
+    }, g = u(() => Object.values(a.value).length > 0), F = u(() => {
       var e, l;
       return ((l = (e = s.actions) == null ? void 0 : e.applyButton) == null ? void 0 : l.label) || "Apply";
-    }), j = c(() => {
+    }), j = u(() => {
       var e, l;
       return ((l = (e = s.actions) == null ? void 0 : e.cancelButton) == null ? void 0 : l.label) || "Cancel";
     });
@@ -43,14 +43,14 @@ const C = { class: "flex w-[326px] flex-col gap-y-5" }, A = { class: "max-h-[500
       d("applyFilter", a.value), d("filter-fields-changed", n.value), n.value = [];
     };
     return (e, l) => (O(), k("div", C, [
-      w(e.$slots, "default", {
+      $(e.$slots, "default", {
         errors: p.value,
         values: a.value,
         jsonForm: t.jsonForm,
         updateForm: v
       }, () => [
         f("div", A, [
-          u(i($), {
+          c(i(w), {
             id: `filter-form-${t.id}`,
             class: "grid gap-5",
             errors: p.value,
@@ -62,13 +62,13 @@ const C = { class: "flex w-[326px] flex-col gap-y-5" }, A = { class: "max-h-[500
         ])
       ]),
       f("div", E, [
-        u(i(m), {
+        c(i(m), {
           class: "w-full",
           variant: "secondary",
           label: j.value,
           onClick: l[0] || (l[0] = (o) => e.$emit("cancel"))
         }, null, 8, ["label"]),
-        u(i(m), {
+        c(i(m), {
           class: "w-full",
           "is-disabled": !g.value,
           label: F.value,

package/dist/OcFilterSearch-zfIRpntJ.js

@@ -0,0 +1,117 @@
+import { ref as c, computed as B, openBlock as s, createElementBlock as u, Fragment as x, createElementVNode as i, normalizeClass as O, createVNode as m, unref as r, withKeys as K, createSlots as N, withCtx as v, renderList as Q, createBlock as f, toDisplayString as z, createCommentVNode as S, nextTick as D } from "vue";
+import { d as E, ay as F, az as I, B as w } from "./index-D8xMbiHG.js";
+import { _ as U } from "./OcIcon-CSpRxnwd.js";
+const j = { class: "flex gap-x-4" }, q = { class: "flex gap-x-2 items-center pl-2 text-oc-text-400 font-medium text-sm" }, A = { class: "p-2 flex flex-col" }, J = {
+  __name: "OcFilterSearch",
+  props: {
+    isSearchOnly: Boolean,
+    searchOptions: Array,
+    selectedOption: String
+  },
+  emits: {
+    addQuery: [],
+    toggle: [],
+    "change-search-key": []
+  },
+  setup(t, { emit: C }) {
+    const h = C, y = t, l = c(!1), o = c(""), d = c(!1), p = c(), V = async () => {
+      l.value = !0, h("toggle", l), await D(), p.value.focus();
+    }, $ = B(() => y.searchOptions.find((n) => n.value === y.selectedOption)), b = (n) => {
+      h("change-search-key", n), d.value = !1;
+    };
+    return (n, a) => {
+      var g, k;
+      return s(), u(x, null, [
+        i("div", {
+          class: O(["w-full", l.value || t.isSearchOnly ? "" : "absolute max-w-0 overflow-hidden"])
+        }, [
+          i("div", j, [
+            m(r(E), {
+              ref_key: "searchInput",
+              ref: p,
+              modelValue: o.value,
+              "onUpdate:modelValue": a[1] || (a[1] = (e) => o.value = e),
+              placeholder: "Search something here",
+              class: "md:min-w-[310px]",
+              icon: (g = t.searchOptions) != null && g.length ? "" : "search",
+              onKeyup: a[2] || (a[2] = K(
+                () => {
+                  n.$emit("addQuery", o.value);
+                },
+                ["enter"]
+              ))
+            }, N({ _: 2 }, [
+              (k = t.searchOptions) != null && k.length ? {
+                name: "trailing",
+                fn: v(() => [
+                  m(r(F), {
+                    modelValue: d.value,
+                    "onUpdate:modelValue": a[0] || (a[0] = (e) => d.value = e),
+                    distance: 12,
+                    skidding: -8
+                  }, {
+                    menu: v(() => [
+                      i("div", A, [
+                        (s(!0), u(x, null, Q(t.searchOptions, (e) => (s(), f(r(I), {
+                          key: e.value,
+                          class: "text-sm",
+                          text: e.label,
+                          active: e.value === t.selectedOption,
+                          onClick: (L) => b(e.value)
+                        }, null, 8, ["text", "active", "onClick"]))), 128))
+                      ])
+                    ]),
+                    default: v(() => {
+                      var e;
+                      return [
+                        i("div", q, [
+                          i("span", null, z((e = $.value) == null ? void 0 : e.label), 1),
+                          m(r(U), {
+                            name: "chevron-down",
+                            width: "14",
+                            height: "14"
+                          })
+                        ])
+                      ];
+                    }),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["modelValue", "icon"]),
+            t.isSearchOnly ? (s(), f(r(w), {
+              key: 0,
+              label: "Search",
+              variant: "secondary",
+              class: "shrink-0",
+              onClick: a[3] || (a[3] = () => {
+                n.$emit("addQuery", o.value), o.value = "";
+              })
+            })) : (s(), u("span", {
+              key: 1,
+              class: "py-3 text-base cursor-pointer flex normal-case items-center font-medium text-oc-text-400",
+              onClick: a[4] || (a[4] = () => {
+                l.value = !1, n.$emit("toggle", l.value), o.value = "";
+              })
+            }, " Clear "))
+          ])
+        ], 2),
+        t.isSearchOnly ? S("", !0) : (s(), u("div", {
+          key: 0,
+          class: O(l.value ? "max-w-0 overflow-hidden" : "")
+        }, [
+          l.value ? S("", !0) : (s(), f(r(w), {
+            key: 0,
+            variant: "secondary",
+            "left-icon": "search",
+            onClick: V
+          }))
+        ], 2))
+      ], 64);
+    };
+  }
+};
+export {
+  J as default
+};

package/dist/{OcFilterSearchFor-DHkl2S2H.js → OcFilterSearchFor-Ce2cg7uw.js}

@@ -1,6 +1,6 @@
 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, at as i } from "./index-C1jzdcW-.js";
-const N = { class: "flex gap-1 items-center normal-case flex-wrap" }, R = {
+import { M as y, at as i } from "./index-D8xMbiHG.js";
+const C = { class: "flex gap-1 items-center normal-case flex-wrap" }, R = {
   __name: "OcFilterSearchFor",
   props: {
     filters: Object,
@@ -34,7 +34,7 @@ const N = { class: "flex gap-1 items-center normal-case flex-wrap" }, R = {
       class: "!w-full !justify-start !bg-oc-bg-light"
     }, {
       default: x(() => [
-        f("div", N, [
+        f("div", C, [
           l[1] || (l[1] = f("span", { class: "pr-2 text-sm font-medium text-oc-text" }, "Search for:", -1)),
           (a(!0), v(b, null, p(s.queries, (e) => (a(), m(n(i), {
             key: e,

package/dist/{OcIcon-CJgBICxh.js → OcIcon-CSpRxnwd.js}

@@ -1,5 +1,5 @@
-import { ref as w, onMounted as h, watch as a, openBlock as d, createElementBlock as l } from "vue";
-const u = ["width", "height", "viewBox"], g = {
+import { ref as w, onMounted as h, watch as a, openBlock as d, createElementBlock as u } from "vue";
+const l = ["width", "height", "viewBox"], f = {
   __name: "OcIcon",
   props: {
     path: {
@@ -11,11 +11,11 @@ const u = ["width", "height", "viewBox"], g = {
       required: !0
     },
     width: {
-      type: String,
+      type: [String, Number],
       default: "24"
     },
     height: {
-      type: String,
+      type: [String, Number],
       default: "24"
     }
   },
@@ -48,16 +48,16 @@ const u = ["width", "height", "viewBox"], g = {
       () => {
         r();
       }
-    ), (n, e) => (d(), l("svg", {
+    ), (n, e) => (d(), u("svg", {
       ref_key: "iconRef",
       ref: o,
       width: `${t.width}px`,
       height: `${t.height}px`,
       viewBox: `0 0 ${t.width} ${t.height}`,
       xmlns: "http://www.w3.org/2000/svg"
-    }, null, 8, u));
+    }, null, 8, l));
   }
 };
 export {
-  g as _
+  f as _
 };

package/dist/OcModalCropper-CwFH7lyA.js

@@ -0,0 +1,52 @@
+import { ref as o, openBlock as v, createBlock as d, unref as r, withCtx as x, createVNode as O } from "vue";
+import { aA as b } from "./index-D8xMbiHG.js";
+import k from "./OcCropper-CvxnbkVg.js";
+const h = {
+  __name: "OcModalCropper",
+  props: {
+    inputOptions: Array,
+    inputOptionValues: Object,
+    img: String,
+    maxSize: [String, Number]
+  },
+  emits: ["changeImage", "close", "update:input-options"],
+  setup(e, { emit: l }) {
+    const c = e, t = l, p = o();
+    o();
+    const s = {
+      onClick: () => t("close")
+    }, n = o(), i = o(c.link), m = o({
+      label: "Save",
+      onClick: () => {
+        i.value && t("update:input-options", i.value), n.value ? t("changeImage", {
+          url: n.value,
+          cropper: p.value
+        }) : t("close");
+      }
+    }), g = (a) => {
+      n.value = a.url, p.value = a.cropper;
+    };
+    return (a, u) => (v(), d(r(b), {
+      id: "modal-cropper-overlay-wrapper",
+      title: "Edit Image",
+      "is-close-icon": "",
+      "cancel-button-props": s,
+      "confirm-button-props": m.value
+    }, {
+      default: x(() => [
+        O(r(k), {
+          "input-options": e.inputOptions,
+          "input-option-values": e.inputOptionValues,
+          img: e.img,
+          "max-size": e.maxSize,
+          onChangeImage: g,
+          "onUpdate:inputOptions": u[0] || (u[0] = (f) => i.value = f)
+        }, null, 8, ["input-options", "input-option-values", "img", "max-size"])
+      ]),
+      _: 1
+    }, 8, ["confirm-button-props"]));
+  }
+};
+export {
+  h as default
+};

package/dist/{OcPopper-BgjdqRiw.js → OcPopper-Bc96YXbS.js}

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

package/dist/{OcTimePicker-CP3DKZnI.js → OcTimePicker-Dxqp4zue.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 { ay as S, aI as h, e as D } from "./index-C1jzdcW-.js";
+import { ay as S, aI as h, d as D } from "./index-D8xMbiHG.js";
 import c from "dayjs";
 const w = {
   __name: "OcTimePicker",

package/dist/OcToggle-Cp5dJ5LN.js

@@ -0,0 +1,58 @@
+import { computed as s, openBlock as i, createElementBlock as r, createElementVNode as l, normalizeClass as o, toDisplayString as b, createCommentVNode as f } from "vue";
+import { _ as m } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const g = { class: "inline-flex items-center gap-3 h-fit" }, h = ["value", "checked"], p = `absolute top-0 left-0 border border-transparent hover:bg-oc-primary-300 hover:border-oc-primary-500 bg-oc-primary-100 rounded-full cursor-pointer transition-all duration-300
+ before:transition-all before:duration-300 before:absolute before:rounded-full before:bg-oc-bg-light`, x = {
+  __name: "OcToggle",
+  props: {
+    modelValue: Boolean,
+    disabled: Boolean,
+    size: {
+      type: String,
+      default: "default"
+    },
+    label: String
+  },
+  emits: {
+    "update:modelValue": []
+  },
+  setup(e, { emit: c }) {
+    const t = e, d = c, a = () => {
+      t.disabled || d("update:modelValue", !t.modelValue);
+    }, n = s(() => ({
+      default: "w-[42px] h-7",
+      small: "w-[26px] h-[15px]"
+    })), u = s(() => ({
+      default: "before:w-6 before:h-6 before:top-px before:left-px",
+      small: " before:w-4 before:h-4 before:top-[0.5px] before:left-[0.5px]"
+    }));
+    return (v, V) => (i(), r("div", g, [
+      l("label", {
+        class: o(["toggle-switch relative inline-block", [n.value[e.size], e.size, e.disabled ? "pointer-events-none" : ""]])
+      }, [
+        l("input", {
+          class: o(["toggle-input hidden", {
+            "is-checked": e.modelValue
+          }]),
+          value: e.modelValue,
+          checked: e.modelValue,
+          type: "checkbox",
+          onChange: a
+        }, null, 42, h),
+        l("span", {
+          class: o(["toggle-label", [p, n.value[e.size], u.value[e.size], {
+            "toggle-on-focus": !e.disabled && !e.modelValue,
+            "!bg-oc-accent-1-100 before:bg-oc-accent-1-50": e.disabled
+          }]])
+        }, null, 2)
+      ], 2),
+      e.label ? (i(), r("div", {
+        key: 0,
+        class: "text-sm cursor-pointer",
+        onClick: a
+      }, b(e.label), 1)) : f("", !0)
+    ]));
+  }
+}, z = /* @__PURE__ */ m(x, [["__scopeId", "data-v-23da89d0"]]);
+export {
+  z as T
+};

package/dist/Overlay/ConfirmationModal/OcConfirmationModal.js

@@ -1,4 +1,4 @@
-import { aw as r } from "../../index-C1jzdcW-.js";
+import { aw as r } from "../../index-D8xMbiHG.js";
 export {
   r as ConfirmationModal
 };

package/dist/Overlay/CopyTooltip/OcCopyTooltip.js

@@ -1,4 +1,4 @@
-import { ax as a } from "../../index-C1jzdcW-.js";
+import { ax as a } from "../../index-D8xMbiHG.js";
 export {
   a as CopyTooltip
 };

package/dist/Overlay/Dropdown/OcDropdown.js

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

package/dist/Overlay/Modal/OcModal.js

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

package/dist/Overlay/Popper/OcPopper.js

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

package/dist/Overlay/SupportMenu/OcSupportMenu.js

@@ -1,4 +1,4 @@
-import { aC as r } from "../../index-C1jzdcW-.js";
+import { aC as r } from "../../index-D8xMbiHG.js";
 export {
   r as SupportMenu
 };

package/dist/Overlay/Tooltip/OcTooltip.js

@@ -1,4 +1,4 @@
-import { aD as p } from "../../index-C1jzdcW-.js";
+import { aD as p } from "../../index-D8xMbiHG.js";
 export {
   p as Tooltip
 };

package/dist/Overlay/Whitelist/OcWhiteList.js

@@ -1,4 +1,4 @@
-import { aE as e } from "../../index-C1jzdcW-.js";
+import { aE as e } from "../../index-D8xMbiHG.js";
 export {
   e as WhiteList
 };

package/dist/{SubPlanCard-B_xqfv9l.js → SubPlanCard-B296VqWh.js}

@@ -1,7 +1,7 @@
 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 { at as _, B as w } from "./index-C1jzdcW-.js";
+import { at as _, B as w } from "./index-D8xMbiHG.js";
 import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { _ as F } from "./OcIcon-CJgBICxh.js";
+import { _ as F } from "./OcIcon-CSpRxnwd.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 }, $ = {
   __name: "SubPlanCard",
   props: {

package/dist/{ThumbnailSection-BwPHSKTb.js → ThumbnailSection-Cl94yarQ.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-C1jzdcW-.js";
+import { B as n } from "./index-D8xMbiHG.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-CEcfUgY7.js → ThumbnailTheme-CnXoXfVt.js}

@@ -1,6 +1,6 @@
 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-C1jzdcW-.js";
-import { _ as k } from "./OcIcon-CJgBICxh.js";
+import { B as d, at as v } from "./index-D8xMbiHG.js";
+import { _ as k } from "./OcIcon-CSpRxnwd.js";
 const x = { class: "w-full relative group" }, y = {
   key: 0,
   class: "m-auto"