@indielayer/ui 1.18.0 → 1.18.1

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 (11) hide show
  1. package/docs/components/toolbar/ToolbarColorToggle.vue +1 -1
  2. package/docs/pages/component/select/multiple.vue +2 -2
  3. package/lib/components/select/Select.vue.d.ts +15 -350
  4. package/lib/components/select/Select.vue.js +191 -184
  5. package/lib/index.js +1 -1
  6. package/lib/index.umd.js +4 -4
  7. package/lib/version.d.ts +1 -1
  8. package/lib/version.js +1 -1
  9. package/package.json +1 -1
  10. package/src/components/select/Select.vue +30 -8
  11. package/src/version.ts +1 -1
package/lib/components/select/Select.vue.js CHANGED
@@ -1,64 +1,64 @@
1
- import { defineComponent as He, mergeModels as ve, computed as O, ref as x, useModel as We, watch as D, nextTick as Z, unref as u, onUnmounted as qe, openBlock as o, createBlock as B, mergeProps as j, toHandlers as me, withCtx as C, createElementVNode as I, createElementBlock as n, normalizeClass as S, Fragment as b, createTextVNode as k, toDisplayString as d, createVNode as M, renderSlot as h, createCommentVNode as y, renderList as X, createSlots as Ue, normalizeStyle as je, withModifiers as Xe, withDirectives as Ke, vModelSelect as Ge } from "vue";
2
- import { useEventListener as Je, useResizeObserver as Qe } from "../../node_modules/.pnpm/@vueuse_core@11.1.0_vue@3.5.10_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
3
- import { useColors as Ye } from "../../composables/useColors.js";
4
- import { useCommon as ge } from "../../composables/useCommon.js";
5
- import { useInputtable as ee } from "../../composables/useInputtable.js";
6
- import { useInteractive as xe } from "../../composables/useInteractive.js";
7
- import { useTheme as Ze } from "../../composables/useTheme.js";
8
- import { useVirtualList as el } from "../../composables/useVirtualList.js";
9
- import { checkIcon as ll, closeIcon as tl, selectIcon as sl } from "../../common/icons.js";
10
- import il from "../label/Label.vue.js";
11
- import ye from "../tag/Tag.vue.js";
12
- import he from "../icon/Icon.vue.js";
13
- import al from "../menu/MenuItem.vue.js";
14
- import ol from "../spinner/Spinner.vue.js";
15
- import be from "../popover/Popover.vue.js";
1
+ import { defineComponent as We, mergeModels as me, computed as O, ref as x, useModel as qe, watch as E, nextTick as ee, unref as u, onUnmounted as Ue, openBlock as o, createBlock as B, mergeProps as X, toHandlers as ye, withCtx as C, createElementVNode as I, createElementBlock as n, normalizeClass as S, Fragment as b, createTextVNode as k, toDisplayString as d, createVNode as N, renderSlot as h, createCommentVNode as y, renderList as K, createSlots as je, normalizeStyle as Xe, withModifiers as Ke, withDirectives as Ge, vModelSelect as Je } from "vue";
2
+ import { useEventListener as Qe, useResizeObserver as Ye } from "../../node_modules/.pnpm/@vueuse_core@11.1.0_vue@3.5.10_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
3
+ import { useColors as Ze } from "../../composables/useColors.js";
4
+ import { useCommon as xe } from "../../composables/useCommon.js";
5
+ import { useInputtable as le } from "../../composables/useInputtable.js";
6
+ import { useInteractive as Ce } from "../../composables/useInteractive.js";
7
+ import { useTheme as el } from "../../composables/useTheme.js";
8
+ import { useVirtualList as ll } from "../../composables/useVirtualList.js";
9
+ import { checkIcon as tl, closeIcon as sl, selectIcon as il } from "../../common/icons.js";
10
+ import al from "../label/Label.vue.js";
11
+ import he from "../tag/Tag.vue.js";
12
+ import be from "../icon/Icon.vue.js";
13
+ import ol from "../menu/MenuItem.vue.js";
14
+ import rl from "../spinner/Spinner.vue.js";
15
+ import ke from "../popover/Popover.vue.js";
16
16
  import "../popover/Popover.vue2.js";
