@orchidui/core 1.12.0 → 1.14.0

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-Cp5A8V3q.js → OcFilterSearchFor-Ce2cg7uw.js}

@@ -1,5 +1,5 @@
 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 { M as y, at as i } from "./index-CyWu4Omf.js";
+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: {

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/{OcTimePicker-C9jC3YUX.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, d as D } from "./index-CyWu4Omf.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/Overlay/ConfirmationModal/OcConfirmationModal.js

@@ -1,4 +1,4 @@
-import { aw as r } from "../../index-CyWu4Omf.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-CyWu4Omf.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-CyWu4Omf.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-CyWu4Omf.js";
+import { aA as d, aB as e } from "../../index-D8xMbiHG.js";
 export {
   d as Modal,
   e as OcModalPage

package/dist/Overlay/SupportMenu/OcSupportMenu.js

@@ -1,4 +1,4 @@
-import { aC as r } from "../../index-CyWu4Omf.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-CyWu4Omf.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-CyWu4Omf.js";
+import { aE as e } from "../../index-D8xMbiHG.js";
 export {
   e as WhiteList
 };

package/dist/{SubPlanCard-DWLm64NL.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-CyWu4Omf.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-C3R6IBMF.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-CyWu4Omf.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-zfUW5cmt.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-CyWu4Omf.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"