@pantograph/vue 0.30.2 → 0.30.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/dist/Base/BaseInput/BaseInput.d.ts +11 -2
  2. package/dist/BaseInput.vue_vue_type_style_index_0_lang-DdjridzV.js +1 -0
  3. package/dist/BaseInput.vue_vue_type_style_index_0_lang-Djl15xzS.js +159 -0
  4. package/dist/ColorPicker/index.js +2 -2
  5. package/dist/ColorPicker/index.umd.cjs +1 -1
  6. package/dist/{ColorPicker.vue_vue_type_style_index_0_lang-DC7OjAIp.js → ColorPicker.vue_vue_type_style_index_0_lang-BVjzmZnp.js} +1 -1
  7. package/dist/{ColorPicker.vue_vue_type_style_index_0_lang-BbPbMX-k.js → ColorPicker.vue_vue_type_style_index_0_lang-Did8RS1T.js} +1 -1
  8. package/dist/ColorSwatchGroup/index.js +1 -1
  9. package/dist/ColorSwatchGroup/index.umd.cjs +1 -1
  10. package/dist/{ColorSwatchGroup.vue_vue_type_style_index_0_lang-DroX6p45.js → ColorSwatchGroup.vue_vue_type_style_index_0_lang-CDF1AL9P.js} +1 -1
  11. package/dist/{ColorSwatchGroup.vue_vue_type_style_index_0_lang-B3fzpT99.js → ColorSwatchGroup.vue_vue_type_style_index_0_lang-C_XuCb0R.js} +1 -1
  12. package/dist/Combobox/index.js +62 -60
  13. package/dist/Combobox/index.umd.cjs +1 -1
  14. package/dist/GOPicker/index.js +2 -2
  15. package/dist/GOPicker/index.umd.cjs +1 -1
  16. package/dist/Input/Input.d.ts +174 -1
  17. package/dist/Input/index.js +1 -1
  18. package/dist/Input/index.umd.cjs +1 -1
  19. package/dist/Input.vue_vue_type_script_setup_true_lang-ByHGhDsA.js +126 -0
  20. package/dist/Input.vue_vue_type_script_setup_true_lang-CTIaAkrW.js +1 -0
  21. package/dist/InputNumber/InputNumber.d.ts +174 -1
  22. package/dist/InputNumber/index.js +1 -1
  23. package/dist/InputNumber/index.umd.cjs +1 -1
  24. package/dist/{InputNumber.vue_vue_type_script_setup_true_lang-Dx8V2Sz8.js → InputNumber.vue_vue_type_script_setup_true_lang-C4GMpH6O.js} +179 -162
  25. package/dist/InputNumber.vue_vue_type_script_setup_true_lang-DW-JqPiv.js +1 -0
  26. package/dist/Pagination/index.js +26 -25
  27. package/dist/Pagination/index.umd.cjs +1 -1
  28. package/dist/index.js +5 -5
  29. package/dist/index.umd.cjs +1 -1
  30. package/dist/style/index.css +1 -1
  31. package/dist/use/index.js +6 -6
  32. package/dist/use/index.umd.cjs +1 -1
  33. package/package.json +54 -51
  34. package/dist/BaseInput.vue_vue_type_style_index_0_lang-D3zq7oKh.js +0 -1
  35. package/dist/BaseInput.vue_vue_type_style_index_0_lang-aX7hcK86.js +0 -136
  36. package/dist/Input.vue_vue_type_script_setup_true_lang-DW0Xc_1z.js +0 -112
  37. package/dist/Input.vue_vue_type_script_setup_true_lang-DoaHfVrM.js +0 -1
  38. package/dist/InputNumber.vue_vue_type_script_setup_true_lang-URIsXuko.js +0 -1
@@ -1,6 +1,6 @@
1
- import { defineComponent as _e, useSlots as ut, onBeforeUnmount as $t, computed as C, createBlock as K, openBlock as I, unref as u, mergeProps as ue, createSlots as Kt, renderList as Ne, withCtx as W, renderSlot as Le, normalizeProps as Me, guardReactiveProps as Re, createVNode as X, h as _, useAttrs as Ft, createElementBlock as ye, normalizeClass as we, toDisplayString as Nt, ref as ve, watch as Wt, isRef as tt, createCommentVNode as Ae, createElementVNode as ot, normalizeStyle as Gt, Fragment as $e } from "vue";
1
+ import { defineComponent as _e, useSlots as ut, onBeforeUnmount as $t, computed as C, createBlock as K, openBlock as I, unref as u, mergeProps as ue, createSlots as Kt, renderList as Ne, withCtx as W, renderSlot as Le, normalizeProps as Me, guardReactiveProps as Re, createVNode as X, h as _, useAttrs as Ft, createElementBlock as he, normalizeClass as we, toDisplayString as Nt, ref as ve, watch as Wt, isRef as tt, createCommentVNode as Ae, createElementVNode as ot, normalizeStyle as Gt, Fragment as $e } from "vue";
2
2
  import { createContext as Ht, Slot as Ut, useEmitAsProps as jt } from "reka-ui";
3
- import { omit as he, isString as lt, cloneDeep as ae, isFunction as qt, debounce as at, pick as Jt, last as nt } from "es-toolkit";
3
+ import { omit as ye, isString as lt, cloneDeep as ae, isFunction as qt, debounce as at, pick as Jt, last as nt } from "es-toolkit";
4
4
  import { isEmptyElement as $, useVModel as Oe, useLazyLoading as Qt, useFormInput as Xt, useVirtualScroll as Yt, useInputDataStates as Zt, useCollection as eo, useDisableBodyPointerEvents as to, installComponent as ct } from "@pantograph/utils-vue";
5
5
  import { getBemBlock as oo, getBemModifier as lo, getBemElement as x, getComponentOptions as be, normCls as H, isEmptyLikeLodash as F, generateVariantClassList as q, createOptionGetterFunc as j, usePCId as Ie, getPxSize as Ke, getComponentName as pt } from "@pantograph/utils";
6
6
  import { _ as ao } from "../index--fAgg2DC.js";
@@ -14,17 +14,17 @@ import { _ as so } from "../index-BCPptNhu.js";
14
14
  import { _ as io } from "../Chip.vue_vue_type_style_index_0_lang-CmXECWtq.js";
15
15
  import "../Input/index.js";
16
16
  import { whenever as uo, refDebounced as co } from "@vueuse/core";
17
- import { _ as po } from "../Input.vue_vue_type_script_setup_true_lang-DW0Xc_1z.js";
17
+ import { _ as po } from "../Input.vue_vue_type_script_setup_true_lang-ByHGhDsA.js";
18
18
  import { _ as We } from "../Icon.vue_vue_type_style_index_0_lang-CD9EvvB5.js";
19
19
  import { g as go, a as mo } from "../MenuItem.vue_vue_type_style_index_0_lang-ByicYJot.js";
20
20
  import { i as J } from "../isArray-QlWcxgml.js";
21
21
  import { _ as mt } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-DBKQk4LJ.js";
22
22
  import "../ScrollContainer/index.js";
23
23
  import "../Empty/index.js";
24
- import { f as fo, _ as vo, a as yo } from "../index-BdPkHVwS.js";
24
+ import { f as fo, _ as vo, a as ho } from "../index-BdPkHVwS.js";
25
25
  import "../MenuItem/index.js";
26
26
  import "../Checkbox/index.js";
27
- import { _ as ho } from "../Checkbox.vue_vue_type_style_index_0_lang-u9Jw1VwG.js";
27
+ import { _ as yo } from "../Checkbox.vue_vue_type_style_index_0_lang-u9Jw1VwG.js";
28
28
  import { _ as _o } from "../Skeleton.vue_vue_type_style_index_0_lang-DOsf2SEN.js";
29
29
  import { _ as bo } from "../Divider.vue_vue_type_style_index_0_lang-GfWcHNix.js";
30
30
  import { a as rt } from "../index-D2tZoezA.js";
@@ -43,6 +43,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
43
43
  disabled: { type: Boolean, default: void 0 },
44
44
  required: { type: Boolean },
45
45
  readonly: { type: Boolean },
46
+ contentFit: { type: Boolean },
46
47
  modelValue: {},
47
48
  defaultValue: {},
48
49
  immediateFocus: { type: Boolean },
@@ -70,7 +71,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
70
71
  const D = t.placeholder ?? o.props.placeholder ?? "";
71
72
  return (o.props.headerSearch ? D : o.placeholder.value) ?? D;
72
73
  }), U = x(w, "input");
