@pequity/squirrel 1.0.20-beta.2 → 1.0.20-beta.3

package/dist/es/chunks/p-card.js

@@ -1,6 +1,8 @@
-import { defineComponent as s, openBlock as r, createElementBlock as o, renderSlot as l, normalizeClass as a, toDisplayString as i, createCommentVNode as d } from "vue";
-const p = { class: "border border-p-gray-30 bg-surface px-6 pt-6" }, n = "text-xl font-medium leading-none text-p-purple-60", u = /* @__PURE__ */ s({
-  name: "PCard",
+import { defineComponent, openBlock, createElementBlock, renderSlot, normalizeClass, toDisplayString, createCommentVNode } from "vue";
+const _hoisted_1 = { class: "border border-p-gray-30 bg-surface px-6 pt-6" };
+const titleClass = "text-xl font-medium leading-none text-p-purple-60";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "PCard" },
   __name: "p-card",
   props: {
     title: {
@@ -8,18 +10,20 @@ const p = { class: "border border-p-gray-30 bg-surface px-6 pt-6" }, n = "text-x
       default: ""
     }
   },
-  setup(e) {
-    return (t, c) => (r(), o("div", p, [
-      l(t.$slots, "title", { titleClass: n }, () => [
-        e.title ? (r(), o("div", {
-          key: 0,
-          class: a(n)
-        }, i(e.title), 1)) : d("", !0)
-      ]),
-      l(t.$slots, "default")
-    ]));
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        renderSlot(_ctx.$slots, "title", { titleClass }, () => [
+          __props.title ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(titleClass)
+          }, toDisplayString(__props.title), 1)) : createCommentVNode("", true)
+        ]),
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
   }
 });
 export {
-  u as _
+  _sfc_main as _
 };

package/dist/es/chunks/p-checkbox.js

@@ -1,22 +1,25 @@
-import { defineComponent as l, openBlock as n, createElementBlock as a } from "vue";
-const p = ["checked"], r = /* @__PURE__ */ l({
+import { defineComponent, openBlock, createElementBlock } from "vue";
+const _hoisted_1 = ["checked"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "p-checkbox",
   props: {
     modelValue: {
       type: Boolean,
-      default: !1
+      default: false
     }
   },
   emits: ["update:modelValue"],
-  setup(o) {
-    return (t, e) => (n(), a("input", {
-      type: "checkbox",
-      class: "cursor-pointer accent-p-blue-50",
-      checked: o.modelValue,
-      onChange: e[0] || (e[0] = (c) => t.$emit("update:modelValue", c.target.checked))
-    }, null, 40, p));
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("input", {
+        type: "checkbox",
+        class: "cursor-pointer accent-p-blue-50",
+        checked: __props.modelValue,
+        onChange: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event.target.checked))
+      }, null, 40, _hoisted_1);
+    };
   }
 });
 export {
-  r as _
+  _sfc_main as _
 };

package/dist/es/chunks/p-dropdown-select.js

