@pantograph/vue 0.23.28 → 0.23.30

package/dist/{Combobox.vue_vue_type_style_index_0_lang-DXKRCrNG.js → Combobox.vue_vue_type_style_index_0_lang-DesiLm3f.js}

@@ -1,114 +1,110 @@
-import { computed as m, unref as D, defineComponent as le, createBlock as xe, openBlock as ue, mergeProps as Ke, withCtx as ve, createElementBlock as Re, createVNode as Ne, h as l, normalizeClass as Ye, renderSlot as Ae, ref as Ve, watch as $e, useSlots as Je, useAttrs as Qe, createSlots as Xe, renderList as Ze, normalizeProps as et, guardReactiveProps as tt } from "vue";
-import { createContext as Fe, ComboboxInput as ot, ComboboxAnchor as nt, injectComboboxRootContext as at, useFilter as rt, ComboboxPortal as lt, ComboboxContent as st, useEmitAsProps as it, ComboboxRoot as pt } from "reka-ui";
-import { g as ut, h as re, o as ct, f as Me, j as dt } from "./FormItem.vue_vue_type_style_index_0_lang-BpgRONei.js";
-import { a as Oe, g as gt } from "./options-D4et5euX.js";
-import { getBemBlock as mt, getBemElement as k, generateVariantClassList as H } from "@pantograph/utils";
-import { a as he, i as A, b as Se, u as ft, d as Le } from "./index-jwkhq8oW.js";
-import { cva as Be } from "class-variance-authority";
-import { a as vt, l as ht, o as De } from "./omit-BuBwx_M2.js";
-import { _ as bt } from "./Empty.vue_vue_type_style_index_0_lang-jfObDGf0.js";
-import { _ as yt } from "./Skeleton.vue_vue_type_style_index_0_lang-Xi8CteLp.js";
+import { computed as m, unref as D, defineComponent as re, createBlock as xe, openBlock as ue, mergeProps as Ke, withCtx as he, createElementBlock as Re, createVNode as Ne, h as r, normalizeClass as Ye, renderSlot as Ae, ref as Ve, watch as $e, useSlots as Je, useAttrs as Qe, createSlots as Xe, renderList as Ze, normalizeProps as et, guardReactiveProps as tt } from "vue";
+import { createContext as Fe, ComboboxInput as ot, ComboboxAnchor as nt, injectComboboxRootContext as at, useFilter as lt, ComboboxPortal as rt, ComboboxContent as st, useEmitAsProps as it, ComboboxRoot as pt } from "reka-ui";
+import { B as ut, q as ct, C as dt, s as le, u as ae, k as Oe, j as U, g as gt, h as mt, f as ft, o as Le, x as vt, r as ht, l as Me, t as bt } from "./Icon.vue_vue_type_style_index_0_lang-CoGeYkwL.js";
+import { a as Be, g as yt } from "./options-D4et5euX.js";
+import { getBemBlock as Ct, getBemElement as B, generateVariantClassList as H } from "@pantograph/utils";
+import { i as ce, f as A, a as Se, u as Vt, c as De } from "./index-C7THkhcc.js";
+import { cva as Pe } from "class-variance-authority";
+import { _ as _t } from "./Empty.vue_vue_type_style_index_0_lang-Bh1RXTPu.js";
+import { _ as xt } from "./Skeleton.vue_vue_type_style_index_0_lang-Xi8CteLp.js";
 import { _ as _e } from "./Divider.vue_vue_type_style_index_0_lang-B6fQsp1Y.js";
-import { b as U, f as Ct, a as Vt, i as _t, d as xt } from "./element-BfQuKSll.js";
-import { u as St, U as Ot } from "./useInputDataStates-0nK-AuOK.js";
+import { u as St, U as Ot } from "./useInputDataStates-Dbevvx51.js";
 import { u as Bt } from "./useLazyLoading-Zo-PEp2E.js";
-import { g as Pt, b as It } from "./Popover.vue_vue_type_style_index_0_lang-DyIDJxIC.js";
-import { _ as kt } from "./ScrollContainer.vue_vue_type_style_index_0_lang-DfMU1mTu.js";
-import { _ as Tt } from "./Tree.vue_vue_type_style_index_0_lang-E0A2gSV2.js";
-import { u as we } from "./uniq-Cxafs-eV.js";
-import { i as ae } from "./isEmpty-wdqPTIXx.js";
-import { _ as zt } from "./Chip.vue_vue_type_style_index_0_lang-DXsCoBle.js";
-import { _ as Mt } from "./ChipGroup.vue_vue_type_style_index_0_lang-R-SmBNur.js";
-import { _ as Pe } from "./Icon.vue_vue_type_style_index_0_lang-CbLL-Ngi.js";
-import { d as Lt, _ as We } from "./Avatar.vue_vue_type_style_index_0_lang-DRTI7zpy.js";
-import { _ as Dt } from "./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-C3LfQ7iN.js";
-import { _ as Ge } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-Cm_eOjGc.js";
-import { _ as wt } from "./Input.vue_vue_type_style_index_0_lang-oEQu3uIk.js";
+import { g as Pt, b as It } from "./Popover.vue_vue_type_style_index_0_lang-V2fpykO-.js";
+import { _ as kt } from "./ScrollContainer.vue_vue_type_style_index_0_lang-BAxwM8rQ.js";
+import { _ as Tt } from "./Tree.vue_vue_type_style_index_0_lang-_3b0V0EZ.js";
+import { u as we } from "./uniq-qxEaR7zg.js";
+import { _ as zt } from "./Chip.vue_vue_type_style_index_0_lang-BK96m8QS.js";
+import { _ as Lt } from "./ChipGroup.vue_vue_type_style_index_0_lang-Deu3foBm.js";
+import { d as Mt, _ as We } from "./Avatar.vue_vue_type_style_index_0_lang-CG3qZwml.js";
+import { _ as Dt } from "./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-C7e0n3EP.js";
+import { _ as Ge } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-Co71MPdO.js";
+import { _ as wt } from "./Input.vue_vue_type_style_index_0_lang-DmQw8XIX.js";
 import { whenever as Et, useVModel as Kt } from "@vueuse/core";
 import { last as Rt } from "lodash-es";