73
- return (D, h) => (I(), K(u(po), ue({
74
+ return (D, y) => (I(), K(u(po), ue({
74
75
  ...u(o).comboboxInputBinding.value,
75
76
  ...t,
76
77
  disabled: u(o).getDisabled.value || t.disabled
@@ -79,10 +80,11 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
79
80
  onKeydown: u(o).onKeyDown,
80
81
  ref: u(o).inputRef,
81
82
  class: u(H)(u(U), { [u(ft)]: u(o).valuePlaceholder.value }, t.class),
83
+ contentFit: !u(o).props.headerSearch && u(o).props.contentFit,
82
84
  modelValue: u(o).searchModel.value,
83
- "onUpdate:modelValue": h[0] || (h[0] = (d) => u(o).searchModel.value = d)
85
+ "onUpdate:modelValue": y[0] || (y[0] = (d) => u(o).searchModel.value = d)
84
86
  }), Kt({ _: 2 }, [
85
- Ne(Object.keys(u(he)(c, ["leading"])), (d) => ({
87
+ Ne(Object.keys(u(ye)(c, ["leading"])), (d) => ({
86
88
  name: d,
87
89
  fn: W((g) => [
88
90
  Le(D.$slots, d, Me(Re(g)))
@@ -107,7 +109,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
107
109
  ]),
108
110
  key: "1"
109
111
  }
110
- ]), 1040, ["placeholder", "onKeydown", "class", "modelValue"]));
112
+ ]), 1040, ["placeholder", "onKeydown", "class", "contentFit", "modelValue"]));
111
113
  }
112
114
  }), Bo = /* @__PURE__ */ _e({
113
115
  ...be("ComboboxTrigger"),
@@ -129,7 +131,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
129
131
  }), U = (r = k.value) => {
130
132
  if (t.props.selectedItemIconAsTrailingIcon && (r != null && r._icon))
131
133
  return r._icon;
132
- }, D = C(() => U()), h = C(() => {
134
+ }, D = C(() => U()), y = C(() => {
133
135
  if (!t.props.noTrailing)
134
136
  return t.props.trailingIcon ?? "tabler:chevron-down";
135
137
  }), d = C(() => {
@@ -187,8 +189,8 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
187
189
  d.value
188
190
  );
189
191
  if (!$(b)) r = b;
190
- else if (h.value && h.value) {
191
- const V = h.value === !0 ? "tabler:chevron-down" : h.value;
192
+ else if (y.value && y.value) {
193
+ const V = y.value === !0 ? "tabler:chevron-down" : y.value;
192
194
  r = m(V);
193
195
  }
194
196
  if (r)
@@ -239,7 +241,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
239
241
  var de, re;
240
242
  const r = (re = (de = t.slots).trigger) == null ? void 0 : re.call(de, d.value);
241
243
  if (!$(r))
242
- return _(Ut, he(Q.value, ["class"]), () => r);
244
+ return _(Ut, ye(Q.value, ["class"]), () => r);
243
245
  const f = () => {
244
246
  const T = [], ee = [
245
247
  x(n, "tags"),
@@ -342,31 +344,31 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
342
344
  option: {}
343
345
  },
344
346
  setup(Y) {
345
- const t = Y, c = Ge(), o = C(() => c.isOptionSelected(t.option._key)), k = (h) => {
347
+ const t = Y, c = Ge(), o = C(() => c.isOptionSelected(t.option._key)), k = (y) => {
346
348
  var n, N, Q, m, ne, Z;
347
349
  const d = [];
348
350
  !c.props.tree && c.props.multiple && c.props.checkbox && !t.option._noCheckbox && d.push(
349
- _(ho, {
351
+ _(yo, {
350
352
  unExtendParent: !0,
351
353
  modelValue: o.value,
352
- size: h.checkboxSize,
354
+ size: y.checkboxSize,
353
355
  disabled: t.option._disabled || c.getDisabled.value
354
356
  })
355
357
  );
356
- const g = (N = (n = c.slots).optionLeading) == null ? void 0 : N.call(n, { ...h, option: t.option });
358
+ const g = (N = (n = c.slots).optionLeading) == null ? void 0 : N.call(n, { ...y, option: t.option });
357
359
  return $(g) ? c.props.tagRenderMode === "avatar" && c.props.showTriggerTagOnOption ? d.push(
358
360
  _(gt, {
359
- size: h.avatarSize,
361
+ size: y.avatarSize,
360
362
  ...((m = (Q = c.props).getTagProps) == null ? void 0 : m.call(Q, t.option)) ?? {}
361
363
  })
362
364
  ) : c.props.tagRenderMode === "go" && c.props.showTriggerTagOnOption ? d.push(
363
365
  _(mt, {
364
- size: h.iconSize,
366
+ size: y.iconSize,
365
367
  ...((Z = (ne = c.props).getTagProps) == null ? void 0 : Z.call(ne, t.option)) ?? {}
366
368
  })
367
369
  ) : t.option._icon && d.push(_(We, { icon: t.option._icon, size: c.getIconSize.value })) : d.push(g), $(d) ? null : d;
368
370
  }, U = Ft(), D = () => {
369
- const h = c.props.tree ? void 0 : t.option._description, d = (qt(c.props.getMenuItemProps) ? c.props.getMenuItemProps(t.option) : c.props.getMenuItemProps) ?? {};
371
+ const y = c.props.tree ? void 0 : t.option._description, d = (qt(c.props.getMenuItemProps) ? c.props.getMenuItemProps(t.option) : c.props.getMenuItemProps) ?? {};
370
372
  return _(
371
373
  mo,
372
374
  {
@@ -374,11 +376,11 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
374
376
  class: x(w, "option"),
375
377
  unFocusable: !0,
376
378
  staticStyle: c.props.tree,
377
- description: h,
379
+ description: y,
378
380
  title: t.option._label,
379
381
  key: t.option._key,
380
382
  selected: o.value,
381
- leadingCenter: !!h,
383
+ leadingCenter: !!y,
382
384
  size: c.getSize.value,
383
385
  disabled: c.props.tree ? !1 : t.option._disabled || c.getDisabled.value,
384
386
  onClick: () => c.selectOption(t.option),
@@ -394,7 +396,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
394
396
  }
395
397
  );
396
398
  };
397
- return (h, d) => (I(), K(D));
399
+ return (y, d) => (I(), K(D));
398
400
  }
399
401
  }), Oo = /* @__PURE__ */ _e({
400
402
  ...be("ComboboxLabel"),
@@ -403,7 +405,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
403
405
  label: {}
404
406
  },
405
407
  setup(Y) {
406
- return (t, c) => (I(), ye("div", {
408
+ return (t, c) => (I(), he("div", {
407
409
  class: we(u(x)(u(w), "label"))
408
410
  }, Nt(t.label), 3));
409
411
  }
@@ -507,14 +509,14 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
507
509
  ));
508
510
  }, D = at((e) => {
509
511
  k("search", e), U();
510
- }, 500), h = Oe(o, "search", k, {
512
+ }, 500), y = Oe(o, "search", k, {
511
513
  passive: o.search === void 0,
512
514
  onChange: D
513
- }), d = co(h, 500), g = Oe(o, "open", k, {
515
+ }), d = co(y, 500), g = Oe(o, "open", k, {
514
516
  defaultValue: o.defaultOpen,
515
517
  passive: o.open === void 0,
516
518
  onChange(e) {
517
- !e && o.resetSearchTermOnBlur && (h.value = void 0);
519
+ !e && o.resetSearchTermOnBlur && (y.value = void 0);
518
520
  }
519
521
  }), n = Oe(
520
522
  o,
@@ -541,7 +543,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
541
543
  500,
542
544
  { edges: ["leading"] }
543
545
  ), m = ut(), ne = jt(k), Z = C(() => ({
544
- ...he(ne, ["update:modelValue", "update:search", "select"]),
546
+ ...ye(ne, ["update:modelValue", "update:search", "select"]),
545
547
  ...Jt(o, [
546
548
  "placement",
547
549
  "reversePlacementOnDir",
@@ -666,9 +668,9 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
666
668
  i != null && i._key && !l.has(i._key) && (e.push(ae(i)), l.add(i._key));
667
669
  };
668
670
  if (d.value ? (f.value.forEach((i) => {
669
- var y, E;
671
+ var h, E;
670
672
  if (i._label && i._label.toLowerCase().includes(d.value.toLowerCase()) && !l.has(i._key)) {
671
- if (a(i), i._hasChildren && v(i._key).forEach(a), (y = o.filterOptions) != null && y.strictNode)
673
+ if (a(i), i._hasChildren && v(i._key).forEach(a), (h = o.filterOptions) != null && h.strictNode)
672
674
  i._parentKeys && i._parentKeys.forEach((p) => {
673
675
  if (!l.has(p)) {
674
676
  const oe = V(p);
@@ -687,10 +689,10 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
687
689
  }
688
690
  }
689
691
  }), e = e.sort(
690
- (i, z) => f.value.findIndex((y) => y._key === i._key) - f.value.findIndex((y) => y._key === z._key)
692
+ (i, z) => f.value.findIndex((h) => h._key === i._key) - f.value.findIndex((h) => h._key === z._key)
691
693
  )) : e = ae(f.value), o.sortSelectedItems && !o.tree && !F(n.value)) {
692
694
  let i = ae(e);
693
- const z = i.filter((B) => re(B._key)), y = Symbol("root"), E = Symbol("rootGroup"), p = {}, oe = (B, A, O = 1) => {
695
+ const z = i.filter((B) => re(B._key)), h = Symbol("root"), E = Symbol("rootGroup"), p = {}, oe = (B, A, O = 1) => {
694
696
  const G = i.splice(B, O);
695
697
  i.splice(A, 0, ...G);
696
698
  }, le = (B) => B ? i.findIndex((A) => A._key === B) : -1, Pe = (B) => {
@@ -703,7 +705,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
703
705
  const O = st(B._parentKeys);
704
706
  let G = le(O);
705
707
  const et = Math.max(
706
- Pe(y),
708
+ Pe(h),
707
709
  Pe(E)
708
710
  );
709
711
  if (G > et) {
@@ -727,8 +729,8 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
727
729
  };
728
730
  }
729
731
  } else {
730
- const O = le(B._key), G = Pe(y);
731
- O > G && oe(O, G), p[y] = {
732
+ const O = le(B._key), G = Pe(h);
733
+ O > G && oe(O, G), p[h] = {
732
734
  key: B._key,
733
735
  length: B._hasChildren ? v(B._key).length : void 0
734
736
  };
@@ -739,8 +741,8 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
739
741
  if (!o.tree) {
740
742
  const i = ae(e);
741
743
  for (let z = 0; z < i.length - 1; z++) {
742
- const y = i[z], E = i[z + 1];
743
- !E._divider && (E._hasChildren || (s = y._parentKeys) != null && s.length && !((S = E._parentKeys) != null && S.length)) && (i.splice(z + 1, 0, {
744
+ const h = i[z], E = i[z + 1];
745
+ !E._divider && (E._hasChildren || (s = h._parentKeys) != null && s.length && !((S = E._parentKeys) != null && S.length)) && (i.splice(z + 1, 0, {
744
746
  _key: Ie(Fe),
745
747
  _divider: !0,
746
748
  _id: Ie(Fe)
@@ -814,12 +816,12 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
814
816
  );
815
817
  R = e, te = l;
816
818
  }
817
- const yt = C(
819
+ const ht = C(
818
820
  () => {
819
821
  var e;
820
822
  return o.virtual ? (((e = R == null ? void 0 : R.value) == null ? void 0 : e.getVirtualItems()) ?? []).map((l) => T.value[l.index]) : T.value;
821
823
  }
822
- ), ht = C(() => (te == null ? void 0 : te.containerStyles.value) ?? {}), {
824
+ ), yt = C(() => (te == null ? void 0 : te.containerStyles.value) ?? {}), {
823
825
  inputBindings: _t,
824
826
  rootBindings: bt,
825
827
  focused: Ct
@@ -871,38 +873,38 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
871
873
  emit: k,
872
874
  onKeyDown: (e) => {
873
875
  var l, a, s, S, i, z;
874
- if (o.headerSearch || e.stopPropagation(), e.key === "Backspace" && o.multiple && J(n.value) && F(h.value))
876
+ if (o.headerSearch || e.stopPropagation(), e.key === "Backspace" && o.multiple && J(n.value) && F(y.value))
875
877
  n.value = n.value.slice(0, -1);
876
878
  else if (!g.value)
877
879
  (e.key === "ArrowDown" || e.key === "Enter") && (g.value = !0);
878
880
  else if (g.value) {
879
- const y = Je(o.tree);
881
+ const h = Je(o.tree);
880
882
  if (e.key === "Escape") g.value = !1;
881
883
  else if (e.key === "Tab" && !o.headerSearch) g.value = !1;
882
884
  else if (["ArrowDown", "ArrowUp"].includes(e.key)) {
883
- if (y.length) {
884
- const E = y.findIndex(
885
+ if (h.length) {
886
+ const E = h.findIndex(
885
887
  (p) => P.value && p.value && p.value === P.value
886
888
  );
887
889
  if (e.key === "ArrowDown") {
888
- const p = y[E + 1];
889
- P.value = (p == null ? void 0 : p.value) ?? P.value ?? y[0].value;
890
+ const p = h[E + 1];
891
+ P.value = (p == null ? void 0 : p.value) ?? P.value ?? h[0].value;
890
892
  } else if (e.key === "ArrowUp") {
891
- const p = y[E - 1];
892
- P.value = (p == null ? void 0 : p.value) ?? y[0].value;
893
+ const p = h[E - 1];
894
+ P.value = (p == null ? void 0 : p.value) ?? h[0].value;
893
895
  }
894
- (a = (l = y.find(
896
+ (a = (l = h.find(
895
897
  (p) => P.value && p.value && p.value === P.value
896
898
  )) == null ? void 0 : l.ref) == null || a.scrollIntoView();
897
899
  }
898
900
  } else if (["ArrowLeft", "ArrowRight"].includes(e.key)) {
899
901
  const E = V(P.value);
900
- y.length && fe.value && o.tree && P.value && E && ((s = N.value) != null && s.includes(P.value) && (Se.value === "ltr" && e.key === "ArrowLeft" || Se.value === "rtl" && e.key === "ArrowRight") || !((S = N.value) != null && S.includes(P.value)) && (Se.value === "ltr" && e.key === "ArrowRight" || Se.value === "rtl" && e.key === "ArrowLeft")) && ((z = (i = fe.value).onExpandKey) == null || z.call(i, E));
901
- } else e.key === "Enter" && (y.length === 1 && y[0].value && P.value !== y[0].value && (P.value = y[0].value), P.value && Ye(V(P.value), !0), k("keydownEnter", e, h.value));
902
+ h.length && fe.value && o.tree && P.value && E && ((s = N.value) != null && s.includes(P.value) && (Se.value === "ltr" && e.key === "ArrowLeft" || Se.value === "rtl" && e.key === "ArrowRight") || !((S = N.value) != null && S.includes(P.value)) && (Se.value === "ltr" && e.key === "ArrowRight" || Se.value === "rtl" && e.key === "ArrowLeft")) && ((z = (i = fe.value).onExpandKey) == null || z.call(i, E));
903
+ } else e.key === "Enter" && (h.length === 1 && h[0].value && P.value !== h[0].value && (P.value = h[0].value), P.value && Ye(V(P.value), !0), k("keydownEnter", e, y.value));
902
904
  e.key === "Escape" && k("keydownEscape", e);
903
905
  }
904
906
  },
905
- searchModel: h,
907
+ searchModel: y,
906
908
  openModel: g,
907
909
  model: n,
908
910
  slots: m,
@@ -974,7 +976,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
974
976
  var a, s;
975
977
  const e = (s = m.header) == null ? void 0 : s.call(m, {
976
978
  isEmpty: !((a = T.value) != null && a.length),
977
- search: h.value
979
+ search: y.value
978
980
  }), l = !$(e);
979
981
  if (l || o.headerSearch)
980
982
  return _(
@@ -986,7 +988,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
986
988
  var a, s;
987
989
  const e = (s = m.footer) == null ? void 0 : s.call(m, {
988
990
  isEmpty: !((a = T.value) != null && a.length),
989
- search: h.value
991
+ search: y.value
990
992
  });
991
993
  if (!$(e))
992
994
  return _("div", { class: x(w, "footer") }, e);
@@ -994,7 +996,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
994
996
  var a;
995
997
  const e = {
996
998
  type: M.value === "sm" ? "simple" : "advance",
997
- ...he(o.emptyProps ?? {}, ["class"]),
999
+ ...ye(o.emptyProps ?? {}, ["class"]),
998
1000
  class: H(x(w, "empty"), o.emptyCls)
999
1001
  }, l = (a = m.empty) == null ? void 0 : a.call(m, e);
1000
1002
  return $(l) ? _(xo, e, {
@@ -1010,7 +1012,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
1010
1012
  () => _(_o, {
1011
1013
  size: M.value,
1012
1014
  class: H(x(w, "skeleton"), o.skeletonCls),
1013
- ...he(o.skeletonProps ?? {}, ["class"])
1015
+ ...ye(o.skeletonProps ?? {}, ["class"])
1014
1016
  })
1015
1017
  ) : e;
1016
1018
  }, Mt = (e, l, a) => {
@@ -1063,7 +1065,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
1063
1065
  default: W(() => [
1064
1066
  ot("div", {
1065
1067
  class: we(u(H)(u(x)(u(w), "options"), e.optionsCls)),
1066
- style: Gt(e.virtual ? ht.value : {}),
1068
+ style: Gt(e.virtual ? yt.value : {}),
1067
1069
  onPointerleave: l[1] || (l[1] = (a) => Ee(void 0))
1068
1070
  }, [
1069
1071
  e.tree ? (I(), K(u(vo), ue({
@@ -1077,13 +1079,13 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
1077
1079
  onSelect: Mt
1078
1080
  }), {
1079
1081
  default: W(({ items: a }) => [
1080
- (I(!0), ye($e, null, Ne(a, (s) => (I(), K(u(qe), {
1082
+ (I(!0), he($e, null, Ne(a, (s) => (I(), K(u(qe), {
1081
1083
  key: s._key,
1082
1084
  value: s._key,
1083
1085
  id: s._id
1084
1086
  }, {
1085
1087
  default: W(() => [
1086
- X(u(yo), ue({ node: s }, { ref_for: !0 }, Xe(s), {
1088
+ X(u(ho), ue({ node: s }, { ref_for: !0 }, Xe(s), {
1087
1089
  onPointermove: (S) => Ee(s._key),
1088
1090
  id: s._id
1089
1091
  }), {
@@ -1099,7 +1101,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
1099
1101
  }, 1032, ["value", "id"]))), 128))
1100
1102
  ]),
1101
1103
  _: 1
1102
- }, 16, ["expandedKeys"])) : (I(!0), ye($e, { key: 1 }, Ne(yt.value, (a) => (I(), ye($e, {
1104
+ }, 16, ["expandedKeys"])) : (I(!0), he($e, { key: 1 }, Ne(ht.value, (a) => (I(), he($e, {
1103
1105
  key: a._key
1104
1106
  }, [
1105
1107
  a._divider ? (I(), K(bo, { key: 0 })) : a._label && a._hasChildren ? (I(), K(Oo, {
@@ -1124,7 +1126,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
1124
1126
  ]),
1125
1127
  _: 1
1126
1128
  })) : (I(), K(Dt, { key: 1 })),
1127
- e.lazyLoading ? (I(), ye("div", {
1129
+ e.lazyLoading ? (I(), he("div", {
1128
1130
  key: 2,
1129
1131
  class: we(u(x)(u(w), "lazy_loading"))
1130
1132
  }, [
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),Ce=require("reka-ui"),x=require("es-toolkit"),_=require("@pantograph/utils-vue"),l=require("@pantograph/utils"),dt=require("../index-CaXYyVxq.js"),Me=require("class-variance-authority");require("../Icon/index.umd.cjs");require("../Avatar/index.umd.cjs");require("../GraphicalObject/index.umd.cjs");const be=require("../Avatar.vue_vue_type_style_index_0_lang-CX1z2Bid.js"),gt=require("../GraphicalObjectGroup/index.umd.cjs"),mt=require("../index-SHgIzWWT.js"),ft=require("../Chip.vue_vue_type_style_index_0_lang-BgTLPRMz.js");require("../Input/index.umd.cjs");const Ae=require("@vueuse/core"),vt=require("../Input.vue_vue_type_script_setup_true_lang-DoaHfVrM.js"),ke=require("../Icon.vue_vue_type_style_index_0_lang-DOQsa_aO.js"),Re=require("../MenuItem.vue_vue_type_style_index_0_lang-zBvtuEx_.js"),K=require("../isArray-Bin_5of_.js"),qe=require("../GraphicalObject.vue_vue_type_script_setup_true_lang-CgjAIWEo.js");require("../ScrollContainer/index.umd.cjs");require("../Empty/index.umd.cjs");const he=require("../index-J_dmgfpe.js");require("../MenuItem/index.umd.cjs");require("../Checkbox/index.umd.cjs");const yt=require("../Checkbox.vue_vue_type_style_index_0_lang-CAdNvT8f.js"),ht=require("../Skeleton.vue_vue_type_style_index_0_lang-vZBJnVJj.js"),_t=require("../Divider.vue_vue_type_style_index_0_lang-D3wrVsBd.js"),ze=require("../index-4j_iV_pN.js"),bt=require("../ConfigProvider/index.umd.cjs"),Te=require("../head-Bg_QoIT5.js"),Ct=require("../ScrollContainer.vue_vue_type_style_index_0_lang-Br7-ZHr3.js"),kt=require("../Empty.vue_vue_type_style_index_0_lang-CRS28Wia.js"),[pe,Fe]=Ce.createContext("Combobox"),O=l.getBemBlock("combobox"),Ke=l.getBemModifier(O,"value-placeholder"),_e=l.getBemElement(O,"option"),xe=["sm","md","lg"],Ne=["error","warning","success"],de=e.defineComponent({...l.getComponentOptions("ComboboxInput"),__name:"ComboboxInput",props:{id:{},maxlength:{},type:{},placeholder:{},disabled:{type:Boolean,default:void 0},required:{type:Boolean},readonly:{type:Boolean},modelValue:{},defaultValue:{},immediateFocus:{type:Boolean},leading:{},trailing:{},clearIcon:{},trailingCls:{},clearIconCls:{},dividerCls:{},leadingCls:{},class:{},allowClear:{type:Boolean},bordered:{type:Boolean,default:void 0},simple:{type:Boolean},size:{},status:{},steps:{type:Boolean}},setup(G){const o=G,p=e.useSlots(),n=pe();Ae.whenever(()=>n.openModel.value&&n.inputRef.value,n.focusOnInput),e.onBeforeUnmount(()=>{n.comboboxInputFocused.value=!1});const k=e.computed(()=>{const z=o.placeholder??n.props.placeholder??"";return(n.props.headerSearch?z:n.placeholder.value)??z}),F=l.getBemElement(O,"input");return(z,b)=>(e.openBlock(),e.createBlock(e.unref(vt._sfc_main),e.mergeProps({...e.unref(n).comboboxInputBinding.value,...o,disabled:e.unref(n).getDisabled.value||o.disabled},{placeholder:k.value,onKeydown:e.unref(n).onKeyDown,ref:e.unref(n).inputRef,class:e.unref(l.normCls)(e.unref(F),{[e.unref(Ke)]:e.unref(n).valuePlaceholder.value},o.class),modelValue:e.unref(n).searchModel.value,"onUpdate:modelValue":b[0]||(b[0]=g=>e.unref(n).searchModel.value=g)}),e.createSlots({_:2},[e.renderList(Object.keys(e.unref(x.omit)(p,["leading"])),g=>({name:g,fn:e.withCtx(m=>[e.renderSlot(z.$slots,g,e.normalizeProps(e.guardReactiveProps(m)))])})),e.unref(n).props.headerSearch?{name:"leading",fn:e.withCtx(g=>[e.renderSlot(z.$slots,"leading",e.normalizeProps(e.guardReactiveProps(g)),()=>[e.createVNode(e.unref(ke._sfc_main),{size:g.iconSize,icon:"tabler:search",flipOnDir:"rtl"},null,8,["size"])])]),key:"0"}:{name:"leading",fn:e.withCtx(g=>[e.renderSlot(z.$slots,"leading",e.normalizeProps(e.guardReactiveProps(g)))]),key:"1"}]),1040,["placeholder","onKeydown","class","modelValue"]))}}),xt=e.defineComponent({...l.getComponentOptions("ComboboxTrigger"),__name:"ComboboxTrigger",setup(G){const o=pe(),p=({value:i})=>{i&&K.isArray(o.model.value)&&!o.getDisabled.value&&(o.model.value=o.model.value.filter(C=>C!==i))},n=e.computed(()=>{switch(o.getSize.value){case"sm":return"2xsm";case"md":default:return"xsm"}}),k=e.computed(()=>{if(!o.props.multiple&&x.isString(o.model.value)&&!l.isEmptyLikeLodash(o.model.value))return o.getOptionByValue(o.model.value)}),F=(i=k.value)=>{if(o.props.selectedItemIconAsTrailingIcon&&(i!=null&&i._icon))return i._icon},z=e.computed(()=>F()),b=e.computed(()=>{if(!o.props.noTrailing)return o.props.trailingIcon??"tabler:chevron-down"}),g=e.computed(()=>{var v,y;const i=x.cloneDeep(o.model.value),C=K.isArray(o.model.value);return{modelValue:i,open:x.cloneDeep(o.openModel.value),option:C?void 0:o.getOptionByValue(o.model.value),options:C?(y=(v=o.model.value).map)==null?void 0:y.call(v,o.getOptionByValue).filter(Boolean):void 0}}),m=i=>({...g.value,option:o.getOptionByValue(i)}),s=l.getBemElement(O,"trigger"),R=Me.cva(s,{variants:{size:l.generateVariantClassList(xe,s),headerSearch:l.generateVariantClassList("header-search",s),status:l.generateVariantClassList(Ne,s),bordered:l.generateVariantClassList("bordered",s),multiple:l.generateVariantClassList("multiple",s),contentFit:l.generateVariantClassList("content-fit",s),wrapped:l.generateVariantClassList("wrapped",s),filled:l.generateVariantClassList("filled",s)}}),N=e.computed(()=>({type:"button",disabled:o.getDisabled.value,tabindex:o.getDisabled.value||!o.props.headerSearch?-1:0,"data-disabled":o.getDisabled.value?"":void 0,"aria-disabled":o.getDisabled.value??void 0,"aria-label":"Show popup","aria-haspopup":"listbox","aria-expanded":o.openModel.value,"data-state":o.openModel.value?"open":"closed",class:l.normCls(R({size:o.getSize.value,status:o.getStatus.value==="success"&&l.isEmptyLikeLodash(o.model.value)?void 0:o.getStatus.value,bordered:o.props.bordered,multiple:o.props.multiple,contentFit:o.props.contentFit,wrapped:o.props.wrapped,filled:!l.isEmptyLikeLodash(o.model.value),headerSearch:o.props.headerSearch}),o.props.triggerCls),...o.comboboxTriggerBinding.value})),f=(i,C=n.value)=>e.h(ke._sfc_main,{icon:i,size:C}),J=()=>{var v,y;let i;const C=(y=(v=o.slots).triggerTrailing)==null?void 0:y.call(v,g.value);if(!_.isEmptyElement(C))i=C;else if(b.value&&b.value){const L=b.value===!0?"tabler:chevron-down":b.value;i=f(L)}if(i)return e.h("div",{class:l.normCls(l.getBemElement(s,"trailing"),o.props.triggerTrailingCls)},i)},$=i=>{var v,y;const C=o.getOptionByValue(i)??{_key:i};return e.h(be._sfc_main,{size:o.getTagSize.value,...C?((y=(v=o.props).getTagProps)==null?void 0:y.call(v,C))??{}:{}})},Z=i=>{var v,y;const C=o.getOptionByValue(i)??{_key:i};return e.h(qe._sfc_main,{...C?((y=(v=o.props).getTagProps)==null?void 0:y.call(v,C))??{}:{},size:o.getTagSize.value})},re=()=>{var i,C;if(!o.props.multiple&&!K.isArray(o.model.value)&&o.model.value){let v;x.isString(o.model.value)&&!l.isEmptyLikeLodash(o.model.value)&&(v=o.model.value);const y=v?(C=(i=o.slots).optionLeading)==null?void 0:C.call(i,Re.getMenuContentSlotProps(o.props.size,m(v))):null,L=!_.isEmptyElement(y);if(L||o.props.tagRenderMode&&["avatar","go"].includes(o.props.tagRenderMode)||z.value||o.props.leadingIcon){let T;if(L?T=y:o.props.tagRenderMode==="avatar"?T=$(o.model.value):o.props.tagRenderMode==="go"?T=Z(o.model.value):z.value?T=f(z.value):o.props.leadingIcon&&(T=f(o.props.leadingIcon)),!_.isEmptyElement(T))return e.h("div",{class:l.normCls(l.getBemElement(s,"leading"),o.props.triggerLeadingCls)},T)}}},ee=()=>{var te,Q;const i=(Q=(te=o.slots).trigger)==null?void 0:Q.call(te,g.value);if(!_.isEmptyElement(i))return e.h(Ce.Slot,x.omit(N.value,["class"]),()=>i);const v=()=>{const I=[],W=[l.getBemElement(s,"tags"),o.props.triggerContentCls,o.props.triggerContentValueCls],D=(()=>{if(o.props.multiple&&K.isArray(o.model.value)){if(o.props.tagRenderMode==="avatar")return e.h(be._sfc_main$1,{maxCount:o.props.maxCount,size:o.getTagSize.value,closeable:!o.getDisabled.value,noPopover:!0,noWrap:!o.props.wrapped,class:W},()=>o.model.value.map($));if(o.props.tagRenderMode==="go")return e.h(gt.GraphicalObjectGroup,{maxCount:o.props.maxCount,size:o.getTagSize.value,closeable:!o.getDisabled.value,noPopover:!0,noWrap:!o.props.wrapped,class:W},()=>o.model.value.map(Z));if(o.props.tagRenderMode==="chip")return e.h(mt._sfc_main,{maxCount:o.props.maxCount,size:o.getTagSize.value,color:"primary",closeable:!o.getDisabled.value,noPopover:!0,noWrap:!o.props.wrapped,class:W,onClose:p},()=>o.model.value.map(X=>{var oe,ne;const ge=()=>o.getLabelByValue(X),ae=({size:me})=>{const M=F(o.getOptionByValue(X))??o.props.leadingIcon;return M?f(M,me):null},se=o.getOptionByValue(X);return e.h(ft._sfc_main,{...se?((ne=(oe=o.props).getTagProps)==null?void 0:ne.call(oe,se))??{}:{},value:X,class:l.normCls(l.getBemElement(s,"tag"),o.props.tagCls),closeIconCls:l.getBemElement(s,"tag__close")},{text:ge,leading:ae})}))}})();if(D&&I.push(D),o.props.headerSearch?(!o.props.noValueOnPlaceholder||o.props.placeholder)&&I.push(e.h("div",{class:l.normCls(l.getBemElement(s,"content__value"),{[Ke]:o.valuePlaceholder.value})},o.placeholder.value??o.props.placeholder)):I.push(e.h(de,{noValueOnPlaceholder:o.props.noValueOnPlaceholder,searchIcon:!1,bordered:!1,simple:!0})),!_.isEmptyElement(I)||!o.props.contentFit||o.props.trailingIcon)return e.h("div",{class:l.getBemElement(s,"content")},I)},y=[],L=re();_.isEmptyElement(L)||y.push(L),y.push(v());const T=J();return _.isEmptyElement(T)||y.push(T),e.h("button",N.value,y)};return(i,C)=>(e.openBlock(),e.createBlock(ee))}}),De=e.defineComponent({...l.getComponentOptions("ComboboxOption"),__name:"ComboboxOption",props:{option:{}},setup(G){const o=G,p=pe(),n=e.computed(()=>p.isOptionSelected(o.option._key)),k=b=>{var s,R,N,f,J,$;const g=[];!p.props.tree&&p.props.multiple&&p.props.checkbox&&!o.option._noCheckbox&&g.push(e.h(yt._sfc_main,{unExtendParent:!0,modelValue:n.value,size:b.checkboxSize,disabled:o.option._disabled||p.getDisabled.value}));const m=(R=(s=p.slots).optionLeading)==null?void 0:R.call(s,{...b,option:o.option});return _.isEmptyElement(m)?p.props.tagRenderMode==="avatar"&&p.props.showTriggerTagOnOption?g.push(e.h(be._sfc_main,{size:b.avatarSize,...((f=(N=p.props).getTagProps)==null?void 0:f.call(N,o.option))??{}})):p.props.tagRenderMode==="go"&&p.props.showTriggerTagOnOption?g.push(e.h(qe._sfc_main,{size:b.iconSize,...(($=(J=p.props).getTagProps)==null?void 0:$.call(J,o.option))??{}})):o.option._icon&&g.push(e.h(ke._sfc_main,{icon:o.option._icon,size:p.getIconSize.value})):g.push(m),_.isEmptyElement(g)?null:g},F=e.useAttrs(),z=()=>{const b=p.props.tree?void 0:o.option._description,g=(x.isFunction(p.props.getMenuItemProps)?p.props.getMenuItemProps(o.option):p.props.getMenuItemProps)??{};return e.h(Re._sfc_main$1,{unExtendParent:!0,class:l.getBemElement(O,"option"),unFocusable:!0,staticStyle:p.props.tree,description:b,title:o.option._label,key:o.option._key,selected:n.value,leadingCenter:!!b,size:p.getSize.value,disabled:p.props.tree?!1:o.option._disabled||p.getDisabled.value,onClick:()=>p.selectOption(o.option),slotProps:o,...g,...F},{leading:k,trailing:p.slots.optionTrailing,title:p.slots.optionTitle,description:p.slots.optionDescription})};return(b,g)=>(e.openBlock(),e.createBlock(z))}}),Bt=e.defineComponent({...l.getComponentOptions("ComboboxLabel"),__name:"ComboboxLabel",props:{label:{}},setup(G){return(o,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l.getBemElement)(e.unref(O),"label"))},e.toDisplayString(o.label),3))}}),Ge=e.defineComponent({...l.getComponentOptions("Combobox"),__name:"Combobox",props:{modelValue:{},defaultValue:{},multiple:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},highlightOnHover:{type:Boolean},resetSearchTermOnBlur:{type:Boolean,default:!0},resetSearchTermOnSelect:{type:Boolean,default:!0},size:{default:"md"},status:{},noValueOnPlaceholder:{type:Boolean},zIndex:{},checkbox:{type:Boolean,default:!0},tagRenderMode:{default:"chip"},getTagProps:{},tree:{type:Boolean},treeProps:{},contentFit:{type:Boolean},wrapped:{type:Boolean},sortSelectedItems:{type:Boolean},noTrailing:{type:Boolean},leadingIcon:{},trailingIcon:{type:[String,Boolean],default:"tabler:chevron-down"},selectedItemIconAsTrailingIcon:{type:Boolean,default:!0},maxCount:{},to:{},placeholder:{},indicatorIcon:{default:"tabler:check"},options:{},getDisabled:{},getLabel:{},getDescription:{},getValue:{},getNoCheckbox:{},getSingle:{},getClear:{},getOptions:{},getIcon:{},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:{},search:{},filterOptions:{},expandedKeys:{},headerSearch:{type:Boolean},headerSearchInputProps:{},virtual:{type:Boolean},showTriggerTagOnOption:{type:Boolean},disableOutsidePointerEvents:{type:Boolean,default:!0},getMenuItemProps:{},placement:{default:"bottom-start"},containerProps:{},reversePlacementOnDir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},sideOffset:{default:4},alignOffset:{},reference:{},prioritizePosition:{type:Boolean,default:!1},avoidCollisions:{type:Boolean,default:void 0},dir:{},noTrigger:{type:Boolean}},emits:["update:modelValue","update:expandedKeys","keydownEnter","keydownEscape","update:search","fetch","search","select","update:open","escapeKeyDown","pointerDownOutside","focusOutside","interactOutside","openAutoFocus","closeAutoFocus"],setup(G,{expose:o,emit:p}){const n=G,k=p,F=()=>{var t,r;n.tree&&(((t=n.filterOptions)==null?void 0:t.expandParent)==="collapse"?N([]):((r=n.filterOptions)==null?void 0:r.expandParent)==="expand"&&N(I.value.filter(a=>a._hasChildren).map(a=>a._key)))},z=x.debounce(t=>{k("search",t),F()},500),b=_.useVModel(n,"search",k,{passive:n.search===void 0,onChange:z}),g=Ae.refDebounced(b,500),m=_.useVModel(n,"open",k,{defaultValue:n.defaultOpen,passive:n.open===void 0,onChange(t){!t&&n.resetSearchTermOnBlur&&(b.value=void 0)}}),s=_.useVModel(n,"modelValue",k,{passive:n.modelValue===void 0,onChange:()=>{var t,r;m.value&&!n.multiple&&(m.value=!1),M!=null&&M.value&&n.sortSelectedItems&&((r=(t=M==null?void 0:M.value)==null?void 0:t.measure)==null||r.call(t))}}),R=_.useVModel(n,"expandedKeys",k,{passive:n.expandedKeys===void 0}),N=x.debounce(t=>{R.value=t},500,{edges:["leading"]}),f=e.useSlots(),J=Ce.useEmitAsProps(k),$=e.computed(()=>({...x.omit(J,["update:modelValue","update:search","select"]),...x.pick(n,["placement","reversePlacementOnDir","zIndex","to","sideOffset","alignOffset","reference","prioritizePosition","avoidCollisions","dir","size","noTrigger"])})),Z=e.ref();_.useLazyLoading({target:Z});const re=l.createOptionGetterFunc({key:"value",getter:n.getValue}),ee={getDisabled:l.createOptionGetterFunc({key:"disabled",getter:n.getDisabled,noReturnOption:!0,defaultValue:!1}),getDescription:l.createOptionGetterFunc({key:"description",getter:n.getDescription,noReturnOption:!0}),getValue:re,getLabel:l.createOptionGetterFunc({key:"label",getter:n.getLabel,noReturnOption:!0,defaultValue:re}),getNoCheckbox:l.createOptionGetterFunc({key:"noCheckbox",getter:n.getNoCheckbox,noReturnOption:!0,defaultValue:!1}),getSingle:l.createOptionGetterFunc({key:"single",getter:n.getSingle,noReturnOption:!0,defaultValue:!1}),getClear:l.createOptionGetterFunc({key:"clear",getter:n.getClear,noReturnOption:!0,defaultValue:!1}),getOptions:l.createOptionGetterFunc({key:"options",getter:n.getOptions,noReturnOption:!0}),getIcon:l.createOptionGetterFunc({key:"icon",getter:n.getIcon,noReturnOption:!0})},i=(t,r)=>{var u;const a=`get${r[0].toUpperCase()+r.slice(1)}`;return(u=ee[a])==null?void 0:u.call(ee,t)},C=(t,r,a)=>!!(!n.tree&&!(r!=null&&r.length)&&(a!=null&&a.length)),v=e.computed(()=>he.flattenByParentKeys({getValue:(t,r,a)=>{const u=i(t,"value");return l.isEmptyLikeLodash(u)&&C(t,r,a)?l.usePCId(_e):u},getDisabled:t=>i(t,"disabled"),arr:n.options??[],getChildren:(t,r)=>{if(!(r!=null&&r.length&&!n.tree))return i(t,"options")},getExtra:t=>{if(t){let r=i(t,"label");return l.isEmptyLikeLodash(r)||(r=String(r)),{_description:i(t,"description"),_label:r,_title:n.tree?r:void 0,_noCheckbox:i(t,"noCheckbox"),_single:i(t,"single"),_clear:i(t,"clear"),_icon:i(t,"icon"),_id:l.usePCId(ye)}}},allowNoValidKey:C})),y=(t,r=!1)=>t?v.value.filter(a=>{var u;if(r){const B=x.last(a._parentKeys??[]);return B&&B===t}return(u=a._parentKeys)==null?void 0:u.includes(t)}):[],L=t=>{var r;if((r=v.value)!=null&&r.length&&!l.isEmptyLikeLodash(t))return v.value.find(a=>a._key===t)},T=t=>{const r=L(t);return r&&(r._label||r._key)||t},te=t=>{const r=L(t);return r?r._single??!1:!1},Q=t=>t===void 0?!1:Array.isArray(s.value)?!!(t&&s.value.includes(t)):s.value===t,I=e.computed(()=>{var u,B;let t=[];const r=new Set,a=c=>{c!=null&&c._key&&!r.has(c._key)&&(t.push(x.cloneDeep(c)),r.add(c._key))};if(g.value?(v.value.forEach(c=>{var h,w;if(c._label&&c._label.toLowerCase().includes(g.value.toLowerCase())&&!r.has(c._key)){if(a(c),c._hasChildren&&y(c._key).forEach(a),(h=n.filterOptions)!=null&&h.strictNode)c._parentKeys&&c._parentKeys.forEach(d=>{if(!r.has(d)){const j=L(d);a(j)}});else if((w=c._parentKeys)!=null&&w.length){const d=Te.head(c._parentKeys);if(!l.isEmptyLikeLodash(d)){if(!r.has(d)){const H=L(d);a(H)}y(d).forEach(a)}}}}),t=t.sort((c,V)=>v.value.findIndex(h=>h._key===c._key)-v.value.findIndex(h=>h._key===V._key))):t=x.cloneDeep(v.value),n.sortSelectedItems&&!n.tree&&!l.isEmptyLikeLodash(s.value)){let c=x.cloneDeep(t);const V=c.filter(E=>Q(E._key)),h=Symbol("root"),w=Symbol("rootGroup"),d={},j=(E,A,P=1)=>{const q=c.splice(E,P);c.splice(A,0,...q)},H=E=>E?c.findIndex(A=>A._key===E):-1,ue=E=>{const A=d[E],P=H(A==null?void 0:A.key);return A!=null&&A.length?P+A.length+1:P+1};V.forEach(E=>{var A;if((A=E._parentKeys)!=null&&A.length){const P=Te.head(E._parentKeys);let q=H(P);const we=Math.max(ue(h),ue(w));if(q>we){const ce=y(P).length;j(q,we,ce+1)}if(d[w]={key:P,length:y(P).length},q=H(P),P&&q>-1){const ce=H(E._key);if(d[P]===void 0)j(ce,q+1);else{const pt=ue(P);j(ce,pt)}d[P]={length:void 0,key:E._key}}}else{const P=H(E._key),q=ue(h);P>q&&j(P,q),d[h]={key:E._key,length:E._hasChildren?y(E._key).length:void 0}}c=x.cloneDeep(c)}),t=c}if(!n.tree){const c=x.cloneDeep(t);for(let V=0;V<c.length-1;V++){const h=c[V],w=c[V+1];!w._divider&&(w._hasChildren||(u=h._parentKeys)!=null&&u.length&&!((B=w._parentKeys)!=null&&B.length))&&(c.splice(V+1,0,{_key:l.usePCId(_e),_divider:!0,_id:l.usePCId(_e)}),V++)}t=c}return t});F();const{getDisabled:W,getStatus:Be,getSize:D}=_.useFormInput(),X=e.computed(()=>{switch(D.value){case"sm":return"xsm";case"lg":return"md";case"md":default:return"sm"}}),ge=e.computed(()=>{switch(D.value){case"sm":return"2xsm";case"lg":return"sm";case"md":default:return"xsm"}}),ae=e.ref(),se={sm:4,md:6,lg:8},oe={sm:14,md:16},ne={sm:32,md:50,lg:54},me=e.computed(()=>({get count(){return I.value.length},getScrollElement:()=>{var t;return(t=ae.value)==null?void 0:t.container.viewportElement},estimateSize:t=>{const r=I.value[t];if(!n.tree&&r){if(r._divider)return 1;if(r._label&&r._hasChildren)return 8+(oe[D.value]??oe.md);if(r._description)return ne[D.value]??ne.md}return ze.systemSizesMap[D.value]??ze.systemSizesMap.md},overscan:5,get gap(){return se[D.value]??0}}));let M,U;if(n.virtual){const{virtualizer:t,...r}=_.useVirtualScroll(me);M=t,U=r}const $e=e.computed(()=>{var t;return n.virtual?(((t=M==null?void 0:M.value)==null?void 0:t.getVirtualItems())??[]).map(r=>I.value[r.index]):I.value}),We=e.computed(()=>(U==null?void 0:U.containerStyles.value)??{}),{inputBindings:Ue,rootBindings:je,focused:He}=_.useInputDataStates({getDisabled:()=>W.value}),Y=e.ref(),fe=()=>{var t;if(m.value&&Y.value&&document.activeElement!==((t=Y.value)==null?void 0:t.input)){Y.value.input.style.pointerEvents="auto";const r=setTimeout(()=>{var a,u;(u=(a=Y.value)==null?void 0:a.focus)==null||u.call(a),clearTimeout(r)},100);Y.value.input.style.pointerEvents=""}},Se=e.computed(()=>!n.noValueOnPlaceholder&&(K.isArray(s.value)?s.value.length===1&&!l.isEmptyLikeLodash(s.value[0]):!l.isEmptyLikeLodash(s.value))),Je=e.computed(()=>{if(Se.value){if(n.multiple&&K.isArray(s.value))return T(x.last(s.value));if(!n.multiple&&!K.isArray(s.value))return T(s.value)}}),{CollectionSlot:Qe,CollectionItem:Ee,itemMap:Xe,getItems:Pe}=_.useCollection({isProvider:!0,key:O}),Oe=()=>s.value?Array.isArray(s.value)?s.value:[s.value]:[],S=e.ref(),ve=t=>{S.value=t},Ie=t=>({"data-disabled":t._disabled?"":void 0,"data-highlighted":S.value===t._key?"":void 0}),le=e.ref(),Ve=(t,r)=>{var a,u;if(r&&((a=le.value)!=null&&a.onSelect)&&n.tree&&((u=le.value)==null||u.onSelect(t,!Q(t==null?void 0:t._key))),!(n.tree||!t||!t._key||t._disabled))if(n.multiple)if(t._clear)s.value=[],k("select",void 0,!1);else if(t._single)s.value=[t._key],k("select",t._key,!0,t);else{let B=K.isArray(s.value)?s.value:[];const c=B.includes(t._key);B.length===1&&te(B[0])&&t._key!==B[0]&&(B=[]),c?(s.value=B.filter(V=>V!==t._key),k("select",t._key,!0,t)):(s.value=[...B,t._key],k("select",t._key,!1,t))}else t._clear?(s.value=void 0,k("select",void 0,!1)):(s.value=t._key,k("select",t._key,!0,t))},{getDir:Ye}=bt.useConfig(),ie=Ye(),Le={props:n,emit:k,onKeyDown:t=>{var r,a,u,B,c,V;if(n.headerSearch||t.stopPropagation(),t.key==="Backspace"&&n.multiple&&K.isArray(s.value)&&l.isEmptyLikeLodash(b.value))s.value=s.value.slice(0,-1);else if(!m.value)(t.key==="ArrowDown"||t.key==="Enter")&&(m.value=!0);else if(m.value){const h=Pe(n.tree);if(t.key==="Escape")m.value=!1;else if(t.key==="Tab"&&!n.headerSearch)m.value=!1;else if(["ArrowDown","ArrowUp"].includes(t.key)){if(h.length){const w=h.findIndex(d=>S.value&&d.value&&d.value===S.value);if(t.key==="ArrowDown"){const d=h[w+1];S.value=(d==null?void 0:d.value)??S.value??h[0].value}else if(t.key==="ArrowUp"){const d=h[w-1];S.value=(d==null?void 0:d.value)??h[0].value}(a=(r=h.find(d=>S.value&&d.value&&d.value===S.value))==null?void 0:r.ref)==null||a.scrollIntoView()}}else if(["ArrowLeft","ArrowRight"].includes(t.key)){const w=L(S.value);h.length&&le.value&&n.tree&&S.value&&w&&((u=R.value)!=null&&u.includes(S.value)&&(ie.value==="ltr"&&t.key==="ArrowLeft"||ie.value==="rtl"&&t.key==="ArrowRight")||!((B=R.value)!=null&&B.includes(S.value))&&(ie.value==="ltr"&&t.key==="ArrowRight"||ie.value==="rtl"&&t.key==="ArrowLeft"))&&((V=(c=le.value).onExpandKey)==null||V.call(c,w))}else t.key==="Enter"&&(h.length===1&&h[0].value&&S.value!==h[0].value&&(S.value=h[0].value),S.value&&Ve(L(S.value),!0),k("keydownEnter",t,b.value));t.key==="Escape"&&k("keydownEscape",t)}},searchModel:b,openModel:m,model:s,slots:f,valuePlaceholder:Se,placeholder:Je,getOptionByValue:L,isOptionSelected:Q,getLabelByValue:T,getSingleByValue:te,inputRef:Y,focusOnInput:fe,getDisabled:W,getStatus:Be,getSize:D,getTagSize:X,getIconSize:ge,comboboxInputBinding:Ue,comboboxTriggerBinding:je,comboboxInputFocused:He,selectOption:Ve,itemMap:Xe,getItems:Pe,highlightedOptionKey:S};Fe(Le),e.watch(()=>[n.clearOnChangeMultiple,n.multiple],()=>{n.clearOnChangeMultiple&&(s.value=void 0)});const Ze=e.computed(()=>({defaultExpandAll:!0,showLine:!0,disabled:W.value,selectionBehavior:"replace",...n.treeProps??{},size:D.value,flattenData:!0,outerVirtualScroll:!0,selectable:!0,focusable:!1,multiple:n.multiple,checkable:n.multiple&&n.checkbox,virtual:M,syncCheckboxAndSelect:n.multiple,data:I.value,modelValue:Oe(),checkedKeys:Oe(),class:l.getBemElement(O,"tree")})),et=e.computed(()=>{const t=n.scrollContainerProps??{};return{...t,areaCls:[l.getBemElement(O,"scroll_area"),t==null?void 0:t.class,t==null?void 0:t.areaCls],wrapProps:{...(t==null?void 0:t.wrapProps)??{},style:(U==null?void 0:U.scrollWrapperStyles.value)??{}}}}),ye=l.getBemElement(O,"popup"),tt=Me.cva(ye,{variants:{size:l.generateVariantClassList(xe,ye)}}),ot=e.computed(()=>l.getPxSize(n.popupWidth,!0)),nt=e.computed(()=>l.getPxSize(n.popupHeight,!0)),lt=e.computed(()=>l.getPxSize(n.minWidth,!0)),rt=()=>{var a,u;const t=(u=f.header)==null?void 0:u.call(f,{isEmpty:!((a=I.value)!=null&&a.length),search:b.value}),r=!_.isEmptyElement(t);if(r||n.headerSearch)return e.h("div",{class:l.getBemElement(O,"header")},r?t:e.h(de,n.headerSearchInputProps||{}))},at=()=>{var a,u;const t=(u=f.footer)==null?void 0:u.call(f,{isEmpty:!((a=I.value)!=null&&a.length),search:b.value});if(!_.isEmptyElement(t))return e.h("div",{class:l.getBemElement(O,"footer")},t)},st=()=>{var a;const t={type:D.value==="sm"?"simple":"advance",...x.omit(n.emptyProps??{},["class"]),class:l.normCls(l.getBemElement(O,"empty"),n.emptyCls)},r=(a=f.empty)==null?void 0:a.call(f,t);return _.isEmptyElement(r)?e.h(kt._sfc_main,t,{title:f.emptyTitle,description:f.emptyDescription,actions:f.emptyActions,image:f.emptyImage}):r},it=()=>{var a;const t=(a=f.loading)==null?void 0:a.call(f,{});return _.isEmptyElement(t)?new Array(I.value.length?2:n.loadingRowCount).fill(1).map(()=>e.h(ht._sfc_main,{size:D.value,class:l.normCls(l.getBemElement(O,"skeleton"),n.skeletonCls),...x.omit(n.skeletonProps??{},["class"])})):t},ut=(t,r,a)=>{const u=t._clear;if(n.multiple){const B=t._single;u?s.value=[]:B?s.value=[t._key]:s.value=a}else u||!r?s.value=void 0:s.value=t._key;k("select",t._key,r,t)},ct=t=>{t.key==="ArrowDown"&&!m.value?m.value=!0:t.key==="Tab"&&m.value&&(m.value=!1)};return n.disableOutsidePointerEvents&&_.useDisableBodyPointerEvents(m),o(Le),(t,r)=>(e.openBlock(),e.createBlock(e.unref(dt._sfc_main),e.mergeProps({open:e.unref(m),"onUpdate:open":r[2]||(r[2]=a=>e.isRef(m)?m.value=a:null)},$.value,{containerProps:{...t.containerProps??{},onClick:fe},noPadding:!0,size:e.unref(D),containerStyle:{pointerEvents:"auto",display:e.unref(m)?void 0:"none",zIndex:t.zIndex,"--ptc-combobox-popup-width":t.samePopupWidth?void 0:ot.value,"--ptc-combobox-popup-height":nt.value,"--ptc-combobox-trigger-min-w":lt.value},containerCls:e.unref(l.normCls)(e.unref(tt)(n),t.popupCls),onKeydown:ct}),{default:e.withCtx(()=>[e.createVNode(xt)]),content:e.withCtx(()=>[e.createVNode(rt),e.createVNode(e.unref(Ct._sfc_main),e.mergeProps({ref_key:"scrollContainerRef",ref:ae},et.value),{default:e.withCtx(()=>[I.value.length||t.loading?(e.openBlock(),e.createBlock(e.unref(Qe),{key:0},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(O),"options"),t.optionsCls)),style:e.normalizeStyle(t.virtual?We.value:{}),onPointerleave:r[1]||(r[1]=a=>ve(void 0))},[t.tree?(e.openBlock(),e.createBlock(e.unref(he._sfc_main),e.mergeProps({key:0,ref_key:"treeRef",ref:le},Ze.value,{expandedKeys:e.unref(R),"onUpdate:expandedKeys":r[0]||(r[0]=a=>e.isRef(R)?R.value=a:null),onExpand:fe,onSelect:ut}),{default:e.withCtx(({items:a})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a,u=>(e.openBlock(),e.createBlock(e.unref(Ee),{key:u._key,value:u._key,id:u._id},{default:e.withCtx(()=>[e.createVNode(e.unref(he._sfc_main$1),e.mergeProps({node:u},{ref_for:!0},Ie(u),{onPointermove:B=>ve(u._key),id:u._id}),{default:e.withCtx(()=>[e.createVNode(De,{option:u},null,8,["option"])]),_:2},1040,["node","onPointermove","id"])]),_:2},1032,["value","id"]))),128))]),_:1},16,["expandedKeys"])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList($e.value,a=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:a._key},[a._divider?(e.openBlock(),e.createBlock(_t._sfc_main,{key:0})):a._label&&a._hasChildren?(e.openBlock(),e.createBlock(Bt,{key:1,label:a._label},null,8,["label"])):a._hasChildren?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(Ee),{key:2,value:a._key,id:a._id},{default:e.withCtx(()=>[e.createVNode(De,e.mergeProps({option:a},{ref_for:!0},Ie(a),{onPointermove:u=>ve(a._key),id:a._id}),null,16,["option","onPointermove","id"])]),_:2},1032,["value","id"]))],64))),128)),t.loading?(e.openBlock(),e.createBlock(it,{key:2})):e.createCommentVNode("",!0)],38)]),_:1})):(e.openBlock(),e.createBlock(st,{key:1})),t.lazyLoading?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(l.getBemElement)(e.unref(O),"lazy_loading"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l.getBemElement)(e.unref(O),"lazy_loading_trigger")),ref_key:"target",ref:Z},null,2)],2)):e.createCommentVNode("",!0)]),_:1},16),e.createVNode(at)]),_:1},16,["open","containerProps","size","containerStyle","containerCls"]))}}),St=_.installComponent(Ge,l.getComponentName("Combobox")),Et=_.installComponent(de,l.getComponentName("ComboboxInput"));exports.Combobox=Ge;exports.ComboboxInput=de;exports.ComboboxInputPlugin=Et;exports.ComboboxPlugin=St;exports.ComboboxSizes=xe;exports.ComboboxStatuses=Ne;exports.injectComboboxContext=pe;exports.provideComboboxContext=Fe;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),Ce=require("reka-ui"),x=require("es-toolkit"),_=require("@pantograph/utils-vue"),l=require("@pantograph/utils"),dt=require("../index-CaXYyVxq.js"),Me=require("class-variance-authority");require("../Icon/index.umd.cjs");require("../Avatar/index.umd.cjs");require("../GraphicalObject/index.umd.cjs");const be=require("../Avatar.vue_vue_type_style_index_0_lang-CX1z2Bid.js"),gt=require("../GraphicalObjectGroup/index.umd.cjs"),mt=require("../index-SHgIzWWT.js"),ft=require("../Chip.vue_vue_type_style_index_0_lang-BgTLPRMz.js");require("../Input/index.umd.cjs");const Ae=require("@vueuse/core"),vt=require("../Input.vue_vue_type_script_setup_true_lang-CTIaAkrW.js"),ke=require("../Icon.vue_vue_type_style_index_0_lang-DOQsa_aO.js"),Re=require("../MenuItem.vue_vue_type_style_index_0_lang-zBvtuEx_.js"),K=require("../isArray-Bin_5of_.js"),qe=require("../GraphicalObject.vue_vue_type_script_setup_true_lang-CgjAIWEo.js");require("../ScrollContainer/index.umd.cjs");require("../Empty/index.umd.cjs");const he=require("../index-J_dmgfpe.js");require("../MenuItem/index.umd.cjs");require("../Checkbox/index.umd.cjs");const yt=require("../Checkbox.vue_vue_type_style_index_0_lang-CAdNvT8f.js"),ht=require("../Skeleton.vue_vue_type_style_index_0_lang-vZBJnVJj.js"),_t=require("../Divider.vue_vue_type_style_index_0_lang-D3wrVsBd.js"),ze=require("../index-4j_iV_pN.js"),bt=require("../ConfigProvider/index.umd.cjs"),Te=require("../head-Bg_QoIT5.js"),Ct=require("../ScrollContainer.vue_vue_type_style_index_0_lang-Br7-ZHr3.js"),kt=require("../Empty.vue_vue_type_style_index_0_lang-CRS28Wia.js"),[pe,Fe]=Ce.createContext("Combobox"),O=l.getBemBlock("combobox"),Ke=l.getBemModifier(O,"value-placeholder"),_e=l.getBemElement(O,"option"),xe=["sm","md","lg"],Ne=["error","warning","success"],de=e.defineComponent({...l.getComponentOptions("ComboboxInput"),__name:"ComboboxInput",props:{id:{},maxlength:{},type:{},placeholder:{},disabled:{type:Boolean,default:void 0},required:{type:Boolean},readonly:{type:Boolean},contentFit:{type:Boolean},modelValue:{},defaultValue:{},immediateFocus:{type:Boolean},leading:{},trailing:{},clearIcon:{},trailingCls:{},clearIconCls:{},dividerCls:{},leadingCls:{},class:{},allowClear:{type:Boolean},bordered:{type:Boolean,default:void 0},simple:{type:Boolean},size:{},status:{},steps:{type:Boolean}},setup(G){const o=G,p=e.useSlots(),n=pe();Ae.whenever(()=>n.openModel.value&&n.inputRef.value,n.focusOnInput),e.onBeforeUnmount(()=>{n.comboboxInputFocused.value=!1});const k=e.computed(()=>{const z=o.placeholder??n.props.placeholder??"";return(n.props.headerSearch?z:n.placeholder.value)??z}),F=l.getBemElement(O,"input");return(z,b)=>(e.openBlock(),e.createBlock(e.unref(vt._sfc_main),e.mergeProps({...e.unref(n).comboboxInputBinding.value,...o,disabled:e.unref(n).getDisabled.value||o.disabled},{placeholder:k.value,onKeydown:e.unref(n).onKeyDown,ref:e.unref(n).inputRef,class:e.unref(l.normCls)(e.unref(F),{[e.unref(Ke)]:e.unref(n).valuePlaceholder.value},o.class),contentFit:!e.unref(n).props.headerSearch&&e.unref(n).props.contentFit,modelValue:e.unref(n).searchModel.value,"onUpdate:modelValue":b[0]||(b[0]=g=>e.unref(n).searchModel.value=g)}),e.createSlots({_:2},[e.renderList(Object.keys(e.unref(x.omit)(p,["leading"])),g=>({name:g,fn:e.withCtx(m=>[e.renderSlot(z.$slots,g,e.normalizeProps(e.guardReactiveProps(m)))])})),e.unref(n).props.headerSearch?{name:"leading",fn:e.withCtx(g=>[e.renderSlot(z.$slots,"leading",e.normalizeProps(e.guardReactiveProps(g)),()=>[e.createVNode(e.unref(ke._sfc_main),{size:g.iconSize,icon:"tabler:search",flipOnDir:"rtl"},null,8,["size"])])]),key:"0"}:{name:"leading",fn:e.withCtx(g=>[e.renderSlot(z.$slots,"leading",e.normalizeProps(e.guardReactiveProps(g)))]),key:"1"}]),1040,["placeholder","onKeydown","class","contentFit","modelValue"]))}}),xt=e.defineComponent({...l.getComponentOptions("ComboboxTrigger"),__name:"ComboboxTrigger",setup(G){const o=pe(),p=({value:i})=>{i&&K.isArray(o.model.value)&&!o.getDisabled.value&&(o.model.value=o.model.value.filter(C=>C!==i))},n=e.computed(()=>{switch(o.getSize.value){case"sm":return"2xsm";case"md":default:return"xsm"}}),k=e.computed(()=>{if(!o.props.multiple&&x.isString(o.model.value)&&!l.isEmptyLikeLodash(o.model.value))return o.getOptionByValue(o.model.value)}),F=(i=k.value)=>{if(o.props.selectedItemIconAsTrailingIcon&&(i!=null&&i._icon))return i._icon},z=e.computed(()=>F()),b=e.computed(()=>{if(!o.props.noTrailing)return o.props.trailingIcon??"tabler:chevron-down"}),g=e.computed(()=>{var v,y;const i=x.cloneDeep(o.model.value),C=K.isArray(o.model.value);return{modelValue:i,open:x.cloneDeep(o.openModel.value),option:C?void 0:o.getOptionByValue(o.model.value),options:C?(y=(v=o.model.value).map)==null?void 0:y.call(v,o.getOptionByValue).filter(Boolean):void 0}}),m=i=>({...g.value,option:o.getOptionByValue(i)}),s=l.getBemElement(O,"trigger"),R=Me.cva(s,{variants:{size:l.generateVariantClassList(xe,s),headerSearch:l.generateVariantClassList("header-search",s),status:l.generateVariantClassList(Ne,s),bordered:l.generateVariantClassList("bordered",s),multiple:l.generateVariantClassList("multiple",s),contentFit:l.generateVariantClassList("content-fit",s),wrapped:l.generateVariantClassList("wrapped",s),filled:l.generateVariantClassList("filled",s)}}),N=e.computed(()=>({type:"button",disabled:o.getDisabled.value,tabindex:o.getDisabled.value||!o.props.headerSearch?-1:0,"data-disabled":o.getDisabled.value?"":void 0,"aria-disabled":o.getDisabled.value??void 0,"aria-label":"Show popup","aria-haspopup":"listbox","aria-expanded":o.openModel.value,"data-state":o.openModel.value?"open":"closed",class:l.normCls(R({size:o.getSize.value,status:o.getStatus.value==="success"&&l.isEmptyLikeLodash(o.model.value)?void 0:o.getStatus.value,bordered:o.props.bordered,multiple:o.props.multiple,contentFit:o.props.contentFit,wrapped:o.props.wrapped,filled:!l.isEmptyLikeLodash(o.model.value),headerSearch:o.props.headerSearch}),o.props.triggerCls),...o.comboboxTriggerBinding.value})),f=(i,C=n.value)=>e.h(ke._sfc_main,{icon:i,size:C}),J=()=>{var v,y;let i;const C=(y=(v=o.slots).triggerTrailing)==null?void 0:y.call(v,g.value);if(!_.isEmptyElement(C))i=C;else if(b.value&&b.value){const L=b.value===!0?"tabler:chevron-down":b.value;i=f(L)}if(i)return e.h("div",{class:l.normCls(l.getBemElement(s,"trailing"),o.props.triggerTrailingCls)},i)},$=i=>{var v,y;const C=o.getOptionByValue(i)??{_key:i};return e.h(be._sfc_main,{size:o.getTagSize.value,...C?((y=(v=o.props).getTagProps)==null?void 0:y.call(v,C))??{}:{}})},Z=i=>{var v,y;const C=o.getOptionByValue(i)??{_key:i};return e.h(qe._sfc_main,{...C?((y=(v=o.props).getTagProps)==null?void 0:y.call(v,C))??{}:{},size:o.getTagSize.value})},re=()=>{var i,C;if(!o.props.multiple&&!K.isArray(o.model.value)&&o.model.value){let v;x.isString(o.model.value)&&!l.isEmptyLikeLodash(o.model.value)&&(v=o.model.value);const y=v?(C=(i=o.slots).optionLeading)==null?void 0:C.call(i,Re.getMenuContentSlotProps(o.props.size,m(v))):null,L=!_.isEmptyElement(y);if(L||o.props.tagRenderMode&&["avatar","go"].includes(o.props.tagRenderMode)||z.value||o.props.leadingIcon){let T;if(L?T=y:o.props.tagRenderMode==="avatar"?T=$(o.model.value):o.props.tagRenderMode==="go"?T=Z(o.model.value):z.value?T=f(z.value):o.props.leadingIcon&&(T=f(o.props.leadingIcon)),!_.isEmptyElement(T))return e.h("div",{class:l.normCls(l.getBemElement(s,"leading"),o.props.triggerLeadingCls)},T)}}},ee=()=>{var te,Q;const i=(Q=(te=o.slots).trigger)==null?void 0:Q.call(te,g.value);if(!_.isEmptyElement(i))return e.h(Ce.Slot,x.omit(N.value,["class"]),()=>i);const v=()=>{const I=[],W=[l.getBemElement(s,"tags"),o.props.triggerContentCls,o.props.triggerContentValueCls],D=(()=>{if(o.props.multiple&&K.isArray(o.model.value)){if(o.props.tagRenderMode==="avatar")return e.h(be._sfc_main$1,{maxCount:o.props.maxCount,size:o.getTagSize.value,closeable:!o.getDisabled.value,noPopover:!0,noWrap:!o.props.wrapped,class:W},()=>o.model.value.map($));if(o.props.tagRenderMode==="go")return e.h(gt.GraphicalObjectGroup,{maxCount:o.props.maxCount,size:o.getTagSize.value,closeable:!o.getDisabled.value,noPopover:!0,noWrap:!o.props.wrapped,class:W},()=>o.model.value.map(Z));if(o.props.tagRenderMode==="chip")return e.h(mt._sfc_main,{maxCount:o.props.maxCount,size:o.getTagSize.value,color:"primary",closeable:!o.getDisabled.value,noPopover:!0,noWrap:!o.props.wrapped,class:W,onClose:p},()=>o.model.value.map(X=>{var oe,ne;const ge=()=>o.getLabelByValue(X),ae=({size:me})=>{const M=F(o.getOptionByValue(X))??o.props.leadingIcon;return M?f(M,me):null},se=o.getOptionByValue(X);return e.h(ft._sfc_main,{...se?((ne=(oe=o.props).getTagProps)==null?void 0:ne.call(oe,se))??{}:{},value:X,class:l.normCls(l.getBemElement(s,"tag"),o.props.tagCls),closeIconCls:l.getBemElement(s,"tag__close")},{text:ge,leading:ae})}))}})();if(D&&I.push(D),o.props.headerSearch?(!o.props.noValueOnPlaceholder||o.props.placeholder)&&I.push(e.h("div",{class:l.normCls(l.getBemElement(s,"content__value"),{[Ke]:o.valuePlaceholder.value})},o.placeholder.value??o.props.placeholder)):I.push(e.h(de,{noValueOnPlaceholder:o.props.noValueOnPlaceholder,searchIcon:!1,bordered:!1,simple:!0})),!_.isEmptyElement(I)||!o.props.contentFit||o.props.trailingIcon)return e.h("div",{class:l.getBemElement(s,"content")},I)},y=[],L=re();_.isEmptyElement(L)||y.push(L),y.push(v());const T=J();return _.isEmptyElement(T)||y.push(T),e.h("button",N.value,y)};return(i,C)=>(e.openBlock(),e.createBlock(ee))}}),De=e.defineComponent({...l.getComponentOptions("ComboboxOption"),__name:"ComboboxOption",props:{option:{}},setup(G){const o=G,p=pe(),n=e.computed(()=>p.isOptionSelected(o.option._key)),k=b=>{var s,R,N,f,J,$;const g=[];!p.props.tree&&p.props.multiple&&p.props.checkbox&&!o.option._noCheckbox&&g.push(e.h(yt._sfc_main,{unExtendParent:!0,modelValue:n.value,size:b.checkboxSize,disabled:o.option._disabled||p.getDisabled.value}));const m=(R=(s=p.slots).optionLeading)==null?void 0:R.call(s,{...b,option:o.option});return _.isEmptyElement(m)?p.props.tagRenderMode==="avatar"&&p.props.showTriggerTagOnOption?g.push(e.h(be._sfc_main,{size:b.avatarSize,...((f=(N=p.props).getTagProps)==null?void 0:f.call(N,o.option))??{}})):p.props.tagRenderMode==="go"&&p.props.showTriggerTagOnOption?g.push(e.h(qe._sfc_main,{size:b.iconSize,...(($=(J=p.props).getTagProps)==null?void 0:$.call(J,o.option))??{}})):o.option._icon&&g.push(e.h(ke._sfc_main,{icon:o.option._icon,size:p.getIconSize.value})):g.push(m),_.isEmptyElement(g)?null:g},F=e.useAttrs(),z=()=>{const b=p.props.tree?void 0:o.option._description,g=(x.isFunction(p.props.getMenuItemProps)?p.props.getMenuItemProps(o.option):p.props.getMenuItemProps)??{};return e.h(Re._sfc_main$1,{unExtendParent:!0,class:l.getBemElement(O,"option"),unFocusable:!0,staticStyle:p.props.tree,description:b,title:o.option._label,key:o.option._key,selected:n.value,leadingCenter:!!b,size:p.getSize.value,disabled:p.props.tree?!1:o.option._disabled||p.getDisabled.value,onClick:()=>p.selectOption(o.option),slotProps:o,...g,...F},{leading:k,trailing:p.slots.optionTrailing,title:p.slots.optionTitle,description:p.slots.optionDescription})};return(b,g)=>(e.openBlock(),e.createBlock(z))}}),Bt=e.defineComponent({...l.getComponentOptions("ComboboxLabel"),__name:"ComboboxLabel",props:{label:{}},setup(G){return(o,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l.getBemElement)(e.unref(O),"label"))},e.toDisplayString(o.label),3))}}),Ge=e.defineComponent({...l.getComponentOptions("Combobox"),__name:"Combobox",props:{modelValue:{},defaultValue:{},multiple:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},highlightOnHover:{type:Boolean},resetSearchTermOnBlur:{type:Boolean,default:!0},resetSearchTermOnSelect:{type:Boolean,default:!0},size:{default:"md"},status:{},noValueOnPlaceholder:{type:Boolean},zIndex:{},checkbox:{type:Boolean,default:!0},tagRenderMode:{default:"chip"},getTagProps:{},tree:{type:Boolean},treeProps:{},contentFit:{type:Boolean},wrapped:{type:Boolean},sortSelectedItems:{type:Boolean},noTrailing:{type:Boolean},leadingIcon:{},trailingIcon:{type:[String,Boolean],default:"tabler:chevron-down"},selectedItemIconAsTrailingIcon:{type:Boolean,default:!0},maxCount:{},to:{},placeholder:{},indicatorIcon:{default:"tabler:check"},options:{},getDisabled:{},getLabel:{},getDescription:{},getValue:{},getNoCheckbox:{},getSingle:{},getClear:{},getOptions:{},getIcon:{},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:{},search:{},filterOptions:{},expandedKeys:{},headerSearch:{type:Boolean},headerSearchInputProps:{},virtual:{type:Boolean},showTriggerTagOnOption:{type:Boolean},disableOutsidePointerEvents:{type:Boolean,default:!0},getMenuItemProps:{},placement:{default:"bottom-start"},containerProps:{},reversePlacementOnDir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},sideOffset:{default:4},alignOffset:{},reference:{},prioritizePosition:{type:Boolean,default:!1},avoidCollisions:{type:Boolean,default:void 0},dir:{},noTrigger:{type:Boolean}},emits:["update:modelValue","update:expandedKeys","keydownEnter","keydownEscape","update:search","fetch","search","select","update:open","escapeKeyDown","pointerDownOutside","focusOutside","interactOutside","openAutoFocus","closeAutoFocus"],setup(G,{expose:o,emit:p}){const n=G,k=p,F=()=>{var t,r;n.tree&&(((t=n.filterOptions)==null?void 0:t.expandParent)==="collapse"?N([]):((r=n.filterOptions)==null?void 0:r.expandParent)==="expand"&&N(I.value.filter(a=>a._hasChildren).map(a=>a._key)))},z=x.debounce(t=>{k("search",t),F()},500),b=_.useVModel(n,"search",k,{passive:n.search===void 0,onChange:z}),g=Ae.refDebounced(b,500),m=_.useVModel(n,"open",k,{defaultValue:n.defaultOpen,passive:n.open===void 0,onChange(t){!t&&n.resetSearchTermOnBlur&&(b.value=void 0)}}),s=_.useVModel(n,"modelValue",k,{passive:n.modelValue===void 0,onChange:()=>{var t,r;m.value&&!n.multiple&&(m.value=!1),M!=null&&M.value&&n.sortSelectedItems&&((r=(t=M==null?void 0:M.value)==null?void 0:t.measure)==null||r.call(t))}}),R=_.useVModel(n,"expandedKeys",k,{passive:n.expandedKeys===void 0}),N=x.debounce(t=>{R.value=t},500,{edges:["leading"]}),f=e.useSlots(),J=Ce.useEmitAsProps(k),$=e.computed(()=>({...x.omit(J,["update:modelValue","update:search","select"]),...x.pick(n,["placement","reversePlacementOnDir","zIndex","to","sideOffset","alignOffset","reference","prioritizePosition","avoidCollisions","dir","size","noTrigger"])})),Z=e.ref();_.useLazyLoading({target:Z});const re=l.createOptionGetterFunc({key:"value",getter:n.getValue}),ee={getDisabled:l.createOptionGetterFunc({key:"disabled",getter:n.getDisabled,noReturnOption:!0,defaultValue:!1}),getDescription:l.createOptionGetterFunc({key:"description",getter:n.getDescription,noReturnOption:!0}),getValue:re,getLabel:l.createOptionGetterFunc({key:"label",getter:n.getLabel,noReturnOption:!0,defaultValue:re}),getNoCheckbox:l.createOptionGetterFunc({key:"noCheckbox",getter:n.getNoCheckbox,noReturnOption:!0,defaultValue:!1}),getSingle:l.createOptionGetterFunc({key:"single",getter:n.getSingle,noReturnOption:!0,defaultValue:!1}),getClear:l.createOptionGetterFunc({key:"clear",getter:n.getClear,noReturnOption:!0,defaultValue:!1}),getOptions:l.createOptionGetterFunc({key:"options",getter:n.getOptions,noReturnOption:!0}),getIcon:l.createOptionGetterFunc({key:"icon",getter:n.getIcon,noReturnOption:!0})},i=(t,r)=>{var u;const a=`get${r[0].toUpperCase()+r.slice(1)}`;return(u=ee[a])==null?void 0:u.call(ee,t)},C=(t,r,a)=>!!(!n.tree&&!(r!=null&&r.length)&&(a!=null&&a.length)),v=e.computed(()=>he.flattenByParentKeys({getValue:(t,r,a)=>{const u=i(t,"value");return l.isEmptyLikeLodash(u)&&C(t,r,a)?l.usePCId(_e):u},getDisabled:t=>i(t,"disabled"),arr:n.options??[],getChildren:(t,r)=>{if(!(r!=null&&r.length&&!n.tree))return i(t,"options")},getExtra:t=>{if(t){let r=i(t,"label");return l.isEmptyLikeLodash(r)||(r=String(r)),{_description:i(t,"description"),_label:r,_title:n.tree?r:void 0,_noCheckbox:i(t,"noCheckbox"),_single:i(t,"single"),_clear:i(t,"clear"),_icon:i(t,"icon"),_id:l.usePCId(ye)}}},allowNoValidKey:C})),y=(t,r=!1)=>t?v.value.filter(a=>{var u;if(r){const B=x.last(a._parentKeys??[]);return B&&B===t}return(u=a._parentKeys)==null?void 0:u.includes(t)}):[],L=t=>{var r;if((r=v.value)!=null&&r.length&&!l.isEmptyLikeLodash(t))return v.value.find(a=>a._key===t)},T=t=>{const r=L(t);return r&&(r._label||r._key)||t},te=t=>{const r=L(t);return r?r._single??!1:!1},Q=t=>t===void 0?!1:Array.isArray(s.value)?!!(t&&s.value.includes(t)):s.value===t,I=e.computed(()=>{var u,B;let t=[];const r=new Set,a=c=>{c!=null&&c._key&&!r.has(c._key)&&(t.push(x.cloneDeep(c)),r.add(c._key))};if(g.value?(v.value.forEach(c=>{var h,w;if(c._label&&c._label.toLowerCase().includes(g.value.toLowerCase())&&!r.has(c._key)){if(a(c),c._hasChildren&&y(c._key).forEach(a),(h=n.filterOptions)!=null&&h.strictNode)c._parentKeys&&c._parentKeys.forEach(d=>{if(!r.has(d)){const j=L(d);a(j)}});else if((w=c._parentKeys)!=null&&w.length){const d=Te.head(c._parentKeys);if(!l.isEmptyLikeLodash(d)){if(!r.has(d)){const H=L(d);a(H)}y(d).forEach(a)}}}}),t=t.sort((c,V)=>v.value.findIndex(h=>h._key===c._key)-v.value.findIndex(h=>h._key===V._key))):t=x.cloneDeep(v.value),n.sortSelectedItems&&!n.tree&&!l.isEmptyLikeLodash(s.value)){let c=x.cloneDeep(t);const V=c.filter(E=>Q(E._key)),h=Symbol("root"),w=Symbol("rootGroup"),d={},j=(E,A,P=1)=>{const q=c.splice(E,P);c.splice(A,0,...q)},H=E=>E?c.findIndex(A=>A._key===E):-1,ue=E=>{const A=d[E],P=H(A==null?void 0:A.key);return A!=null&&A.length?P+A.length+1:P+1};V.forEach(E=>{var A;if((A=E._parentKeys)!=null&&A.length){const P=Te.head(E._parentKeys);let q=H(P);const we=Math.max(ue(h),ue(w));if(q>we){const ce=y(P).length;j(q,we,ce+1)}if(d[w]={key:P,length:y(P).length},q=H(P),P&&q>-1){const ce=H(E._key);if(d[P]===void 0)j(ce,q+1);else{const pt=ue(P);j(ce,pt)}d[P]={length:void 0,key:E._key}}}else{const P=H(E._key),q=ue(h);P>q&&j(P,q),d[h]={key:E._key,length:E._hasChildren?y(E._key).length:void 0}}c=x.cloneDeep(c)}),t=c}if(!n.tree){const c=x.cloneDeep(t);for(let V=0;V<c.length-1;V++){const h=c[V],w=c[V+1];!w._divider&&(w._hasChildren||(u=h._parentKeys)!=null&&u.length&&!((B=w._parentKeys)!=null&&B.length))&&(c.splice(V+1,0,{_key:l.usePCId(_e),_divider:!0,_id:l.usePCId(_e)}),V++)}t=c}return t});F();const{getDisabled:W,getStatus:Be,getSize:D}=_.useFormInput(),X=e.computed(()=>{switch(D.value){case"sm":return"xsm";case"lg":return"md";case"md":default:return"sm"}}),ge=e.computed(()=>{switch(D.value){case"sm":return"2xsm";case"lg":return"sm";case"md":default:return"xsm"}}),ae=e.ref(),se={sm:4,md:6,lg:8},oe={sm:14,md:16},ne={sm:32,md:50,lg:54},me=e.computed(()=>({get count(){return I.value.length},getScrollElement:()=>{var t;return(t=ae.value)==null?void 0:t.container.viewportElement},estimateSize:t=>{const r=I.value[t];if(!n.tree&&r){if(r._divider)return 1;if(r._label&&r._hasChildren)return 8+(oe[D.value]??oe.md);if(r._description)return ne[D.value]??ne.md}return ze.systemSizesMap[D.value]??ze.systemSizesMap.md},overscan:5,get gap(){return se[D.value]??0}}));let M,U;if(n.virtual){const{virtualizer:t,...r}=_.useVirtualScroll(me);M=t,U=r}const $e=e.computed(()=>{var t;return n.virtual?(((t=M==null?void 0:M.value)==null?void 0:t.getVirtualItems())??[]).map(r=>I.value[r.index]):I.value}),We=e.computed(()=>(U==null?void 0:U.containerStyles.value)??{}),{inputBindings:Ue,rootBindings:je,focused:He}=_.useInputDataStates({getDisabled:()=>W.value}),Y=e.ref(),fe=()=>{var t;if(m.value&&Y.value&&document.activeElement!==((t=Y.value)==null?void 0:t.input)){Y.value.input.style.pointerEvents="auto";const r=setTimeout(()=>{var a,u;(u=(a=Y.value)==null?void 0:a.focus)==null||u.call(a),clearTimeout(r)},100);Y.value.input.style.pointerEvents=""}},Se=e.computed(()=>!n.noValueOnPlaceholder&&(K.isArray(s.value)?s.value.length===1&&!l.isEmptyLikeLodash(s.value[0]):!l.isEmptyLikeLodash(s.value))),Je=e.computed(()=>{if(Se.value){if(n.multiple&&K.isArray(s.value))return T(x.last(s.value));if(!n.multiple&&!K.isArray(s.value))return T(s.value)}}),{CollectionSlot:Qe,CollectionItem:Ee,itemMap:Xe,getItems:Pe}=_.useCollection({isProvider:!0,key:O}),Oe=()=>s.value?Array.isArray(s.value)?s.value:[s.value]:[],S=e.ref(),ve=t=>{S.value=t},Ie=t=>({"data-disabled":t._disabled?"":void 0,"data-highlighted":S.value===t._key?"":void 0}),le=e.ref(),Ve=(t,r)=>{var a,u;if(r&&((a=le.value)!=null&&a.onSelect)&&n.tree&&((u=le.value)==null||u.onSelect(t,!Q(t==null?void 0:t._key))),!(n.tree||!t||!t._key||t._disabled))if(n.multiple)if(t._clear)s.value=[],k("select",void 0,!1);else if(t._single)s.value=[t._key],k("select",t._key,!0,t);else{let B=K.isArray(s.value)?s.value:[];const c=B.includes(t._key);B.length===1&&te(B[0])&&t._key!==B[0]&&(B=[]),c?(s.value=B.filter(V=>V!==t._key),k("select",t._key,!0,t)):(s.value=[...B,t._key],k("select",t._key,!1,t))}else t._clear?(s.value=void 0,k("select",void 0,!1)):(s.value=t._key,k("select",t._key,!0,t))},{getDir:Ye}=bt.useConfig(),ie=Ye(),Le={props:n,emit:k,onKeyDown:t=>{var r,a,u,B,c,V;if(n.headerSearch||t.stopPropagation(),t.key==="Backspace"&&n.multiple&&K.isArray(s.value)&&l.isEmptyLikeLodash(b.value))s.value=s.value.slice(0,-1);else if(!m.value)(t.key==="ArrowDown"||t.key==="Enter")&&(m.value=!0);else if(m.value){const h=Pe(n.tree);if(t.key==="Escape")m.value=!1;else if(t.key==="Tab"&&!n.headerSearch)m.value=!1;else if(["ArrowDown","ArrowUp"].includes(t.key)){if(h.length){const w=h.findIndex(d=>S.value&&d.value&&d.value===S.value);if(t.key==="ArrowDown"){const d=h[w+1];S.value=(d==null?void 0:d.value)??S.value??h[0].value}else if(t.key==="ArrowUp"){const d=h[w-1];S.value=(d==null?void 0:d.value)??h[0].value}(a=(r=h.find(d=>S.value&&d.value&&d.value===S.value))==null?void 0:r.ref)==null||a.scrollIntoView()}}else if(["ArrowLeft","ArrowRight"].includes(t.key)){const w=L(S.value);h.length&&le.value&&n.tree&&S.value&&w&&((u=R.value)!=null&&u.includes(S.value)&&(ie.value==="ltr"&&t.key==="ArrowLeft"||ie.value==="rtl"&&t.key==="ArrowRight")||!((B=R.value)!=null&&B.includes(S.value))&&(ie.value==="ltr"&&t.key==="ArrowRight"||ie.value==="rtl"&&t.key==="ArrowLeft"))&&((V=(c=le.value).onExpandKey)==null||V.call(c,w))}else t.key==="Enter"&&(h.length===1&&h[0].value&&S.value!==h[0].value&&(S.value=h[0].value),S.value&&Ve(L(S.value),!0),k("keydownEnter",t,b.value));t.key==="Escape"&&k("keydownEscape",t)}},searchModel:b,openModel:m,model:s,slots:f,valuePlaceholder:Se,placeholder:Je,getOptionByValue:L,isOptionSelected:Q,getLabelByValue:T,getSingleByValue:te,inputRef:Y,focusOnInput:fe,getDisabled:W,getStatus:Be,getSize:D,getTagSize:X,getIconSize:ge,comboboxInputBinding:Ue,comboboxTriggerBinding:je,comboboxInputFocused:He,selectOption:Ve,itemMap:Xe,getItems:Pe,highlightedOptionKey:S};Fe(Le),e.watch(()=>[n.clearOnChangeMultiple,n.multiple],()=>{n.clearOnChangeMultiple&&(s.value=void 0)});const Ze=e.computed(()=>({defaultExpandAll:!0,showLine:!0,disabled:W.value,selectionBehavior:"replace",...n.treeProps??{},size:D.value,flattenData:!0,outerVirtualScroll:!0,selectable:!0,focusable:!1,multiple:n.multiple,checkable:n.multiple&&n.checkbox,virtual:M,syncCheckboxAndSelect:n.multiple,data:I.value,modelValue:Oe(),checkedKeys:Oe(),class:l.getBemElement(O,"tree")})),et=e.computed(()=>{const t=n.scrollContainerProps??{};return{...t,areaCls:[l.getBemElement(O,"scroll_area"),t==null?void 0:t.class,t==null?void 0:t.areaCls],wrapProps:{...(t==null?void 0:t.wrapProps)??{},style:(U==null?void 0:U.scrollWrapperStyles.value)??{}}}}),ye=l.getBemElement(O,"popup"),tt=Me.cva(ye,{variants:{size:l.generateVariantClassList(xe,ye)}}),ot=e.computed(()=>l.getPxSize(n.popupWidth,!0)),nt=e.computed(()=>l.getPxSize(n.popupHeight,!0)),lt=e.computed(()=>l.getPxSize(n.minWidth,!0)),rt=()=>{var a,u;const t=(u=f.header)==null?void 0:u.call(f,{isEmpty:!((a=I.value)!=null&&a.length),search:b.value}),r=!_.isEmptyElement(t);if(r||n.headerSearch)return e.h("div",{class:l.getBemElement(O,"header")},r?t:e.h(de,n.headerSearchInputProps||{}))},at=()=>{var a,u;const t=(u=f.footer)==null?void 0:u.call(f,{isEmpty:!((a=I.value)!=null&&a.length),search:b.value});if(!_.isEmptyElement(t))return e.h("div",{class:l.getBemElement(O,"footer")},t)},st=()=>{var a;const t={type:D.value==="sm"?"simple":"advance",...x.omit(n.emptyProps??{},["class"]),class:l.normCls(l.getBemElement(O,"empty"),n.emptyCls)},r=(a=f.empty)==null?void 0:a.call(f,t);return _.isEmptyElement(r)?e.h(kt._sfc_main,t,{title:f.emptyTitle,description:f.emptyDescription,actions:f.emptyActions,image:f.emptyImage}):r},it=()=>{var a;const t=(a=f.loading)==null?void 0:a.call(f,{});return _.isEmptyElement(t)?new Array(I.value.length?2:n.loadingRowCount).fill(1).map(()=>e.h(ht._sfc_main,{size:D.value,class:l.normCls(l.getBemElement(O,"skeleton"),n.skeletonCls),...x.omit(n.skeletonProps??{},["class"])})):t},ut=(t,r,a)=>{const u=t._clear;if(n.multiple){const B=t._single;u?s.value=[]:B?s.value=[t._key]:s.value=a}else u||!r?s.value=void 0:s.value=t._key;k("select",t._key,r,t)},ct=t=>{t.key==="ArrowDown"&&!m.value?m.value=!0:t.key==="Tab"&&m.value&&(m.value=!1)};return n.disableOutsidePointerEvents&&_.useDisableBodyPointerEvents(m),o(Le),(t,r)=>(e.openBlock(),e.createBlock(e.unref(dt._sfc_main),e.mergeProps({open:e.unref(m),"onUpdate:open":r[2]||(r[2]=a=>e.isRef(m)?m.value=a:null)},$.value,{containerProps:{...t.containerProps??{},onClick:fe},noPadding:!0,size:e.unref(D),containerStyle:{pointerEvents:"auto",display:e.unref(m)?void 0:"none",zIndex:t.zIndex,"--ptc-combobox-popup-width":t.samePopupWidth?void 0:ot.value,"--ptc-combobox-popup-height":nt.value,"--ptc-combobox-trigger-min-w":lt.value},containerCls:e.unref(l.normCls)(e.unref(tt)(n),t.popupCls),onKeydown:ct}),{default:e.withCtx(()=>[e.createVNode(xt)]),content:e.withCtx(()=>[e.createVNode(rt),e.createVNode(e.unref(Ct._sfc_main),e.mergeProps({ref_key:"scrollContainerRef",ref:ae},et.value),{default:e.withCtx(()=>[I.value.length||t.loading?(e.openBlock(),e.createBlock(e.unref(Qe),{key:0},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(O),"options"),t.optionsCls)),style:e.normalizeStyle(t.virtual?We.value:{}),onPointerleave:r[1]||(r[1]=a=>ve(void 0))},[t.tree?(e.openBlock(),e.createBlock(e.unref(he._sfc_main),e.mergeProps({key:0,ref_key:"treeRef",ref:le},Ze.value,{expandedKeys:e.unref(R),"onUpdate:expandedKeys":r[0]||(r[0]=a=>e.isRef(R)?R.value=a:null),onExpand:fe,onSelect:ut}),{default:e.withCtx(({items:a})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a,u=>(e.openBlock(),e.createBlock(e.unref(Ee),{key:u._key,value:u._key,id:u._id},{default:e.withCtx(()=>[e.createVNode(e.unref(he._sfc_main$1),e.mergeProps({node:u},{ref_for:!0},Ie(u),{onPointermove:B=>ve(u._key),id:u._id}),{default:e.withCtx(()=>[e.createVNode(De,{option:u},null,8,["option"])]),_:2},1040,["node","onPointermove","id"])]),_:2},1032,["value","id"]))),128))]),_:1},16,["expandedKeys"])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList($e.value,a=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:a._key},[a._divider?(e.openBlock(),e.createBlock(_t._sfc_main,{key:0})):a._label&&a._hasChildren?(e.openBlock(),e.createBlock(Bt,{key:1,label:a._label},null,8,["label"])):a._hasChildren?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(Ee),{key:2,value:a._key,id:a._id},{default:e.withCtx(()=>[e.createVNode(De,e.mergeProps({option:a},{ref_for:!0},Ie(a),{onPointermove:u=>ve(a._key),id:a._id}),null,16,["option","onPointermove","id"])]),_:2},1032,["value","id"]))],64))),128)),t.loading?(e.openBlock(),e.createBlock(it,{key:2})):e.createCommentVNode("",!0)],38)]),_:1})):(e.openBlock(),e.createBlock(st,{key:1})),t.lazyLoading?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(l.getBemElement)(e.unref(O),"lazy_loading"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l.getBemElement)(e.unref(O),"lazy_loading_trigger")),ref_key:"target",ref:Z},null,2)],2)):e.createCommentVNode("",!0)]),_:1},16),e.createVNode(at)]),_:1},16,["open","containerProps","size","containerStyle","containerCls"]))}}),St=_.installComponent(Ge,l.getComponentName("Combobox")),Et=_.installComponent(de,l.getComponentName("ComboboxInput"));exports.Combobox=Ge;exports.ComboboxInput=de;exports.ComboboxInputPlugin=Et;exports.ComboboxPlugin=St;exports.ComboboxSizes=xe;exports.ComboboxStatuses=Ne;exports.injectComboboxContext=pe;exports.provideComboboxContext=Fe;
@@ -3,10 +3,10 @@ import { _ } from "../index--fAgg2DC.js";
3
3
  import { _ as pe } from "../Icon.vue_vue_type_style_index_0_lang-CD9EvvB5.js";