17
- import ke from "../popover/PopoverContainer.vue.js";
18
- import rl from "../inputFooter/InputFooter.vue.js";
19
- import nl from "../input/Input.vue.js";
20
- import { useThrottleFn as ul } from "../../node_modules/.pnpm/@vueuse_shared@11.1.0_vue@3.5.10_typescript@5.2.2_/node_modules/@vueuse/shared/index.js";
21
- const fl = { class: "relative" }, dl = {
17
+ import ge from "../popover/PopoverContainer.vue.js";
18
+ import nl from "../inputFooter/InputFooter.vue.js";
19
+ import ul from "../input/Input.vue.js";
20
+ import { useThrottleFn as fl } from "../../node_modules/.pnpm/@vueuse_shared@11.1.0_vue@3.5.10_typescript@5.2.2_/node_modules/@vueuse/shared/index.js";
21
+ const dl = { class: "relative" }, cl = {
22
22
  key: 0,
23
23
  class: "text-secondary-400 dark:text-secondary-500"
24
- }, cl = { key: 1 }, pl = {
24
+ }, pl = { key: 1 }, vl = {
25
25
  key: 0,
26
26
  class: "flex items-center"
27
- }, vl = {
27
+ }, ml = {
28
28
  key: 0,
29
29
  class: "mr-2 shrink-0"
30
- }, ml = { class: "flex-1 truncate" }, yl = {
30
+ }, yl = { class: "flex-1 truncate" }, hl = {
31
31
  key: 1,
32
32
  class: "ml-1 shrink-0"
33
- }, hl = {
33
+ }, bl = {
34
34
  key: 0,
35
35
  class: "flex items-center"
36
- }, bl = {
36
+ }, kl = {
37
37
  key: 0,
38
38
  class: "mr-2 shrink-0"
39
- }, kl = { class: "flex-1 truncate" }, gl = {
39
+ }, gl = { class: "flex-1 truncate" }, xl = {
40
40
  key: 1,
41
41
  class: "ml-1 shrink-0"
42
- }, xl = {
42
+ }, Cl = {
43
43
  key: 0,
44
44
  class: "text-secondary-400 dark:text-secondary-500"
45
- }, Cl = { key: 1 }, wl = {
45
+ }, wl = { key: 1 }, $l = {
46
46
  key: 0,
47
47
  class: "p-2 text-center text-secondary-400"
48
- }, $l = {
48
+ }, Ol = {
49
49
  key: 0,
50
50
  class: "flex items-center"
51
- }, Ol = {
51
+ }, Sl = {
52
52
  key: 0,
53
53
  class: "mr-2 shrink-0"
54
- }, Sl = { class: "flex-1 truncate" }, Al = {
54
+ }, Al = { class: "flex-1 truncate" }, Ll = {
55
55
  key: 1,
56
56
  class: "ml-1 shrink-0"
57
- }, Ll = ["id", "name", "disabled", "multiple", "readonly"], Rl = ["value", "disabled"], Il = {
58
- ...Ye.props("secondary"),
59
- ...ge.props(),
57
+ }, Rl = ["id", "name", "disabled", "multiple", "readonly"], Il = ["value", "disabled"], Vl = {
58
+ ...Ze.props("secondary"),
60
59
  ...xe.props(),
61
- ...ee.props(),
60
+ ...Ce.props(),
61
+ ...le.props(),
62
62
  placeholder: String,
63
63
  options: Array,
64
64
  multiple: Boolean,
@@ -87,27 +87,27 @@ const fl = { class: "relative" }, dl = {
87
87
  default: 10
88
88
  },
89
89
  placement: String
90
- }, Vl = {
90
+ }, Bl = {
91
91
  name: "XSelect",
92
92
  validators: {
93
- ...ge.validators()
93
+ ...xe.validators()
94
94
  }
95
- }, Yl = /* @__PURE__ */ He({
96
- ...Vl,
97
- props: /* @__PURE__ */ ve(Il, {
95
+ }, Zl = /* @__PURE__ */ We({
96
+ ...Bl,
97
+ props: /* @__PURE__ */ me(Vl, {
98
98
  filter: { default: "" },
99
99
  filterModifiers: {}
100
100
  }),
101
- emits: /* @__PURE__ */ ve([...ee.emits(), "close", "open"], ["update:filter"]),
102
- setup(le, { expose: Ce, emit: we }) {
103
- const a = le, T = we, m = O(() => a.multiple || a.multipleCheckbox), K = x(null), G = x(null), E = x(null), A = x(null), J = x(null), p = x(), _ = We(le, "filter"), H = x(null), R = O(() => a.disabled || a.loading || a.readonly), $e = O(() => !a.loading && !a.readonly && !a.disabled && a.clearable && !Q(i.value)), i = O({
101
+ emits: /* @__PURE__ */ me([...le.emits(), "close", "open"], ["update:filter"]),
102
+ setup(te, { expose: we, emit: $e }) {
103
+ const a = te, T = $e, m = O(() => a.multiple || a.multipleCheckbox), G = x(null), J = x(null), H = x(null), A = x(null), Q = x(null), p = x(), _ = qe(te, "filter"), W = x(null), R = O(() => a.disabled || a.loading || a.readonly), Oe = O(() => !a.loading && !a.readonly && !a.disabled && a.clearable && !Y(i.value)), i = O({
104
104
  get() {
105
105
  return m.value ? a.modelValue ? Array.isArray(a.modelValue) ? a.modelValue : [a.modelValue] : [] : a.modelValue;
106
106
  },
107
107
  set(e) {
108
108
  T("update:modelValue", e);
109
109
  }
110
- }), Oe = O(() => a.options ? new Map(a.options.map((e) => [e.value, e])) : /* @__PURE__ */ new Map()), Se = O(() => a.options ? new Map(a.options.map((e) => [
110
+ }), Se = O(() => a.options ? new Map(a.options.map((e) => [e.value, e])) : /* @__PURE__ */ new Map()), Ae = O(() => a.options ? new Map(a.options.map((e) => [
111
111
  e,
112
112
  {
113
113
  label: e.label.toLowerCase(),
@@ -115,9 +115,9 @@ const fl = { class: "relative" }, dl = {
115
115
  suffix: a.filterableSuffix && e.suffix ? e.suffix.toLowerCase() : void 0
116
116
  }
117
117
  ])) : /* @__PURE__ */ new Map());
118
- function Ae(e, s) {
118
+ function Le(e, s) {
119
119
  var r, t;
120
- const l = Se.value.get(e);
120
+ const l = Ae.value.get(e);
121
121
  return l ? l.label.includes(s) || ((r = l.prefix) == null ? void 0 : r.includes(s)) || ((t = l.suffix) == null ? void 0 : t.includes(s)) : !1;
122
122
  }
123
123
  const w = O(() => {
@@ -126,7 +126,7 @@ const fl = { class: "relative" }, dl = {
126
126
  const e = _.value.toLowerCase(), s = _.value !== "", l = new Set(
127
127
  m.value && Array.isArray(i.value) ? i.value : []
128
128
  ), r = m.value ? null : i.value;
129
- return a.options.filter((t) => !s || Ae(t, e)).map((t) => {
129
+ return a.options.filter((t) => !s || Le(t, e)).map((t) => {
130
130
  const c = m.value ? l.has(t.value) : t.value === r;
131
131
  return {
132
132
  value: t.value,
@@ -135,12 +135,12 @@ const fl = { class: "relative" }, dl = {
135
135
  prefix: t.prefix,
136
136
  suffix: t.suffix,
137
137
  disabled: t.disabled,
138
- iconRight: !a.multipleCheckbox && c ? ll : void 0,
138
+ iconRight: !a.multipleCheckbox && c ? tl : void 0,
139
139
  keepOpenOnClick: t.keepOpenOnClick,
140
- onClick: () => ae(t.value)
140
+ onClick: () => oe(t.value)
141
141
  };
142
142
  });
143
- }), te = O(() => w.value.filter((e) => !e.disabled)), { list: se, scrollTo: Le, containerProps: Re, wrapperProps: Ie } = el(
143
+ }), se = O(() => w.value.filter((e) => !e.disabled)), { list: ie, scrollTo: Re, containerProps: Ie, wrapperProps: Ve } = ll(
144
144
  w,
145
145
  {
146
146
  disabled: !a.virtualList,
@@ -153,17 +153,17 @@ const fl = { class: "relative" }, dl = {
153
153
  var e;
154
154
  return (e = A.value) == null ? void 0 : e.isOpen;
155
155
  });
156
- D(_, (e) => {
157
- e && (p.value = void 0, W(-1));
158
- }), D(z, (e) => {
159
- e ? (Ve(), (m.value || typeof p.value > "u") && W(-1), setTimeout(() => {
156
+ E(_, (e) => {
157
+ e && (p.value = void 0, q(-1));
158
+ }), E(z, (e) => {
159
+ e ? (Be(), (m.value || typeof p.value > "u") && q(-1), setTimeout(() => {
160
160
  requestAnimationFrame(() => {
161
161
  var s;
162
- ie(p.value || 0), a.filterable && ((s = H.value) == null || s.focus());
162
+ ae(p.value || 0), a.filterable && ((s = W.value) == null || s.focus());
163
163
  });
164
164
  }, 50), T("open")) : (a.filterable && (_.value = ""), T("close"));
165
165
  });
166
- function Ve() {
166
+ function Be() {
167
167
  if (m.value) {
168
168
  if (Array.isArray(i.value) && i.value.length > 0) {
169
169
  const e = w.value.findIndex((s) => s.value === i.value[0]);
@@ -174,15 +174,15 @@ const fl = { class: "relative" }, dl = {
174
174
  e !== -1 && (p.value = e);
175
175
  }
176
176
  }
177
- function ie(e) {
177
+ function ae(e) {
178
178
  var s;
179
- a.virtualList ? Le(e) : E.value && ((s = E.value[e]) == null || s.$el.scrollIntoView({ block: "nearest", inline: "nearest" }));
179
+ a.virtualList ? Re(e) : H.value && ((s = H.value[e]) == null || s.$el.scrollIntoView({ block: "nearest", inline: "nearest" }));
180
180
  }
181
- D(p, (e) => {
182
- typeof e < "u" && E.value && ie(e);
181
+ E(p, (e) => {
182
+ typeof e < "u" && H.value && ae(e);
183
183
  });
184
- function W(e, s = "down") {
185
- if (!te.value || te.value.length === 0) {
184
+ function q(e, s = "down") {
185
+ if (!se.value || se.value.length === 0) {
186
186
  p.value = void 0;
187
187
  return;
188
188
  }
@@ -207,7 +207,7 @@ const fl = { class: "relative" }, dl = {
207
207
  p.value = t;
208
208
  }
209
209
  }
210
- function ae(e) {
210
+ function oe(e) {
211
211
  const s = f(e);
212
212
  if (!(!s || s.disabled))
213
213
  if (s.onClick)
@@ -221,20 +221,20 @@ const fl = { class: "relative" }, dl = {
221
221
  i.value = [e];
222
222
  T("update:modelValue", i.value), a.filterable && setTimeout(() => {
223
223
  var l;
224
- (l = H.value) == null || l.focus();
224
+ (l = W.value) == null || l.focus();
225
225
  });
226
226
  } else
227
227
  i.value = e;
228
- a.native || Z(() => {
228
+ a.native || ee(() => {
229
229
  var l;
230
- fe(), (l = G.value) == null || l.$el.focus();
230
+ de(), (l = J.value) == null || l.$el.focus();
231
231
  });
232
232
  }
233
233
  }
234
- function Q(e) {
234
+ function Y(e) {
235
235
  return !!(typeof e > "u" || e === null || e === "" || Array.isArray(e) && e.length === 0 || !Array.isArray(e) && typeof e == "object" && Object.keys(e).length === 0);
236
236
  }
237
- function oe(e, s) {
237
+ function re(e, s) {
238
238
  if (e.stopPropagation(), R.value || !Array.isArray(i.value))
239
239
  return;
240
240
  const l = i.value.indexOf(s);
@@ -242,37 +242,44 @@ const fl = { class: "relative" }, dl = {
242
242
  }
243
243
  function f(e) {
244
244
  if (!Array.isArray(e))
245
- return Oe.value.get(e);
245
+ return Se.value.get(e);
246
246
  }
247
247
  function L(e) {
248
+ var l;
248
249
  const s = f(e);
249
- return s ? s.label : "";
250
+ return s ? (l = s.label) == null ? void 0 : l.toString() : e == null ? void 0 : e.toString();
250
251
  }
251
- const { focus: re, blur: Be } = xe(K), {
252
- errorInternal: ne,
253
- hideFooterInternal: Te,
254
- inputListeners: ue,
255
- reset: Y,
256
- validate: fe,
257
- setError: _e,
258
- isFocused: ze,
259
- isInsideForm: Me
260
- } = ee(a, { focus: re, emit: T, withListeners: !0 }), Ne = O(() => {
261
- const { focus: e, blur: s } = u(ue);
252
+ function M(e) {
253
+ return {
254
+ value: (e == null ? void 0 : e.toString()) || "",
255
+ label: (e == null ? void 0 : e.toString()) || ""
256
+ };
257
+ }
258
+ const { focus: ne, blur: Te } = Ce(G), {
259
+ errorInternal: ue,
260
+ hideFooterInternal: _e,
261
+ inputListeners: fe,
262
+ reset: Z,
263
+ validate: de,
264
+ setError: ze,
265
+ isFocused: Me,
266
+ isInsideForm: Ne
267
+ } = le(a, { focus: ne, emit: T, withListeners: !0 }), Pe = O(() => {
268
+ const { focus: e, blur: s } = u(fe);
262
269
  return {
263
270
  focus: e,
264
271
  blur: s
265
272
  };
266
273
  });
267
274
  let V = null;
268
- D([ze, z], ([e, s]) => {
269
- e || s ? V || (V = Je(document, "keydown", Pe)) : V && (V(), V = null);
275
+ E([Me, z], ([e, s]) => {
276
+ e || s ? V || (V = Qe(document, "keydown", Fe)) : V && (V(), V = null);
270
277
  }, {
271
278
  immediate: !0
272
- }), qe(() => {
279
+ }), Ue(() => {
273
280
  V && V();
274
281
  });
275
- function Pe(e) {
282
+ function Fe(e) {
276
283
  var s, l, r, t, c;
277
284
  if (w.value.length !== 0)
278
285
  if (e.code === "ArrowDown") {
@@ -280,13 +287,13 @@ const fl = { class: "relative" }, dl = {
280
287
  (s = A.value) == null || s.show();
281
288
  return;
282
289
  }
283
- W(p.value, "down");
290
+ q(p.value, "down");
284
291
  } else if (e.code === "ArrowUp") {
285
292
  if (e.preventDefault(), !z.value) {
286
293
  (l = A.value) == null || l.show();
287
294
  return;
288
295
  }
289
- W(p.value, "up");
296
+ q(p.value, "up");
290
297
  } else if (e.code === "Enter" || e.code === "Space") {
291
298
  if (e.code === "Space" && a.filterable)
292
299
  return;
@@ -296,78 +303,78 @@ const fl = { class: "relative" }, dl = {
296
303
  }
297
304
  if (typeof p.value < "u" && w.value[p.value]) {
298
305
  const v = w.value[p.value];
299
- ae(v.value), !v.keepOpenOnClick && (!m.value || a.multipleCheckbox) && ((t = A.value) == null || t.hide());
306
+ oe(v.value), !v.keepOpenOnClick && (!m.value || a.multipleCheckbox) && ((t = A.value) == null || t.hide());
300
307
  }
301
308
  } else
302
- e.code === "Tab" && z.value && (e.preventDefault(), (c = A.value) == null || c.hide(), a.native || Z(() => {
309
+ e.code === "Tab" && z.value && (e.preventDefault(), (c = A.value) == null || c.hide(), a.native || ee(() => {
303
310
  var v;
304
- (v = G.value) == null || v.$el.focus();
311
+ (v = J.value) == null || v.$el.focus();
305
312
  }));
306
313
  }
307
- const N = x(null), de = x(null), q = x(!1), U = x(0), ce = ul(() => {
308
- m.value && a.truncate && Z(() => {
309
- const e = Fe();
310
- e < i.value.length ? (q.value = !0, U.value = i.value.length - e) : (q.value = !1, U.value = 0);
314
+ const P = x(null), ce = x(null), U = x(!1), j = x(0), pe = fl(() => {
315
+ m.value && a.truncate && ee(() => {
316
+ const e = De();
317
+ e < i.value.length ? (U.value = !0, j.value = i.value.length - e) : (U.value = !1, j.value = 0);
311
318
  });
312
319
  }, 100, !0);
313
- Qe(N, () => {
314
- ce();
320
+ Ye(P, () => {
321
+ pe();
315
322
  });
316
- function Fe() {
317
- if (!N.value)
323
+ function De() {
324
+ if (!P.value)
318
325
  return 0;
319
- const e = N.value.querySelectorAll(".x-tag"), s = Array.from(e);
326
+ const e = P.value.querySelectorAll(".x-tag"), s = Array.from(e);
320
327
  let l = 0, r = 1;
321
- const t = N.value.offsetWidth - 30;
328
+ const t = P.value.offsetWidth - 30;
322
329
  for (let c = 0; c < s.length; c++) {
323
330
  const v = s[c];
324
331
  v.style.display = "flex", l += v.offsetWidth, c > 0 && (l < t ? r++ : v.style.display = "none");
325
332
  }
326
333
  return r;
327
334
  }
328
- D(i, (e) => {
329
- ce();
335
+ E(i, (e) => {
336
+ pe();
330
337
  }, { immediate: !0, deep: !0 });
331
- const { styles: De, classes: g, className: Ee } = Ze("Select", {}, a, { errorInternal: ne });
332
- return Ce({ focus: re, blur: Be, reset: Y, validate: fe, setError: _e, filterRef: H }), (e, s) => (o(), B(il, j({
338
+ const { styles: Ee, classes: g, className: He } = el("Select", {}, a, { errorInternal: ue });
339
+ return we({ focus: ne, blur: Te, reset: Z, validate: de, setError: ze, filterRef: W }), (e, s) => (o(), B(al, X({
333
340
  ref_key: "labelRef",
334
- ref: G,
341
+ ref: J,
335
342
  tabindex: "0",
336
343
  class: ["group", [
337
- u(Ee),
344
+ u(He),
338
345
  u(g).wrapper
339
346
  ]],
340
- style: u(De),
347
+ style: u(Ee),
341
348
  disabled: R.value,
342
349
  required: e.required,
343
- "is-inside-form": u(Me),
350
+ "is-inside-form": u(Ne),
344
351
  label: e.label,
345
352
  tooltip: e.tooltip
346
- }, me(Ne.value)), {
353
+ }, ye(Pe.value)), {
347
354
  default: C(() => [
348
- I("div", fl, [
355
+ I("div", dl, [
349
356
  e.native && !m.value ? (o(), n("div", {
350
357
  key: 0,
351
358
  class: S(u(g).box),
352
359
  onClick: s[0] || (s[0] = (l) => {
353
360
  var r;
354
- return (r = K.value) == null ? void 0 : r.click();
361
+ return (r = G.value) == null ? void 0 : r.click();
355
362
  })
356
363
  }, [
357
- Q(i.value) ? (o(), n(b, { key: 1 }, [
358
- e.placeholder ? (o(), n("div", dl, d(e.placeholder), 1)) : (o(), n("div", cl, " "))
364
+ Y(i.value) ? (o(), n(b, { key: 1 }, [
365
+ e.placeholder ? (o(), n("div", cl, d(e.placeholder), 1)) : (o(), n("div", pl, " "))
359
366
  ], 64)) : (o(), n(b, { key: 0 }, [
360
367
  k(d(L(i.value)), 1)
361
368
  ], 64))
362
369
  ], 2)) : (o(), n(b, { key: 1 }, [
363
- M(be, {
370
+ N(ke, {
364
371
  ref_key: "popoverRef",
365
372
  ref: A,
366
373
  disabled: R.value,
367
374
  placement: e.placement
368
375
  }, {
369
376
  content: C(() => [
370
- M(ke, {
377
+ N(ge, {
371
378
  class: S(u(g).content)
372
379
  }, {
373
380
  default: C(() => [
@@ -376,9 +383,9 @@ const fl = { class: "relative" }, dl = {
376
383
  key: 0,
377
384
  class: S(u(g).search)
378
385
  }, [
379
- M(nl, {
386
+ N(ul, {
380
387
  ref_key: "filterRef",
381
- ref: H,
388
+ ref: W,
382
389
  modelValue: _.value,
383
390
  "onUpdate:modelValue": s[2] || (s[2] = (l) => _.value = l),
384
391
  placeholder: e.filterPlaceholder,
@@ -388,15 +395,15 @@ const fl = { class: "relative" }, dl = {
388
395
  }, null, 8, ["modelValue", "placeholder"])
389
396
  ], 2)) : y("", !0)
390
397
  ]),
391
- I("div", j(u(Re), {
398
+ I("div", X(u(Ie), {
392
399
  class: u(g).contentBody
393
400
  }), [
394
- I("div", j(u(Ie), { class: "space-y-0.5" }), [
395
- (o(!0), n(b, null, X(u(se), (l) => (o(), B(al, {
401
+ I("div", X(u(Ve), { class: "space-y-0.5" }), [
402
+ (o(!0), n(b, null, K(u(ie), (l) => (o(), B(ol, {
396
403
  key: l.index,
397
404
  ref_for: !0,
398
405
  ref_key: "itemsRef",
399
- ref: E,
406
+ ref: H,
400
407
  item: l.data,
401
408
  size: e.size,
402
409
  disabled: l.data.disabled,
@@ -408,7 +415,7 @@ const fl = { class: "relative" }, dl = {
408
415
  var r;
409
416
  return !l.data.keepOpenOnClick && (!m.value || e.multipleCheckbox) && ((r = A.value) == null ? void 0 : r.hide());
410
417
  }
411
- }, Ue({
418
+ }, je({
412
419
  default: C(() => [
413
420
  h(e.$slots, "label", {
414
421
  item: l.data
@@ -440,7 +447,7 @@ const fl = { class: "relative" }, dl = {
440
447
  } : void 0
441
448
  ]), 1032, ["item", "size", "disabled", "selected", "checkbox", "color", "onClick"]))), 128))
442
449
  ], 16),
443
- u(se).length === 0 ? (o(), n("div", wl, " No options ")) : y("", !0)
450
+ u(ie).length === 0 ? (o(), n("div", $l, " No options ")) : y("", !0)
444
451
  ], 16),
445
452
  h(e.$slots, "content-footer")
446
453
  ]),
@@ -462,49 +469,49 @@ const fl = { class: "relative" }, dl = {
462
469
  m.value && Array.isArray(i.value) && i.value.length > 0 ? (o(), n("div", {
463
470
  key: 0,
464
471
  ref_key: "tagsRef",
465
- ref: N,
472
+ ref: P,
466
473
  class: S(["flex gap-1 relative", {
467
474
  "flex-wrap": !e.truncate,
468
475
  "overflow-hidden": e.truncate
469
476
  }])
470
477
  }, [
471
- (o(!0), n(b, null, X(i.value, (t, c) => {
472
- var v, P;
473
- return o(), B(ye, {
478
+ (o(!0), n(b, null, K(i.value, (t, c) => {
479
+ var v, F;
480
+ return o(), B(he, {
474
481
  key: t,
475
482
  size: "xs",
476
483
  removable: "",
477
484
  outlined: !(R.value || (v = f(t)) != null && v.disabled),
478
- disabled: R.value || ((P = f(t)) == null ? void 0 : P.disabled),
479
- style: je({ "max-width": c === 0 && J.value ? `calc(100% - ${J.value.offsetWidth + 6 + "px"})` : void 0 }),
485
+ disabled: R.value || ((F = f(t)) == null ? void 0 : F.disabled),
486
+ style: Xe({ "max-width": c === 0 && Q.value ? `calc(100% - ${Q.value.offsetWidth + 6 + "px"})` : void 0 }),
480
487
  onRemove: ($) => {
481
- oe($, t);
488
+ re($, t);
482
489
  }
483
490
  }, {
484
491
  default: C(() => {
485
- var $, pe;
492
+ var $, ve;
486
493
  return [
487
494
  e.hideSelectedOptionSlots ? (o(), n(b, { key: 1 }, [
488
495
  k(d(L(t)), 1)
489
- ], 64)) : (o(), n("div", pl, [
490
- e.$slots.prefix || ($ = f(t)) != null && $.prefix ? (o(), n("span", vl, [
496
+ ], 64)) : (o(), n("div", vl, [
497
+ e.$slots.prefix || ($ = f(t)) != null && $.prefix ? (o(), n("span", ml, [
491
498
  h(e.$slots, "prefix", {
492
- item: f(t)
499
+ item: f(t) || M(t)
493
500
  }, () => {
494
- var F;
501
+ var D;
495
502
  return [
496
- k(d((F = f(t)) == null ? void 0 : F.prefix), 1)
503
+ k(d((D = f(t)) == null ? void 0 : D.prefix), 1)
497
504
  ];
498
505
  })
499
506
  ])) : y("", !0),
500
- I("span", ml, d(L(t)), 1),
501
- e.$slots.suffix || (pe = f(t)) != null && pe.suffix ? (o(), n("span", yl, [
507
+ I("span", yl, d(L(t)), 1),
508
+ e.$slots.suffix || (ve = f(t)) != null && ve.suffix ? (o(), n("span", hl, [
502
509
  h(e.$slots, "suffix", {
503
- item: f(t)
510
+ item: f(t) || M(t)
504
511
  }, () => {
505
- var F;
512
+ var D;
506
513
  return [
507
- k(d((F = f(t)) == null ? void 0 : F.suffix), 1)
514
+ k(d((D = f(t)) == null ? void 0 : D.suffix), 1)
508
515
  ];
509
516
  })
510
517
  ])) : y("", !0)
@@ -514,23 +521,23 @@ const fl = { class: "relative" }, dl = {
514
521
  _: 2
515
522
  }, 1032, ["outlined", "disabled", "style", "onRemove"]);
516
523
  }), 128)),
517
- q.value ? (o(), n("div", {
524
+ U.value ? (o(), n("div", {
518
525
  key: 0,
519
526
  ref_key: "hiddenTagsCounterRef",
520
- ref: J,
527
+ ref: Q,
521
528
  class: S(u(g).truncateCounter),
522
- onClick: s[1] || (s[1] = Xe((t) => {
529
+ onClick: s[1] || (s[1] = Ke((t) => {
523
530
  var c;
524
- return (c = de.value) == null ? void 0 : c.toggle();
531
+ return (c = ce.value) == null ? void 0 : c.toggle();
525
532
  }, ["stop"]))
526
- }, "+" + d(U.value), 3)) : y("", !0)
527
- ], 2)) : !m.value && !Q(i.value) && L(i.value) !== "" ? (o(), n(b, { key: 1 }, [
533
+ }, "+" + d(j.value), 3)) : y("", !0)
534
+ ], 2)) : !m.value && !Y(i.value) && L(i.value) !== "" ? (o(), n(b, { key: 1 }, [
528
535
  e.hideSelectedOptionSlots ? (o(), n(b, { key: 1 }, [
529
536
  k(d(L(i.value)), 1)
530
- ], 64)) : (o(), n("div", hl, [
531
- e.$slots.prefix || (l = f(i.value)) != null && l.prefix ? (o(), n("span", bl, [
537
+ ], 64)) : (o(), n("div", bl, [
538
+ e.$slots.prefix || (l = f(i.value)) != null && l.prefix ? (o(), n("span", kl, [
532
539
  h(e.$slots, "prefix", {
533
- item: f(i.value)
540
+ item: f(i.value) || M(i.value)
534
541
  }, () => {
535
542
  var t;
536
543
  return [
@@ -538,10 +545,10 @@ const fl = { class: "relative" }, dl = {
538
545
  ];
539
546
  })
540
547
  ])) : y("", !0),
541
- I("span", kl, d(L(i.value)), 1),
542
- e.$slots.suffix || (r = f(i.value)) != null && r.suffix ? (o(), n("span", gl, [
548
+ I("span", gl, d(L(i.value)), 1),
549
+ e.$slots.suffix || (r = f(i.value)) != null && r.suffix ? (o(), n("span", xl, [
543
550
  h(e.$slots, "suffix", {
544
- item: f(i.value)
551
+ item: f(i.value) || M(i.value)
545
552
  }, () => {
546
553
  var t;
547
554
  return [
@@ -551,7 +558,7 @@ const fl = { class: "relative" }, dl = {
551
558
  ])) : y("", !0)
552
559
  ]))
553
560
  ], 64)) : (o(), n(b, { key: 2 }, [
554
- e.placeholder ? (o(), n("div", xl, d(e.placeholder), 1)) : (o(), n("div", Cl, " "))
561
+ e.placeholder ? (o(), n("div", Cl, d(e.placeholder), 1)) : (o(), n("div", wl, " "))
555
562
  ], 64))
556
563
  ], 2)
557
564
  ];
@@ -559,41 +566,41 @@ const fl = { class: "relative" }, dl = {
559
566
  ]),
560
567
  _: 3
561
568
  }, 8, ["disabled", "placement"]),
562
- m.value && e.truncate && q.value ? (o(), B(be, {
569
+ m.value && e.truncate && U.value ? (o(), B(ke, {
563
570
  key: 0,
564
571
  ref_key: "multipleHiddenRef",
565
- ref: de,
572
+ ref: ce,
566
573
  "popper-show-triggers": [],
567
574
  "popper-hide-triggers": [],
568
575
  class: "inline-block !absolute right-0",
569
576
  placement: "auto-start"
570
577
  }, {
571
578
  content: C(() => [
572
- M(ke, { class: "p-2 flex gap-2 flex-wrap" }, {
579
+ N(ge, { class: "p-2 flex gap-2 flex-wrap" }, {
573
580
  default: C(() => {
574
581
  var l;
575
582
  return [
576
- (o(!0), n(b, null, X((l = i.value) == null ? void 0 : l.slice(i.value.length - U.value), (r) => {
583
+ (o(!0), n(b, null, K((l = i.value) == null ? void 0 : l.slice(i.value.length - j.value), (r) => {
577
584
  var t, c;
578
- return o(), B(ye, {
585
+ return o(), B(he, {
579
586
  key: r,
580
587
  size: "xs",
581
588
  removable: "",
582
589
  outlined: !(R.value || (t = f(r)) != null && t.disabled),
583
590
  disabled: R.value || ((c = f(r)) == null ? void 0 : c.disabled),
584
591
  onRemove: (v) => {
585
- oe(v, r);
592
+ re(v, r);
586
593
  }
587
594
  }, {
588
595
  default: C(() => {
589
- var v, P;
596
+ var v, F;
590
597
  return [
591
598
  e.hideSelectedOptionSlots ? (o(), n(b, { key: 1 }, [
592
599
  k(d(L(r)), 1)
593
- ], 64)) : (o(), n("div", $l, [
594
- e.$slots.prefix || (v = f(r)) != null && v.prefix ? (o(), n("span", Ol, [
600
+ ], 64)) : (o(), n("div", Ol, [
601
+ e.$slots.prefix || (v = f(r)) != null && v.prefix ? (o(), n("span", Sl, [
595
602
  h(e.$slots, "prefix", {
596
- item: f(r)
603
+ item: f(r) || M(r)
597
604
  }, () => {
598
605
  var $;
599
606
  return [
@@ -601,10 +608,10 @@ const fl = { class: "relative" }, dl = {
601
608
  ];
602
609
  })
603
610
  ])) : y("", !0),
604
- I("span", Sl, d(L(r)), 1),
605
- e.$slots.suffix || (P = f(r)) != null && P.suffix ? (o(), n("span", Al, [
611
+ I("span", Al, d(L(r)), 1),
612
+ e.$slots.suffix || (F = f(r)) != null && F.suffix ? (o(), n("span", Ll, [
606
613
  h(e.$slots, "suffix", {
607
- item: f(r)
614
+ item: f(r) || M(r)
608
615
  }, () => {
609
616
  var $;
610
617
  return [
@@ -626,10 +633,10 @@ const fl = { class: "relative" }, dl = {
626
633
  _: 3
627
634
  }, 512)) : y("", !0)
628
635
  ], 64)),
629
- Ke(I("select", j({
636
+ Ge(I("select", X({
630
637
  id: e.id,
631
638
  ref_key: "elRef",
632
- ref: K,
639
+ ref: G,
633
640
  "onUpdate:modelValue": s[3] || (s[3] = (l) => i.value = l),
634
641
  tabindex: "-1",
635
642
  class: e.native && !m.value ? "absolute inset-0 w-full h-full cursor-pointer opacity-0" : "hidden",
@@ -637,25 +644,25 @@ const fl = { class: "relative" }, dl = {
637
644
  disabled: e.disabled || e.loading,
638
645
  multiple: m.value,
639
646
  readonly: e.readonly
640
- }, me(u(ue), !0)), [
641
- e.native ? (o(!0), n(b, { key: 0 }, X(e.options, (l, r) => (o(), n("option", {
647
+ }, ye(u(fe), !0)), [
648
+ e.native ? (o(!0), n(b, { key: 0 }, K(e.options, (l, r) => (o(), n("option", {
642
649
  key: r,
643
650
  value: l.value,
644
651
  disabled: l.disabled
645
- }, d(l.label), 9, Rl))), 128)) : y("", !0)
646
- ], 16, Ll), [
647
- [Ge, i.value]
652
+ }, d(l.label), 9, Il))), 128)) : y("", !0)
653
+ ], 16, Rl), [
654
+ [Je, i.value]
648
655
  ]),
649
- $e.value ? (o(), n("button", {
656
+ Oe.value ? (o(), n("button", {
650
657
  key: 2,
651
658
  type: "button",
652
659
  "aria-label": "Clean value",
653
660
  class: S(u(g).clearButton),
654
661
  onClick: s[4] || (s[4] = //@ts-ignore
655
- (...l) => u(Y) && u(Y)(...l))
662
+ (...l) => u(Z) && u(Z)(...l))
656
663
  }, [
657
- M(he, {
658
- icon: u(tl),
664
+ N(be, {
665
+ icon: u(sl),
659
666
  class: S([u(g).icon, "cursor-pointer"])
660
667
  }, null, 8, ["icon", "class"])
661
668
  ], 2)) : y("", !0),
@@ -663,20 +670,20 @@ const fl = { class: "relative" }, dl = {
663
670
  key: 3,
664
671
  class: S(u(g).iconWrapper)
665
672
  }, [
666
- e.loading ? (o(), B(ol, {
673
+ e.loading ? (o(), B(rl, {
667
674
  key: 0,
668
675
  size: e.size
669
676
  }, null, 8, ["size"])) : h(e.$slots, "icon", { key: 1 }, () => [
670
- M(he, {
671
- icon: u(sl),
677
+ N(be, {
678
+ icon: u(il),
672
679
  class: S(u(g).icon)
673
680
  }, null, 8, ["icon", "class"])
674
681
  ])
675
682
  ], 2))
676
683
  ]),
677
- u(Te) ? y("", !0) : (o(), B(rl, {
684
+ u(_e) ? y("", !0) : (o(), B(nl, {
678
685
  key: 0,
679
- error: u(ne),
686
+ error: u(ue),
680
687
  helper: e.helper
681
688
  }, null, 8, ["error", "helper"]))
682
689
  ]),
@@ -685,5 +692,5 @@ const fl = { class: "relative" }, dl = {
685
692
  }
686
693
  });
687
694
  export {
688
- Yl as default
695
+ Zl as default
689
696
  };