@pantograph/vue 0.23.22 → 0.23.24

package/dist/Combobox/index.js

@@ -1,4 +1,4 @@
-import { _ as s, C as t, a as x, i as C, p as a } from "../Combobox.vue_vue_type_style_index_0_lang-xUIlRKTq.js";
+import { _ as s, C as t, a as x, i as C, p as a } from "../Combobox.vue_vue_type_style_index_0_lang-CfAe6sbQ.js";
 export {
   s as Combobox,
   t as ComboboxSizes,

package/dist/Combobox/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../Combobox.vue_vue_type_style_index_0_lang-Dr2iY00V.js");exports.Combobox=o._sfc_main;exports.ComboboxSizes=o.ComboboxSizes;exports.ComboboxStatuses=o.ComboboxStatuses;exports.injectComboboxContext=o.injectComboboxContext;exports.provideComboboxContext=o.provideComboboxContext;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../Combobox.vue_vue_type_style_index_0_lang-nxzc0c0f.js");exports.Combobox=o._sfc_main;exports.ComboboxSizes=o.ComboboxSizes;exports.ComboboxStatuses=o.ComboboxStatuses;exports.injectComboboxContext=o.injectComboboxContext;exports.provideComboboxContext=o.provideComboboxContext;

package/dist/Combobox/types.d.ts