4
4
  import { _ as ee } from "../IconButton.vue_vue_type_script_setup_true_lang-DsSD_y63.js";
5
5
  import { _ as ce } from "../RadioGroup.vue_vue_type_script_setup_true_lang-dTuUkmBY.js";
6
- import { _ as we } from "../Input.vue_vue_type_script_setup_true_lang-DW0Xc_1z.js";
6
+ import { _ as we } from "../Input.vue_vue_type_script_setup_true_lang-ByHGhDsA.js";
7
7
  import { _ as oe } from "../ColorTrigger.vue_vue_type_style_index_0_lang-BkJ15M1P.js";
8
8
  import { _ as ke } from "../Empty.vue_vue_type_style_index_0_lang-DnH-eKDp.js";
9
- import { _ as K } from "../ColorSwatchGroup.vue_vue_type_style_index_0_lang-B3fzpT99.js";
9
+ import { _ as K } from "../ColorSwatchGroup.vue_vue_type_style_index_0_lang-C_XuCb0R.js";
10
10
  import { getBemBlock as ye, getBemElement as d, getComponentOptions as me, normCls as f, getComponentName as he } from "@pantograph/utils";
11
11
  import { _ as fe } from "../Skeleton.vue_vue_type_style_index_0_lang-DOsf2SEN.js";
12
12
  import { _ as be } from "../ScrollContainer.vue_vue_type_style_index_0_lang-CRjnv1ii.js";