-import { a as Nt } from "./MenuItem.vue_vue_type_style_index_0_lang-7T_SPKSm.js";
+import { a as Nt } from "./MenuItem.vue_vue_type_style_index_0_lang-CzqHUjTB.js";
 import "@iconify/vue";
-import { _ as At } from "./Checkbox.vue_vue_type_style_index_0_lang-aDK0Pvm-.js";
+import { _ as At } from "./Checkbox.vue_vue_type_style_index_0_lang-BQz71n-J.js";
 import "@pantograph/tokens";
-const [Ie, $t] = Fe("Combobox"), [Ft, Wt] = Fe("_Combobox"), E = mt("combobox");
+const [Ie, $t] = Fe("Combobox"), [Ft, Wt] = Fe("_Combobox"), E = Ct("combobox");
 var Gt = 1 / 0;
-function Ut(u) {
-  var o = u == null ? 0 : u.length;
-  return o ? vt(u, Gt) : [];
+function Ut(s) {
+  var o = s == null ? 0 : s.length;
+  return o ? ut(s, Gt) : [];
 }
-const fe = (u) => ut(u) || he(u);
+const ve = (s) => ct(s) || ce(s);
 function jt({
-  getValue: u,
+  getValue: s,
   arr: o,
   getChildren: t
 }) {
-  const e = [], c = (i, B) => {
-    i.forEach((T) => {
-      const x = u(T);
-      if (fe(x)) {
-        e.push({ ...T, _parentKeys: B, _key: x });
+  const e = [], c = (p, P) => {
+    p.forEach((T) => {
+      const x = s(T);
+      if (ve(x)) {
+        e.push({ ...T, _parentKeys: P, _key: x });
         const y = t(T);
-        y != null && y.length && c(y, [...B ?? [], x]);
+        y != null && y.length && c(y, [...P ?? [], x]);
       }
     });
   };
   return c(o), e;
 }
 const Ht = ({
-  getData: u,
+  getData: s,
   getModel: o,
   getValue: t,
   getChildren: e
 }) => {
   const c = m(
-    () => jt({ arr: D(u()), getChildren: e, getValue: t })
-  ), i = (r, f = !1) => {
-    const d = t(r);
-    return c.value.filter((s) => {
+    () => jt({ arr: D(s()), getChildren: e, getValue: t })
+  ), p = (l, f = !1) => {
+    const d = t(l);
+    return c.value.filter((i) => {
       var S;
       if (f) {
-        const V = ht(s._parentKeys ?? []);
+        const V = dt(i._parentKeys ?? []);
         return V && V === d;
       }
-      return (S = s._parentKeys) == null ? void 0 : S.includes(d);
+      return (S = i._parentKeys) == null ? void 0 : S.includes(d);
     });
-  }, B = (r) => {
-    if (r && A(r))
-      return re(r);
+  }, P = (l) => {
+    if (l && A(l))
+      return le(l);
     const f = D(o());
-    return f && A(f) ? re(f) : [];
-  }, T = (r, f) => {
-    const d = B(f), s = i(r);
-    if (s != null && s.length)
-      return s.some((S) => {
+    return f && A(f) ? le(f) : [];
+  }, T = (l, f) => {
+    const d = P(f), i = p(l);
+    if (i != null && i.length)
+      return i.some((S) => {
         var a;
         const V = S._key;
         return V && ((a = d == null ? void 0 : d.includes) == null ? void 0 : a.call(d, V));
       });
-  }, x = (r, f) => {
-    const d = B(f), s = i(r);
-    if (s != null && s.length)
-      return s.every((S) => {
+  }, x = (l, f) => {
+    const d = P(f), i = p(l);
+    if (i != null && i.length)
+      return i.every((S) => {
         var a;
         const V = S._key;
         return V && ((a = d == null ? void 0 : d.includes) == null ? void 0 : a.call(d, V));
       });
-  }, y = (r, f) => {
-    const d = B(f), s = i(r), S = t(r);
-    return s != null && s.length ? x(r) ? !0 : T(r) ? "intermediate" : !1 : d.includes(S);
-  }, K = (r) => fe(r) ? c.value.find((f) => f._key === r) : void 0;
+  }, y = (l, f) => {
+    const d = P(f), i = p(l), S = t(l);
+    return i != null && i.length ? x(l) ? !0 : T(l) ? "intermediate" : !1 : d.includes(S);
+  }, K = (l) => ve(l) ? c.value.find((f) => f._key === l) : void 0;
   return {
     flattenData: c,
-    getNodeChildren: i,
+    getNodeChildren: p,
     isSomeChildrenSelected: T,
     isAllChildrenSelected: x,
     isSelected: y,
-    selectValues: (r, f) => {
-      if (r.length) {
-        let d = B();
-        const s = r.filter(fe);
-        f ? d.push(...s) : d = d.filter((v) => !s.includes(v));
-        const S = d.map(K).filter((v) => v && v._parentKeys), a = we(Ut(S.map((v) => v._parentKeys))).filter(fe).map(K).filter(Boolean), _ = [], z = [];
+    selectValues: (l, f) => {
+      if (l.length) {
+        let d = P();
+        const i = l.filter(ve);
+        f ? d.push(...i) : d = d.filter((v) => !i.includes(v));
+        const S = d.map(K).filter((v) => v && v._parentKeys), a = we(Ut(S.map((v) => v._parentKeys))).filter(ve).map(K).filter(Boolean), _ = [], z = [];
         return a.forEach((v) => {
           const j = t(v);
           x(v, d) ? _.push(j) : z.push(j);
@@ -116,9 +112,9 @@ const Ht = ({
       }
     }
   };
-}, Ue = ["sm", "md", "lg"], qt = ["error", "warning", "success"], Yt = { key: 1 }, je = /* @__PURE__ */ le({
+}, Ue = ["sm", "md", "lg"], qt = ["error", "warning", "success"], Yt = { key: 1 }, je = /* @__PURE__ */ re({
   __name: "ComboboxInput",
-  setup(u) {
+  setup(s) {
     const o = Ie();
     Et(
       () => o.open.value && o.headerInputElement.value,
@@ -140,9 +136,9 @@ const Ht = ({
           o.focusOnInput(), clearTimeout(x);
         }, 2);
       }
-    }, i = k(E, "input"), B = Be(i, {
+    }, p = B(E, "input"), P = Pe(p, {
       variants: {
-        valuePlaceholder: H("value-placeholder", i)
+        valuePlaceholder: H("value-placeholder", p)
       }
     });
     return (T, x) => (ue(), xe(D(ot), Ke(D(o).comboboxInputBinding.value, {
@@ -152,19 +148,19 @@ const Ht = ({
       modelValue: D(o).searchModel.value,
       "onUpdate:modelValue": x[0] || (x[0] = (y) => D(o).searchModel.value = y),
       onKeydown: c,
-      class: D(B)({
+      class: D(P)({
         valuePlaceholder: t.value
       }),
       displayValue: () => ""
     }), {
-      default: ve(() => [
+      default: he(() => [
         D(o).props.headerSearch ? (ue(), xe(wt, {
           key: 0,
           ref: D(o).headerInputElement,
           placeholder: D(o).props.placeholder
         }, {
-          leading: ve(({ iconSize: y }) => [
-            Ne(Pe, {
+          leading: he(({ iconSize: y }) => [
+            Ne(Oe, {
               size: y,
               icon: "tabler:search",
               flipOnDir: "rtl"
@@ -176,10 +172,10 @@ const Ht = ({
       _: 1
     }, 16, ["disabled", "placeholder", "modelValue", "class"]));
   }
-}), Jt = /* @__PURE__ */ le({
-  name: Oe("ComboboxTrigger"),
+}), Jt = /* @__PURE__ */ re({
+  name: Be("ComboboxTrigger"),
   props: {},
-  setup(u, {
+  setup(s, {
     slots: o,
     attrs: t
   }) {
@@ -190,16 +186,16 @@ const Ht = ({
         const z = e.modelValue.value.filter((v) => v !== a);
         e.setModelValue(z);
       }
-    }, i = k(E, "trigger"), B = Be(i, {
+    }, p = B(E, "trigger"), P = Pe(p, {
       variants: {
-        size: H(Ue, i),
-        headerSearch: H("header-search", i),
-        status: H(qt, i),
-        bordered: H("bordered", i),
-        multiple: H("multiple", i),
-        contentFit: H("content-fit", i),
-        wrapped: H("wrapped", i),
-        filled: H("filled", i)
+        size: H(Ue, p),
+        headerSearch: H("header-search", p),
+        status: H(qt, p),
+        bordered: H("bordered", p),
+        multiple: H("multiple", p),
+        contentFit: H("content-fit", p),
+        wrapped: H("wrapped", p),
+        filled: H("filled", p)
       }
     }), T = m(() => {
       switch (e.getSize.value) {
@@ -210,7 +206,7 @@ const Ht = ({
           return "xsm";
       }
     }), x = m(() => {
-      if (!e.props.multiple && he(e.modelValue.value) && !ae(e.modelValue.value))
+      if (!e.props.multiple && ce(e.modelValue.value) && !ae(e.modelValue.value))
         return e.getOptionByValue(e.modelValue.value);
     }), y = (a = x.value) => {
       if (e.props.selectedItemIconAsTrailingIcon && Se(a) && "icon" in a)
@@ -218,12 +214,12 @@ const Ht = ({
     }, K = m(() => y()), R = m(() => {
       if (!e.props.noTrailing)
         return e.props.trailingIcon;
-    }), r = m(() => {
+    }), l = m(() => {
       var z, v;
-      const a = re(e.modelValue.value), _ = A(e.modelValue.value);
+      const a = le(e.modelValue.value), _ = A(e.modelValue.value);
       return {
         modelValue: a,
-        open: re(e.open.value),
+        open: le(e.open.value),
         option: _ ? void 0 : e.getOptionByValue(e.modelValue.value),
         options: _ ? (v = (z = e.modelValue.value).map) == null ? void 0 : v.call(z, e.getOptionByValue).filter(Boolean) : void 0
       };
@@ -231,7 +227,7 @@ const Ht = ({
       e.onOpenChange(!e.open.value);
     }, d = (a) => {
       e.props.headerSearch;
-    }, s = m(() => ({
+    }, i = m(() => ({
       disabled: e.getDisabled.value,
       tabindex: e.getDisabled.value || !e.props.headerSearch ? -1 : 0,
       reference: e.props.reference,
@@ -242,7 +238,7 @@ const Ht = ({
       "aria-expanded": e.open.value,
       "aria-controls": e.contentId,
       "data-state": e.open.value ? "open" : "closed",
-      class: [B({
+      class: [P({
         size: e.getSize.value,
         status: e.getStatus.value === "success" && ae(e.modelValue.value) ? void 0 : e.getStatus.value,
         bordered: e.props.bordered,
@@ -253,29 +249,29 @@ const Ht = ({
         headerSearch: e.props.headerSearch
       }), e.props.triggerCls],
       ...t
-    })), S = (a, _ = T.value) => l(Pe, {
+    })), S = (a, _ = T.value) => r(Oe, {
       icon: a,
       size: _
     }), V = () => {
       var z;
       let a;
-      const _ = (z = o.triggerTrailing) == null ? void 0 : z.call(o, r.value);
+      const _ = (z = o.triggerTrailing) == null ? void 0 : z.call(o, l.value);
       if (U(_) ? R.value && (a = S(R.value)) : a = _, a)
-        return l("div", {
-          class: [k(i, "trailing"), e.props.triggerTrailingCls]
+        return r("div", {
+          class: [B(p, "trailing"), e.props.triggerTrailingCls]
         }, a);
     };
     return () => {
       var ee;
-      const a = (ee = o.trigger) == null ? void 0 : ee.call(o, r.value), _ = !U(a), v = (() => {
+      const a = (ee = o.trigger) == null ? void 0 : ee.call(o, l.value), _ = !U(a), v = (() => {
         if (!_) return !1;
-        const Q = Ct(a) ?? null, X = Q.length === 1 ? Q[0] : Q;
-        return X ? Vt(X) && !_t(X) : !0;
+        const Q = gt(a) ?? null, X = Q.length === 1 ? Q[0] : Q;
+        return X ? mt(X) && !ft(X) : !0;
       })(), {
         class: j,
         ...J
-      } = s.value;
-      return l(nt, {
+      } = i.value;
+      return r(nt, {
         ...J,
         class: _ ? e.props.triggerCls : j,
         ...e.comboboxTriggerBinding.value,
@@ -287,37 +283,37 @@ const Ht = ({
       }, () => {
         if (_)
           return a;
-        const Q = (P) => {
+        const Q = (I) => {
           var F, N;
-          const $ = e.getOptionByValue(P) ?? {
-            value: P
+          const $ = e.getOptionByValue(I) ?? {
+            value: I
           };
-          return l(We, {
+          return r(We, {
             ...$ ? ((N = (F = e.props).getTagProps) == null ? void 0 : N.call(F, $)) ?? {} : {},
             size: e.getTagSize.value
           });
-        }, X = (P) => {
+        }, X = (I) => {
           var F, N;
-          const $ = e.getOptionByValue(P) ?? {
-            value: P
+          const $ = e.getOptionByValue(I) ?? {
+            value: I
           };
-          return l(Ge, {
+          return r(Ge, {
             ...$ ? ((N = (F = e.props).getTagProps) == null ? void 0 : N.call(F, $)) ?? {} : {},
             size: e.getTagSize.value
           });
         }, Z = () => {
           if (!e.props.multiple && !e.props.multiple && !A(e.modelValue.value) && e.modelValue.value && (e.props.tagRenderMode && ["avatar", "go"].includes(e.props.tagRenderMode) || K.value || e.props.leadingIcon)) {
-            let P;
-            if (e.props.tagRenderMode === "avatar" ? P = Q(e.modelValue.value) : e.props.tagRenderMode === "go" ? P = X(e.modelValue.value) : K.value ? P = S(K.value) : e.props.leadingIcon && (P = S(e.props.leadingIcon)), !U(P))
-              return l("div", {
-                class: [k(i, "leading"), e.props.triggerLeadingCls]
-              }, P);
+            let I;
+            if (e.props.tagRenderMode === "avatar" ? I = Q(e.modelValue.value) : e.props.tagRenderMode === "go" ? I = X(e.modelValue.value) : K.value ? I = S(K.value) : e.props.leadingIcon && (I = S(e.props.leadingIcon)), !U(I))
+              return r("div", {
+                class: [B(p, "leading"), e.props.triggerLeadingCls]
+              }, I);
           }
-        }, ce = () => {
-          const P = [], $ = [k(i, "tags"), e.props.triggerContentCls, e.props.triggerContentValueCls], N = (() => {
+        }, de = () => {
+          const I = [], $ = [B(p, "tags"), e.props.triggerContentCls, e.props.triggerContentValueCls], N = (() => {
             if (e.props.multiple && A(e.modelValue.value)) {
               if (e.props.tagRenderMode === "avatar")
-                return l(Lt, {
+                return r(Mt, {
                   maxCount: e.props.maxCount,
                   size: e.getTagSize.value,
                   closeable: !e.getDisabled.value,
@@ -326,7 +322,7 @@ const Ht = ({
                   class: $
                 }, () => e.modelValue.value.map(Q));
               if (e.props.tagRenderMode === "go")
-                return l(Dt, {
+                return r(Dt, {
                   maxCount: e.props.maxCount,
                   size: e.getTagSize.value,
                   closeable: !e.getDisabled.value,
@@ -335,7 +331,7 @@ const Ht = ({
                   class: $
                 }, () => e.modelValue.value.map(X));
               if (e.props.tagRenderMode === "chip")
-                return l(Mt, {
+                return r(Lt, {
                   maxCount: e.props.maxCount,
                   size: e.getTagSize.value,
                   color: "primary",
@@ -345,18 +341,18 @@ const Ht = ({
                   class: $,
                   onClose: c
                 }, () => e.modelValue.value.map((q) => {
-                  var ge, ne;
+                  var me, ne;
                   const se = () => e.getLabelByValue(q), be = ({
                     size: ye
                   }) => {
-                    const me = y(e.getOptionByValue(q)) ?? e.props.leadingIcon;
-                    return me ? S(me, ye) : null;
+                    const fe = y(e.getOptionByValue(q)) ?? e.props.leadingIcon;
+                    return fe ? S(fe, ye) : null;
                   }, ie = e.getOptionByValue(q);
-                  return l(zt, {
-                    ...ie ? ((ne = (ge = e.props).getTagProps) == null ? void 0 : ne.call(ge, ie)) ?? {} : {},
+                  return r(zt, {
+                    ...ie ? ((ne = (me = e.props).getTagProps) == null ? void 0 : ne.call(me, ie)) ?? {} : {},
                     value: q,
-                    class: [k(i, "tag"), e.props.tagCls],
-                    closeIconCls: k(i, "tag__close")
+                    class: [B(p, "tag"), e.props.tagCls],
+                    closeIconCls: B(p, "tag__close")
                   }, {
                     text: se,
                     leading: be
@@ -364,27 +360,29 @@ const Ht = ({
                 }));
             }
           })();
-          return N && P.push(N), e.props.headerSearch ? e.props.showLabelValueOnHeaderSearch && P.push(l("div", {}, "dddd")) : P.push(l(je)), l("div", {
-            class: k(i, "content")
-          }, P);
+          return N && I.push(N), e.props.headerSearch ? e.props.showLabelValueOnHeaderSearch && !e.props.multiple && ce(e.modelValue.value) && I.push(r("div", {
+            class: B(p, "content__value")
+          }, e.getLabelByValue(e.modelValue.value))) : I.push(r(je)), r("div", {
+            class: B(p, "content")
+          }, I);
         }, oe = [], te = Z();
-        U(te) || oe.push(te), oe.push(ce());
-        const de = V();
-        return U(de) || oe.push(de), oe;
+        U(te) || oe.push(te), oe.push(de());
+        const ge = V();
+        return U(ge) || oe.push(ge), oe;
       });
     };
   }
-}), Qt = /* @__PURE__ */ le({
+}), Qt = /* @__PURE__ */ re({
   __name: "ComboboxLabel",
-  setup(u) {
+  setup(s) {
     return (o, t) => (ue(), Re("div", {
-      class: Ye(D(k)(D(E), "label"))
+      class: Ye(D(B)(D(E), "label"))
     }, [
       Ae(o.$slots, "default")
     ], 2));
   }
-}), Ee = /* @__PURE__ */ le({
-  name: Oe("SelectOption"),
+}), Ee = /* @__PURE__ */ re({
+  name: Be("SelectOption"),
   props: {
     option: {
       type: [Object, String],
@@ -392,7 +390,7 @@ const Ht = ({
     }
   },
   slots: Object,
-  setup(u, {
+  setup(s, {
     slots: o
   }) {
     const t = Ie(), e = m(() => {
@@ -405,203 +403,203 @@ const Ht = ({
         default:
           return "xsm";
       }
-    }), c = m(() => t.getOptionValue(u.option)), i = m(() => t.getOptionNoCheckbox(u.option)), B = m(() => t.getOptionClear(u.option)), T = m(() => t.getOptionSingle(u.option)), x = m(() => t.getOptionLabel(u.option)), y = m(() => t.getOptionIcon(u.option)), K = m(() => t.props.tree ? void 0 : t.getOptionDescription(u.option)), R = m(() => t.getOptionDisabled(u.option)), r = m(() => t.isItemSelected(c.value)), f = k(E, "option"), d = () => {
+    }), c = m(() => t.getOptionValue(s.option)), p = m(() => t.getOptionNoCheckbox(s.option)), P = m(() => t.getOptionClear(s.option)), T = m(() => t.getOptionSingle(s.option)), x = m(() => t.getOptionLabel(s.option)), y = m(() => t.getOptionIcon(s.option)), K = m(() => t.props.tree ? void 0 : t.getOptionDescription(s.option)), R = m(() => t.getOptionDisabled(s.option)), l = m(() => t.isItemSelected(c.value)), f = B(E, "option"), d = () => {
       if (!(t.props.tree || !c.value || R.value))
         if (t.props.multiple)
-          if (B.value)
+          if (P.value)
             t.setModelValue([]), t.emit("select", void 0, !1);
           else if (T.value)
-            t.setModelValue([c.value]), t.emit("select", c.value, !0);
+            t.setModelValue([c.value]), t.emit("select", c.value, !0, s.option);
           else {
-            let s = A(t.modelValue.value) ? t.modelValue.value : [];
-            const S = s.includes(c.value);
-            s.length === 1 && t.getSingleByValue(s[0]) && c.value !== s[0] && (s = []), S ? (t.setModelValue(s.filter((V) => V !== c.value)), t.emit("select", c.value, !0)) : (t.setModelValue([...s, c.value]), t.emit("select", c.value, !1));
+            let i = A(t.modelValue.value) ? t.modelValue.value : [];
+            const S = i.includes(c.value);
+            i.length === 1 && t.getSingleByValue(i[0]) && c.value !== i[0] && (i = []), S ? (t.setModelValue(i.filter((V) => V !== c.value)), t.emit("select", c.value, !0, s.option)) : (t.setModelValue([...i, c.value]), t.emit("select", c.value, !1, s.option));
           }
-        else B.value ? (t.setModelValue(void 0), t.emit("select", void 0, !1)) : (t.setModelValue(c.value), t.emit("select", c.value, !0));
+        else P.value ? (t.setModelValue(void 0), t.emit("select", void 0, !1)) : (t.setModelValue(c.value), t.emit("select", c.value, !0, s.option));
     };
-    if (!u.option) throw new Error("option is required");
+    if (!s.option) throw new Error("option is required");
     return () => {
-      const s = (V) => {
+      const i = (V) => {
         var z, v, j, J, ee;
         const a = [];
-        !t.props.tree && t.props.multiple && t.props.checkbox && !i.value && a.push(l(At, {
-          modelValue: r.value,
+        !t.props.tree && t.props.multiple && t.props.checkbox && !p.value && a.push(r(At, {
+          modelValue: l.value,
           size: V.checkboxSize,
           disabled: R.value
         }));
         const _ = (z = o.leading) == null ? void 0 : z.call(o, {
-          option: u.option
+          option: s.option
         });
-        return U(_) ? t.props.tagRenderMode === "avatar" ? a.push(l(We, {
-          ...((j = (v = t.props).getTagProps) == null ? void 0 : j.call(v, u.option)) ?? {},
+        return U(_) ? t.props.tagRenderMode === "avatar" ? a.push(r(We, {
+          ...((j = (v = t.props).getTagProps) == null ? void 0 : j.call(v, s.option)) ?? {},
           size: t.getTagSize.value
-        })) : t.props.tagRenderMode === "go" ? a.push(l(Ge, {
-          ...((ee = (J = t.props).getTagProps) == null ? void 0 : ee.call(J, u.option)) ?? {},
+        })) : t.props.tagRenderMode === "go" ? a.push(r(Ge, {
+          ...((ee = (J = t.props).getTagProps) == null ? void 0 : ee.call(J, s.option)) ?? {},
           size: t.getTagSize.value
-        })) : y.value && a.push(l(Pe, {
+        })) : y.value && a.push(r(Oe, {
           icon: y.value,
           size: e.value
         })) : a.push(_), U(a) ? null : a;
       };
       return (() => {
         const V = !!K.value;
-        return l(Nt, {
+        return r(Nt, {
           class: f,
           description: K.value,
           title: x.value,
           key: c.value,
-          selected: r.value,
+          selected: l.value,
           unFocusable: !0,
           leadingCenter: !V,
           size: t.getSize.value,
           disabled: R.value,
           onClick: d
         }, {
-          leading: s,
+          leading: i,
           trailing: () => {
             var a;
             return (a = o.trailing) == null ? void 0 : a.call(o, {
-              option: u.option
+              option: s.option
             });
           }
         });
       })();
     };
   }
-}), Xt = /* @__PURE__ */ le({
-  name: Oe("ComboboxWrapper"),
-  setup(u, {
+}), Xt = /* @__PURE__ */ re({
+  name: Be("ComboboxWrapper"),
+  setup(s, {
     slots: o
   }) {
     const t = Ft(), e = at(), c = Ve();
     Bt({
       target: c
     });
-    const i = Ve(), B = Pt({
-      triggerRef: i,
+    const p = Ve(), P = Pt({
+      triggerRef: p,
       props: t.props
     }), {
       getFlipOnDir: T,
       getDir: x
-    } = ft(), y = T("reversePlacementOnDir"), K = x(), R = It({
+    } = Vt(), y = T("reversePlacementOnDir"), K = x(), R = It({
       props: t.props,
       flip: y,
       emitsAsProps: t.emitsAsProps,
       _dir: K,
       controlAutoFocus: !1,
       extraPropNames: ["bodyLock", "position"]
-    }), r = ({
+    }), l = ({
       key: n,
-      getterKey: p,
+      getterKey: u,
       defaultValue: h,
-      noReturnOption: I
+      noReturnOption: k
     }) => (b) => {
-      const L = Le(h) ? h(b) : h;
+      const M = De(h) ? h(b) : h;
       if (Se(b)) {
-        const W = b[n] ?? L, G = p && t.props[p];
+        const W = b[n] ?? M, G = u && t.props[u];
         if (G) {
-          if (he(G))
+          if (ce(G))
             return b[G] ?? W;
-          if (Le(G)) return G(b) ?? W;
+          if (De(G)) return G(b) ?? W;
         }
         return W;
       }
-      return he(b) && !I ? b ?? L : L;
-    }, f = r({
+      return ce(b) && !k ? b ?? M : M;
+    }, f = l({
       getterKey: "getValue",
       key: "value"
-    }), d = r({
+    }), d = l({
       getterKey: "getNoCheckbox",
       key: "noCheckbox"
-    }), s = r({
+    }), i = l({
       getterKey: "getSingle",
       key: "single",
       noReturnOption: !0
-    }), S = r({
+    }), S = l({
       getterKey: "getClear",
       key: "clear",
       noReturnOption: !0
-    }), V = r({
+    }), V = l({
       getterKey: "getLabel",
       key: "label",
       defaultValue: f
-    }), a = r({
+    }), a = l({
       getterKey: "getIcon",
       key: "icon",
       noReturnOption: !0
-    }), _ = r({
+    }), _ = l({
       getterKey: "getDescription",
       key: "description",
       noReturnOption: !0
-    }), z = r({
+    }), z = l({
       getterKey: "getDisabled",
       key: "disabled",
       defaultValue: !1,
       noReturnOption: !0
-    }), v = r({
+    }), v = l({
       getterKey: "getGroupLabel",
       key: "label",
       noReturnOption: !0
-    }), j = r({
+    }), j = l({
       getterKey: "getGroupOptions",
       key: "options",
       noReturnOption: !0
     }), J = (n) => {
-      const p = (h) => {
+      const u = (h) => {
         if (h != null && h.length && n)
-          for (const I of h) {
-            if (f(I) === n) return I;
-            const b = j(I);
+          for (const k of h) {
+            if (f(k) === n) return k;
+            const b = j(k);
             if (b != null && b.length) {
-              const L = p(b);
-              if (L) return L;
+              const M = u(b);
+              if (M) return M;
             }
           }
       };
-      return p(t.props.options);
+      return u(t.props.options);
     }, ee = (n) => {
-      const p = J(n);
-      return p ? V(p) ?? n : n;
+      const u = J(n);
+      return u ? V(u) ?? n : n;
     }, Q = (n) => {
-      const p = J(n);
-      return p ? s(p) ?? !1 : !1;
+      const u = J(n);
+      return u ? i(u) ?? !1 : !1;
     }, {
       contains: X
-    } = rt({
+    } = lt({
       sensitivity: "base"
     }), Z = m(() => {
-      const n = (p) => p == null ? void 0 : p.map((h) => {
-        const I = V(h), b = f(h), L = z(h), W = v(h), G = !t.searchModel.value || I && X(I, t.searchModel.value), g = j(h), O = !t.props.tree || b;
+      const n = (u) => u == null ? void 0 : u.map((h) => {
+        const k = V(h), b = f(h), M = z(h), W = v(h), G = !t.searchModel.value || k && X(k, t.searchModel.value), g = j(h), O = !t.props.tree || b;
         if (g && O) {
           const C = n(g);
           if (C != null && C.length || G)
             return {
               groupLabel: W,
-              title: I,
+              title: k,
               key: b,
-              disabled: L,
+              disabled: M,
               children: C,
               _option: h
             };
         }
         return G && O ? {
-          title: I,
+          title: k,
           key: b,
-          disabled: L,
+          disabled: M,
           _option: h
         } : null;
       }).filter(Boolean);
       if (t.props.options)
         return n(t.props.options);
     }), {
-      getDisabled: ce,
+      getDisabled: de,
       getStatus: oe,
       getSize: te
     } = St({
       getDisabled: () => t.props.disabled,
       getSize: () => t.props.size,
       getStatus: () => t.props.status
-    }), de = m(() => {
+    }), ge = m(() => {
       switch (te.value) {
         case "sm":
           return "xsm";
@@ -612,13 +610,13 @@ const Ht = ({
           return "sm";
       }
     }), {
-      inputBindings: P,
+      inputBindings: I,
       rootBindings: $
     } = Ot({
-      getDisabled: () => ce.value
+      getDisabled: () => de.value
     }), F = Ve(), N = () => {
-      var n, p, h, I, b, L, W;
-      e.open.value && e.inputElement.value && (t.props.headerSearch && ((n = F.value) != null && n.input) ? document.activeElement !== ((p = F.value) == null ? void 0 : p.input) && ((b = (I = (h = F.value) == null ? void 0 : h.input) == null ? void 0 : I.focus) == null || b.call(I)) : document.activeElement !== e.inputElement.value && ((W = (L = e.inputElement.value) == null ? void 0 : L.focus) == null || W.call(L)));
+      var n, u, h, k, b, M, W;
+      e.open.value && e.inputElement.value && (t.props.headerSearch && ((n = F.value) != null && n.input) ? document.activeElement !== ((u = F.value) == null ? void 0 : u.input) && ((b = (k = (h = F.value) == null ? void 0 : h.input) == null ? void 0 : k.focus) == null || b.call(k)) : document.activeElement !== e.inputElement.value && ((W = (M = e.inputElement.value) == null ? void 0 : M.focus) == null || W.call(M)));
     }, q = (n) => {
       e.modelValue.value = n, t.emit("update:modelValue", n);
     }, se = (n) => n === void 0 ? !1 : Array.isArray(e.modelValue.value) ? !!(n && e.modelValue.value.includes(n)) : e.modelValue.value === n;
@@ -626,7 +624,7 @@ const Ht = ({
       ...t,
       getOptionValue: f,
       getOptionLabel: V,
-      getOptionSingle: s,
+      getOptionSingle: i,
       getOptionClear: S,
       getOptionNoCheckbox: d,
       getOptionDescription: _,
@@ -639,11 +637,11 @@ const Ht = ({
       focusOnInput: N,
       setModelValue: q,
       headerInputElement: F,
-      getDisabled: ce,
+      getDisabled: de,
       getStatus: oe,
       getSize: te,
-      getTagSize: de,
-      comboboxInputBinding: P,
+      getTagSize: ge,
+      comboboxInputBinding: I,
       comboboxTriggerBinding: $,
       ...e,
       modelValue: e.modelValue
@@ -654,9 +652,9 @@ const Ht = ({
       const n = t.props.scrollContainerProps ?? {};
       return {
         ...n,
-        areaCls: [k(E, "scroll_area"), n == null ? void 0 : n.class, n == null ? void 0 : n.areaCls]
+        areaCls: [B(E, "scroll_area"), n == null ? void 0 : n.class, n == null ? void 0 : n.areaCls]
       };
-    }), ie = k(E, "popup"), ge = Be(ie, {
+    }), ie = B(E, "popup"), me = Pe(ie, {
       variants: {
         size: H(Ue, ie)
       }
@@ -665,29 +663,29 @@ const Ht = ({
         return `${n}px`;
       if (typeof n == "string")
         return n;
-    }, ye = m(() => ne(t.props.popupWidth)), me = m(() => ne(t.props.popupHeight)), ke = m(() => ne(t.props.minWidth)), Te = m(() => ({
+    }, ye = m(() => ne(t.props.popupWidth)), fe = m(() => ne(t.props.popupHeight)), ke = m(() => ne(t.props.minWidth)), Te = m(() => ({
       type: te.value === "sm" ? "simple" : "advance",
-      ...De(t.props.emptyProps ?? {}, "class")
-    })), He = m(() => De(t.props.skeletonProps ?? {}, "class")), {
+      ...Le(t.props.emptyProps ?? {}, "class")
+    })), He = m(() => Le(t.props.skeletonProps ?? {}, "class")), {
       selectValues: qe
     } = Ht({
       getValue: (n) => n == null ? void 0 : n.key,
       getChildren: (n) => n == null ? void 0 : n.children,
-      getModel: () => re(e.modelValue.value),
-      getData: () => re(Z.value ?? [])
+      getModel: () => le(e.modelValue.value),
+      getData: () => le(Z.value ?? [])
     });
     return () => {
       var W, G;
-      const n = (g) => l(Ee, {
+      const n = (g) => r(Ee, {
         option: g
       }, {
         trailing: o.optionTrailing,
         leading: o.optionLeading
-      }), p = [];
+      }), u = [];
       let h;
       if (t.props.tree) {
         const O = A(e.modelValue.value) ? e.modelValue.value : e.modelValue.value ? [e.modelValue.value] : [];
-        h = l(Tt, {
+        h = r(Tt, {
           data: Z.value ?? [],
           selectable: !0,
           checkbox: t.props.multiple && t.props.checkbox,
@@ -698,66 +696,66 @@ const Ht = ({
           modelValue: O,
           checkedKeys: O,
           onExpand: N,
-          onSelect: (C, w, M) => {
+          onSelect: (C, w, L) => {
             if (t.props.multiple) {
-              const Y = A(M) ? M : [M];
+              const Y = A(L) ? L : [L];
               q(qe(Y, w));
             } else
-              q(M);
+              q(L);
           },
           class: "w-full"
         }, {
           title: (C) => n(C._option)
-        }), p.push(h);
+        }), u.push(h);
       } else {
         let g = !1;
         const O = [];
         if ((Z.value ?? []).forEach((C) => {
           var w;
           if ((w = C.children) != null && w.length) {
-            const M = [];
+            const L = [];
             C.children.forEach((Y) => {
               const pe = n(Y._option);
-              se(f(Y._option)) && t.props.sortSelectedItems ? O.push(pe) : M.push(pe);
-            }), M.length && ((g || p.length) && (p.push(l(_e)), g = !1), C.groupLabel && p.push(l(Qt, {
+              se(f(Y._option)) && t.props.sortSelectedItems ? O.push(pe) : L.push(pe);
+            }), L.length && ((g || u.length) && (u.push(r(_e)), g = !1), C.groupLabel && u.push(r(Qt, {
               class: t.props.labelCls
-            }, () => C.groupLabel)), p.push(...M), g = !0);
+            }, () => C.groupLabel)), u.push(...L), g = !0);
           } else {
-            const M = n(C._option);
-            se(f(C._option)) && t.props.sortSelectedItems ? O.push(M) : (g && (p.push(l(_e)), g = !1), p.push(M));
+            const L = n(C._option);
+            se(f(C._option)) && t.props.sortSelectedItems ? O.push(L) : (g && (u.push(r(_e)), g = !1), u.push(L));
           }
         }), t.props.sortSelectedItems && O.length) {
-          const C = !!p.length;
-          p.splice(0, 0, ...O), C && p.splice(O.length, 0, l(_e));
+          const C = !!u.length;
+          u.splice(0, 0, ...O), C && u.splice(O.length, 0, r(_e));
         }
       }
-      const I = xt(h ? [h] : p, Ee).filter((g) => {
+      const k = vt(h ? [h] : u, Ee).filter((g) => {
         var O;
         return Se(g == null ? void 0 : g.props) && ((O = g == null ? void 0 : g.props) == null ? void 0 : O.option);
-      }), b = !!(t.props.tree && ((W = Z.value) != null && W.length) || I != null && I.length), L = () => {
+      }), b = !!(t.props.tree && ((W = Z.value) != null && W.length) || k != null && k.length), M = () => {
         var O, C;
         const g = [];
         if (b || t.props.loading) {
           const w = [];
-          if (b && w.push(...p), t.props.loading) {
-            const M = (O = o.loading) == null ? void 0 : O.call(o, {});
-            if (!U(M)) w.push(M);
+          if (b && w.push(...u), t.props.loading) {
+            const L = (O = o.loading) == null ? void 0 : O.call(o, {});
+            if (!U(L)) w.push(L);
             else {
               const Y = new Array(b ? 2 : t.props.loadingRowCount).fill(1);
-              w.push(...Y.map(() => l(yt, {
+              w.push(...Y.map(() => r(xt, {
                 size: te.value,
-                class: [k(E, "skeleton"), t.props.skeletonCls],
+                class: [B(E, "skeleton"), t.props.skeletonCls],
                 ...He.value
               })));
             }
           }
-          g.push(l("div", {
-            class: [k(E, "options"), t.props.optionsCls]
+          g.push(r("div", {
+            class: [B(E, "options"), t.props.optionsCls]
           }, w));
         } else if (!b) {
           const w = (C = o.empty) == null ? void 0 : C.call(o, Te.value);
-          U(w) ? g.push(l(bt, {
-            class: [k(E, "empty"), t.props.emptyCls],
+          U(w) ? g.push(r(_t, {
+            class: [B(E, "empty"), t.props.emptyCls],
             ...Te.value
           }, {
             title: o.emptyTitle,
@@ -766,15 +764,15 @@ const Ht = ({
             image: o.emptyImage
           })) : g.push(w);
         }
-        return t.props.lazyLoading && g.push(l("div", {
-          class: k(E, "lazy_loading")
-        }, l("div", {
-          class: k(E, "lazy_loading_trigger"),
+        return t.props.lazyLoading && g.push(r("div", {
+          class: B(E, "lazy_loading")
+        }, r("div", {
+          class: B(E, "lazy_loading_trigger"),
           ref: c
         }))), g;
       };
-      return [l(Jt, {
-        ref: i,
+      return [t.props.noTrigger ? null : r(Jt, {
+        ref: p,
         ...t.attrs,
         style: {
           ...((G = t.attrs) == null ? void 0 : G.style) ?? {},
@@ -783,42 +781,42 @@ const Ht = ({
       }, {
         trigger: o.trigger,
         triggerTrailing: o.triggerTrailing
-      }), l(lt, B.value, () => l(st, {
+      }), r(rt, P.value, () => r(st, {
         ...R.value,
         vShow: e.open.value,
-        class: [ge(t.props), t.props.popupCls],
+        class: [me(t.props), t.props.popupCls],
         style: {
           zIndex: t.props.zIndex,
           "--ptc-combobox-popup-width": t.props.samePopupWidth ? void 0 : ye.value,
-          "--ptc-combobox-popup-height": me.value,
+          "--ptc-combobox-popup-height": fe.value,
           "--ptc-combobox-trigger-min-w": ke.value
         },
         onClick: N
       }, () => {
-        var M, Y, pe, ze;
+        var L, Y, pe, ze;
         const g = [], O = (Y = o.header) == null ? void 0 : Y.call(o, {
-          isEmpty: !((M = Z.value) != null && M.length),
+          isEmpty: !((L = Z.value) != null && L.length),
           search: t.searchModel.value
         }), C = !U(O);
         if (t.props.headerSearch || C) {
           const Ce = [];
-          C && Ce.push(O), t.props.headerSearch && Ce.push(l(je)), g.push(l("div", {
-            class: k(E, "header")
+          C && Ce.push(O), t.props.headerSearch && Ce.push(r(je)), g.push(r("div", {
+            class: B(E, "header")
           }, Ce));
         }
-        g.push(l(kt, be.value, L));
+        g.push(r(kt, be.value, M));
         const w = (ze = o.footer) == null ? void 0 : ze.call(o, {
           isEmpty: !((pe = Z.value) != null && pe.length),
           search: t.searchModel.value
         });
-        return U(w) || g.push(l("div", {
-          class: k(E, "footer")
+        return U(w) || g.push(r("div", {
+          class: B(E, "footer")
         }, w)), g;
       }))];
     };
   }
-}), Mo = /* @__PURE__ */ le({
-  ...gt("Combobox"),
+}), Io = /* @__PURE__ */ re({
+  ...yt("Combobox"),
   __name: "Combobox",
   props: {
     size: { default: "md" },
@@ -885,6 +883,7 @@ const Ht = ({
     minWidth: {},
     headerSearch: { type: Boolean },
     search: {},
+    noTrigger: { type: Boolean },
     open: { type: Boolean, default: void 0 },
     defaultOpen: { type: Boolean, default: void 0 },
     resetSearchTermOnBlur: { type: Boolean, default: !0 },
@@ -921,9 +920,9 @@ const Ht = ({
     defer: { type: Boolean }
   },
   emits: ["update:search", "select", "update:modelValue", "highlight", "update:open", "escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside"],
-  setup(u, { emit: o }) {
-    const t = u, e = o, c = it(e), i = m(
-      () => ct(
+  setup(s, { emit: o }) {
+    const t = s, e = o, c = it(e), p = m(
+      () => ht(
         {
           ...Me(
             t,
@@ -943,15 +942,15 @@ const Ht = ({
           ),
           ignoreFilter: !0
         },
-        dt
+        bt
       )
-    ), B = Kt(t, "search", e, {
+    ), P = Kt(t, "search", e, {
       passive: t.search === void 0
     });
     $e(
       () => t.open,
       (y) => {
-        y || (B.value = void 0);
+        y || (P.value = void 0);
       }
     );
     const T = Je(), x = Qe();
@@ -959,15 +958,15 @@ const Ht = ({
       attrs: x,
       props: t,
       emit: e,
-      searchModel: B,
+      searchModel: P,
       emitsAsProps: c
-    }), (y, K) => (ue(), xe(D(pt), Ke(i.value, { class: D(E) }), {
-      default: ve(() => [
+    }), (y, K) => (ue(), xe(D(pt), Ke(p.value, { class: D(E) }), {
+      default: he(() => [
         Ne(D(Xt), null, Xe({ _: 2 }, [
           Ze(Object.keys(T), (R) => ({
             name: R,
-            fn: ve((r) => [
-              Ae(y.$slots, R, et(tt(r)))
+            fn: he((l) => [
+              Ae(y.$slots, R, et(tt(l)))
             ])
           }))
         ]), 1024)
@@ -978,7 +977,7 @@ const Ht = ({
 });
 export {
   Ue as C,
-  Mo as _,
+  Io as _,
   qt as a,
   Ie as i,
   $t as p