@@ -1,25 +1,38 @@
-import { defineComponent as Se, ref as d, useAttrs as xe, computed as k, watch as be, onMounted as we, onUnmounted as Ce, resolveDirective as ke, openBlock as n, createElementBlock as i, normalizeClass as r, unref as e, normalizeStyle as S, toDisplayString as y, createCommentVNode as v, createVNode as R, mergeProps as T, withCtx as q, createElementVNode as a, isRef as Ae, Fragment as U, renderList as Z, withDirectives as W, renderSlot as V, vShow as Ie } from "vue";
-import ze from "../p-dropdown.js";
-import Me from "../p-input-search.js";
-import { SIZES as L } from "../p-select-list.js";
-import { omit as Te } from "lodash-es";
-import { splitStringForHighlight as Y } from "../text.js";
-import { toString as $ } from "../string.js";
-import { useInputClasses as Ve } from "../useInputClasses.js";
-import { useSelectList as Le } from "../useSelectList.js";
-const $e = "data:image/svg+xml,%3csvg%20width='18'%20height='12'%20viewBox='0%200%2018%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.1383%200.166992L6.30411%209.83366L1.69828%205.27533L0.526611%206.46033L5.71578%2011.597C5.87174%2011.7509%206.08205%2011.8372%206.3012%2011.8372C6.52034%2011.8372%206.73065%2011.7509%206.88661%2011.597L17.3033%201.35366L16.1383%200.166992Z'%20fill='%231A123B'%20/%3e%3c/svg%3e", Ne = ["data-has-error"], Be = {
+import { defineComponent, ref, useAttrs, computed, watch, onMounted, onUnmounted, resolveDirective, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, toDisplayString, createCommentVNode, createVNode, mergeProps, withCtx, createElementVNode, isRef, Fragment, renderList, withDirectives, renderSlot, vShow } from "vue";
+import PDropdown from "../p-dropdown.js";
+import PInputSearch from "../p-input-search.js";
+import { SIZES } from "../p-select-list.js";
+import { omit } from "lodash-es";
+import { splitStringForHighlight } from "../text.js";
+import { toString } from "../string.js";
+import { useInputClasses } from "../useInputClasses.js";
+import { useSelectList } from "../useSelectList.js";
+const _imports_0 = "data:image/svg+xml,%3csvg%20width='18'%20height='12'%20viewBox='0%200%2018%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.1383%200.166992L6.30411%209.83366L1.69828%205.27533L0.526611%206.46033L5.71578%2011.597C5.87174%2011.7509%206.08205%2011.8372%206.3012%2011.8372C6.52034%2011.8372%206.73065%2011.7509%206.88661%2011.597L17.3033%201.35366L16.1383%200.166992Z'%20fill='%231A123B'%20/%3e%3c/svg%3e";
+const _hoisted_1 = ["data-has-error"];
+const _hoisted_2 = {
   key: 0,
   class: "truncate text-left text-p-gray-40"
-}, De = { class: "truncate text-left" }, Oe = {
+};
+const _hoisted_3 = { class: "truncate text-left" };
+const _hoisted_4 = {
   key: 0,
   class: "mt-3 px-3"
-}, Pe = { class: "text-p-purple-60" }, je = { class: "flex flex-row" }, Ee = /* @__PURE__ */ a("span", { class: "px-1 leading-none" }, ".", -1), Fe = ["onClick"], He = ["title"], Re = {
+};
+const _hoisted_5 = { class: "text-p-purple-60" };
+const _hoisted_6 = { class: "flex flex-row" };
+const _hoisted_7 = /* @__PURE__ */ createElementVNode("span", { class: "px-1 leading-none" }, ".", -1);
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = ["title"];
+const _hoisted_10 = {
   key: 0,
   class: "ml-auto fill-p-purple-60 pl-2",
-  src: $e
-}, Xe = /* @__PURE__ */ Se({
-  name: "PDropdownSelect",
-  inheritAttrs: !1,
+  src: _imports_0
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "PDropdownSelect",
+    inheritAttrs: false
+  },
   __name: "p-dropdown-select",
   props: {
     modelValue: {
@@ -33,7 +46,7 @@ const $e = "data:image/svg+xml,%3csvg%20width='18'%20height='12'%20viewBox='0%20
      */
     valueIsObject: {
       type: Boolean,
-      default: !1
+      default: false
     },
     /**
      * Can be an array of objects or array of strings. When using objects, will look for a text - value pair.
@@ -53,13 +66,13 @@ const $e = "data:image/svg+xml,%3csvg%20width='18'%20height='12'%20viewBox='0%20
     },
     required: {
       type: Boolean,
-      default: !1
+      default: false
     },
     size: {
       type: String,
       default: "md",
-      validator(t) {
-        return Object.keys(L).includes(t);
+      validator(value) {
+        return Object.keys(SIZES).includes(value);
       }
     },
     /**
@@ -109,14 +122,14 @@ const $e = "data:image/svg+xml,%3csvg%20width='18'%20height='12'%20viewBox='0%20
     },
     searchable: {
       type: Boolean,
-      default: !1
+      default: false
     },
     /**
      * Enables multiple selection
      */
     multiple: {
       type: Boolean,
-      default: !1
+      default: false
     },
     /**
      * Dropdown button text
@@ -137,230 +150,266 @@ const $e = "data:image/svg+xml,%3csvg%20width='18'%20height='12'%20viewBox='0%20
      */
     selectedTopShown: {
       type: Boolean,
-      default: !1
+      default: false
     }
   },
   emits: ["update:modelValue", "select"],
-  setup(t, { emit: G }) {
-    const J = G, m = t, K = () => new Promise((o) => requestAnimationFrame(() => requestAnimationFrame(o))), Q = (o) => new Promise((s) => setTimeout(s, o || 0)), X = {
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    const nextFrame = () => new Promise((resolve) => requestAnimationFrame(() => requestAnimationFrame(resolve)));
+    const nextLoop = (ms) => new Promise((resolve) => setTimeout(resolve, ms || 0));
+    const P_DROPDOWN_DEFAULTS = {
       triggerStyle: { display: "block" },
       triggers: [],
       distance: 2,
       placement: "bottom-end",
-      noAutoFocus: !0,
-      enableArrowNavigation: !1
-    }, N = d("auto"), _ = d({ paddingTop: 0, paddingBottom: 0 }), p = d(!1);
-    let x = null;
-    const B = d({ maxHeight: "none" }), h = d(null), A = d(null), D = d(null), b = xe(), O = d(null), { labelClasses: ee, selectClasses: te, errorMsgClasses: le } = Ve(m), {
-      LIST_ITEM_CLASS: se,
-      LIST_ITEM_ACTIVE_CLASS: oe,
-      selectedItems: u,
-      computedItems: w,
-      computedItemSize: ne,
-      computedInsideSelected: ie,
-      internalItems: P,
-      internalValue: ae,
-      search: f,
-      rowVirtualizer: j,
-      getValue: g,
-      getText: I,
-      isSelected: z,
-      setupNavigationSvc: re,
-      destroyNavigationSvc: ue,
-      select: ce,
-      onMousemove: E,
-      scrollToActiveItem: de,
-      putSelectedItemsOnTop: me,
-      selectAll: C,
-      clearAll: F
-    } = Le(m, A, O, J), pe = k(() => Te(m.dropdownMenuAttrs, ["class", "style"])), fe = k(() => ({ ...m.dropdownMenuStyle, width: N.value })), ye = k(() => {
-      const { class: o, style: s, ...c } = b;
-      return c;
-    }), ve = k(() => b.style);
-    be(
-      p,
-      (o) => {
-        o && me();
+      noAutoFocus: true,
+      enableArrowNavigation: false
+    };
+    const width = ref("auto");
+    const listItemStyle = ref({ paddingTop: 0, paddingBottom: 0 });
+    const dropdownShow = ref(false);
+    let observer = null;
+    const scrollerStyle = ref({ maxHeight: "none" });
+    const formControl = ref(null);
+    const inputSearch = ref(null);
+    const actionsContainer = ref(null);
+    const $attrs = useAttrs();
+    const virtualizerRef = ref(null);
+    const { labelClasses, selectClasses, errorMsgClasses } = useInputClasses(props);
+    const {
+      LIST_ITEM_CLASS,
+      LIST_ITEM_ACTIVE_CLASS,
+      selectedItems,
+      computedItems,
+      computedItemSize,
+      computedInsideSelected,
+      internalItems,
+      internalValue,
+      search,
+      rowVirtualizer,
+      getValue,
+      getText,
+      isSelected,
+      setupNavigationSvc,
+      destroyNavigationSvc,
+      select,
+      onMousemove,
+      scrollToActiveItem,
+      putSelectedItemsOnTop,
+      selectAll,
+      clearAll
+    } = useSelectList(props, inputSearch, virtualizerRef, emit);
+    const menuAttrs = computed(() => omit(props.dropdownMenuAttrs, ["class", "style"]));
+    const menuStyle = computed(() => ({ ...props.dropdownMenuStyle, width: width.value }));
+    const attrs = computed(() => {
+      const { class: classes, style: style2, ...rest } = $attrs;
+      return rest;
+    });
+    const style = computed(() => $attrs.style);
+    watch(
+      dropdownShow,
+      (nV) => {
+        nV && putSelectedItemsOnTop();
       },
       {
-        immediate: !0
+        immediate: true
       }
-    ), we(() => {
-      x = new ResizeObserver((o) => {
-        o.forEach((s) => {
-          const c = s.contentRect;
-          N.value = c.width + "px" || "auto";
+    );
+    onMounted(() => {
+      observer = new ResizeObserver((entries) => {
+        entries.forEach((entry) => {
+          const rect = entry.contentRect;
+          width.value = rect.width + "px" || "auto";
         });
-      }), x.observe(h.value);
-    }), Ce(() => {
-      h.value && x && x.unobserve(h.value);
+      });
+      observer.observe(formControl.value);
+    });
+    onUnmounted(() => {
+      formControl.value && observer && observer.unobserve(formControl.value);
     });
-    const he = async () => {
-      var s, c;
-      const o = ((s = D.value) == null ? void 0 : s.clientHeight) || 0;
-      B.value = { maxHeight: `${ne.value * m.itemsVisible - o}px` }, f.value = "", re(), m.searchable && (await Q(), await K(), (c = A.value) == null || c.$el.querySelector("input").focus()), de();
-    }, ge = () => {
-      var o;
-      p.value = !1, ue(), ((o = h.value) == null ? void 0 : o.querySelector("button")).focus();
+    const onShow = async () => {
+      var _a, _b;
+      const actionsContainerHeight = ((_a = actionsContainer.value) == null ? void 0 : _a.clientHeight) || 0;
+      scrollerStyle.value = { maxHeight: `${computedItemSize.value * props.itemsVisible - actionsContainerHeight}px` };
+      search.value = "";
+      setupNavigationSvc();
+      if (props.searchable) {
+        await nextLoop();
+        await nextFrame();
+        (_b = inputSearch.value) == null ? void 0 : _b.$el.querySelector("input").focus();
+      }
+      scrollToActiveItem();
+    };
+    const onHide = () => {
+      var _a;
+      dropdownShow.value = false;
+      destroyNavigationSvc();
+      ((_a = formControl.value) == null ? void 0 : _a.querySelector("button")).focus();
     };
-    return (o, s) => {
-      const c = ke("close-popper");
-      return n(), i("div", {
+    return (_ctx, _cache) => {
+      const _directive_close_popper = resolveDirective("close-popper");
+      return openBlock(), createElementBlock("div", {
         ref_key: "formControl",
-        ref: h,
-        class: r([{ hidden: e(b).hidden }, e(b).class]),
-        "data-has-error": !!t.errorMsg,
-        style: S(ve.value),
+        ref: formControl,
+        class: normalizeClass([{ hidden: unref($attrs).hidden }, unref($attrs).class]),
+        "data-has-error": !!__props.errorMsg,
+        style: normalizeStyle(style.value),
         "aria-label": "Dropdown select"
       }, [
-        t.label ? (n(), i("label", {
+        __props.label ? (openBlock(), createElementBlock("label", {
           key: 0,
-          class: r(e(ee))
-        }, y(t.label), 3)) : v("", !0),
-        R(ze, T({ shown: p.value }, { ...X, ...t.pDropdownProps }, {
+          class: normalizeClass(unref(labelClasses))
+        }, toDisplayString(__props.label), 3)) : createCommentVNode("", true),
+        createVNode(PDropdown, mergeProps({ shown: dropdownShow.value }, { ...P_DROPDOWN_DEFAULTS, ...__props.pDropdownProps }, {
           class: "relative flex w-full items-center justify-center",
-          onApplyShow: he,
-          onApplyHide: ge
+          onApplyShow: onShow,
+          onApplyHide: onHide
         }), {
-          popper: q(() => [
-            a("div", T(pe.value, {
-              class: t.dropdownMenuClass,
-              style: fe.value,
+          popper: withCtx(() => [
+            createElementVNode("div", mergeProps(menuAttrs.value, {
+              class: __props.dropdownMenuClass,
+              style: menuStyle.value,
               "p-select-list": "",
               role: "listbox"
             }), [
-              t.multiple || t.searchable ? (n(), i("div", Oe, [
-                t.multiple ? (n(), i("div", {
+              __props.multiple || __props.searchable ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                __props.multiple ? (openBlock(), createElementBlock("div", {
                   key: 0,
                   ref_key: "actionsContainer",
-                  ref: D,
+                  ref: actionsContainer,
                   class: "flex flex-row justify-between text-xs font-semibold text-primary"
                 }, [
-                  a("p", Pe, y(e(w).length) + " items", 1),
-                  a("div", je, [
-                    e(w).length === e(P).length ? (n(), i("a", {
+                  createElementVNode("p", _hoisted_5, toDisplayString(unref(computedItems).length) + " items", 1),
+                  createElementVNode("div", _hoisted_6, [
+                    unref(computedItems).length === unref(internalItems).length ? (openBlock(), createElementBlock("a", {
                       key: 0,
-                      class: r([
-                        e(u).length !== e(P).length ? "cursor-pointer" : "pointer-events-none opacity-50"
+                      class: normalizeClass([
+                        unref(selectedItems).length !== unref(internalItems).length ? "cursor-pointer" : "pointer-events-none opacity-50"
                       ]),
-                      onClick: s[1] || (s[1] = //@ts-ignore
-                      (...l) => e(C) && e(C)(...l))
-                    }, " Select all ", 2)) : (n(), i("a", {
+                      onClick: _cache[1] || (_cache[1] = //@ts-ignore
+                      (...args) => unref(selectAll) && unref(selectAll)(...args))
+                    }, " Select all ", 2)) : (openBlock(), createElementBlock("a", {
                       key: 1,
-                      class: r([e(ie) ? "pointer-events-none opacity-50" : "cursor-pointer"]),
-                      onClick: s[2] || (s[2] = //@ts-ignore
-                      (...l) => e(C) && e(C)(...l))
+                      class: normalizeClass([unref(computedInsideSelected) ? "pointer-events-none opacity-50" : "cursor-pointer"]),
+                      onClick: _cache[2] || (_cache[2] = //@ts-ignore
+                      (...args) => unref(selectAll) && unref(selectAll)(...args))
                     }, " Select all filtered ", 2)),
-                    Ee,
-                    a("a", {
-                      class: r([e(u).length ? "cursor-pointer" : "pointer-events-none opacity-50"]),
-                      onClick: s[3] || (s[3] = //@ts-ignore
-                      (...l) => e(F) && e(F)(...l))
+                    _hoisted_7,
+                    createElementVNode("a", {
+                      class: normalizeClass([unref(selectedItems).length ? "cursor-pointer" : "pointer-events-none opacity-50"]),
+                      onClick: _cache[3] || (_cache[3] = //@ts-ignore
+                      (...args) => unref(clearAll) && unref(clearAll)(...args))
                     }, " Clear all ", 2)
                   ])
-                ], 512)) : v("", !0),
-                t.searchable ? (n(), i("div", {
+                ], 512)) : createCommentVNode("", true),
+                __props.searchable ? (openBlock(), createElementBlock("div", {
                   key: 1,
-                  class: r([{ "mt-3": t.multiple }])
+                  class: normalizeClass([{ "mt-3": __props.multiple }])
                 }, [
-                  R(Me, {
+                  createVNode(PInputSearch, {
                     ref_key: "inputSearch",
-                    ref: A,
-                    modelValue: e(f),
-                    "onUpdate:modelValue": s[4] || (s[4] = (l) => Ae(f) ? f.value = l : null),
-                    size: t.size,
-                    placeholder: t.placeholderSearch
+                    ref: inputSearch,
+                    modelValue: unref(search),
+                    "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRef(search) ? search.value = $event : null),
+                    size: __props.size,
+                    placeholder: __props.placeholderSearch
                   }, null, 8, ["modelValue", "size", "placeholder"])
-                ], 2)) : v("", !0)
-              ])) : v("", !0),
-              a("div", {
+                ], 2)) : createCommentVNode("", true)
+              ])) : createCommentVNode("", true),
+              createElementVNode("div", {
                 ref_key: "virtualizerRef",
-                ref: O,
-                style: S(B.value),
-                class: r(["overflow-y-auto", { "mt-3": t.multiple || t.searchable }])
+                ref: virtualizerRef,
+                style: normalizeStyle(scrollerStyle.value),
+                class: normalizeClass(["overflow-y-auto", { "mt-3": __props.multiple || __props.searchable }])
               }, [
-                a("div", {
+                createElementVNode("div", {
                   class: "relative w-full",
                   "p-select-list-options": "",
-                  style: S({ height: `${e(j).getTotalSize()}px` }),
-                  onMousemove: s[5] || (s[5] = //@ts-ignore
-                  (...l) => e(E) && e(E)(...l))
+                  style: normalizeStyle({ height: `${unref(rowVirtualizer).getTotalSize()}px` }),
+                  onMousemove: _cache[5] || (_cache[5] = //@ts-ignore
+                  (...args) => unref(onMousemove) && unref(onMousemove)(...args))
                 }, [
-                  (n(!0), i(U, null, Z(e(j).getVirtualItems(), (l) => (n(), i("div", {
-                    key: l.index,
-                    class: "absolute left-0 top-0 w-full",
-                    "p-select-list-option": "",
-                    role: "option",
-                    style: S({ height: `${l.size}px`, transform: `translateY(${l.start}px)` })
-                  }, [
-                    W((n(), i("div", {
-                      class: r([e(se), { [e(oe)]: e(z)(e(g)(l.index)) }]),
-                      "p-select-list-option-item": "",
-                      style: S(_.value),
-                      onClick: (M) => e(ce)(M, e(g)(l.index))
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(rowVirtualizer).getVirtualItems(), (row) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: row.index,
+                      class: "absolute left-0 top-0 w-full",
+                      "p-select-list-option": "",
+                      role: "option",
+                      style: normalizeStyle({ height: `${row.size}px`, transform: `translateY(${row.start}px)` })
                     }, [
-                      a("div", {
-                        class: r(["flex items-center", { [e(L)[t.size]]: !t.itemSize }])
+                      withDirectives((openBlock(), createElementBlock("div", {
+                        class: normalizeClass([unref(LIST_ITEM_CLASS), { [unref(LIST_ITEM_ACTIVE_CLASS)]: unref(isSelected)(unref(getValue)(row.index)) }]),
+                        "p-select-list-option-item": "",
+                        style: normalizeStyle(listItemStyle.value),
+                        onClick: ($event) => unref(select)($event, unref(getValue)(row.index))
                       }, [
-                        V(o.$slots, "item", {
-                          item: e(w)[l.index],
-                          isItemSelected: e(z)(e(g)(l.index)),
-                          itemTextSplit: e(Y)(e($)(e(I)(l.index)), e(f))
-                        }, () => [
-                          a("div", {
-                            class: "truncate text-p-purple-60",
-                            title: e($)(e(I)(l.index))
-                          }, [
-                            (n(!0), i(U, null, Z(e(Y)(e($)(e(I)(l.index)), e(f)), (M, H) => (n(), i("span", {
-                              key: `${e(g)(l.index)}_${H}`,
-                              class: r({ "bg-p-blue-20": H === 1 })
-                            }, y(M), 3))), 128))
-                          ], 8, He)
-                        ]),
-                        e(z)(e(g)(l.index)) ? (n(), i("img", Re)) : v("", !0)
-                      ], 2)
-                    ], 14, Fe)), [
-                      [c, !t.multiple]
-                    ])
-                  ], 4))), 128))
+                        createElementVNode("div", {
+                          class: normalizeClass(["flex items-center", { [unref(SIZES)[__props.size]]: !__props.itemSize }])
+                        }, [
+                          renderSlot(_ctx.$slots, "item", {
+                            item: unref(computedItems)[row.index],
+                            isItemSelected: unref(isSelected)(unref(getValue)(row.index)),
+                            itemTextSplit: unref(splitStringForHighlight)(unref(toString)(unref(getText)(row.index)), unref(search))
+                          }, () => [
+                            createElementVNode("div", {
+                              class: "truncate text-p-purple-60",
+                              title: unref(toString)(unref(getText)(row.index))
+                            }, [
+                              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(splitStringForHighlight)(unref(toString)(unref(getText)(row.index)), unref(search)), (str, index) => {
+                                return openBlock(), createElementBlock("span", {
+                                  key: `${unref(getValue)(row.index)}_${index}`,
+                                  class: normalizeClass({ "bg-p-blue-20": index === 1 })
+                                }, toDisplayString(str), 3);
+                              }), 128))
+                            ], 8, _hoisted_9)
+                          ]),
+                          unref(isSelected)(unref(getValue)(row.index)) ? (openBlock(), createElementBlock("img", _hoisted_10)) : createCommentVNode("", true)
+                        ], 2)
+                      ], 14, _hoisted_8)), [
+                        [_directive_close_popper, !__props.multiple]
+                      ])
+                    ], 4);
+                  }), 128))
                 ], 36),
-                e(w).length ? v("", !0) : V(o.$slots, "no-items", { key: 0 }, () => [
-                  a("div", {
-                    class: r(["flex items-center justify-center", e(L)[t.size]])
+                !unref(computedItems).length ? renderSlot(_ctx.$slots, "no-items", { key: 0 }, () => [
+                  createElementVNode("div", {
+                    class: normalizeClass(["flex items-center justify-center", unref(SIZES)[__props.size]])
                   }, "No items found", 2)
-                ])
+                ]) : createCommentVNode("", true)
               ], 6)
             ], 16)
           ]),
-          default: q(() => [
-            a("button", T(ye.value, {
+          default: withCtx(() => [
+            createElementVNode("button", mergeProps(attrs.value, {
               ref: "button",
               type: "button",
-              class: ["w-full", e(te), p.value ? "border-primary" : ""],
+              class: ["w-full", unref(selectClasses), dropdownShow.value ? "border-primary" : ""],
               role: "button",
               "aria-haspopup": "listbox",
-              onClick: s[0] || (s[0] = (l) => p.value = !p.value)
+              onClick: _cache[0] || (_cache[0] = ($event) => dropdownShow.value = !dropdownShow.value)
             }), [
-              !e(ae).length || !e(u).length ? (n(), i("div", Be, y(t.placeholder || " "), 1)) : V(o.$slots, "selected-item", {
+              !unref(internalValue).length || !unref(selectedItems).length ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(__props.placeholder || " "), 1)) : renderSlot(_ctx.$slots, "selected-item", {
                 key: 1,
-                item: t.multiple ? e(u) : e(u)[0]
+                item: __props.multiple ? unref(selectedItems) : unref(selectedItems)[0]
               }, () => [
-                a("div", De, y(t.multiple && e(u).length > 1 ? `${e(u).length} option${e(u).length > 1 ? "s" : ""} selected` : e(u)[0][t.itemText]), 1)
+                createElementVNode("div", _hoisted_3, toDisplayString(__props.multiple && unref(selectedItems).length > 1 ? `${unref(selectedItems).length} option${unref(selectedItems).length > 1 ? "s" : ""} selected` : unref(selectedItems)[0][__props.itemText]), 1)
               ])
             ], 16)
           ]),
           _: 3
         }, 16, ["shown"]),
-        W(a("div", {
-          class: r(e(le))
-        }, y(t.errorMsg), 3), [
-          [Ie, t.errorMsg]
+        withDirectives(createElementVNode("div", {
+          class: normalizeClass(unref(errorMsgClasses))
+        }, toDisplayString(__props.errorMsg), 3), [
+          [vShow, __props.errorMsg]
         ])
-      ], 14, Ne);
+      ], 14, _hoisted_1);
     };
   }
 });
 export {
-  $e as _,
-  Xe as a
+  _imports_0 as _,
+  _sfc_main as a
 };