@orchidui/core 1.20.1-16 → 1.20.1-2

package/dist/OcFilterSearch-bnEe1aJ3.js

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