@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.
- package/dist/Base/BaseInput/BaseInput.d.ts +11 -2
- package/dist/BaseInput.vue_vue_type_style_index_0_lang-DdjridzV.js +1 -0
- package/dist/BaseInput.vue_vue_type_style_index_0_lang-Djl15xzS.js +159 -0
- package/dist/ColorPicker/index.js +2 -2
- package/dist/ColorPicker/index.umd.cjs +1 -1
- package/dist/{ColorPicker.vue_vue_type_style_index_0_lang-DC7OjAIp.js → ColorPicker.vue_vue_type_style_index_0_lang-BVjzmZnp.js} +1 -1
- 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
- package/dist/ColorSwatchGroup/index.js +1 -1
- package/dist/ColorSwatchGroup/index.umd.cjs +1 -1
- package/dist/{ColorSwatchGroup.vue_vue_type_style_index_0_lang-DroX6p45.js → ColorSwatchGroup.vue_vue_type_style_index_0_lang-CDF1AL9P.js} +1 -1
- 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
- package/dist/Combobox/index.js +62 -60
- package/dist/Combobox/index.umd.cjs +1 -1
- package/dist/GOPicker/index.js +2 -2
- package/dist/GOPicker/index.umd.cjs +1 -1
- package/dist/Input/Input.d.ts +174 -1
- package/dist/Input/index.js +1 -1
- package/dist/Input/index.umd.cjs +1 -1
- package/dist/Input.vue_vue_type_script_setup_true_lang-ByHGhDsA.js +126 -0
- package/dist/Input.vue_vue_type_script_setup_true_lang-CTIaAkrW.js +1 -0
- package/dist/InputNumber/InputNumber.d.ts +174 -1
- package/dist/InputNumber/index.js +1 -1
- package/dist/InputNumber/index.umd.cjs +1 -1
- package/dist/{InputNumber.vue_vue_type_script_setup_true_lang-Dx8V2Sz8.js → InputNumber.vue_vue_type_script_setup_true_lang-C4GMpH6O.js} +179 -162
- package/dist/InputNumber.vue_vue_type_script_setup_true_lang-DW-JqPiv.js +1 -0
- package/dist/Pagination/index.js +26 -25
- package/dist/Pagination/index.umd.cjs +1 -1
- package/dist/index.js +5 -5
- package/dist/index.umd.cjs +1 -1
- package/dist/style/index.css +1 -1
- package/dist/use/index.js +6 -6
- package/dist/use/index.umd.cjs +1 -1
- package/package.json +54 -51
- package/dist/BaseInput.vue_vue_type_style_index_0_lang-D3zq7oKh.js +0 -1
- package/dist/BaseInput.vue_vue_type_style_index_0_lang-aX7hcK86.js +0 -136
- package/dist/Input.vue_vue_type_script_setup_true_lang-DW0Xc_1z.js +0 -112
- package/dist/Input.vue_vue_type_script_setup_true_lang-DoaHfVrM.js +0 -1
- package/dist/InputNumber.vue_vue_type_script_setup_true_lang-URIsXuko.js +0 -1
package/dist/Combobox/index.js
CHANGED
|
@@ -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
|
|
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
|
|
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-
|
|
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
|
|
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
|
|
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,
|
|
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":
|
|
85
|
+
"onUpdate:modelValue": y[0] || (y[0] = (d) => u(o).searchModel.value = d)
|
|
84
86
|
}), Kt({ _: 2 }, [
|
|
85
|
-
Ne(Object.keys(u(
|
|
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()),
|
|
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 (
|
|
191
|
-
const V =
|
|
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,
|
|
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 = (
|
|
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
|
-
_(
|
|
351
|
+
_(yo, {
|
|
350
352
|
unExtendParent: !0,
|
|
351
353
|
modelValue: o.value,
|
|
352
|
-
size:
|
|
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, { ...
|
|
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:
|
|
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:
|
|
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
|
|
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:
|
|
379
|
+
description: y,
|
|
378
380
|
title: t.option._label,
|
|
379
381
|
key: t.option._key,
|
|
380
382
|
selected: o.value,
|
|
381
|
-
leadingCenter: !!
|
|
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 (
|
|
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(),
|
|
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),
|
|
512
|
+
}, 500), y = Oe(o, "search", k, {
|
|
511
513
|
passive: o.search === void 0,
|
|
512
514
|
onChange: D
|
|
513
|
-
}), d = co(
|
|
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 && (
|
|
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
|
-
...
|
|
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
|
|
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), (
|
|
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((
|
|
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)),
|
|
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(
|
|
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(
|
|
731
|
-
O > G && oe(O, G), p[
|
|
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
|
|
743
|
-
!E._divider && (E._hasChildren || (s =
|
|
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
|
|
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
|
-
),
|
|
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(
|
|
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
|
|
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 (
|
|
884
|
-
const E =
|
|
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 =
|
|
889
|
-
P.value = (p == null ? void 0 : p.value) ?? P.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 =
|
|
892
|
-
P.value = (p == null ? void 0 : p.value) ??
|
|
893
|
+
const p = h[E - 1];
|
|
894
|
+
P.value = (p == null ? void 0 : p.value) ?? h[0].value;
|
|
893
895
|
}
|
|
894
|
-
(a = (l =
|
|
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
|
-
|
|
901
|
-
} else e.key === "Enter" && (
|
|
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:
|
|
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:
|
|
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:
|
|
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
|
-
...
|
|
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
|
-
...
|
|
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 ?
|
|
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),
|
|
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(
|
|
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),
|
|
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(),
|
|
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;
|
package/dist/GOPicker/index.js
CHANGED
|
@@ -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-
|
|
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-
|
|
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";
|