@@ -97,6 +97,8 @@ export interface ComboboxOptionSlots {
 interface ComboboxTriggerDefSlotProps {
     modelValue: string | string[] | undefined;
     open: boolean;
+    option?: ComboboxOptionType;
+    options?: ComboboxOptionType[];
 }
 export interface ComboboxTriggerSlots {
     trigger?: (data: ComboboxTriggerDefSlotProps) => never;

package/dist/{Combobox.vue_vue_type_style_index_0_lang-xUIlRKTq.js → Combobox.vue_vue_type_style_index_0_lang-CfAe6sbQ.js}

@@ -1,18 +1,18 @@
-import { computed as f, unref as L, defineComponent as ne, createBlock as Ce, openBlock as ie, mergeProps as Me, withCtx as de, createElementBlock as Le, createVNode as we, h as l, normalizeClass as je, renderSlot as Ee, ref as be, watch as He, useSlots as qe, useAttrs as Ye, createSlots as Je, renderList as Qe, normalizeProps as Xe, guardReactiveProps as Ze } from "vue";
-import { createContext as Ke, ComboboxInput as et, ComboboxAnchor as tt, injectComboboxRootContext as ot, useFilter as nt, ComboboxPortal as rt, ComboboxContent as at, useEmitAsProps as lt, ComboboxRoot as st } from "reka-ui";
+import { computed as f, unref as L, defineComponent as ne, createBlock as Ce, openBlock as ie, mergeProps as Me, withCtx as de, createElementBlock as Le, createVNode as we, h as l, normalizeClass as He, renderSlot as Ee, ref as be, watch as Ke, useSlots as qe, useAttrs as Ye, createSlots as Je, renderList as Qe, normalizeProps as Xe, guardReactiveProps as Ze } from "vue";
+import { createContext as Ne, ComboboxInput as et, ComboboxAnchor as tt, injectComboboxRootContext as ot, useFilter as nt, ComboboxPortal as rt, ComboboxContent as at, useEmitAsProps as lt, ComboboxRoot as st } from "reka-ui";
 import { g as it, h as oe, o as pt, f as Ie, j as ut } from "./FormItem.vue_vue_type_style_index_0_lang-BpgRONei.js";
-import { a as Ve, g as ct } from "./options-D4et5euX.js";
-import { getBemBlock as dt, getBemElement as P, generateVariantClassList as H } from "@pantograph/utils";
-import { a as ge, i as q, b as _e, u as gt, d as ke } from "./index-jwkhq8oW.js";
+import { a as _e, g as ct } from "./options-D4et5euX.js";
+import { getBemBlock as dt, getBemElement as k, generateVariantClassList as q } from "@pantograph/utils";
+import { a as ge, i as U, b as Ve, u as gt, d as ke } from "./index-jwkhq8oW.js";
 import { cva as xe } from "class-variance-authority";
 import { a as mt, l as ft, o as Te } from "./omit-BuBwx_M2.js";
 import { _ as vt } from "./Empty.vue_vue_type_style_index_0_lang-jfObDGf0.js";
 import { _ as ht } from "./Skeleton.vue_vue_type_style_index_0_lang-Xi8CteLp.js";
 import { _ as ye } from "./Divider.vue_vue_type_style_index_0_lang-B6fQsp1Y.js";
-import { b as R, f as bt, a as yt, i as Ct, d as _t } from "./element-BfQuKSll.js";
-import { u as Vt, U as xt } from "./useInputDataStates-0nK-AuOK.js";
+import { b as R, f as bt, a as yt, i as Ct, d as Vt } from "./element-BfQuKSll.js";
+import { u as _t, U as xt } from "./useInputDataStates-0nK-AuOK.js";
 import { u as St } from "./useLazyLoading-Zo-PEp2E.js";
-import { g as Ot, b as Bt } from "./Popover.vue_vue_type_style_index_0_lang-DyIDJxIC.js";
+import { g as Bt, b as Ot } from "./Popover.vue_vue_type_style_index_0_lang-DyIDJxIC.js";
 import { _ as Pt } from "./ScrollContainer.vue_vue_type_style_index_0_lang-DfMU1mTu.js";
 import { _ as It } from "./Tree.vue_vue_type_style_index_0_lang-E0A2gSV2.js";
 import { u as ze } from "./uniq-Cxafs-eV.js";
@@ -20,9 +20,9 @@ import { i as X } from "./isEmpty-wdqPTIXx.js";
 import { _ as kt } from "./Chip.vue_vue_type_style_index_0_lang-DXsCoBle.js";
 import { _ as Tt } from "./ChipGroup.vue_vue_type_style_index_0_lang-R-SmBNur.js";
 import { _ as Se } from "./Icon.vue_vue_type_style_index_0_lang-CbLL-Ngi.js";
-import { d as zt, _ as Ne } from "./Avatar.vue_vue_type_style_index_0_lang-DRTI7zpy.js";
+import { d as zt, _ as Re } 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 Re } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-Cm_eOjGc.js";
+import { _ as Ae } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-Cm_eOjGc.js";
 import { _ as Mt } from "./Input.vue_vue_type_style_index_0_lang-oEQu3uIk.js";
 import { whenever as Lt, useVModel as wt } from "@vueuse/core";
 import { last as Et } from "lodash-es";
@@ -30,7 +30,7 @@ import { a as Kt } from "./MenuItem.vue_vue_type_style_index_0_lang-7T_SPKSm.js"
 import "@iconify/vue";
 import { _ as Nt } from "./Checkbox.vue_vue_type_style_index_0_lang-aDK0Pvm-.js";
 import "@pantograph/tokens";
-const [Oe, Rt] = Ke("Combobox"), [$t, At] = Ke("_Combobox"), E = dt("combobox");
+const [Be, Rt] = Ne("Combobox"), [At, $t] = Ne("_Combobox"), E = dt("combobox");
 var Ft = 1 / 0;
 function Wt(c) {
   var o = c == null ? 0 : c.length;
@@ -42,13 +42,13 @@ function Gt({
   arr: o,
   getChildren: t
 }) {
-  const e = [], u = (i, I) => {
-    i.forEach((k) => {
-      const V = c(k);
-      if (ce(V)) {
-        e.push({ ...k, _parentKeys: I, _key: V });
-        const x = t(k);
-        x != null && x.length && u(x, [...I ?? [], V]);
+  const e = [], u = (i, T) => {
+    i.forEach((z) => {
+      const x = c(z);
+      if (ce(x)) {
+        e.push({ ...z, _parentKeys: T, _key: x });
+        const C = t(z);
+        C != null && C.length && u(C, [...T ?? [], x]);
       }
     });
   };
@@ -67,84 +67,84 @@ const Ut = ({
     return u.value.filter((m) => {
       var v;
       if (g) {
-        const h = ft(m._parentKeys ?? []);
-        return h && h === r;
+        const b = ft(m._parentKeys ?? []);
+        return b && b === r;
       }
       return (v = m._parentKeys) == null ? void 0 : v.includes(r);
     });
-  }, I = (a) => {
-    if (a && q(a))
+  }, T = (a) => {
+    if (a && U(a))
       return oe(a);
     const g = L(o());
-    return g && q(g) ? oe(g) : [];
-  }, k = (a, g) => {
-    const r = I(g), m = i(a);
+    return g && U(g) ? oe(g) : [];
+  }, z = (a, g) => {
+    const r = T(g), m = i(a);
     if (m != null && m.length)
       return m.some((v) => {
         var s;
-        const h = v._key;
-        return h && ((s = r == null ? void 0 : r.includes) == null ? void 0 : s.call(r, h));
+        const b = v._key;
+        return b && ((s = r == null ? void 0 : r.includes) == null ? void 0 : s.call(r, b));
       });
-  }, V = (a, g) => {
-    const r = I(g), m = i(a);
+  }, x = (a, g) => {
+    const r = T(g), m = i(a);
     if (m != null && m.length)
       return m.every((v) => {
         var s;
-        const h = v._key;
-        return h && ((s = r == null ? void 0 : r.includes) == null ? void 0 : s.call(r, h));
+        const b = v._key;
+        return b && ((s = r == null ? void 0 : r.includes) == null ? void 0 : s.call(r, b));
       });
-  }, x = (a, g) => {
-    const r = I(g), m = i(a), v = t(a);
-    return m != null && m.length ? V(a) ? !0 : k(a) ? "intermediate" : !1 : r.includes(v);
+  }, C = (a, g) => {
+    const r = T(g), m = i(a), v = t(a);
+    return m != null && m.length ? x(a) ? !0 : z(a) ? "intermediate" : !1 : r.includes(v);
   }, K = (a) => ce(a) ? u.value.find((g) => g._key === a) : void 0;
   return {
     flattenData: u,
     getNodeChildren: i,
-    isSomeChildrenSelected: k,
-    isAllChildrenSelected: V,
-    isSelected: x,
+    isSomeChildrenSelected: z,
+    isAllChildrenSelected: x,
+    isSelected: C,
     selectValues: (a, g) => {
       if (a.length) {
-        let r = I();
+        let r = T();
         const m = a.filter(ce);
-        g ? r.push(...m) : r = r.filter((y) => !m.includes(y));
-        const v = r.map(K).filter((y) => y && y._parentKeys), s = ze(Wt(v.map((y) => y._parentKeys))).filter(ce).map(K).filter(Boolean), z = [], D = [];
-        return s.forEach((y) => {
-          const M = t(y);
-          V(y, r) ? z.push(M) : D.push(M);
-        }), r.push(...z), ze(r.filter((y) => !D.includes(y)));
+        g ? r.push(...m) : r = r.filter((h) => !m.includes(h));
+        const v = r.map(K).filter((h) => h && h._parentKeys), s = ze(Wt(v.map((h) => h._parentKeys))).filter(ce).map(K).filter(Boolean), O = [], P = [];
+        return s.forEach((h) => {
+          const M = t(h);
+          x(h, r) ? O.push(M) : P.push(M);
+        }), r.push(...O), ze(r.filter((h) => !P.includes(h)));
       }
     }
   };
-}, $e = ["sm", "md", "lg"], jt = ["error", "warning", "success"], Ht = { key: 1 }, Ae = /* @__PURE__ */ ne({
+}, $e = ["sm", "md", "lg"], jt = ["error", "warning", "success"], Ht = { key: 1 }, Fe = /* @__PURE__ */ ne({
   __name: "ComboboxInput",
   setup(c) {
-    const o = Oe();
+    const o = Be();
     Lt(
       () => o.open.value && o.headerInputElement.value,
       () => {
         o.headerInputElement.value && o.open.value && o.focusOnInput();
       }
     );
-    const t = f(() => !X(o.modelValue.value)), e = f(() => t.value ? q(o.modelValue.value) ? o.getLabelByValue(Et(o.modelValue.value)) : o.getLabelByValue(o.modelValue.value) : o.props.placeholder), u = (k) => {
-      if (k.key === "Backspace" && o.props.multiple && q(o.modelValue.value) && X(o.searchModel.value) && (o.setModelValue(o.modelValue.value.slice(0, -1)), X(o.modelValue.value))) {
-        const V = setTimeout(() => {
-          o.focusOnInput(), clearTimeout(V);
+    const t = f(() => !X(o.modelValue.value)), e = f(() => t.value ? U(o.modelValue.value) ? o.getLabelByValue(Et(o.modelValue.value)) : o.getLabelByValue(o.modelValue.value) : o.props.placeholder), u = (z) => {
+      if (z.key === "Backspace" && o.props.multiple && U(o.modelValue.value) && X(o.searchModel.value) && (o.setModelValue(o.modelValue.value.slice(0, -1)), X(o.modelValue.value))) {
+        const x = setTimeout(() => {
+          o.focusOnInput(), clearTimeout(x);
         }, 2);
       }
-    }, i = P(E, "input"), I = xe(i, {
+    }, i = k(E, "input"), T = xe(i, {
       variants: {
-        valuePlaceholder: H("value-placeholder", i)
+        valuePlaceholder: q("value-placeholder", i)
       }
     });
-    return (k, V) => (ie(), Ce(L(et), Me(L(o).comboboxInputBinding.value, {
+    return (z, x) => (ie(), Ce(L(et), Me(L(o).comboboxInputBinding.value, {
       disabled: L(o).getDisabled.value,
       placeholder: e.value,
       "as-child": "",
       modelValue: L(o).searchModel.value,
-      "onUpdate:modelValue": V[0] || (V[0] = (x) => L(o).searchModel.value = x),
+      "onUpdate:modelValue": x[0] || (x[0] = (C) => L(o).searchModel.value = C),
       onKeydown: u,
-      class: L(I)({
+      class: L(T)({
         valuePlaceholder: t.value
       }),
       displayValue: () => ""
@@ -155,9 +155,9 @@ const Ut = ({
           ref: L(o).headerInputElement,
           placeholder: L(o).props.placeholder
         }, {
-          leading: de(({ iconSize: x }) => [
+          leading: de(({ iconSize: C }) => [
             we(Se, {
-              size: x,
+              size: C,
               icon: "tabler:search",
               flipOnDir: "rtl"
             }, null, 8, ["size"])
@@ -169,31 +169,31 @@ const Ut = ({
     }, 16, ["disabled", "placeholder", "modelValue", "class"]));
   }
 }), qt = /* @__PURE__ */ ne({
-  name: Ve("ComboboxTrigger"),
+  name: _e("ComboboxTrigger"),
   props: {},
   setup(c, {
     slots: o,
     attrs: t
   }) {
-    const e = Oe(), u = ({
+    const e = Be(), u = ({
       value: s
-    }, z) => {
-      if (z.stopPropagation(), s && q(e.modelValue.value) && !e.getDisabled.value) {
-        const D = e.modelValue.value.filter((y) => y !== s);
-        e.setModelValue(D);
+    }, O) => {
+      if (O.stopPropagation(), s && U(e.modelValue.value) && !e.getDisabled.value) {
+        const P = e.modelValue.value.filter((h) => h !== s);
+        e.setModelValue(P);
       }
-    }, i = P(E, "trigger"), I = xe(i, {
+    }, i = k(E, "trigger"), T = xe(i, {
       variants: {
-        size: H($e, i),
-        headerSearch: H("header-search", i),
-        status: H(jt, i),
-        bordered: H("bordered", i),
-        multiple: H("multiple", i),
-        contentFit: H("content-fit", i),
-        wrapped: H("wrapped", i),
-        filled: H("filled", i)
+        size: q($e, i),
+        headerSearch: q("header-search", i),
+        status: q(jt, i),
+        bordered: q("bordered", i),
+        multiple: q("multiple", i),
+        contentFit: q("content-fit", i),
+        wrapped: q("wrapped", i),
+        filled: q("filled", i)
       }
-    }), k = f(() => {
+    }), z = f(() => {
       switch (e.getSize.value) {
         case "sm":
           return "2xsm";
@@ -201,22 +201,28 @@ const Ut = ({
         default:
           return "xsm";
       }
-    }), V = f(() => {
+    }), x = f(() => {
       if (!e.props.multiple && ge(e.modelValue.value) && !X(e.modelValue.value))
         return e.getOptionByValue(e.modelValue.value);
-    }), x = (s = V.value) => {
-      if (e.props.selectedItemIconAsTrailingIcon && _e(s) && "icon" in s)
+    }), C = (s = x.value) => {
+      if (e.props.selectedItemIconAsTrailingIcon && Ve(s) && "icon" in s)
         return s.icon;
-    }, K = f(() => x()), $ = f(() => {
+    }, K = f(() => C()), A = f(() => {
       if (!e.props.noTrailing)
         return e.props.trailingIcon;
-    }), a = f(() => ({
-      modelValue: oe(e.modelValue.value),
-      open: oe(e.open.value)
-    })), g = () => {
+    }), a = f(() => {
+      var P, h;
+      const s = oe(e.modelValue.value), O = U(e.modelValue.value);
+      return {
+        modelValue: s,
+        open: oe(e.open.value),
+        option: O ? void 0 : e.getOptionByValue(e.modelValue.value),
+        options: O ? (h = (P = e.modelValue.value).map) == null ? void 0 : h.call(P, e.getOptionByValue).filter(Boolean) : void 0
+      };
+    }), g = () => {
       e.onOpenChange(!e.open.value);
     }, r = (s) => {
-      console.log("event ===>", s), e.props.headerSearch;
+      e.props.headerSearch;
     }, m = f(() => ({
       disabled: e.getDisabled.value,
       tabindex: e.getDisabled.value || !e.props.headerSearch ? -1 : 0,
@@ -228,7 +234,7 @@ const Ut = ({
       "aria-expanded": e.open.value,
       "aria-controls": e.contentId,
       "data-state": e.open.value ? "open" : "closed",
-      class: [I({
+      class: [T({
         size: e.getSize.value,
         status: e.getStatus.value === "success" && X(e.modelValue.value) ? void 0 : e.getStatus.value,
         bordered: e.props.bordered,
@@ -239,61 +245,61 @@ const Ut = ({
         headerSearch: e.props.headerSearch
       }), e.props.triggerCls],
       ...t
-    })), v = (s, z = k.value) => l(Se, {
+    })), v = (s, O = z.value) => l(Se, {
       icon: s,
-      size: z
-    }), h = () => {
-      var D;
+      size: O
+    }), b = () => {
+      var P;
       let s;
-      const z = (D = o.triggerTrailing) == null ? void 0 : D.call(o, a.value);
-      if (R(z) ? $.value && (s = v($.value)) : s = z, s)
+      const O = (P = o.triggerTrailing) == null ? void 0 : P.call(o, a.value);
+      if (R(O) ? A.value && (s = v(A.value)) : s = O, s)
         return l("div", {
-          class: [P(i, "trailing"), e.props.triggerTrailingCls]
+          class: [k(i, "trailing"), e.props.triggerTrailingCls]
         }, s);
     };
     return () => {
-      var y;
-      const s = (y = o.trigger) == null ? void 0 : y.call(o, a.value), D = (() => {
+      var h;
+      const s = (h = o.trigger) == null ? void 0 : h.call(o, a.value), P = (() => {
         if (R(s)) return !1;
-        const M = bt(s) ?? null, A = M.length === 1 ? M[0] : M;
-        return A ? yt(A) && !Ct(A) : !0;
+        const M = bt(s) ?? null, $ = M.length === 1 ? M[0] : M;
+        return $ ? yt($) && !Ct($) : !0;
       })();
       return l(tt, {
         ...m.value,
         ...e.comboboxTriggerBinding.value,
-        asChild: D,
-        as: D ? "template" : "button",
-        key: String(D),
+        asChild: P,
+        as: P ? "template" : "button",
+        key: String(P),
         onKeyUp: r,
         onClick: g
       }, () => {
         if (!R(s))
           return s;
-        const M = (B) => {
-          var Q, j;
-          const F = e.getOptionByValue(B);
-          return l(Ne, {
-            ...F ? ((j = (Q = e.props).getTagProps) == null ? void 0 : j.call(Q, F)) ?? {} : {},
+        const M = (I) => {
+          var Q, H;
+          const F = e.getOptionByValue(I);
+          return l(Re, {
+            ...F ? ((H = (Q = e.props).getTagProps) == null ? void 0 : H.call(Q, F)) ?? {} : {},
             size: e.getTagSize.value
           });
-        }, A = (B) => {
-          var Q, j;
-          const F = e.getOptionByValue(B);
-          return l(Re, {
-            ...F ? ((j = (Q = e.props).getTagProps) == null ? void 0 : j.call(Q, F)) ?? {} : {},
+        }, $ = (I) => {
+          var Q, H;
+          const F = e.getOptionByValue(I);
+          return l(Ae, {
+            ...F ? ((H = (Q = e.props).getTagProps) == null ? void 0 : H.call(Q, F)) ?? {} : {},
             size: e.getTagSize.value
           });
         }, me = () => {
-          if (!e.props.multiple && !q(e.modelValue.value) && e.modelValue.value && (e.props.tagRenderMode && ["avatar", "go"].includes(e.props.tagRenderMode) || K.value || e.props.leadingIcon)) {
-            let B;
-            if (e.props.tagRenderMode === "avatar" ? B = M(e.modelValue.value) : e.props.tagRenderMode === "go" ? B = A(e.modelValue.value) : K.value ? B = v(K.value) : e.props.leadingIcon && (B = v(e.props.leadingIcon)), !R(B))
+          if (!e.props.multiple && !U(e.modelValue.value) && e.modelValue.value && (e.props.tagRenderMode && ["avatar", "go"].includes(e.props.tagRenderMode) || K.value || e.props.leadingIcon)) {
+            let I;
+            if (e.props.tagRenderMode === "avatar" ? I = M(e.modelValue.value) : e.props.tagRenderMode === "go" ? I = $(e.modelValue.value) : K.value ? I = v(K.value) : e.props.leadingIcon && (I = v(e.props.leadingIcon)), !R(I))
               return l("div", {
-                class: [P(i, "leading"), e.props.triggerLeadingCls]
-              }, B);
+                class: [k(i, "leading"), e.props.triggerLeadingCls]
+              }, I);
           }
         }, fe = () => {
-          const B = [], F = [P(i, "tags"), e.props.triggerContentCls, X(e.modelValue.value) ? e.props.triggerContentPlaceholderCls : e.props.triggerContentValueCls], j = (() => {
-            if (e.props.multiple && q(e.modelValue.value)) {
+          const I = [], F = [k(i, "tags"), e.props.triggerContentCls, X(e.modelValue.value) ? e.props.triggerContentPlaceholderCls : e.props.triggerContentValueCls], H = (() => {
+            if (e.props.multiple && U(e.modelValue.value)) {
               if (e.props.tagRenderMode === "avatar")
                 return l(zt, {
                   maxCount: e.props.maxCount,
@@ -311,7 +317,7 @@ const Ut = ({
                   noPopover: !0,
                   noWrap: !e.props.wrapped,
                   class: F
-                }, () => e.modelValue.value.map(A));
+                }, () => e.modelValue.value.map($));
               if (e.props.tagRenderMode === "chip")
                 return l(Tt, {
                   maxCount: e.props.maxCount,
@@ -327,14 +333,14 @@ const Ut = ({
                   const ae = () => e.getLabelByValue(Y), Z = ({
                     size: ve
                   }) => {
-                    const te = x(e.getOptionByValue(Y)) ?? e.props.leadingIcon;
+                    const te = C(e.getOptionByValue(Y)) ?? e.props.leadingIcon;
                     return te ? v(te, ve) : null;
                   }, ee = e.getOptionByValue(Y);
                   return l(kt, {
                     ...ee ? ((le = (ue = e.props).getTagProps) == null ? void 0 : le.call(ue, ee)) ?? {} : {},
                     value: Y,
-                    class: [P(i, "tag"), e.props.tagCls],
-                    closeIconCls: P(i, "tag__close")
+                    class: [k(i, "tag"), e.props.tagCls],
+                    closeIconCls: k(i, "tag__close")
                   }, {
                     text: ae,
                     leading: Z
@@ -342,13 +348,13 @@ const Ut = ({
                 }));
             }
           })();
-          return j && B.push(j), e.props.headerSearch || B.push(l(Ae)), l("div", {
-            class: P(i, "content")
-          }, B);
-        }, U = [], re = me();
-        R(re) || U.push(re), U.push(fe());
-        const pe = h();
-        return R(pe) || U.push(pe), U;
+          return H && I.push(H), e.props.headerSearch || I.push(l(Fe)), l("div", {
+            class: k(i, "content")
+          }, I);
+        }, j = [], re = me();
+        R(re) || j.push(re), j.push(fe());
+        const pe = b();
+        return R(pe) || j.push(pe), j;
       });
     };
   }
@@ -356,13 +362,13 @@ const Ut = ({
   __name: "ComboboxLabel",
   setup(c) {
     return (o, t) => (ie(), Le("div", {
-      class: je(L(P)(L(E), "label"))
+      class: He(L(k)(L(E), "label"))
     }, [
       Ee(o.$slots, "default")
     ], 2));
   }
 }), De = /* @__PURE__ */ ne({
-  name: Ve("SelectOption"),
+  name: _e("SelectOption"),
   props: {
     option: {
       type: [Object, String],
@@ -373,7 +379,7 @@ const Ut = ({
   setup(c, {
     slots: o
   }) {
-    const t = Oe(), e = f(() => {
+    const t = Be(), e = f(() => {
       switch (t.getSize.value) {
         case "sm":
           return "2xsm";
@@ -383,13 +389,13 @@ const Ut = ({
         default:
           return "xsm";
       }
-    }), u = f(() => t.getOptionValue(c.option)), i = f(() => t.getOptionNoCheckbox(c.option)), I = f(() => t.getOptionSingle(c.option)), k = f(() => t.getOptionLabel(c.option)), V = f(() => t.getOptionIcon(c.option)), x = f(() => t.props.tree ? void 0 : t.getOptionDescription(c.option)), K = f(() => t.getOptionDisabled(c.option)), $ = f(() => t.isItemSelected(u.value)), a = P(E, "option"), g = () => {
+    }), u = f(() => t.getOptionValue(c.option)), i = f(() => t.getOptionNoCheckbox(c.option)), T = f(() => t.getOptionSingle(c.option)), z = f(() => t.getOptionLabel(c.option)), x = f(() => t.getOptionIcon(c.option)), C = f(() => t.props.tree ? void 0 : t.getOptionDescription(c.option)), K = f(() => t.getOptionDisabled(c.option)), A = f(() => t.isItemSelected(u.value)), a = k(E, "option"), g = () => {
       if (!(t.props.tree || !u.value || K.value))
         if (t.props.multiple)
-          if (I.value)
+          if (T.value)
             t.setModelValue([u.value]), t.emit("select", u.value, !0);
           else {
-            let r = q(t.modelValue.value) ? t.modelValue.value : [];
+            let r = U(t.modelValue.value) ? t.modelValue.value : [];
             const m = r.includes(u.value);
             r.length === 1 && t.getSingleByValue(r[0]) && u.value !== r[0] && (r = []), m ? (t.setModelValue(r.filter((v) => v !== u.value)), t.emit("select", u.value, !0)) : (t.setModelValue([...r, u.value]), t.emit("select", u.value, !1));
           }
@@ -399,35 +405,35 @@ const Ut = ({
     if (!c.option) throw new Error("option is required");
     return () => {
       const r = (v) => {
-        var z, D, y, M, A;
-        const h = [];
-        !t.props.tree && t.props.multiple && t.props.checkbox && !i.value && h.push(l(Nt, {
-          modelValue: $.value,
+        var O, P, h, M, $;
+        const b = [];
+        !t.props.tree && t.props.multiple && t.props.checkbox && !i.value && b.push(l(Nt, {
+          modelValue: A.value,
           size: v.checkboxSize,
           disabled: K.value
         }));
-        const s = (z = o.leading) == null ? void 0 : z.call(o, {
+        const s = (O = o.leading) == null ? void 0 : O.call(o, {
           option: c.option
         });
-        return R(s) ? t.props.tagRenderMode === "avatar" ? h.push(l(Ne, {
-          ...((y = (D = t.props).getTagProps) == null ? void 0 : y.call(D, c.option)) ?? {},
+        return R(s) ? t.props.tagRenderMode === "avatar" ? b.push(l(Re, {
+          ...((h = (P = t.props).getTagProps) == null ? void 0 : h.call(P, c.option)) ?? {},
           size: t.getTagSize.value
-        })) : t.props.tagRenderMode === "go" ? h.push(l(Re, {
-          ...((A = (M = t.props).getTagProps) == null ? void 0 : A.call(M, c.option)) ?? {},
+        })) : t.props.tagRenderMode === "go" ? b.push(l(Ae, {
+          ...(($ = (M = t.props).getTagProps) == null ? void 0 : $.call(M, c.option)) ?? {},
           size: t.getTagSize.value
-        })) : V.value && h.push(l(Se, {
-          icon: V.value,
+        })) : x.value && b.push(l(Se, {
+          icon: x.value,
           size: e.value
-        })) : h.push(s), R(h) ? null : h;
+        })) : b.push(s), R(b) ? null : b;
       };
       return (() => {
-        const v = !!x.value;
+        const v = !!C.value;
         return l(Kt, {
           class: a,
-          description: x.value,
-          title: k.value,
+          description: C.value,
+          title: z.value,
           key: u.value,
-          selected: $.value,
+          selected: A.value,
           unFocusable: !0,
           leadingCenter: !v,
           size: t.getSize.value,
@@ -436,8 +442,8 @@ const Ut = ({
         }, {
           leading: r,
           trailing: () => {
-            var h;
-            return (h = o.trailing) == null ? void 0 : h.call(o, {
+            var b;
+            return (b = o.trailing) == null ? void 0 : b.call(o, {
               option: c.option
             });
           }
@@ -446,23 +452,23 @@ const Ut = ({
     };
   }
 }), Jt = /* @__PURE__ */ ne({
-  name: Ve("ComboboxWrapper"),
+  name: _e("ComboboxWrapper"),
   setup(c, {
     slots: o
   }) {
-    const t = $t(), e = ot(), u = be();
+    const t = At(), e = ot(), u = be();
     St({
       target: u
     });
-    const i = be(), I = Ot({
+    const i = be(), T = Bt({
       triggerRef: i,
       props: t.props
     }), {
-      getFlipOnDir: k,
-      getDir: V
-    } = gt(), x = k("reversePlacementOnDir"), K = V(), $ = Bt({
+      getFlipOnDir: z,
+      getDir: x
+    } = gt(), C = z("reversePlacementOnDir"), K = x(), A = Ot({
       props: t.props,
-      flip: x,
+      flip: C,
       emitsAsProps: t.emitsAsProps,
       _dir: K,
       controlAutoFocus: !1,
@@ -470,20 +476,20 @@ const Ut = ({
     }), a = ({
       key: n,
       getterKey: p,
-      defaultValue: b,
+      defaultValue: y,
       noReturnOption: S
-    }) => (C) => {
-      const N = ke(b) ? b(C) : b;
-      if (_e(C)) {
-        const W = C[n] ?? N, G = p && t.props[p];
+    }) => (V) => {
+      const N = ke(y) ? y(V) : y;
+      if (Ve(V)) {
+        const W = V[n] ?? N, G = p && t.props[p];
         if (G) {
           if (ge(G))
-            return C[G] ?? W;
-          if (ke(G)) return G(C) ?? W;
+            return V[G] ?? W;
+          if (ke(G)) return G(V) ?? W;
         }
         return W;
       }
-      return ge(C) && !S ? C ?? N : N;
+      return ge(V) && !S ? V ?? N : N;
     }, g = a({
       getterKey: "getValue",
       key: "value"
@@ -498,7 +504,7 @@ const Ut = ({
       getterKey: "getLabel",
       key: "label",
       defaultValue: g
-    }), h = a({
+    }), b = a({
       getterKey: "getIcon",
       key: "icon",
       noReturnOption: !0
@@ -506,32 +512,32 @@ const Ut = ({
       getterKey: "getDescription",
       key: "description",
       noReturnOption: !0
-    }), z = a({
+    }), O = a({
       getterKey: "getDisabled",
       key: "disabled",
       defaultValue: !1,
       noReturnOption: !0
-    }), D = a({
+    }), P = a({
       getterKey: "getGroupLabel",
       key: "label",
       noReturnOption: !0
-    }), y = a({
+    }), h = a({
       getterKey: "getGroupOptions",
       key: "options",
       noReturnOption: !0
     }), M = (n) => {
       var p;
-      if ((p = t.props.options) != null && p.length)
-        for (const b of t.props.options) {
-          if (g(b) === n) return b;
-          const S = y(b);
+      if ((p = t.props.options) != null && p.length && n)
+        for (const y of t.props.options) {
+          if (g(y) === n) return y;
+          const S = h(y);
           if (S != null && S.length) {
-            for (const C of S)
-              if (g(C) === n) return C;
+            for (const V of S)
+              if (g(V) === n) return V;
           }
         }
       return n;
-    }, A = (n) => {
+    }, $ = (n) => {
       const p = M(n);
       return p ? v(p) ?? n : n;
     }, me = (n) => {
@@ -541,26 +547,26 @@ const Ut = ({
       contains: fe
     } = nt({
       sensitivity: "base"
-    }), U = f(() => {
-      const n = (p) => p == null ? void 0 : p.map((b) => {
-        const S = v(b), C = g(b), N = z(b), W = D(b), G = !t.searchModel.value || S && fe(S, t.searchModel.value), d = y(b), O = !t.props.tree || C;
-        if (d && O) {
+    }), j = f(() => {
+      const n = (p) => p == null ? void 0 : p.map((y) => {
+        const S = v(y), V = g(y), N = O(y), W = P(y), G = !t.searchModel.value || S && fe(S, t.searchModel.value), d = h(y), B = !t.props.tree || V;
+        if (d && B) {
           const _ = n(d);
           if (_ != null && _.length || G)
             return {
               groupLabel: W,
               title: S,
-              key: C,
+              key: V,
               disabled: N,
               children: _,
-              _option: b
+              _option: y
             };
         }
-        return G && O ? {
+        return G && B ? {
           title: S,
-          key: C,
+          key: V,
           disabled: N,
-          _option: b
+          _option: y
         } : null;
       }).filter(Boolean);
       if (t.props.options)
@@ -568,13 +574,13 @@ const Ut = ({
     }), {
       getDisabled: re,
       getStatus: pe,
-      getSize: B
-    } = Vt({
+      getSize: I
+    } = _t({
       getDisabled: () => t.props.disabled,
       getSize: () => t.props.size,
       getStatus: () => t.props.status
     }), F = f(() => {
-      switch (B.value) {
+      switch (I.value) {
         case "sm":
           return "xsm";
         case "lg":
@@ -585,12 +591,12 @@ const Ut = ({
       }
     }), {
       inputBindings: Q,
-      rootBindings: j
+      rootBindings: H
     } = xt({
       getDisabled: () => re.value
     }), Y = be(), ae = () => {
-      var n, p, b, S, C, N, W;
-      e.open.value && e.inputElement.value && (t.props.headerSearch && ((n = Y.value) != null && n.input) ? document.activeElement !== ((p = Y.value) == null ? void 0 : p.input) && ((C = (S = (b = Y.value) == null ? void 0 : b.input) == null ? void 0 : S.focus) == null || C.call(S)) : document.activeElement !== e.inputElement.value && ((W = (N = e.inputElement.value) == null ? void 0 : N.focus) == null || W.call(N)));
+      var n, p, y, S, V, N, W;
+      e.open.value && e.inputElement.value && (t.props.headerSearch && ((n = Y.value) != null && n.input) ? document.activeElement !== ((p = Y.value) == null ? void 0 : p.input) && ((V = (S = (y = Y.value) == null ? void 0 : y.input) == null ? void 0 : S.focus) == null || V.call(S)) : document.activeElement !== e.inputElement.value && ((W = (N = e.inputElement.value) == null ? void 0 : N.focus) == null || W.call(N)));
     }, Z = (n) => {
       e.modelValue.value = n, t.emit("update:modelValue", n);
     }, ee = (n) => n === void 0 ? !1 : Array.isArray(e.modelValue.value) ? !!(n && e.modelValue.value.includes(n)) : e.modelValue.value === n;
@@ -601,51 +607,51 @@ const Ut = ({
       getOptionSingle: m,
       getOptionNoCheckbox: r,
       getOptionDescription: s,
-      getOptionDisabled: z,
-      getOptionIcon: h,
+      getOptionDisabled: O,
+      getOptionIcon: b,
       getOptionByValue: M,
       isItemSelected: ee,
-      getLabelByValue: A,
+      getLabelByValue: $,
       getSingleByValue: me,
       focusOnInput: ae,
       setModelValue: Z,
       headerInputElement: Y,
       getDisabled: re,
       getStatus: pe,
-      getSize: B,
+      getSize: I,
       getTagSize: F,
       comboboxInputBinding: Q,
-      comboboxTriggerBinding: j,
+      comboboxTriggerBinding: H,
       ...e,
       modelValue: e.modelValue
-    }), He(() => [t.props.clearOnChangeMultiple, t.props.multiple], () => {
+    }), Ke(() => [t.props.clearOnChangeMultiple, t.props.multiple], () => {
       t.props.clearOnChangeMultiple && Z(void 0);
     });
     const ue = f(() => {
       const n = t.props.scrollContainerProps ?? {};
       return {
         ...n,
-        areaCls: [P(E, "scroll_area"), n == null ? void 0 : n.class, n == null ? void 0 : n.areaCls]
+        areaCls: [k(E, "scroll_area"), n == null ? void 0 : n.class, n == null ? void 0 : n.areaCls]
       };
-    }), le = P(E, "popup"), ve = xe(le, {
+    }), le = k(E, "popup"), ve = xe(le, {
       variants: {
-        size: H($e, le)
+        size: q($e, le)
       }
     }), te = (n) => {
       if (Number(n) > 0)
         return `${n}px`;
       if (typeof n == "string")
         return n;
-    }, Fe = f(() => te(t.props.popupWidth)), We = f(() => te(t.props.popupHeight)), Be = f(() => te(t.props.minWidth)), Pe = f(() => ({
-      type: B.value === "sm" ? "simple" : "advance",
+    }, We = f(() => te(t.props.popupWidth)), Ge = f(() => te(t.props.popupHeight)), Oe = f(() => te(t.props.minWidth)), Pe = f(() => ({
+      type: I.value === "sm" ? "simple" : "advance",
       ...Te(t.props.emptyProps ?? {}, "class")
-    })), Ge = f(() => Te(t.props.skeletonProps ?? {}, "class")), {
-      selectValues: Ue
+    })), Ue = f(() => Te(t.props.skeletonProps ?? {}, "class")), {
+      selectValues: je
     } = Ut({
       getValue: (n) => n == null ? void 0 : n.key,
       getChildren: (n) => n == null ? void 0 : n.children,
       getModel: () => oe(e.modelValue.value),
-      getData: () => oe(U.value ?? [])
+      getData: () => oe(j.value ?? [])
     });
     return () => {
       var W, G;
@@ -655,80 +661,80 @@ const Ut = ({
         trailing: o.optionTrailing,
         leading: o.optionLeading
       }), p = [];
-      let b;
+      let y;
       if (t.props.tree) {
-        const O = q(e.modelValue.value) ? e.modelValue.value : e.modelValue.value ? [e.modelValue.value] : [];
-        b = l(It, {
-          data: U.value ?? [],
+        const B = U(e.modelValue.value) ? e.modelValue.value : e.modelValue.value ? [e.modelValue.value] : [];
+        y = l(It, {
+          data: j.value ?? [],
           selectable: !0,
           checkbox: t.props.multiple && t.props.checkbox,
           multiple: t.props.multiple,
           defaultExpandAll: !0,
           syncCheckboxAndSelect: t.props.multiple,
           showLine: !0,
-          modelValue: O,
-          checkedKeys: O,
+          modelValue: B,
+          checkedKeys: B,
           onExpand: ae,
-          onSelect: (_, w, T) => {
+          onSelect: (_, w, D) => {
             if (t.props.multiple) {
-              const J = q(T) ? T : [T];
-              Z(Ue(J, w));
+              const J = U(D) ? D : [D];
+              Z(je(J, w));
             } else
-              Z(T);
+              Z(D);
           },
           class: "w-full"
         }, {
           title: (_) => n(_._option)
-        }), p.push(b);
+        }), p.push(y);
       } else {
         let d = !1;
-        const O = [];
-        if ((U.value ?? []).forEach((_) => {
+        const B = [];
+        if ((j.value ?? []).forEach((_) => {
           var w;
           if ((w = _.children) != null && w.length) {
-            const T = [];
+            const D = [];
             _.children.forEach((J) => {
               const se = n(J._option);
-              ee(g(J._option)) && t.props.sortSelectedItems ? O.push(se) : T.push(se);
-            }), T.length && ((d || p.length) && (p.push(l(ye)), d = !1), _.groupLabel && p.push(l(Yt, {
+              ee(g(J._option)) && t.props.sortSelectedItems ? B.push(se) : D.push(se);
+            }), D.length && ((d || p.length) && (p.push(l(ye)), d = !1), _.groupLabel && p.push(l(Yt, {
               class: t.props.labelCls
-            }, () => _.groupLabel)), p.push(...T), d = !0);
+            }, () => _.groupLabel)), p.push(...D), d = !0);
           } else {
-            const T = n(_._option);
-            ee(g(_._option)) && t.props.sortSelectedItems ? O.push(T) : (d && (p.push(l(ye)), d = !1), p.push(T));
+            const D = n(_._option);
+            ee(g(_._option)) && t.props.sortSelectedItems ? B.push(D) : (d && (p.push(l(ye)), d = !1), p.push(D));
           }
-        }), t.props.sortSelectedItems && O.length) {
+        }), t.props.sortSelectedItems && B.length) {
           const _ = !!p.length;
-          p.splice(0, 0, ...O), _ && p.splice(O.length, 0, l(ye));
+          p.splice(0, 0, ...B), _ && p.splice(B.length, 0, l(ye));
         }
       }
-      const S = _t(b ? [b] : p, De).filter((d) => {
-        var O;
-        return _e(d == null ? void 0 : d.props) && ((O = d == null ? void 0 : d.props) == null ? void 0 : O.option);
-      }), C = !!(t.props.tree && ((W = U.value) != null && W.length) || S != null && S.length), N = () => {
-        var O, _;
+      const S = Vt(y ? [y] : p, De).filter((d) => {
+        var B;
+        return Ve(d == null ? void 0 : d.props) && ((B = d == null ? void 0 : d.props) == null ? void 0 : B.option);
+      }), V = !!(t.props.tree && ((W = j.value) != null && W.length) || S != null && S.length), N = () => {
+        var B, _;
         const d = [];
-        if (C || t.props.loading) {
+        if (V || t.props.loading) {
           const w = [];
-          if (C && w.push(...p), t.props.loading) {
-            const T = (O = o.loading) == null ? void 0 : O.call(o, {});
-            if (!R(T)) w.push(T);
+          if (V && w.push(...p), t.props.loading) {
+            const D = (B = o.loading) == null ? void 0 : B.call(o, {});
+            if (!R(D)) w.push(D);
             else {
-              const J = new Array(C ? 2 : t.props.loadingRowCount).fill(1);
+              const J = new Array(V ? 2 : t.props.loadingRowCount).fill(1);
               w.push(...J.map(() => l(ht, {
-                size: B.value,
-                class: [P(E, "skeleton"), t.props.skeletonCls],
-                ...Ge.value
+                size: I.value,
+                class: [k(E, "skeleton"), t.props.skeletonCls],
+                ...Ue.value
               })));
             }
           }
           d.push(l("div", {
-            class: [P(E, "options"), t.props.optionsCls]
+            class: [k(E, "options"), t.props.optionsCls]
           }, w));
-        } else if (!C) {
+        } else if (!V) {
           const w = (_ = o.empty) == null ? void 0 : _.call(o, Pe.value);
           R(w) ? d.push(l(vt, {
-            class: [P(E, "empty"), t.props.emptyCls],
+            class: [k(E, "empty"), t.props.emptyCls],
             ...Pe.value
           }, {
             title: o.emptyTitle,
@@ -738,9 +744,9 @@ const Ut = ({
           })) : d.push(w);
         }
         return t.props.lazyLoading && d.push(l("div", {
-          class: P(E, "lazy_loading")
+          class: k(E, "lazy_loading")
         }, l("div", {
-          class: P(E, "lazy_loading_trigger"),
+          class: k(E, "lazy_loading_trigger"),
           ref: u
         }))), d;
       };
@@ -749,37 +755,37 @@ const Ut = ({
         ...t.attrs,
         style: {
           ...((G = t.attrs) == null ? void 0 : G.style) ?? {},
-          "--ptc-combobox-trigger-min-w": Be.value
+          "--ptc-combobox-trigger-min-w": Oe.value
         }
       }, {
         trigger: o.trigger,
         triggerTrailing: o.triggerTrailing
-      }), l(rt, I.value, () => l(at, {
-        ...$.value,
+      }), l(rt, T.value, () => l(at, {
+        ...A.value,
         vShow: e.open.value,
         class: [ve(t.props), t.props.popupCls],
         style: {
-          "--ptc-combobox-popup-width": t.props.samePopupWidth ? void 0 : Fe.value,
-          "--ptc-combobox-popup-height": We.value,
-          "--ptc-combobox-trigger-min-w": Be.value
+          "--ptc-combobox-popup-width": t.props.samePopupWidth ? void 0 : We.value,
+          "--ptc-combobox-popup-height": Ge.value,
+          "--ptc-combobox-trigger-min-w": Oe.value
         },
         onClick: ae
       }, () => {
-        var T, J, se;
-        const d = [], O = (T = o.header) == null ? void 0 : T.call(o, {}), _ = !R(O);
+        var D, J, se;
+        const d = [], B = (D = o.header) == null ? void 0 : D.call(o, {}), _ = !R(B);
         if (t.props.headerSearch || _) {
           const he = [];
-          _ && he.push(O), t.props.headerSearch && he.push(l(Ae)), d.push(l("div", {
-            class: P(E, "header")
+          _ && he.push(B), t.props.headerSearch && he.push(l(Fe)), d.push(l("div", {
+            class: k(E, "header")
           }, he));
         }
         d.push(l(Pt, ue.value, N));
         const w = (se = o.footer) == null ? void 0 : se.call(o, {
-          isEmpty: !((J = U.value) != null && J.length),
+          isEmpty: !((J = j.value) != null && J.length),
           search: t.searchModel.value
         });
         return R(w) || d.push(l("div", {
-          class: P(E, "footer")
+          class: k(E, "footer")
         }, w)), d;
       }))];
     };
@@ -908,22 +914,29 @@ const Ut = ({
         },
         ut
       )
-    ), I = wt(t, "search", e, {
+    ), T = wt(t, "search", e, {
       passive: t.search === void 0
-    }), k = qe(), V = Ye();
-    return At({
-      attrs: V,
+    });
+    Ke(
+      () => t.open,
+      (C) => {
+        C || (T.value = void 0);
+      }
+    );
+    const z = qe(), x = Ye();
+    return $t({
+      attrs: x,
       props: t,
       emit: e,
-      searchModel: I,
+      searchModel: T,
       emitsAsProps: u
-    }), (x, K) => (ie(), Ce(L(st), Me(i.value, { class: L(E) }), {
+    }), (C, K) => (ie(), Ce(L(st), Me(i.value, { class: L(E) }), {
       default: de(() => [
         we(L(Jt), null, Je({ _: 2 }, [
-          Qe(Object.keys(k), ($) => ({
-            name: $,
+          Qe(Object.keys(z), (A) => ({
+            name: A,
             fn: de((a) => [
-              Ee(x.$slots, $, Xe(Ze(a)))
+              Ee(C.$slots, A, Xe(Ze(a)))
             ])
           }))
         ]), 1024)
@@ -936,6 +949,6 @@ export {
   $e as C,
   To as _,
   jt as a,
-  Oe as i,
+  Be as i,
   Rt as p
 };

package/dist/Combobox.vue_vue_type_style_index_0_lang-nxzc0c0f.js

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),$=require("reka-ui"),G=require("./FormItem.vue_vue_type_style_index_0_lang-Bo3o8_6v.js"),ue=require("./options-CWrQ7gsa.js"),c=require("@pantograph/utils"),B=require("./index-DWw7aruo.js"),he=require("class-variance-authority"),ie=require("./omit-CYbreqlf.js"),qe=require("./Empty.vue_vue_type_style_index_0_lang-DidQV2p4.js"),we=require("./Skeleton.vue_vue_type_style_index_0_lang-CWNX_-Jl.js"),fe=require("./Divider.vue_vue_type_style_index_0_lang-DoEWjJx6.js"),D=require("./element-BjE0SVc4.js"),xe=require("./useInputDataStates-D1X-Whwt.js"),Me=require("./useLazyLoading-H6VG5aE-.js"),Ve=require("./Popover.vue_vue_type_style_index_0_lang-txLoIoSw.js"),Ae=require("./ScrollContainer.vue_vue_type_style_index_0_lang-BIoD2_5T.js"),Ne=require("./Tree.vue_vue_type_style_index_0_lang-26mqYWer.js"),Be=require("./uniq-DGkyiyS4.js"),Q=require("./isEmpty-bCllo8T9.js"),Ke=require("./Chip.vue_vue_type_style_index_0_lang-CtgInoR3.js"),Re=require("./ChipGroup.vue_vue_type_style_index_0_lang-BVwWqy-3.js"),_e=require("./Icon.vue_vue_type_style_index_0_lang-D3cRtJNJ.js"),ve=require("./Avatar.vue_vue_type_style_index_0_lang-CLZz5CmG.js"),Fe=require("./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-CDFDVi-0.js"),Ee=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-BZ5qLbnJ.js"),We=require("./Input.vue_vue_type_style_index_0_lang-CWW5TIRh.js"),Oe=require("@vueuse/core"),Ge=require("lodash-es"),je=require("./MenuItem.vue_vue_type_style_index_0_lang-CYOdJYFY.js");require("@iconify/vue");const Ue=require("./Checkbox.vue_vue_type_style_index_0_lang-Bz-fwglK.js");require("@pantograph/tokens");const[pe,Pe]=$.createContext("Combobox"),[$e,He]=$.createContext("_Combobox"),w=c.getBemBlock("combobox");var Ye=1/0;function Je(d){var n=d==null?0:d.length;return n?ie.baseFlatten(d,Ye):[]}const se=d=>G.isNumber(d)||B.isString(d);function Qe({getValue:d,arr:n,getChildren:o}){const e=[],p=(i,I)=>{i.forEach(T=>{const V=d(T);if(se(V)){e.push({...T,_parentKeys:I,_key:V});const b=o(T);b!=null&&b.length&&p(b,[...I??[],V])}})};return p(n),e}const Xe=({getData:d,getModel:n,getValue:o,getChildren:e})=>{const p=t.computed(()=>Qe({arr:t.unref(d()),getChildren:e,getValue:o})),i=(a,m=!1)=>{const l=o(a);return p.value.filter(f=>{var v;if(m){const _=ie.last(f._parentKeys??[]);return _&&_===l}return(v=f._parentKeys)==null?void 0:v.includes(l)})},I=a=>{if(a&&B.isArray(a))return G.cloneDeep(a);const m=t.unref(n());return m&&B.isArray(m)?G.cloneDeep(m):[]},T=(a,m)=>{const l=I(m),f=i(a);if(f!=null&&f.length)return f.some(v=>{var s;const _=v._key;return _&&((s=l==null?void 0:l.includes)==null?void 0:s.call(l,_))})},V=(a,m)=>{const l=I(m),f=i(a);if(f!=null&&f.length)return f.every(v=>{var s;const _=v._key;return _&&((s=l==null?void 0:l.includes)==null?void 0:s.call(l,_))})},b=(a,m)=>{const l=I(m),f=i(a),v=o(a);return f!=null&&f.length?V(a)?!0:T(a)?"intermediate":!1:l.includes(v)},M=a=>se(a)?p.value.find(m=>m._key===a):void 0;return{flattenData:p,getNodeChildren:i,isSomeChildrenSelected:T,isAllChildrenSelected:V,isSelected:b,selectValues:(a,m)=>{if(a.length){let l=I();const f=a.filter(se);m?l.push(...f):l=l.filter(h=>!f.includes(h));const v=l.map(M).filter(h=>h&&h._parentKeys),s=Be.uniq(Je(v.map(h=>h._parentKeys))).filter(se).map(M).filter(Boolean),O=[],P=[];return s.forEach(h=>{const L=o(h);V(h,l)?O.push(L):P.push(L)}),l.push(...O),Be.uniq(l.filter(h=>!P.includes(h)))}}}},ye=["sm","md","lg"],ke=["error","warning","success"],Ze={key:1},Ie=t.defineComponent({__name:"ComboboxInput",setup(d){const n=pe();Oe.whenever(()=>n.open.value&&n.headerInputElement.value,()=>{n.headerInputElement.value&&n.open.value&&n.focusOnInput()});const o=t.computed(()=>!Q.isEmpty(n.modelValue.value)),e=t.computed(()=>o.value?B.isArray(n.modelValue.value)?n.getLabelByValue(Ge.last(n.modelValue.value)):n.getLabelByValue(n.modelValue.value):n.props.placeholder),p=T=>{if(T.key==="Backspace"&&n.props.multiple&&B.isArray(n.modelValue.value)&&Q.isEmpty(n.searchModel.value)&&(n.setModelValue(n.modelValue.value.slice(0,-1)),Q.isEmpty(n.modelValue.value))){const V=setTimeout(()=>{n.focusOnInput(),clearTimeout(V)},2)}},i=c.getBemElement(w,"input"),I=he.cva(i,{variants:{valuePlaceholder:c.generateVariantClassList("value-placeholder",i)}});return(T,V)=>(t.openBlock(),t.createBlock(t.unref($.ComboboxInput),t.mergeProps(t.unref(n).comboboxInputBinding.value,{disabled:t.unref(n).getDisabled.value,placeholder:e.value,"as-child":"",modelValue:t.unref(n).searchModel.value,"onUpdate:modelValue":V[0]||(V[0]=b=>t.unref(n).searchModel.value=b),onKeydown:p,class:t.unref(I)({valuePlaceholder:o.value}),displayValue:()=>""}),{default:t.withCtx(()=>[t.unref(n).props.headerSearch?(t.openBlock(),t.createBlock(We._sfc_main,{key:0,ref:t.unref(n).headerInputElement,placeholder:t.unref(n).props.placeholder},{leading:t.withCtx(({iconSize:b})=>[t.createVNode(_e._sfc_main,{size:b,icon:"tabler:search",flipOnDir:"rtl"},null,8,["size"])]),_:1},8,["placeholder"])):(t.openBlock(),t.createElementBlock("input",Ze))]),_:1},16,["disabled","placeholder","modelValue","class"]))}}),et=t.defineComponent({name:ue.getComponentName("ComboboxTrigger"),props:{},setup(d,{slots:n,attrs:o}){const e=pe(),p=({value:s},O)=>{if(O.stopPropagation(),s&&B.isArray(e.modelValue.value)&&!e.getDisabled.value){const P=e.modelValue.value.filter(h=>h!==s);e.setModelValue(P)}},i=c.getBemElement(w,"trigger"),I=he.cva(i,{variants:{size:c.generateVariantClassList(ye,i),headerSearch:c.generateVariantClassList("header-search",i),status:c.generateVariantClassList(ke,i),bordered:c.generateVariantClassList("bordered",i),multiple:c.generateVariantClassList("multiple",i),contentFit:c.generateVariantClassList("content-fit",i),wrapped:c.generateVariantClassList("wrapped",i),filled:c.generateVariantClassList("filled",i)}}),T=t.computed(()=>{switch(e.getSize.value){case"sm":return"2xsm";case"md":default:return"xsm"}}),V=t.computed(()=>{if(!e.props.multiple&&B.isString(e.modelValue.value)&&!Q.isEmpty(e.modelValue.value))return e.getOptionByValue(e.modelValue.value)}),b=(s=V.value)=>{if(e.props.selectedItemIconAsTrailingIcon&&B.isObject(s)&&"icon"in s)return s.icon},M=t.computed(()=>b()),N=t.computed(()=>{if(!e.props.noTrailing)return e.props.trailingIcon}),a=t.computed(()=>{var P,h;const s=G.cloneDeep(e.modelValue.value),O=B.isArray(e.modelValue.value);return{modelValue:s,open:G.cloneDeep(e.open.value),option:O?void 0:e.getOptionByValue(e.modelValue.value),options:O?(h=(P=e.modelValue.value).map)==null?void 0:h.call(P,e.getOptionByValue).filter(Boolean):void 0}}),m=()=>{e.onOpenChange(!e.open.value)},l=s=>{e.props.headerSearch},f=t.computed(()=>({disabled:e.getDisabled.value,tabindex:e.getDisabled.value||!e.props.headerSearch?-1:0,reference:e.props.reference,"data-disabled":e.getDisabled.value?"":void 0,"aria-disabled":e.getDisabled.value??void 0,"aria-label":"Show popup","aria-haspopup":"listbox","aria-expanded":e.open.value,"aria-controls":e.contentId,"data-state":e.open.value?"open":"closed",class:[I({size:e.getSize.value,status:e.getStatus.value==="success"&&Q.isEmpty(e.modelValue.value)?void 0:e.getStatus.value,bordered:e.props.bordered,multiple:e.props.multiple,contentFit:e.props.contentFit,wrapped:e.props.wrapped,filled:!Q.isEmpty(e.modelValue.value),headerSearch:e.props.headerSearch}),e.props.triggerCls],...o})),v=(s,O=T.value)=>t.h(_e._sfc_main,{icon:s,size:O}),_=()=>{var P;let s;const O=(P=n.triggerTrailing)==null?void 0:P.call(n,a.value);if(D.isEmptyElement(O)?N.value&&(s=v(N.value)):s=O,s)return t.h("div",{class:[c.getBemElement(i,"trailing"),e.props.triggerTrailingCls]},s)};return()=>{var h;const s=(h=n.trigger)==null?void 0:h.call(n,a.value),P=(()=>{if(D.isEmptyElement(s))return!1;const L=D.filterEmpty(s)??null,K=L.length===1?L[0]:L;return K?D.isValidElement(K)&&!D.isFragment(K):!0})();return t.h($.ComboboxAnchor,{...f.value,...e.comboboxTriggerBinding.value,asChild:P,as:P?"template":"button",key:String(P),onKeyUp:l,onClick:m},()=>{if(!D.isEmptyElement(s))return s;const L=k=>{var J,U;const R=e.getOptionByValue(k);return t.h(ve._sfc_main,{...R?((U=(J=e.props).getTagProps)==null?void 0:U.call(J,R))??{}:{},size:e.getTagSize.value})},K=k=>{var J,U;const R=e.getOptionByValue(k);return t.h(Ee._sfc_main,{...R?((U=(J=e.props).getTagProps)==null?void 0:U.call(J,R))??{}:{},size:e.getTagSize.value})},ce=()=>{if(!e.props.multiple&&!B.isArray(e.modelValue.value)&&e.modelValue.value&&(e.props.tagRenderMode&&["avatar","go"].includes(e.props.tagRenderMode)||M.value||e.props.leadingIcon)){let k;if(e.props.tagRenderMode==="avatar"?k=L(e.modelValue.value):e.props.tagRenderMode==="go"?k=K(e.modelValue.value):M.value?k=v(M.value):e.props.leadingIcon&&(k=v(e.props.leadingIcon)),!D.isEmptyElement(k))return t.h("div",{class:[c.getBemElement(i,"leading"),e.props.triggerLeadingCls]},k)}},de=()=>{const k=[],R=[c.getBemElement(i,"tags"),e.props.triggerContentCls,Q.isEmpty(e.modelValue.value)?e.props.triggerContentPlaceholderCls:e.props.triggerContentValueCls],U=(()=>{if(e.props.multiple&&B.isArray(e.modelValue.value)){if(e.props.tagRenderMode==="avatar")return t.h(ve._sfc_main$1,{maxCount:e.props.maxCount,size:e.getTagSize.value,closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:R},()=>e.modelValue.value.map(L));if(e.props.tagRenderMode==="go")return t.h(Fe._sfc_main,{maxCount:e.props.maxCount,size:e.getTagSize.value,closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:R},()=>e.modelValue.value.map(K));if(e.props.tagRenderMode==="chip")return t.h(Re._sfc_main,{maxCount:e.props.maxCount,size:e.getTagSize.value,color:"primary",closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:R,onClose:p},()=>e.modelValue.value.map(H=>{var ae,ne;const oe=()=>e.getLabelByValue(H),X=({size:ge})=>{const ee=b(e.getOptionByValue(H))??e.props.leadingIcon;return ee?v(ee,ge):null},Z=e.getOptionByValue(H);return t.h(Ke._sfc_main,{...Z?((ne=(ae=e.props).getTagProps)==null?void 0:ne.call(ae,Z))??{}:{},value:H,class:[c.getBemElement(i,"tag"),e.props.tagCls],closeIconCls:c.getBemElement(i,"tag__close")},{text:oe,leading:X})}))}})();return U&&k.push(U),e.props.headerSearch||k.push(t.h(Ie)),t.h("div",{class:c.getBemElement(i,"content")},k)},j=[],te=ce();D.isEmptyElement(te)||j.push(te),j.push(de());const le=_();return D.isEmptyElement(le)||j.push(le),j})}}}),tt=t.defineComponent({__name:"ComboboxLabel",setup(d){return(n,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(t.unref(c.getBemElement)(t.unref(w),"label"))},[t.renderSlot(n.$slots,"default")],2))}}),Se=t.defineComponent({name:ue.getComponentName("SelectOption"),props:{option:{type:[Object,String],required:!0}},slots:Object,setup(d,{slots:n}){const o=pe(),e=t.computed(()=>{switch(o.getSize.value){case"sm":return"2xsm";case"lg":return"sm";case"md":default:return"xsm"}}),p=t.computed(()=>o.getOptionValue(d.option)),i=t.computed(()=>o.getOptionNoCheckbox(d.option)),I=t.computed(()=>o.getOptionSingle(d.option)),T=t.computed(()=>o.getOptionLabel(d.option)),V=t.computed(()=>o.getOptionIcon(d.option)),b=t.computed(()=>o.props.tree?void 0:o.getOptionDescription(d.option)),M=t.computed(()=>o.getOptionDisabled(d.option)),N=t.computed(()=>o.isItemSelected(p.value)),a=c.getBemElement(w,"option"),m=()=>{if(!(o.props.tree||!p.value||M.value))if(o.props.multiple)if(I.value)o.setModelValue([p.value]),o.emit("select",p.value,!0);else{let l=B.isArray(o.modelValue.value)?o.modelValue.value:[];const f=l.includes(p.value);l.length===1&&o.getSingleByValue(l[0])&&p.value!==l[0]&&(l=[]),f?(o.setModelValue(l.filter(v=>v!==p.value)),o.emit("select",p.value,!0)):(o.setModelValue([...l,p.value]),o.emit("select",p.value,!1))}else o.setModelValue(p.value),o.emit("select",p.value,!0)};if(!d.option)throw new Error("option is required");return()=>{const l=v=>{var O,P,h,L,K;const _=[];!o.props.tree&&o.props.multiple&&o.props.checkbox&&!i.value&&_.push(t.h(Ue._sfc_main,{modelValue:N.value,size:v.checkboxSize,disabled:M.value}));const s=(O=n.leading)==null?void 0:O.call(n,{option:d.option});return D.isEmptyElement(s)?o.props.tagRenderMode==="avatar"?_.push(t.h(ve._sfc_main,{...((h=(P=o.props).getTagProps)==null?void 0:h.call(P,d.option))??{},size:o.getTagSize.value})):o.props.tagRenderMode==="go"?_.push(t.h(Ee._sfc_main,{...((K=(L=o.props).getTagProps)==null?void 0:K.call(L,d.option))??{},size:o.getTagSize.value})):V.value&&_.push(t.h(_e._sfc_main,{icon:V.value,size:e.value})):_.push(s),D.isEmptyElement(_)?null:_};return(()=>{const v=!!b.value;return t.h(je._sfc_main$1,{class:a,description:b.value,title:T.value,key:p.value,selected:N.value,unFocusable:!0,leadingCenter:!v,size:o.getSize.value,disabled:M.value,onClick:m},{leading:l,trailing:()=>{var _;return(_=n.trailing)==null?void 0:_.call(n,{option:d.option})}})})()}}}),ot=t.defineComponent({name:ue.getComponentName("ComboboxWrapper"),setup(d,{slots:n}){const o=$e(),e=$.injectComboboxRootContext(),p=t.ref();Me.useLazyLoading({target:p});const i=t.ref(),I=Ve.getPopoverPortalProps({triggerRef:i,props:o.props}),{getFlipOnDir:T,getDir:V}=B.useConfig(),b=T("reversePlacementOnDir"),M=V(),N=Ve.getPopoverContentProps({props:o.props,flip:b,emitsAsProps:o.emitsAsProps,_dir:M,controlAutoFocus:!1,extraPropNames:["bodyLock","position"]}),a=({key:r,getterKey:u,defaultValue:y,noReturnOption:S})=>C=>{const A=B.isFunction(y)?y(C):y;if(B.isObject(C)){const F=C[r]??A,W=u&&o.props[u];if(W){if(B.isString(W))return C[W]??F;if(B.isFunction(W))return W(C)??F}return F}return B.isString(C)&&!S?C??A:A},m=a({getterKey:"getValue",key:"value"}),l=a({getterKey:"getNoCheckbox",key:"noCheckbox"}),f=a({getterKey:"geSingle",key:"single",noReturnOption:!0}),v=a({getterKey:"getLabel",key:"label",defaultValue:m}),_=a({getterKey:"getIcon",key:"icon",noReturnOption:!0}),s=a({getterKey:"getDescription",key:"description",noReturnOption:!0}),O=a({getterKey:"getDisabled",key:"disabled",defaultValue:!1,noReturnOption:!0}),P=a({getterKey:"getGroupLabel",key:"label",noReturnOption:!0}),h=a({getterKey:"getGroupOptions",key:"options",noReturnOption:!0}),L=r=>{var u;if((u=o.props.options)!=null&&u.length&&r)for(const y of o.props.options){if(m(y)===r)return y;const S=h(y);if(S!=null&&S.length){for(const C of S)if(m(C)===r)return C}}return r},K=r=>{const u=L(r);return u?v(u)??r:r},ce=r=>{const u=L(r);return u?f(u)??!1:!1},{contains:de}=$.useFilter({sensitivity:"base"}),j=t.computed(()=>{const r=u=>u==null?void 0:u.map(y=>{const S=v(y),C=m(y),A=O(y),F=P(y),W=!o.searchModel.value||S&&de(S,o.searchModel.value),g=h(y),E=!o.props.tree||C;if(g&&E){const x=r(g);if(x!=null&&x.length||W)return{groupLabel:F,title:S,key:C,disabled:A,children:x,_option:y}}return W&&E?{title:S,key:C,disabled:A,_option:y}:null}).filter(Boolean);if(o.props.options)return r(o.props.options)}),{getDisabled:te,getStatus:le,getSize:k}=xe.useFormInput({getDisabled:()=>o.props.disabled,getSize:()=>o.props.size,getStatus:()=>o.props.status}),R=t.computed(()=>{switch(k.value){case"sm":return"xsm";case"lg":return"md";case"md":default:return"sm"}}),{inputBindings:J,rootBindings:U}=xe.UseInputDataStates({getDisabled:()=>te.value}),H=t.ref(),oe=()=>{var r,u,y,S,C,A,F;e.open.value&&e.inputElement.value&&(o.props.headerSearch&&((r=H.value)!=null&&r.input)?document.activeElement!==((u=H.value)==null?void 0:u.input)&&((C=(S=(y=H.value)==null?void 0:y.input)==null?void 0:S.focus)==null||C.call(S)):document.activeElement!==e.inputElement.value&&((F=(A=e.inputElement.value)==null?void 0:A.focus)==null||F.call(A)))},X=r=>{e.modelValue.value=r,o.emit("update:modelValue",r)},Z=r=>r===void 0?!1:Array.isArray(e.modelValue.value)?!!(r&&e.modelValue.value.includes(r)):e.modelValue.value===r;Pe({...o,getOptionValue:m,getOptionLabel:v,getOptionSingle:f,getOptionNoCheckbox:l,getOptionDescription:s,getOptionDisabled:O,getOptionIcon:_,getOptionByValue:L,isItemSelected:Z,getLabelByValue:K,getSingleByValue:ce,focusOnInput:oe,setModelValue:X,headerInputElement:H,getDisabled:te,getStatus:le,getSize:k,getTagSize:R,comboboxInputBinding:J,comboboxTriggerBinding:U,...e,modelValue:e.modelValue}),t.watch(()=>[o.props.clearOnChangeMultiple,o.props.multiple],()=>{o.props.clearOnChangeMultiple&&X(void 0)});const ae=t.computed(()=>{const r=o.props.scrollContainerProps??{};return{...r,areaCls:[c.getBemElement(w,"scroll_area"),r==null?void 0:r.class,r==null?void 0:r.areaCls]}}),ne=c.getBemElement(w,"popup"),ge=he.cva(ne,{variants:{size:c.generateVariantClassList(ye,ne)}}),ee=r=>{if(Number(r)>0)return`${r}px`;if(typeof r=="string")return r},Te=t.computed(()=>ee(o.props.popupWidth)),ze=t.computed(()=>ee(o.props.popupHeight)),be=t.computed(()=>ee(o.props.minWidth)),Ce=t.computed(()=>({type:k.value==="sm"?"simple":"advance",...ie.omit(o.props.emptyProps??{},"class")})),Le=t.computed(()=>ie.omit(o.props.skeletonProps??{},"class")),{selectValues:De}=Xe({getValue:r=>r==null?void 0:r.key,getChildren:r=>r==null?void 0:r.children,getModel:()=>G.cloneDeep(e.modelValue.value),getData:()=>G.cloneDeep(j.value??[])});return()=>{var F,W;const r=g=>t.h(Se,{option:g},{trailing:n.optionTrailing,leading:n.optionLeading}),u=[];let y;if(o.props.tree){const E=B.isArray(e.modelValue.value)?e.modelValue.value:e.modelValue.value?[e.modelValue.value]:[];y=t.h(Ne._sfc_main,{data:j.value??[],selectable:!0,checkbox:o.props.multiple&&o.props.checkbox,multiple:o.props.multiple,defaultExpandAll:!0,syncCheckboxAndSelect:o.props.multiple,showLine:!0,modelValue:E,checkedKeys:E,onExpand:oe,onSelect:(x,q,z)=>{if(o.props.multiple){const Y=B.isArray(z)?z:[z];X(De(Y,q))}else X(z)},class:"w-full"},{title:x=>r(x._option)}),u.push(y)}else{let g=!1;const E=[];if((j.value??[]).forEach(x=>{var q;if((q=x.children)!=null&&q.length){const z=[];x.children.forEach(Y=>{const re=r(Y._option);Z(m(Y._option))&&o.props.sortSelectedItems?E.push(re):z.push(re)}),z.length&&((g||u.length)&&(u.push(t.h(fe._sfc_main)),g=!1),x.groupLabel&&u.push(t.h(tt,{class:o.props.labelCls},()=>x.groupLabel)),u.push(...z),g=!0)}else{const z=r(x._option);Z(m(x._option))&&o.props.sortSelectedItems?E.push(z):(g&&(u.push(t.h(fe._sfc_main)),g=!1),u.push(z))}}),o.props.sortSelectedItems&&E.length){const x=!!u.length;u.splice(0,0,...E),x&&u.splice(E.length,0,t.h(fe._sfc_main))}}const S=D.flattenChildrenByType(y?[y]:u,Se).filter(g=>{var E;return B.isObject(g==null?void 0:g.props)&&((E=g==null?void 0:g.props)==null?void 0:E.option)}),C=!!(o.props.tree&&((F=j.value)!=null&&F.length)||S!=null&&S.length),A=()=>{var E,x;const g=[];if(C||o.props.loading){const q=[];if(C&&q.push(...u),o.props.loading){const z=(E=n.loading)==null?void 0:E.call(n,{});if(!D.isEmptyElement(z))q.push(z);else{const Y=new Array(C?2:o.props.loadingRowCount).fill(1);q.push(...Y.map(()=>t.h(we._sfc_main,{size:k.value,class:[c.getBemElement(w,"skeleton"),o.props.skeletonCls],...Le.value})))}}g.push(t.h("div",{class:[c.getBemElement(w,"options"),o.props.optionsCls]},q))}else if(!C){const q=(x=n.empty)==null?void 0:x.call(n,Ce.value);D.isEmptyElement(q)?g.push(t.h(qe._sfc_main,{class:[c.getBemElement(w,"empty"),o.props.emptyCls],...Ce.value},{title:n.emptyTitle,description:n.emptyDescription,actions:n.emptyActions,image:n.emptyImage})):g.push(q)}return o.props.lazyLoading&&g.push(t.h("div",{class:c.getBemElement(w,"lazy_loading")},t.h("div",{class:c.getBemElement(w,"lazy_loading_trigger"),ref:p}))),g};return[t.h(et,{ref:i,...o.attrs,style:{...((W=o.attrs)==null?void 0:W.style)??{},"--ptc-combobox-trigger-min-w":be.value}},{trigger:n.trigger,triggerTrailing:n.triggerTrailing}),t.h($.ComboboxPortal,I.value,()=>t.h($.ComboboxContent,{...N.value,vShow:e.open.value,class:[ge(o.props),o.props.popupCls],style:{"--ptc-combobox-popup-width":o.props.samePopupWidth?void 0:Te.value,"--ptc-combobox-popup-height":ze.value,"--ptc-combobox-trigger-min-w":be.value},onClick:oe},()=>{var z,Y,re;const g=[],E=(z=n.header)==null?void 0:z.call(n,{}),x=!D.isEmptyElement(E);if(o.props.headerSearch||x){const me=[];x&&me.push(E),o.props.headerSearch&&me.push(t.h(Ie)),g.push(t.h("div",{class:c.getBemElement(w,"header")},me))}g.push(t.h(Ae._sfc_main,ae.value,A));const q=(re=n.footer)==null?void 0:re.call(n,{isEmpty:!((Y=j.value)!=null&&Y.length),search:o.searchModel.value});return D.isEmptyElement(q)||g.push(t.h("div",{class:c.getBemElement(w,"footer")},q)),g}))]}}}),nt=t.defineComponent({...ue.getComponentOptions("Combobox"),__name:"Combobox",props:{size:{default:"md"},status:{},multiple:{type:Boolean,default:void 0},checkbox:{type:Boolean,default:!0},tagRenderMode:{default:"chip"},getTagProps:{},tree:{type:Boolean},contentFit:{type:Boolean},wrapped:{type:Boolean},sortSelectedItems:{type:Boolean},noTrailing:{type:Boolean},leadingIcon:{},trailingIcon:{default:"tabler:chevron-down"},selectedItemIconAsTrailingIcon:{type:Boolean,default:!0},maxCount:{},to:{},placeholder:{},indicatorIcon:{default:"tabler:check"},options:{},getDisabled:{},getLabel:{},getDescription:{},getValue:{},getNoCheckbox:{},geSingle:{},getGroupOptions:{},getGroupLabel:{},getIcon:{},placement:{default:"bottom-start"},reversePlacementOnDir:{},loading:{type:Boolean},skeletonProps:{},loadingRowCount:{default:10},lazyLoading:{type:Boolean},bordered:{type:Boolean,default:!0},clearOnChangeMultiple:{type:Boolean,default:!0},triggerCls:{},triggerLeadingCls:{},triggerContentCls:{},triggerContentPlaceholderCls:{},triggerContentValueCls:{},triggerTrailingCls:{},itemLeadingCls:{},optionCls:{},tagCls:{},popupCls:{},labelCls:{},optionsCls:{},optionTextCls:{},optionContentCls:{},emptyCls:{},skeletonCls:{},scrollContainerProps:{},emptyProps:{},samePopupWidth:{type:Boolean,default:!0},popupHeight:{default:384},popupWidth:{},minWidth:{},headerSearch:{type:Boolean},search:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},resetSearchTermOnBlur:{type:Boolean,default:!0},resetSearchTermOnSelect:{type:Boolean,default:!0},modelValue:{},defaultValue:{},dir:{},disabled:{type:Boolean,default:void 0},highlightOnHover:{type:Boolean},by:{},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean},reference:{},forceMount:{type:Boolean,default:void 0},position:{default:"popper"},bodyLock:{type:Boolean},side:{},sideOffset:{default:4},align:{},alignOffset:{},avoidCollisions:{type:Boolean,default:void 0},collisionBoundary:{},collisionPadding:{default:4},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean,default:void 0},positionStrategy:{default:"fixed"},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean,default:void 0},prioritizePosition:{type:Boolean,default:void 0},disableOutsidePointerEvents:{type:Boolean},defer:{type:Boolean}},emits:["update:search","select","update:modelValue","highlight","update:open","escapeKeyDown","pointerDownOutside","focusOutside","interactOutside"],setup(d,{emit:n}){const o=d,e=n,p=$.useEmitAsProps(e),i=t.computed(()=>G.omitBy({...G.pick(o,"open","defaultOpen","defaultValue","modelValue","by","dir","multiple","disabled"),...G.pick(p,"onUpdate:modelValue","onUpdate:open"),ignoreFilter:!0},G.isUndefined)),I=Oe.useVModel(o,"search",e,{passive:o.search===void 0});t.watch(()=>o.open,b=>{b||(I.value=void 0)});const T=t.useSlots(),V=t.useAttrs();return He({attrs:V,props:o,emit:e,searchModel:I,emitsAsProps:p}),(b,M)=>(t.openBlock(),t.createBlock(t.unref($.ComboboxRoot),t.mergeProps(i.value,{class:t.unref(w)}),{default:t.withCtx(()=>[t.createVNode(t.unref(ot),null,t.createSlots({_:2},[t.renderList(Object.keys(T),N=>({name:N,fn:t.withCtx(a=>[t.renderSlot(b.$slots,N,t.normalizeProps(t.guardReactiveProps(a)))])}))]),1024)]),_:3},16,["class"]))}});exports.ComboboxSizes=ye;exports.ComboboxStatuses=ke;exports._sfc_main=nt;exports.injectComboboxContext=pe;exports.provideComboboxContext=Pe;

package/dist/index.js

@@ -12,7 +12,7 @@ import { _ as X, i as Y, p as $ } from "./ColorPicker.vue_vue_type_style_index_0
 import { _ as oe, C as ae, a as te } from "./ColorSwatch.vue_vue_type_style_index_0_lang-CdoLi2ow.js";
 import { _ as re } from "./ColorSwatchGroup.vue_vue_type_style_index_0_lang-DyXou_Un.js";
 import { _ as ie, C as ne } from "./ColorTrigger.vue_vue_type_style_index_0_lang-CbOky0vB.js";
-import { _ as me, C as Ce, a as ce, i as Se, p as le } from "./Combobox.vue_vue_type_style_index_0_lang-xUIlRKTq.js";
+import { _ as me, C as Ce, a as ce, i as Se, p as le } from "./Combobox.vue_vue_type_style_index_0_lang-CfAe6sbQ.js";
 import { C as ue, c as _e, p as de, u as be } from "./index-jwkhq8oW.js";
 import { _ as Te } from "./DataTable.vue_vue_type_style_index_0_lang-BmUHso6v.js";
 import { _ as ve, D as Ie } from "./Divider.vue_vue_type_style_index_0_lang-B6fQsp1Y.js";

package/dist/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./BaseBadge.model-Bz8P4acF.js"),n=require("./ButtonGroup.vue_vue_type_script_setup_true_lang-D_6kzAX6.js"),E=require("./ActionButton.vue_vue_type_script_setup_true_lang-B7vGsGcO.js"),q=require("./Alert.vue_vue_type_style_index_0_lang-BgHgn7SC.js"),t=require("./Avatar.vue_vue_type_style_index_0_lang-CLZz5CmG.js"),w=require("./Badge.vue_vue_type_script_setup_true_lang-BIli_mJS.js"),M=require("./Button.vue_vue_type_script_setup_true_lang-8omci6bm.js"),o=require("./Checkbox.vue_vue_type_style_index_0_lang-Bz-fwglK.js"),$=require("./Chip.vue_vue_type_style_index_0_lang-CtgInoR3.js"),s=require("./ChipGroup.vue_vue_type_style_index_0_lang-BVwWqy-3.js"),m=require("./ColorPicker.vue_vue_type_style_index_0_lang-0SIDliS4.js"),C=require("./ColorSwatch.vue_vue_type_style_index_0_lang-BK2Ak9jv.js"),R=require("./ColorSwatchGroup.vue_vue_type_style_index_0_lang-qx6S3kVF.js"),I=require("./ColorTrigger.vue_vue_type_style_index_0_lang-LcImZnD-.js"),a=require("./Combobox.vue_vue_type_style_index_0_lang-Dr2iY00V.js"),p=require("./index-DWw7aruo.js"),Z=require("./DataTable.vue_vue_type_style_index_0_lang-DlCKsldZ.js"),G=require("./Divider.vue_vue_type_style_index_0_lang-DoEWjJx6.js"),S=require("./DropZone.vue_vue_type_style_index_0_lang-gFBvGjz1.js"),j=require("./Empty.vue_vue_type_style_index_0_lang-DidQV2p4.js"),V=require("./FloatButton.vue_vue_type_script_setup_true_lang-CF1FWNxr.js"),e=require("./FormItem.vue_vue_type_style_index_0_lang-Bo3o8_6v.js"),x=require("./getEmojiList-5BGH5AZ_.js"),H=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-BZ5qLbnJ.js"),y=require("./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-CDFDVi-0.js"),B=require("./Icon/index.umd.cjs"),K=require("./IconButton.vue_vue_type_script_setup_true_lang-B7dwj__6.js"),l=require("./Image.vue_vue_type_style_index_0_lang-DCoVuK7u.js"),d=require("./IndentLevel.vue_vue_type_style_index_0_lang-I_4wqG59.js"),U=require("./Indicator.vue_vue_type_script_setup_true_lang-CgN-sjj_.js"),g=require("./Input.vue_vue_type_style_index_0_lang-CWW5TIRh.js"),J=require("./Kbd.vue_vue_type_style_index_0_lang-CjNtLg1e.js"),k=require("./Link.vue_vue_type_style_index_0_lang-C1i1VsGw.js"),_=require("./MenuItem.vue_vue_type_style_index_0_lang-CYOdJYFY.js"),f=require("./Popover.vue_vue_type_style_index_0_lang-txLoIoSw.js"),A=require("./RadioGroup.vue_vue_type_script_setup_true_lang-D6pRyJ0t.js"),b=require("./ScrollContainer.vue_vue_type_style_index_0_lang-BIoD2_5T.js"),P=require("./Segmented.vue_vue_type_style_index_0_lang-m8iNyqtw.js"),i=require("./Select.vue_vue_type_style_index_0_lang-CbJsb6VK.js"),N=require("./Shortcut.vue_vue_type_style_index_0_lang-DOhEtw_i.js"),h=require("./Skeleton.vue_vue_type_style_index_0_lang-CWNX_-Jl.js"),L=require("./Spinner.vue_vue_type_style_index_0_lang-DGxzzl6D.js"),F=require("./Switch.vue_vue_type_style_index_0_lang-aODjQm2H.js"),r=require("./THead.vue_vue_type_style_index_0_lang-oUsIia-h.js"),T=require("./Textarea.vue_vue_type_style_index_0_lang-DtO8cFFA.js"),z=require("./Tooltip.vue_vue_type_script_setup_true_lang-DWMPc3HZ.js"),u=require("./Tree.vue_vue_type_style_index_0_lang-26mqYWer.js"),v=require("./element-BjE0SVc4.js"),O=require("./options-CWrQ7gsa.js"),Q=require("./style-CYb6EX2Q.js"),W=require("./useInputDataStates-D1X-Whwt.js"),D=require("./Icon.vue_vue_type_style_index_0_lang-D3cRtJNJ.js"),X=["3xsm","2xsm","xsm","sm","md","lg","xlg","2xlg"],Y={};exports.BadgeColors=c.BadgeColors;exports.BadgeColorsSubtle=c.BadgeColorsSubtle;exports.BadgeSizes=c.BadgeSizes;exports.BadgeTypes=c.BadgeTypes;exports.ButtonColors=n.ButtonColors;exports.ButtonGroup=n._sfc_main;exports.ButtonSizes=n.ButtonSizes;exports.ButtonTypes=n.ButtonTypes;exports.ButtonVariants=n.ButtonVariants;exports.injectButtonGroupContext=n.injectButtonGroupContext;exports.provideButtonGroupContext=n.provideButtonGroupContext;exports.ActionButton=E._sfc_main;exports.Alert=q._sfc_main;exports.AlertTypes=q.AlertTypes;exports.Avatar=t._sfc_main;exports.AvatarGroup=t._sfc_main$1;exports.AvatarOnlineAlignments=t.AvatarOnlineAlignments;exports.AvatarShapes=t.AvatarShapes;exports.AvatarSizes=t.AvatarSizes;exports.AvatarStrokes=t.AvatarStrokes;exports.injectAvatarGroupContext=t.injectAvatarGroupContext;exports.provideAvatarGroupContext=t.provideAvatarGroupContext;exports.Badge=w._sfc_main;exports.Button=M._sfc_main;exports.Checkbox=o._sfc_main;exports.CheckboxGroup=o._sfc_main$1;exports.CheckboxSizes=o.CheckboxSizes;exports.injectCheckboxGroupContext=o.injectCheckboxGroupContext;exports.provideCheckboxGroupContext=o.provideCheckboxGroupContext;exports.useColoredPantographCheckbox=o.useColoredPantographCheckbox;exports.useColoredPantographCheckboxGroup=o.useColoredPantographCheckboxGroup;exports.Chip=$._sfc_main;exports.ChipColors=s.ChipColors;exports.ChipGroup=s._sfc_main;exports.ChipSizes=s.ChipSizes;exports.injectChipGroupContext=s.injectChipGroupContext;exports.provideChipGroupContext=s.provideChipGroupContext;exports.ColorPicker=m._sfc_main;exports.injectColorPickerContext=m.injectColorPickerContext;exports.provideColorPickerContext=m.provideColorPickerContext;exports.ColorSwatch=C._sfc_main;exports.ColorSwatchSizes=C.ColorSwatchSizes;exports.ColorSwatchTypes=C.ColorSwatchTypes;exports.ColorSwatchGroup=R._sfc_main;exports.ColorTrigger=I._sfc_main;exports.ColorTriggerSizes=I.ColorTriggerSizes;exports.Combobox=a._sfc_main;exports.ComboboxSizes=a.ComboboxSizes;exports.ComboboxStatuses=a.ComboboxStatuses;exports.injectComboboxContext=a.injectComboboxContext;exports.provideComboboxContext=a.provideComboboxContext;exports.ConfigProvider=p.ConfigProvider;exports.injectConfigContext=p.injectConfigContext;exports.provideConfigContext=p.provideConfigContext;exports.useConfig=p.useConfig;exports.DataTable=Z._sfc_main;exports.Divider=G._sfc_main;exports.DividerTypes=G.DividerTypes;exports.DropZone=S._sfc_main;exports.DropZoneSizes=S.DropZoneSizes;exports.DropZoneTypes=S.DropZoneTypes;exports.Empty=j._sfc_main;exports.EmptyTypes=j.EmptyTypes;exports.FloatButton=V._sfc_main;exports.Form=e._sfc_main;exports.FormItem=e._sfc_main$1;exports.FormItemSizes=e.FormItemSizes;exports.FormItemStatuses=e.FormItemStatuses;exports.Label=e._sfc_main$2;exports.LabelSizes=e.LabelSizes;exports.injectFormContext=e.injectFormContext;exports.injectFormItemContext=e.injectFormItemContext;exports.provideFormContext=e.provideFormContext;exports.provideFormItemContext=e.provideFormItemContext;exports.GOPicker=x._sfc_main;exports.emojiList=x.emojiList;exports.getEmojiList=x.getEmojiList;exports.GraphicalObject=H._sfc_main;exports.GraphicalObjectGroup=y._sfc_main;exports.injectGraphicalObjectGroupContext=y.injectGraphicalObjectGroupContext;exports.provideGraphicalObjectGroupContext=y.provideGraphicalObjectGroupContext;exports.defineLocaleIconCollection=B.defineLocaleIconCollection;exports.disableIconCache=B.disableIconCache;exports.IconButton=K._sfc_main;exports.Image=l._sfc_main;exports.ImageAspectRatios=l.ImageAspectRatios;exports.ImageSizeRanges=l.ImageSizeRanges;exports.ImageTypes=l.ImageTypes;exports.IndentLevel=d._sfc_main;exports.IndentLevelShowLines=d.IndentLevelShowLines;exports.IndentLevelSizes=d.IndentLevelSizes;exports.Indicator=U._sfc_main;exports.Input=g._sfc_main;exports.InputSizes=g.InputSizes;exports.InputStatuses=g.InputStatuses;exports.Kbd=J._sfc_main;exports.Link=k._sfc_main;exports.LinkStyles=k.LinkStyles;exports.Menu=_._sfc_main;exports.MenuGaps=_.MenuGaps;exports.MenuItem=_._sfc_main$1;exports.MenuItemSizes=_.MenuItemSizes;exports.SubMenu=_._sfc_main$2;exports.injectMenuContext=_.injectMenuContext;exports.provideMenuContext=_.provideMenuContext;exports.Popover=f._sfc_main;exports.PopoverPlacements=f.PopoverPlacements;exports.PopoverSizes=f.PopoverSizes;exports.RadioGroup=A._sfc_main;exports.RadioGroupItem=A._sfc_main$1;exports.ScrollContainer=b._sfc_main;exports.ScrollContainerSizes=b.ScrollContainerSizes;exports.ScrollContainerTypes=b.ScrollContainerTypes;exports.Segmented=P._sfc_main;exports.SegmentedSizes=P.SegmentedSizes;exports.Select=i._sfc_main;exports.SelectLabel=i._sfc_main$1;exports.SelectOption=i.SelectOption;exports.SelectSizes=i.SelectSizes;exports.SelectStatuses=i.SelectStatuses;exports.injectSelectContext=i.injectSelectContext;exports.provideSelectContext=i.provideSelectContext;exports.Shortcut=N._sfc_main;exports.Skeleton=h._sfc_main;exports.SkeletonSizes=h.SkeletonSizes;exports.SkeletonTypes=h.SkeletonTypes;exports.Spinner=L._sfc_main;exports.SpinnerSizes=L.SpinnerSizes;exports.Switch=F._sfc_main;exports.SwitchSizes=F.SwitchSizes;exports.TBody=r._sfc_main$4;exports.THead=r._sfc_main$5;exports.Table=r._sfc_main;exports.TableSizes=r.TableSizes;exports.Td=r._sfc_main$2;exports.Th=r._sfc_main$1;exports.Tr=r._sfc_main$3;exports.Textarea=T._sfc_main;exports.TextareaSizes=T.TextareaSizes;exports.TextareaStatuses=T.TextareaStatuses;exports.Tooltip=z._sfc_main;exports.importTippyStyles=z.importTippyStyles;exports.registerTippy=z.registerTippy;exports.Tree=u._sfc_main;exports.TreeGaps=u.TreeGaps;exports.TreeSizes=u.TreeSizes;exports.injectTreeContext=u.injectTreeContext;exports.provideTreeContext=u.provideTreeContext;exports.filterEmpty=v.filterEmpty;exports.isEmptyElement=v.isEmptyElement;exports.isFragment=v.isFragment;exports.isValidElement=v.isValidElement;exports.componentPrefix=O.componentPrefix;exports.getComponentOptions=O.getComponentOptions;exports.getStyleObject=Q.getStyleObject;exports.UseInputDataStates=W.UseInputDataStates;exports.Icon=D._sfc_main;exports.IconSizes=D.IconSizes;exports.default=Y;exports.systemSizes=X;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./BaseBadge.model-Bz8P4acF.js"),n=require("./ButtonGroup.vue_vue_type_script_setup_true_lang-D_6kzAX6.js"),E=require("./ActionButton.vue_vue_type_script_setup_true_lang-B7vGsGcO.js"),q=require("./Alert.vue_vue_type_style_index_0_lang-BgHgn7SC.js"),t=require("./Avatar.vue_vue_type_style_index_0_lang-CLZz5CmG.js"),w=require("./Badge.vue_vue_type_script_setup_true_lang-BIli_mJS.js"),M=require("./Button.vue_vue_type_script_setup_true_lang-8omci6bm.js"),o=require("./Checkbox.vue_vue_type_style_index_0_lang-Bz-fwglK.js"),$=require("./Chip.vue_vue_type_style_index_0_lang-CtgInoR3.js"),s=require("./ChipGroup.vue_vue_type_style_index_0_lang-BVwWqy-3.js"),m=require("./ColorPicker.vue_vue_type_style_index_0_lang-0SIDliS4.js"),C=require("./ColorSwatch.vue_vue_type_style_index_0_lang-BK2Ak9jv.js"),R=require("./ColorSwatchGroup.vue_vue_type_style_index_0_lang-qx6S3kVF.js"),I=require("./ColorTrigger.vue_vue_type_style_index_0_lang-LcImZnD-.js"),a=require("./Combobox.vue_vue_type_style_index_0_lang-nxzc0c0f.js"),p=require("./index-DWw7aruo.js"),Z=require("./DataTable.vue_vue_type_style_index_0_lang-DlCKsldZ.js"),G=require("./Divider.vue_vue_type_style_index_0_lang-DoEWjJx6.js"),S=require("./DropZone.vue_vue_type_style_index_0_lang-gFBvGjz1.js"),j=require("./Empty.vue_vue_type_style_index_0_lang-DidQV2p4.js"),V=require("./FloatButton.vue_vue_type_script_setup_true_lang-CF1FWNxr.js"),e=require("./FormItem.vue_vue_type_style_index_0_lang-Bo3o8_6v.js"),x=require("./getEmojiList-5BGH5AZ_.js"),H=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-BZ5qLbnJ.js"),y=require("./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-CDFDVi-0.js"),B=require("./Icon/index.umd.cjs"),K=require("./IconButton.vue_vue_type_script_setup_true_lang-B7dwj__6.js"),l=require("./Image.vue_vue_type_style_index_0_lang-DCoVuK7u.js"),d=require("./IndentLevel.vue_vue_type_style_index_0_lang-I_4wqG59.js"),U=require("./Indicator.vue_vue_type_script_setup_true_lang-CgN-sjj_.js"),g=require("./Input.vue_vue_type_style_index_0_lang-CWW5TIRh.js"),J=require("./Kbd.vue_vue_type_style_index_0_lang-CjNtLg1e.js"),k=require("./Link.vue_vue_type_style_index_0_lang-C1i1VsGw.js"),_=require("./MenuItem.vue_vue_type_style_index_0_lang-CYOdJYFY.js"),f=require("./Popover.vue_vue_type_style_index_0_lang-txLoIoSw.js"),A=require("./RadioGroup.vue_vue_type_script_setup_true_lang-D6pRyJ0t.js"),b=require("./ScrollContainer.vue_vue_type_style_index_0_lang-BIoD2_5T.js"),P=require("./Segmented.vue_vue_type_style_index_0_lang-m8iNyqtw.js"),i=require("./Select.vue_vue_type_style_index_0_lang-CbJsb6VK.js"),N=require("./Shortcut.vue_vue_type_style_index_0_lang-DOhEtw_i.js"),h=require("./Skeleton.vue_vue_type_style_index_0_lang-CWNX_-Jl.js"),L=require("./Spinner.vue_vue_type_style_index_0_lang-DGxzzl6D.js"),F=require("./Switch.vue_vue_type_style_index_0_lang-aODjQm2H.js"),r=require("./THead.vue_vue_type_style_index_0_lang-oUsIia-h.js"),T=require("./Textarea.vue_vue_type_style_index_0_lang-DtO8cFFA.js"),z=require("./Tooltip.vue_vue_type_script_setup_true_lang-DWMPc3HZ.js"),u=require("./Tree.vue_vue_type_style_index_0_lang-26mqYWer.js"),v=require("./element-BjE0SVc4.js"),O=require("./options-CWrQ7gsa.js"),Q=require("./style-CYb6EX2Q.js"),W=require("./useInputDataStates-D1X-Whwt.js"),D=require("./Icon.vue_vue_type_style_index_0_lang-D3cRtJNJ.js"),X=["3xsm","2xsm","xsm","sm","md","lg","xlg","2xlg"],Y={};exports.BadgeColors=c.BadgeColors;exports.BadgeColorsSubtle=c.BadgeColorsSubtle;exports.BadgeSizes=c.BadgeSizes;exports.BadgeTypes=c.BadgeTypes;exports.ButtonColors=n.ButtonColors;exports.ButtonGroup=n._sfc_main;exports.ButtonSizes=n.ButtonSizes;exports.ButtonTypes=n.ButtonTypes;exports.ButtonVariants=n.ButtonVariants;exports.injectButtonGroupContext=n.injectButtonGroupContext;exports.provideButtonGroupContext=n.provideButtonGroupContext;exports.ActionButton=E._sfc_main;exports.Alert=q._sfc_main;exports.AlertTypes=q.AlertTypes;exports.Avatar=t._sfc_main;exports.AvatarGroup=t._sfc_main$1;exports.AvatarOnlineAlignments=t.AvatarOnlineAlignments;exports.AvatarShapes=t.AvatarShapes;exports.AvatarSizes=t.AvatarSizes;exports.AvatarStrokes=t.AvatarStrokes;exports.injectAvatarGroupContext=t.injectAvatarGroupContext;exports.provideAvatarGroupContext=t.provideAvatarGroupContext;exports.Badge=w._sfc_main;exports.Button=M._sfc_main;exports.Checkbox=o._sfc_main;exports.CheckboxGroup=o._sfc_main$1;exports.CheckboxSizes=o.CheckboxSizes;exports.injectCheckboxGroupContext=o.injectCheckboxGroupContext;exports.provideCheckboxGroupContext=o.provideCheckboxGroupContext;exports.useColoredPantographCheckbox=o.useColoredPantographCheckbox;exports.useColoredPantographCheckboxGroup=o.useColoredPantographCheckboxGroup;exports.Chip=$._sfc_main;exports.ChipColors=s.ChipColors;exports.ChipGroup=s._sfc_main;exports.ChipSizes=s.ChipSizes;exports.injectChipGroupContext=s.injectChipGroupContext;exports.provideChipGroupContext=s.provideChipGroupContext;exports.ColorPicker=m._sfc_main;exports.injectColorPickerContext=m.injectColorPickerContext;exports.provideColorPickerContext=m.provideColorPickerContext;exports.ColorSwatch=C._sfc_main;exports.ColorSwatchSizes=C.ColorSwatchSizes;exports.ColorSwatchTypes=C.ColorSwatchTypes;exports.ColorSwatchGroup=R._sfc_main;exports.ColorTrigger=I._sfc_main;exports.ColorTriggerSizes=I.ColorTriggerSizes;exports.Combobox=a._sfc_main;exports.ComboboxSizes=a.ComboboxSizes;exports.ComboboxStatuses=a.ComboboxStatuses;exports.injectComboboxContext=a.injectComboboxContext;exports.provideComboboxContext=a.provideComboboxContext;exports.ConfigProvider=p.ConfigProvider;exports.injectConfigContext=p.injectConfigContext;exports.provideConfigContext=p.provideConfigContext;exports.useConfig=p.useConfig;exports.DataTable=Z._sfc_main;exports.Divider=G._sfc_main;exports.DividerTypes=G.DividerTypes;exports.DropZone=S._sfc_main;exports.DropZoneSizes=S.DropZoneSizes;exports.DropZoneTypes=S.DropZoneTypes;exports.Empty=j._sfc_main;exports.EmptyTypes=j.EmptyTypes;exports.FloatButton=V._sfc_main;exports.Form=e._sfc_main;exports.FormItem=e._sfc_main$1;exports.FormItemSizes=e.FormItemSizes;exports.FormItemStatuses=e.FormItemStatuses;exports.Label=e._sfc_main$2;exports.LabelSizes=e.LabelSizes;exports.injectFormContext=e.injectFormContext;exports.injectFormItemContext=e.injectFormItemContext;exports.provideFormContext=e.provideFormContext;exports.provideFormItemContext=e.provideFormItemContext;exports.GOPicker=x._sfc_main;exports.emojiList=x.emojiList;exports.getEmojiList=x.getEmojiList;exports.GraphicalObject=H._sfc_main;exports.GraphicalObjectGroup=y._sfc_main;exports.injectGraphicalObjectGroupContext=y.injectGraphicalObjectGroupContext;exports.provideGraphicalObjectGroupContext=y.provideGraphicalObjectGroupContext;exports.defineLocaleIconCollection=B.defineLocaleIconCollection;exports.disableIconCache=B.disableIconCache;exports.IconButton=K._sfc_main;exports.Image=l._sfc_main;exports.ImageAspectRatios=l.ImageAspectRatios;exports.ImageSizeRanges=l.ImageSizeRanges;exports.ImageTypes=l.ImageTypes;exports.IndentLevel=d._sfc_main;exports.IndentLevelShowLines=d.IndentLevelShowLines;exports.IndentLevelSizes=d.IndentLevelSizes;exports.Indicator=U._sfc_main;exports.Input=g._sfc_main;exports.InputSizes=g.InputSizes;exports.InputStatuses=g.InputStatuses;exports.Kbd=J._sfc_main;exports.Link=k._sfc_main;exports.LinkStyles=k.LinkStyles;exports.Menu=_._sfc_main;exports.MenuGaps=_.MenuGaps;exports.MenuItem=_._sfc_main$1;exports.MenuItemSizes=_.MenuItemSizes;exports.SubMenu=_._sfc_main$2;exports.injectMenuContext=_.injectMenuContext;exports.provideMenuContext=_.provideMenuContext;exports.Popover=f._sfc_main;exports.PopoverPlacements=f.PopoverPlacements;exports.PopoverSizes=f.PopoverSizes;exports.RadioGroup=A._sfc_main;exports.RadioGroupItem=A._sfc_main$1;exports.ScrollContainer=b._sfc_main;exports.ScrollContainerSizes=b.ScrollContainerSizes;exports.ScrollContainerTypes=b.ScrollContainerTypes;exports.Segmented=P._sfc_main;exports.SegmentedSizes=P.SegmentedSizes;exports.Select=i._sfc_main;exports.SelectLabel=i._sfc_main$1;exports.SelectOption=i.SelectOption;exports.SelectSizes=i.SelectSizes;exports.SelectStatuses=i.SelectStatuses;exports.injectSelectContext=i.injectSelectContext;exports.provideSelectContext=i.provideSelectContext;exports.Shortcut=N._sfc_main;exports.Skeleton=h._sfc_main;exports.SkeletonSizes=h.SkeletonSizes;exports.SkeletonTypes=h.SkeletonTypes;exports.Spinner=L._sfc_main;exports.SpinnerSizes=L.SpinnerSizes;exports.Switch=F._sfc_main;exports.SwitchSizes=F.SwitchSizes;exports.TBody=r._sfc_main$4;exports.THead=r._sfc_main$5;exports.Table=r._sfc_main;exports.TableSizes=r.TableSizes;exports.Td=r._sfc_main$2;exports.Th=r._sfc_main$1;exports.Tr=r._sfc_main$3;exports.Textarea=T._sfc_main;exports.TextareaSizes=T.TextareaSizes;exports.TextareaStatuses=T.TextareaStatuses;exports.Tooltip=z._sfc_main;exports.importTippyStyles=z.importTippyStyles;exports.registerTippy=z.registerTippy;exports.Tree=u._sfc_main;exports.TreeGaps=u.TreeGaps;exports.TreeSizes=u.TreeSizes;exports.injectTreeContext=u.injectTreeContext;exports.provideTreeContext=u.provideTreeContext;exports.filterEmpty=v.filterEmpty;exports.isEmptyElement=v.isEmptyElement;exports.isFragment=v.isFragment;exports.isValidElement=v.isValidElement;exports.componentPrefix=O.componentPrefix;exports.getComponentOptions=O.getComponentOptions;exports.getStyleObject=Q.getStyleObject;exports.UseInputDataStates=W.UseInputDataStates;exports.Icon=D._sfc_main;exports.IconSizes=D.IconSizes;exports.default=Y;exports.systemSizes=X;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pantograph/vue",
-  "version": "0.23.22",
+  "version": "0.23.24",
   "private": false,
   "license": "MIT",
   "keywords": [

package/dist/Combobox.vue_vue_type_style_index_0_lang-Dr2iY00V.js

@@ -1 +0,0 @@
-"use strict";const t=require("vue"),$=require("reka-ui"),G=require("./FormItem.vue_vue_type_style_index_0_lang-Bo3o8_6v.js"),ue=require("./options-CWrQ7gsa.js"),c=require("@pantograph/utils"),E=require("./index-DWw7aruo.js"),he=require("class-variance-authority"),ie=require("./omit-CYbreqlf.js"),qe=require("./Empty.vue_vue_type_style_index_0_lang-DidQV2p4.js"),we=require("./Skeleton.vue_vue_type_style_index_0_lang-CWNX_-Jl.js"),fe=require("./Divider.vue_vue_type_style_index_0_lang-DoEWjJx6.js"),D=require("./element-BjE0SVc4.js"),xe=require("./useInputDataStates-D1X-Whwt.js"),Me=require("./useLazyLoading-H6VG5aE-.js"),Ve=require("./Popover.vue_vue_type_style_index_0_lang-txLoIoSw.js"),Ae=require("./ScrollContainer.vue_vue_type_style_index_0_lang-BIoD2_5T.js"),Ne=require("./Tree.vue_vue_type_style_index_0_lang-26mqYWer.js"),Be=require("./uniq-DGkyiyS4.js"),Q=require("./isEmpty-bCllo8T9.js"),Ke=require("./Chip.vue_vue_type_style_index_0_lang-CtgInoR3.js"),Re=require("./ChipGroup.vue_vue_type_style_index_0_lang-BVwWqy-3.js"),_e=require("./Icon.vue_vue_type_style_index_0_lang-D3cRtJNJ.js"),ve=require("./Avatar.vue_vue_type_style_index_0_lang-CLZz5CmG.js"),Fe=require("./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-CDFDVi-0.js"),Ee=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-BZ5qLbnJ.js"),We=require("./Input.vue_vue_type_style_index_0_lang-CWW5TIRh.js"),Oe=require("@vueuse/core"),Ge=require("lodash-es"),je=require("./MenuItem.vue_vue_type_style_index_0_lang-CYOdJYFY.js");require("@iconify/vue");const Ue=require("./Checkbox.vue_vue_type_style_index_0_lang-Bz-fwglK.js");require("@pantograph/tokens");const[pe,Pe]=$.createContext("Combobox"),[$e,He]=$.createContext("_Combobox"),w=c.getBemBlock("combobox");var Ye=1/0;function Je(d){var n=d==null?0:d.length;return n?ie.baseFlatten(d,Ye):[]}const ae=d=>G.isNumber(d)||E.isString(d);function Qe({getValue:d,arr:n,getChildren:o}){const e=[],p=(i,P)=>{i.forEach(k=>{const x=d(k);if(ae(x)){e.push({...k,_parentKeys:P,_key:x});const V=o(k);V!=null&&V.length&&p(V,[...P??[],x])}})};return p(n),e}const Xe=({getData:d,getModel:n,getValue:o,getChildren:e})=>{const p=t.computed(()=>Qe({arr:t.unref(d()),getChildren:e,getValue:o})),i=(s,m=!1)=>{const l=o(s);return p.value.filter(f=>{var v;if(m){const h=ie.last(f._parentKeys??[]);return h&&h===l}return(v=f._parentKeys)==null?void 0:v.includes(l)})},P=s=>{if(s&&E.isArray(s))return G.cloneDeep(s);const m=t.unref(n());return m&&E.isArray(m)?G.cloneDeep(m):[]},k=(s,m)=>{const l=P(m),f=i(s);if(f!=null&&f.length)return f.some(v=>{var a;const h=v._key;return h&&((a=l==null?void 0:l.includes)==null?void 0:a.call(l,h))})},x=(s,m)=>{const l=P(m),f=i(s);if(f!=null&&f.length)return f.every(v=>{var a;const h=v._key;return h&&((a=l==null?void 0:l.includes)==null?void 0:a.call(l,h))})},V=(s,m)=>{const l=P(m),f=i(s),v=o(s);return f!=null&&f.length?x(s)?!0:k(s)?"intermediate":!1:l.includes(v)},M=s=>ae(s)?p.value.find(m=>m._key===s):void 0;return{flattenData:p,getNodeChildren:i,isSomeChildrenSelected:k,isAllChildrenSelected:x,isSelected:V,selectValues:(s,m)=>{if(s.length){let l=P();const f=s.filter(ae);m?l.push(...f):l=l.filter(y=>!f.includes(y));const v=l.map(M).filter(y=>y&&y._parentKeys),a=Be.uniq(Je(v.map(y=>y._parentKeys))).filter(ae).map(M).filter(Boolean),T=[],z=[];return a.forEach(y=>{const L=o(y);x(y,l)?T.push(L):z.push(L)}),l.push(...T),Be.uniq(l.filter(y=>!z.includes(y)))}}}},ye=["sm","md","lg"],ke=["error","warning","success"],Ze={key:1},Ie=t.defineComponent({__name:"ComboboxInput",setup(d){const n=pe();Oe.whenever(()=>n.open.value&&n.headerInputElement.value,()=>{n.headerInputElement.value&&n.open.value&&n.focusOnInput()});const o=t.computed(()=>!Q.isEmpty(n.modelValue.value)),e=t.computed(()=>o.value?E.isArray(n.modelValue.value)?n.getLabelByValue(Ge.last(n.modelValue.value)):n.getLabelByValue(n.modelValue.value):n.props.placeholder),p=k=>{if(k.key==="Backspace"&&n.props.multiple&&E.isArray(n.modelValue.value)&&Q.isEmpty(n.searchModel.value)&&(n.setModelValue(n.modelValue.value.slice(0,-1)),Q.isEmpty(n.modelValue.value))){const x=setTimeout(()=>{n.focusOnInput(),clearTimeout(x)},2)}},i=c.getBemElement(w,"input"),P=he.cva(i,{variants:{valuePlaceholder:c.generateVariantClassList("value-placeholder",i)}});return(k,x)=>(t.openBlock(),t.createBlock(t.unref($.ComboboxInput),t.mergeProps(t.unref(n).comboboxInputBinding.value,{disabled:t.unref(n).getDisabled.value,placeholder:e.value,"as-child":"",modelValue:t.unref(n).searchModel.value,"onUpdate:modelValue":x[0]||(x[0]=V=>t.unref(n).searchModel.value=V),onKeydown:p,class:t.unref(P)({valuePlaceholder:o.value}),displayValue:()=>""}),{default:t.withCtx(()=>[t.unref(n).props.headerSearch?(t.openBlock(),t.createBlock(We._sfc_main,{key:0,ref:t.unref(n).headerInputElement,placeholder:t.unref(n).props.placeholder},{leading:t.withCtx(({iconSize:V})=>[t.createVNode(_e._sfc_main,{size:V,icon:"tabler:search",flipOnDir:"rtl"},null,8,["size"])]),_:1},8,["placeholder"])):(t.openBlock(),t.createElementBlock("input",Ze))]),_:1},16,["disabled","placeholder","modelValue","class"]))}}),et=t.defineComponent({name:ue.getComponentName("ComboboxTrigger"),props:{},setup(d,{slots:n,attrs:o}){const e=pe(),p=({value:a},T)=>{if(T.stopPropagation(),a&&E.isArray(e.modelValue.value)&&!e.getDisabled.value){const z=e.modelValue.value.filter(y=>y!==a);e.setModelValue(z)}},i=c.getBemElement(w,"trigger"),P=he.cva(i,{variants:{size:c.generateVariantClassList(ye,i),headerSearch:c.generateVariantClassList("header-search",i),status:c.generateVariantClassList(ke,i),bordered:c.generateVariantClassList("bordered",i),multiple:c.generateVariantClassList("multiple",i),contentFit:c.generateVariantClassList("content-fit",i),wrapped:c.generateVariantClassList("wrapped",i),filled:c.generateVariantClassList("filled",i)}}),k=t.computed(()=>{switch(e.getSize.value){case"sm":return"2xsm";case"md":default:return"xsm"}}),x=t.computed(()=>{if(!e.props.multiple&&E.isString(e.modelValue.value)&&!Q.isEmpty(e.modelValue.value))return e.getOptionByValue(e.modelValue.value)}),V=(a=x.value)=>{if(e.props.selectedItemIconAsTrailingIcon&&E.isObject(a)&&"icon"in a)return a.icon},M=t.computed(()=>V()),N=t.computed(()=>{if(!e.props.noTrailing)return e.props.trailingIcon}),s=t.computed(()=>({modelValue:G.cloneDeep(e.modelValue.value),open:G.cloneDeep(e.open.value)})),m=()=>{e.onOpenChange(!e.open.value)},l=a=>{console.log("event ===>",a),e.props.headerSearch},f=t.computed(()=>({disabled:e.getDisabled.value,tabindex:e.getDisabled.value||!e.props.headerSearch?-1:0,reference:e.props.reference,"data-disabled":e.getDisabled.value?"":void 0,"aria-disabled":e.getDisabled.value??void 0,"aria-label":"Show popup","aria-haspopup":"listbox","aria-expanded":e.open.value,"aria-controls":e.contentId,"data-state":e.open.value?"open":"closed",class:[P({size:e.getSize.value,status:e.getStatus.value==="success"&&Q.isEmpty(e.modelValue.value)?void 0:e.getStatus.value,bordered:e.props.bordered,multiple:e.props.multiple,contentFit:e.props.contentFit,wrapped:e.props.wrapped,filled:!Q.isEmpty(e.modelValue.value),headerSearch:e.props.headerSearch}),e.props.triggerCls],...o})),v=(a,T=k.value)=>t.h(_e._sfc_main,{icon:a,size:T}),h=()=>{var z;let a;const T=(z=n.triggerTrailing)==null?void 0:z.call(n,s.value);if(D.isEmptyElement(T)?N.value&&(a=v(N.value)):a=T,a)return t.h("div",{class:[c.getBemElement(i,"trailing"),e.props.triggerTrailingCls]},a)};return()=>{var y;const a=(y=n.trigger)==null?void 0:y.call(n,s.value),z=(()=>{if(D.isEmptyElement(a))return!1;const L=D.filterEmpty(a)??null,K=L.length===1?L[0]:L;return K?D.isValidElement(K)&&!D.isFragment(K):!0})();return t.h($.ComboboxAnchor,{...f.value,...e.comboboxTriggerBinding.value,asChild:z,as:z?"template":"button",key:String(z),onKeyUp:l,onClick:m},()=>{if(!D.isEmptyElement(a))return a;const L=O=>{var J,U;const R=e.getOptionByValue(O);return t.h(ve._sfc_main,{...R?((U=(J=e.props).getTagProps)==null?void 0:U.call(J,R))??{}:{},size:e.getTagSize.value})},K=O=>{var J,U;const R=e.getOptionByValue(O);return t.h(Ee._sfc_main,{...R?((U=(J=e.props).getTagProps)==null?void 0:U.call(J,R))??{}:{},size:e.getTagSize.value})},ce=()=>{if(!e.props.multiple&&!E.isArray(e.modelValue.value)&&e.modelValue.value&&(e.props.tagRenderMode&&["avatar","go"].includes(e.props.tagRenderMode)||M.value||e.props.leadingIcon)){let O;if(e.props.tagRenderMode==="avatar"?O=L(e.modelValue.value):e.props.tagRenderMode==="go"?O=K(e.modelValue.value):M.value?O=v(M.value):e.props.leadingIcon&&(O=v(e.props.leadingIcon)),!D.isEmptyElement(O))return t.h("div",{class:[c.getBemElement(i,"leading"),e.props.triggerLeadingCls]},O)}},de=()=>{const O=[],R=[c.getBemElement(i,"tags"),e.props.triggerContentCls,Q.isEmpty(e.modelValue.value)?e.props.triggerContentPlaceholderCls:e.props.triggerContentValueCls],U=(()=>{if(e.props.multiple&&E.isArray(e.modelValue.value)){if(e.props.tagRenderMode==="avatar")return t.h(ve._sfc_main$1,{maxCount:e.props.maxCount,size:e.getTagSize.value,closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:R},()=>e.modelValue.value.map(L));if(e.props.tagRenderMode==="go")return t.h(Fe._sfc_main,{maxCount:e.props.maxCount,size:e.getTagSize.value,closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:R},()=>e.modelValue.value.map(K));if(e.props.tagRenderMode==="chip")return t.h(Re._sfc_main,{maxCount:e.props.maxCount,size:e.getTagSize.value,color:"primary",closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:R,onClose:p},()=>e.modelValue.value.map(H=>{var se,ne;const oe=()=>e.getLabelByValue(H),X=({size:ge})=>{const ee=V(e.getOptionByValue(H))??e.props.leadingIcon;return ee?v(ee,ge):null},Z=e.getOptionByValue(H);return t.h(Ke._sfc_main,{...Z?((ne=(se=e.props).getTagProps)==null?void 0:ne.call(se,Z))??{}:{},value:H,class:[c.getBemElement(i,"tag"),e.props.tagCls],closeIconCls:c.getBemElement(i,"tag__close")},{text:oe,leading:X})}))}})();return U&&O.push(U),e.props.headerSearch||O.push(t.h(Ie)),t.h("div",{class:c.getBemElement(i,"content")},O)},j=[],te=ce();D.isEmptyElement(te)||j.push(te),j.push(de());const le=h();return D.isEmptyElement(le)||j.push(le),j})}}}),tt=t.defineComponent({__name:"ComboboxLabel",setup(d){return(n,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(t.unref(c.getBemElement)(t.unref(w),"label"))},[t.renderSlot(n.$slots,"default")],2))}}),Se=t.defineComponent({name:ue.getComponentName("SelectOption"),props:{option:{type:[Object,String],required:!0}},slots:Object,setup(d,{slots:n}){const o=pe(),e=t.computed(()=>{switch(o.getSize.value){case"sm":return"2xsm";case"lg":return"sm";case"md":default:return"xsm"}}),p=t.computed(()=>o.getOptionValue(d.option)),i=t.computed(()=>o.getOptionNoCheckbox(d.option)),P=t.computed(()=>o.getOptionSingle(d.option)),k=t.computed(()=>o.getOptionLabel(d.option)),x=t.computed(()=>o.getOptionIcon(d.option)),V=t.computed(()=>o.props.tree?void 0:o.getOptionDescription(d.option)),M=t.computed(()=>o.getOptionDisabled(d.option)),N=t.computed(()=>o.isItemSelected(p.value)),s=c.getBemElement(w,"option"),m=()=>{if(!(o.props.tree||!p.value||M.value))if(o.props.multiple)if(P.value)o.setModelValue([p.value]),o.emit("select",p.value,!0);else{let l=E.isArray(o.modelValue.value)?o.modelValue.value:[];const f=l.includes(p.value);l.length===1&&o.getSingleByValue(l[0])&&p.value!==l[0]&&(l=[]),f?(o.setModelValue(l.filter(v=>v!==p.value)),o.emit("select",p.value,!0)):(o.setModelValue([...l,p.value]),o.emit("select",p.value,!1))}else o.setModelValue(p.value),o.emit("select",p.value,!0)};if(!d.option)throw new Error("option is required");return()=>{const l=v=>{var T,z,y,L,K;const h=[];!o.props.tree&&o.props.multiple&&o.props.checkbox&&!i.value&&h.push(t.h(Ue._sfc_main,{modelValue:N.value,size:v.checkboxSize,disabled:M.value}));const a=(T=n.leading)==null?void 0:T.call(n,{option:d.option});return D.isEmptyElement(a)?o.props.tagRenderMode==="avatar"?h.push(t.h(ve._sfc_main,{...((y=(z=o.props).getTagProps)==null?void 0:y.call(z,d.option))??{},size:o.getTagSize.value})):o.props.tagRenderMode==="go"?h.push(t.h(Ee._sfc_main,{...((K=(L=o.props).getTagProps)==null?void 0:K.call(L,d.option))??{},size:o.getTagSize.value})):x.value&&h.push(t.h(_e._sfc_main,{icon:x.value,size:e.value})):h.push(a),D.isEmptyElement(h)?null:h};return(()=>{const v=!!V.value;return t.h(je._sfc_main$1,{class:s,description:V.value,title:k.value,key:p.value,selected:N.value,unFocusable:!0,leadingCenter:!v,size:o.getSize.value,disabled:M.value,onClick:m},{leading:l,trailing:()=>{var h;return(h=n.trailing)==null?void 0:h.call(n,{option:d.option})}})})()}}}),ot=t.defineComponent({name:ue.getComponentName("ComboboxWrapper"),setup(d,{slots:n}){const o=$e(),e=$.injectComboboxRootContext(),p=t.ref();Me.useLazyLoading({target:p});const i=t.ref(),P=Ve.getPopoverPortalProps({triggerRef:i,props:o.props}),{getFlipOnDir:k,getDir:x}=E.useConfig(),V=k("reversePlacementOnDir"),M=x(),N=Ve.getPopoverContentProps({props:o.props,flip:V,emitsAsProps:o.emitsAsProps,_dir:M,controlAutoFocus:!1,extraPropNames:["bodyLock","position"]}),s=({key:r,getterKey:u,defaultValue:_,noReturnOption:B})=>b=>{const A=E.isFunction(_)?_(b):_;if(E.isObject(b)){const F=b[r]??A,W=u&&o.props[u];if(W){if(E.isString(W))return b[W]??F;if(E.isFunction(W))return W(b)??F}return F}return E.isString(b)&&!B?b??A:A},m=s({getterKey:"getValue",key:"value"}),l=s({getterKey:"getNoCheckbox",key:"noCheckbox"}),f=s({getterKey:"geSingle",key:"single",noReturnOption:!0}),v=s({getterKey:"getLabel",key:"label",defaultValue:m}),h=s({getterKey:"getIcon",key:"icon",noReturnOption:!0}),a=s({getterKey:"getDescription",key:"description",noReturnOption:!0}),T=s({getterKey:"getDisabled",key:"disabled",defaultValue:!1,noReturnOption:!0}),z=s({getterKey:"getGroupLabel",key:"label",noReturnOption:!0}),y=s({getterKey:"getGroupOptions",key:"options",noReturnOption:!0}),L=r=>{var u;if((u=o.props.options)!=null&&u.length)for(const _ of o.props.options){if(m(_)===r)return _;const B=y(_);if(B!=null&&B.length){for(const b of B)if(m(b)===r)return b}}return r},K=r=>{const u=L(r);return u?v(u)??r:r},ce=r=>{const u=L(r);return u?f(u)??!1:!1},{contains:de}=$.useFilter({sensitivity:"base"}),j=t.computed(()=>{const r=u=>u==null?void 0:u.map(_=>{const B=v(_),b=m(_),A=T(_),F=z(_),W=!o.searchModel.value||B&&de(B,o.searchModel.value),g=y(_),S=!o.props.tree||b;if(g&&S){const C=r(g);if(C!=null&&C.length||W)return{groupLabel:F,title:B,key:b,disabled:A,children:C,_option:_}}return W&&S?{title:B,key:b,disabled:A,_option:_}:null}).filter(Boolean);if(o.props.options)return r(o.props.options)}),{getDisabled:te,getStatus:le,getSize:O}=xe.useFormInput({getDisabled:()=>o.props.disabled,getSize:()=>o.props.size,getStatus:()=>o.props.status}),R=t.computed(()=>{switch(O.value){case"sm":return"xsm";case"lg":return"md";case"md":default:return"sm"}}),{inputBindings:J,rootBindings:U}=xe.UseInputDataStates({getDisabled:()=>te.value}),H=t.ref(),oe=()=>{var r,u,_,B,b,A,F;e.open.value&&e.inputElement.value&&(o.props.headerSearch&&((r=H.value)!=null&&r.input)?document.activeElement!==((u=H.value)==null?void 0:u.input)&&((b=(B=(_=H.value)==null?void 0:_.input)==null?void 0:B.focus)==null||b.call(B)):document.activeElement!==e.inputElement.value&&((F=(A=e.inputElement.value)==null?void 0:A.focus)==null||F.call(A)))},X=r=>{e.modelValue.value=r,o.emit("update:modelValue",r)},Z=r=>r===void 0?!1:Array.isArray(e.modelValue.value)?!!(r&&e.modelValue.value.includes(r)):e.modelValue.value===r;Pe({...o,getOptionValue:m,getOptionLabel:v,getOptionSingle:f,getOptionNoCheckbox:l,getOptionDescription:a,getOptionDisabled:T,getOptionIcon:h,getOptionByValue:L,isItemSelected:Z,getLabelByValue:K,getSingleByValue:ce,focusOnInput:oe,setModelValue:X,headerInputElement:H,getDisabled:te,getStatus:le,getSize:O,getTagSize:R,comboboxInputBinding:J,comboboxTriggerBinding:U,...e,modelValue:e.modelValue}),t.watch(()=>[o.props.clearOnChangeMultiple,o.props.multiple],()=>{o.props.clearOnChangeMultiple&&X(void 0)});const se=t.computed(()=>{const r=o.props.scrollContainerProps??{};return{...r,areaCls:[c.getBemElement(w,"scroll_area"),r==null?void 0:r.class,r==null?void 0:r.areaCls]}}),ne=c.getBemElement(w,"popup"),ge=he.cva(ne,{variants:{size:c.generateVariantClassList(ye,ne)}}),ee=r=>{if(Number(r)>0)return`${r}px`;if(typeof r=="string")return r},Te=t.computed(()=>ee(o.props.popupWidth)),ze=t.computed(()=>ee(o.props.popupHeight)),be=t.computed(()=>ee(o.props.minWidth)),Ce=t.computed(()=>({type:O.value==="sm"?"simple":"advance",...ie.omit(o.props.emptyProps??{},"class")})),Le=t.computed(()=>ie.omit(o.props.skeletonProps??{},"class")),{selectValues:De}=Xe({getValue:r=>r==null?void 0:r.key,getChildren:r=>r==null?void 0:r.children,getModel:()=>G.cloneDeep(e.modelValue.value),getData:()=>G.cloneDeep(j.value??[])});return()=>{var F,W;const r=g=>t.h(Se,{option:g},{trailing:n.optionTrailing,leading:n.optionLeading}),u=[];let _;if(o.props.tree){const S=E.isArray(e.modelValue.value)?e.modelValue.value:e.modelValue.value?[e.modelValue.value]:[];_=t.h(Ne._sfc_main,{data:j.value??[],selectable:!0,checkbox:o.props.multiple&&o.props.checkbox,multiple:o.props.multiple,defaultExpandAll:!0,syncCheckboxAndSelect:o.props.multiple,showLine:!0,modelValue:S,checkedKeys:S,onExpand:oe,onSelect:(C,q,I)=>{if(o.props.multiple){const Y=E.isArray(I)?I:[I];X(De(Y,q))}else X(I)},class:"w-full"},{title:C=>r(C._option)}),u.push(_)}else{let g=!1;const S=[];if((j.value??[]).forEach(C=>{var q;if((q=C.children)!=null&&q.length){const I=[];C.children.forEach(Y=>{const re=r(Y._option);Z(m(Y._option))&&o.props.sortSelectedItems?S.push(re):I.push(re)}),I.length&&((g||u.length)&&(u.push(t.h(fe._sfc_main)),g=!1),C.groupLabel&&u.push(t.h(tt,{class:o.props.labelCls},()=>C.groupLabel)),u.push(...I),g=!0)}else{const I=r(C._option);Z(m(C._option))&&o.props.sortSelectedItems?S.push(I):(g&&(u.push(t.h(fe._sfc_main)),g=!1),u.push(I))}}),o.props.sortSelectedItems&&S.length){const C=!!u.length;u.splice(0,0,...S),C&&u.splice(S.length,0,t.h(fe._sfc_main))}}const B=D.flattenChildrenByType(_?[_]:u,Se).filter(g=>{var S;return E.isObject(g==null?void 0:g.props)&&((S=g==null?void 0:g.props)==null?void 0:S.option)}),b=!!(o.props.tree&&((F=j.value)!=null&&F.length)||B!=null&&B.length),A=()=>{var S,C;const g=[];if(b||o.props.loading){const q=[];if(b&&q.push(...u),o.props.loading){const I=(S=n.loading)==null?void 0:S.call(n,{});if(!D.isEmptyElement(I))q.push(I);else{const Y=new Array(b?2:o.props.loadingRowCount).fill(1);q.push(...Y.map(()=>t.h(we._sfc_main,{size:O.value,class:[c.getBemElement(w,"skeleton"),o.props.skeletonCls],...Le.value})))}}g.push(t.h("div",{class:[c.getBemElement(w,"options"),o.props.optionsCls]},q))}else if(!b){const q=(C=n.empty)==null?void 0:C.call(n,Ce.value);D.isEmptyElement(q)?g.push(t.h(qe._sfc_main,{class:[c.getBemElement(w,"empty"),o.props.emptyCls],...Ce.value},{title:n.emptyTitle,description:n.emptyDescription,actions:n.emptyActions,image:n.emptyImage})):g.push(q)}return o.props.lazyLoading&&g.push(t.h("div",{class:c.getBemElement(w,"lazy_loading")},t.h("div",{class:c.getBemElement(w,"lazy_loading_trigger"),ref:p}))),g};return[t.h(et,{ref:i,...o.attrs,style:{...((W=o.attrs)==null?void 0:W.style)??{},"--ptc-combobox-trigger-min-w":be.value}},{trigger:n.trigger,triggerTrailing:n.triggerTrailing}),t.h($.ComboboxPortal,P.value,()=>t.h($.ComboboxContent,{...N.value,vShow:e.open.value,class:[ge(o.props),o.props.popupCls],style:{"--ptc-combobox-popup-width":o.props.samePopupWidth?void 0:Te.value,"--ptc-combobox-popup-height":ze.value,"--ptc-combobox-trigger-min-w":be.value},onClick:oe},()=>{var I,Y,re;const g=[],S=(I=n.header)==null?void 0:I.call(n,{}),C=!D.isEmptyElement(S);if(o.props.headerSearch||C){const me=[];C&&me.push(S),o.props.headerSearch&&me.push(t.h(Ie)),g.push(t.h("div",{class:c.getBemElement(w,"header")},me))}g.push(t.h(Ae._sfc_main,se.value,A));const q=(re=n.footer)==null?void 0:re.call(n,{isEmpty:!((Y=j.value)!=null&&Y.length),search:o.searchModel.value});return D.isEmptyElement(q)||g.push(t.h("div",{class:c.getBemElement(w,"footer")},q)),g}))]}}}),nt=t.defineComponent({...ue.getComponentOptions("Combobox"),__name:"Combobox",props:{size:{default:"md"},status:{},multiple:{type:Boolean,default:void 0},checkbox:{type:Boolean,default:!0},tagRenderMode:{default:"chip"},getTagProps:{},tree:{type:Boolean},contentFit:{type:Boolean},wrapped:{type:Boolean},sortSelectedItems:{type:Boolean},noTrailing:{type:Boolean},leadingIcon:{},trailingIcon:{default:"tabler:chevron-down"},selectedItemIconAsTrailingIcon:{type:Boolean,default:!0},maxCount:{},to:{},placeholder:{},indicatorIcon:{default:"tabler:check"},options:{},getDisabled:{},getLabel:{},getDescription:{},getValue:{},getNoCheckbox:{},geSingle:{},getGroupOptions:{},getGroupLabel:{},getIcon:{},placement:{default:"bottom-start"},reversePlacementOnDir:{},loading:{type:Boolean},skeletonProps:{},loadingRowCount:{default:10},lazyLoading:{type:Boolean},bordered:{type:Boolean,default:!0},clearOnChangeMultiple:{type:Boolean,default:!0},triggerCls:{},triggerLeadingCls:{},triggerContentCls:{},triggerContentPlaceholderCls:{},triggerContentValueCls:{},triggerTrailingCls:{},itemLeadingCls:{},optionCls:{},tagCls:{},popupCls:{},labelCls:{},optionsCls:{},optionTextCls:{},optionContentCls:{},emptyCls:{},skeletonCls:{},scrollContainerProps:{},emptyProps:{},samePopupWidth:{type:Boolean,default:!0},popupHeight:{default:384},popupWidth:{},minWidth:{},headerSearch:{type:Boolean},search:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},resetSearchTermOnBlur:{type:Boolean,default:!0},resetSearchTermOnSelect:{type:Boolean,default:!0},modelValue:{},defaultValue:{},dir:{},disabled:{type:Boolean,default:void 0},highlightOnHover:{type:Boolean},by:{},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean},reference:{},forceMount:{type:Boolean,default:void 0},position:{default:"popper"},bodyLock:{type:Boolean},side:{},sideOffset:{default:4},align:{},alignOffset:{},avoidCollisions:{type:Boolean,default:void 0},collisionBoundary:{},collisionPadding:{default:4},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean,default:void 0},positionStrategy:{default:"fixed"},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean,default:void 0},prioritizePosition:{type:Boolean,default:void 0},disableOutsidePointerEvents:{type:Boolean},defer:{type:Boolean}},emits:["update:search","select","update:modelValue","highlight","update:open","escapeKeyDown","pointerDownOutside","focusOutside","interactOutside"],setup(d,{emit:n}){const o=d,e=n,p=$.useEmitAsProps(e),i=t.computed(()=>G.omitBy({...G.pick(o,"open","defaultOpen","defaultValue","modelValue","by","dir","multiple","disabled"),...G.pick(p,"onUpdate:modelValue","onUpdate:open"),ignoreFilter:!0},G.isUndefined)),P=Oe.useVModel(o,"search",e,{passive:o.search===void 0}),k=t.useSlots(),x=t.useAttrs();return He({attrs:x,props:o,emit:e,searchModel:P,emitsAsProps:p}),(V,M)=>(t.openBlock(),t.createBlock(t.unref($.ComboboxRoot),t.mergeProps(i.value,{class:t.unref(w)}),{default:t.withCtx(()=>[t.createVNode(t.unref(ot),null,t.createSlots({_:2},[t.renderList(Object.keys(k),N=>({name:N,fn:t.withCtx(s=>[t.renderSlot(V.$slots,N,t.normalizeProps(t.guardReactiveProps(s)))])}))]),1024)]),_:3},16,["class"]))}});exports.ComboboxSizes=ye;exports.ComboboxStatuses=ke;exports._sfc_main=nt;exports.injectComboboxContext=pe;exports.provideComboboxContext=Pe;