@indielayer/ui 1.8.0 → 1.8.2

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 (33) hide show
  1. package/docs/pages/component/form/usage.vue +1 -0
  2. package/docs/pages/component/modal/composed.vue +10 -1
  3. package/docs/pages/component/select/usage.vue +2 -2
  4. package/docs/pages/component/tag/usage.vue +5 -4
  5. package/lib/components/checkbox/Checkbox.vue.d.ts +4 -0
  6. package/lib/components/datepicker/Datepicker.vue.d.ts +4 -0
  7. package/lib/components/formGroup/FormGroup.vue.d.ts +4 -0
  8. package/lib/components/input/Input.vue.d.ts +4 -0
  9. package/lib/components/modal/Modal.vue.js +74 -70
  10. package/lib/components/radio/Radio.vue.d.ts +4 -0
  11. package/lib/components/select/Select.vue.d.ts +4 -0
  12. package/lib/components/select/Select.vue.js +188 -200
  13. package/lib/components/slider/Slider.vue.d.ts +4 -0
  14. package/lib/components/tag/Tag.vue.d.ts +4 -0
  15. package/lib/components/tag/Tag.vue.js +32 -31
  16. package/lib/components/tag/theme/Tag.base.theme.js +2 -2
  17. package/lib/components/tag/theme/Tag.carbon.theme.js +1 -1
  18. package/lib/components/textarea/Textarea.vue.d.ts +4 -0
  19. package/lib/components/toggle/Toggle.vue.d.ts +4 -0
  20. package/lib/composables/useInputtable.d.ts +1 -0
  21. package/lib/composables/useInputtable.js +31 -30
  22. package/lib/index.js +1 -1
  23. package/lib/index.umd.js +4 -4
  24. package/lib/version.d.ts +1 -1
  25. package/lib/version.js +1 -1
  26. package/package.json +1 -1
  27. package/src/components/modal/Modal.vue +11 -2
  28. package/src/components/select/Select.vue +17 -21
  29. package/src/components/tag/Tag.vue +9 -5
  30. package/src/components/tag/theme/Tag.base.theme.ts +6 -6
  31. package/src/components/tag/theme/Tag.carbon.theme.ts +1 -1
  32. package/src/composables/useInputtable.ts +6 -3
  33. package/src/version.ts +1 -1
@@ -1,40 +1,37 @@
1
- import { defineComponent as ye, ref as y, computed as R, watch as _, nextTick as G, unref as s, onUnmounted as be, resolveComponent as he, openBlock as r, createBlock as b, mergeProps as J, toHandlers as Q, withCtx as A, createElementVNode as z, createElementBlock as n, normalizeClass as h, Fragment as c, renderList as L, createTextVNode as B, toDisplayString as k, createVNode as T, renderSlot as E, createCommentVNode as Y, withDirectives as ke, vModelSelect as ge } from "vue";
2
- import { useEventListener as we } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
3
- import { useColors as Ae } from "../../composables/useColors.js";
4
- import { useCommon as ee } from "../../composables/useCommon.js";
5
- import { useInputtable as F } from "../../composables/useInputtable.js";
6
- import { useInteractive as le } from "../../composables/useInteractive.js";
7
- import { useTheme as Ve } from "../../composables/useTheme.js";
8
- import { checkIcon as Re, selectIcon as Ie } from "../../common/icons.js";
9
- import $e from "../label/Label.vue.js";
10
- import Z from "../tag/Tag.vue.js";
11
- import Ce from "../icon/Icon.vue.js";
12
- import Se from "../menu/MenuItem.vue.js";
13
- import _e from "../spinner/Spinner.vue.js";
14
- import ze from "../popover/Popover.vue.js";
1
+ import { defineComponent as he, ref as y, computed as w, watch as L, nextTick as Q, unref as s, onUnmounted as ke, resolveComponent as ge, openBlock as n, createBlock as A, mergeProps as Y, toHandlers as Z, withCtx as C, createElementVNode as B, createElementBlock as r, normalizeClass as b, Fragment as h, createTextVNode as E, toDisplayString as V, createVNode as F, renderSlot as P, createCommentVNode as ee, renderList as q, withDirectives as we, vModelSelect as Ae } from "vue";
2
+ import { useEventListener as Ve } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
3
+ import { useColors as Ie } from "../../composables/useColors.js";
4
+ import { useCommon as le } from "../../composables/useCommon.js";
5
+ import { useInputtable as U } from "../../composables/useInputtable.js";
6
+ import { useInteractive as ie } from "../../composables/useInteractive.js";
7
+ import { useTheme as Re } from "../../composables/useTheme.js";
8
+ import { checkIcon as $e, selectIcon as Ce } from "../../common/icons.js";
9
+ import _e from "../label/Label.vue.js";
10
+ import Se from "../tag/Tag.vue.js";
11
+ import ze from "../icon/Icon.vue.js";
12
+ import Le from "../menu/MenuItem.vue.js";
13
+ import Be from "../spinner/Spinner.vue.js";
14
+ import De from "../popover/Popover.vue.js";
15
15
  import "../popover/Popover.vue3.js";
16
- import Le from "../popover/PopoverContainer.vue.js";
17
- import Be from "../inputFooter/InputFooter.vue.js";
18
- const Ne = { class: "relative" }, Oe = {
19
- key: 0,
20
- class: "flex gap-1 flex-wrap"
21
- }, De = {
16
+ import Ne from "../popover/PopoverContainer.vue.js";
17
+ import Oe from "../inputFooter/InputFooter.vue.js";
18
+ const Te = { class: "relative" }, Ee = {
22
19
  key: 0,
23
20
  class: "text-secondary-400 dark:text-secondary-500"
24
- }, Te = { key: 1 }, Ee = {
21
+ }, Fe = { key: 1 }, Pe = {
25
22
  key: 0,
26
23
  class: "flex gap-1 flex-wrap"
27
- }, Fe = {
24
+ }, qe = {
28
25
  key: 0,
29
26
  class: "text-secondary-400 dark:text-secondary-500"
30
- }, Pe = { key: 1 }, qe = {
27
+ }, Ue = { key: 1 }, je = {
31
28
  key: 1,
32
29
  class: "px-2 text-center text-secondary-400"
33
- }, Ue = ["id", "name", "disabled", "multiple", "readonly"], je = ["value", "disabled"], Me = {
34
- ...Ae.props("primary"),
35
- ...ee.props(),
30
+ }, Me = ["id", "name", "disabled", "multiple", "readonly"], Xe = ["value", "disabled"], xe = {
31
+ ...Ie.props("primary"),
36
32
  ...le.props(),
37
- ...F.props(),
33
+ ...ie.props(),
34
+ ...U.props(),
38
35
  placeholder: String,
39
36
  options: Array,
40
37
  multiple: Boolean,
@@ -45,67 +42,67 @@ const Ne = { class: "relative" }, Oe = {
45
42
  type: String,
46
43
  default: "Filter by..."
47
44
  }
48
- }, Xe = {
45
+ }, He = {
49
46
  name: "XSelect",
50
47
  validators: {
51
- ...ee.validators()
48
+ ...le.validators()
52
49
  }
53
- }, sl = /* @__PURE__ */ ye({
54
- ...Xe,
55
- props: Me,
56
- emits: F.emits(),
57
- setup(ie, { expose: te, emit: oe }) {
58
- const a = ie, I = oe, N = y(null), O = y(null), $ = y(null), v = y(null), u = y(), g = y(""), D = y(null), t = R({
50
+ }, dl = /* @__PURE__ */ he({
51
+ ...He,
52
+ props: xe,
53
+ emits: U.emits(),
54
+ setup(te, { expose: oe, emit: ae }) {
55
+ const t = te, _ = ae, D = y(null), N = y(null), S = y(null), v = y(null), u = y(), k = y(""), O = y(null), I = w(() => t.disabled || t.loading || t.readonly), a = w({
59
56
  get() {
60
- return a.multiple ? a.modelValue ? Array.isArray(a.modelValue) ? a.modelValue : [a.modelValue] : [] : a.modelValue;
57
+ return t.multiple ? t.modelValue ? Array.isArray(t.modelValue) ? t.modelValue : [t.modelValue] : [] : t.modelValue;
61
58
  },
62
59
  set(e) {
63
- I("update:modelValue", e);
60
+ _("update:modelValue", e);
64
61
  }
65
- }), d = R(() => !a.options || a.options.length === 0 ? [] : a.options.filter((e) => g.value === "" || e.label.toLowerCase().includes(g.value.toLowerCase())).map((e) => {
62
+ }), d = w(() => !t.options || t.options.length === 0 ? [] : t.options.filter((e) => k.value === "" || e.label.toLowerCase().includes(k.value.toLowerCase())).map((e) => {
66
63
  let l = !1;
67
- return a.multiple && Array.isArray(t.value) ? l = t.value.includes(e.value) : l = e.value === t.value, {
64
+ return t.multiple && Array.isArray(a.value) ? l = a.value.includes(e.value) : l = e.value === a.value, {
68
65
  value: e.value,
69
66
  label: e.label,
70
67
  active: l,
71
68
  disabled: e.disabled,
72
- iconRight: l ? Re : void 0,
73
- onClick: () => U(e.value)
69
+ iconRight: l ? $e : void 0,
70
+ onClick: () => X(e.value)
74
71
  };
75
- })), P = R(() => d.value.filter((e) => !e.disabled)), w = R(() => {
72
+ })), j = w(() => d.value.filter((e) => !e.disabled)), g = w(() => {
76
73
  var e;
77
74
  return (e = v.value) == null ? void 0 : e.isOpen;
78
75
  });
79
- _(g, (e) => {
80
- e && (u.value = void 0, C(-1));
81
- }), _(w, (e) => {
82
- e ? (re(), (a.multiple || typeof u.value > "u") && C(-1), setTimeout(() => {
76
+ L(k, (e) => {
77
+ e && (u.value = void 0, z(-1));
78
+ }), L(g, (e) => {
79
+ e ? (ne(), (t.multiple || typeof u.value > "u") && z(-1), setTimeout(() => {
83
80
  requestAnimationFrame(() => {
84
81
  var l;
85
- q(u.value || 0), a.filterable && ((l = D.value) == null || l.focus());
82
+ M(u.value || 0), t.filterable && ((l = O.value) == null || l.focus());
86
83
  });
87
- }, 50)) : a.filterable && (g.value = "");
84
+ }, 50)) : t.filterable && (k.value = "");
88
85
  });
89
- function re() {
90
- if (a.multiple) {
91
- if (Array.isArray(t.value) && t.value.length > 0) {
92
- const e = d.value.findIndex((l) => l.value === t.value[0]);
86
+ function ne() {
87
+ if (t.multiple) {
88
+ if (Array.isArray(a.value) && a.value.length > 0) {
89
+ const e = d.value.findIndex((l) => l.value === a.value[0]);
93
90
  e !== -1 && (u.value = e);
94
91
  }
95
92
  } else {
96
- const e = d.value.findIndex((l) => l.value === t.value);
93
+ const e = d.value.findIndex((l) => l.value === a.value);
97
94
  e !== -1 && (u.value = e);
98
95
  }
99
96
  }
100
- function q(e) {
97
+ function M(e) {
101
98
  var l;
102
- $.value && ((l = $.value[e]) == null || l.$el.scrollIntoView({ block: "nearest", inline: "nearest" }));
99
+ S.value && ((l = S.value[e]) == null || l.$el.scrollIntoView({ block: "nearest", inline: "nearest" }));
103
100
  }
104
- _(u, (e) => {
105
- typeof e < "u" && $.value && q(e);
101
+ L(u, (e) => {
102
+ typeof e < "u" && S.value && M(e);
106
103
  });
107
- function C(e, l = "down") {
108
- if (!P.value || P.value.length === 0) {
104
+ function z(e, l = "down") {
105
+ if (!j.value || j.value.length === 0) {
109
106
  u.value = void 0;
110
107
  return;
111
108
  }
@@ -121,177 +118,164 @@ const Ne = { class: "relative" }, Oe = {
121
118
  u.value = o;
122
119
  }
123
120
  }
124
- function U(e) {
121
+ function X(e) {
125
122
  var o;
126
- const l = (o = a.options) == null ? void 0 : o.find((i) => i.value === e);
123
+ const l = (o = t.options) == null ? void 0 : o.find((i) => i.value === e);
127
124
  if (!(!l || l.disabled)) {
128
- if (a.multiple) {
129
- if (Array.isArray(t.value)) {
130
- const i = t.value.indexOf(e);
131
- i !== -1 ? t.value.splice(i, 1) : (t.value.push(e), I("update:modelValue", t.value));
125
+ if (t.multiple) {
126
+ if (Array.isArray(a.value)) {
127
+ const i = a.value.indexOf(e);
128
+ i !== -1 ? a.value.splice(i, 1) : (a.value.push(e), _("update:modelValue", a.value));
132
129
  } else
133
- t.value = [e];
134
- a.filterable && setTimeout(() => {
130
+ a.value = [e];
131
+ t.filterable && setTimeout(() => {
135
132
  var i;
136
- (i = D.value) == null || i.focus();
133
+ (i = O.value) == null || i.focus();
137
134
  });
138
135
  } else
139
- t.value = e;
140
- a.native || G(() => {
136
+ a.value = e;
137
+ t.native || Q(() => {
141
138
  var i;
142
- W(), (i = O.value) == null || i.$el.focus();
139
+ G(), (i = N.value) == null || i.$el.focus();
143
140
  });
144
141
  }
145
142
  }
146
- function j(e) {
143
+ function x(e) {
147
144
  return !!(typeof e > "u" || e === null || e === "" || Array.isArray(e) && e.length === 0 || !Array.isArray(e) && typeof e == "object" && Object.keys(e).length === 0);
148
145
  }
149
- function M(e, l) {
150
- e.stopPropagation();
151
- const o = t.value.indexOf(l);
152
- o !== -1 && (t.value.splice(o, 1), I("update:modelValue", t.value));
146
+ function re(e, l) {
147
+ if (e.stopPropagation(), I.value)
148
+ return;
149
+ const o = a.value.indexOf(l);
150
+ o !== -1 && (a.value.splice(o, 1), _("update:modelValue", a.value));
153
151
  }
154
- function S(e) {
152
+ function T(e) {
155
153
  var o;
156
- const l = (o = a.options) == null ? void 0 : o.find((i) => i.value === e);
154
+ const l = (o = t.options) == null ? void 0 : o.find((i) => i.value === e);
157
155
  return l ? l.label : "";
158
156
  }
159
- const { focus: X, blur: ae } = le(N), {
160
- errorInternal: H,
161
- hideFooterInternal: ne,
162
- inputListeners: K,
163
- reset: se,
164
- validate: W,
165
- setError: ue,
166
- isFocused: de,
167
- isInsideForm: fe
168
- } = F(a, { focus: X, emit: I, withListeners: !0 }), ve = R(() => {
169
- const { focus: e, blur: l } = s(K);
157
+ const { focus: H, blur: se } = ie(D), {
158
+ errorInternal: K,
159
+ hideFooterInternal: ue,
160
+ inputListeners: W,
161
+ reset: de,
162
+ validate: G,
163
+ setError: fe,
164
+ isFocused: ve,
165
+ isInsideForm: pe
166
+ } = U(t, { focus: H, emit: _, withListeners: !0 }), ce = w(() => {
167
+ const { focus: e, blur: l } = s(W);
170
168
  return {
171
169
  focus: e,
172
170
  blur: l
173
171
  };
174
172
  });
175
173
  let m = null;
176
- _([de, w], ([e, l]) => {
177
- e || l ? m || (m = we(document, "keydown", pe)) : m && (m(), m = null);
174
+ L([ve, g], ([e, l]) => {
175
+ e || l ? m || (m = Ve(document, "keydown", me)) : m && (m(), m = null);
178
176
  }, {
179
177
  immediate: !0
180
- }), be(() => {
178
+ }), ke(() => {
181
179
  m && m();
182
180
  });
183
- function pe(e) {
184
- var l, o, i, f, V;
181
+ function me(e) {
182
+ var l, o, i, f, c;
185
183
  if (d.value.length !== 0)
186
184
  if (e.code === "ArrowDown") {
187
- if (e.preventDefault(), !w.value) {
185
+ if (e.preventDefault(), !g.value) {
188
186
  (l = v.value) == null || l.show();
189
187
  return;
190
188
  }
191
- C(u.value, "down");
189
+ z(u.value, "down");
192
190
  } else if (e.code === "ArrowUp") {
193
- if (e.preventDefault(), !w.value) {
191
+ if (e.preventDefault(), !g.value) {
194
192
  (o = v.value) == null || o.show();
195
193
  return;
196
194
  }
197
- C(u.value, "up");
195
+ z(u.value, "up");
198
196
  } else if (e.code === "Enter" || e.code === "Space") {
199
- if (e.code === "Space" && a.filterable)
197
+ if (e.code === "Space" && t.filterable)
200
198
  return;
201
- if (e.preventDefault(), e.stopPropagation(), !w.value) {
199
+ if (e.preventDefault(), e.stopPropagation(), !g.value) {
202
200
  (i = v.value) == null || i.show();
203
201
  return;
204
202
  }
205
- typeof u.value < "u" && d.value[u.value] && (U(d.value[u.value].value), a.multiple || (f = v.value) == null || f.hide());
203
+ typeof u.value < "u" && d.value[u.value] && (X(d.value[u.value].value), t.multiple || (f = v.value) == null || f.hide());
206
204
  } else
207
- e.code === "Tab" && w.value && (e.preventDefault(), (V = v.value) == null || V.hide(), a.native || G(() => {
208
- var x;
209
- (x = O.value) == null || x.$el.focus();
205
+ e.code === "Tab" && g.value && (e.preventDefault(), (c = v.value) == null || c.hide(), t.native || Q(() => {
206
+ var R;
207
+ (R = N.value) == null || R.$el.focus();
210
208
  }));
211
209
  }
212
- const { styles: ce, classes: p, className: me } = Ve("Select", {}, a, { errorInternal: H });
213
- return te({ focus: X, blur: ae, reset: se, validate: W, setError: ue }), (e, l) => {
214
- const o = he("x-input");
215
- return r(), b($e, J({
210
+ const { styles: ye, classes: p, className: be } = Re("Select", {}, t, { errorInternal: K });
211
+ return oe({ focus: H, blur: se, reset: de, validate: G, setError: fe }), (e, l) => {
212
+ const o = ge("x-input");
213
+ return n(), A(_e, Y({
216
214
  ref_key: "labelRef",
217
- ref: O,
215
+ ref: N,
218
216
  tabindex: "0",
219
217
  class: ["group", [
220
- s(me),
218
+ s(be),
221
219
  s(p).wrapper
222
220
  ]],
223
- style: s(ce),
224
- disabled: e.disabled,
221
+ style: s(ye),
222
+ disabled: I.value,
225
223
  required: e.required,
226
- "is-inside-form": s(fe),
224
+ "is-inside-form": s(pe),
227
225
  label: e.label,
228
226
  tooltip: e.tooltip
229
- }, Q(ve.value)), {
230
- default: A(() => [
231
- z("div", Ne, [
232
- e.native && !e.multiple ? (r(), n("div", {
227
+ }, Z(ce.value)), {
228
+ default: C(() => [
229
+ B("div", Te, [
230
+ e.native && !e.multiple ? (n(), r("div", {
233
231
  key: 0,
234
- class: h(s(p).box),
232
+ class: b(s(p).box),
235
233
  onClick: l[0] || (l[0] = (i) => {
236
234
  var f;
237
- return (f = N.value) == null ? void 0 : f.click();
235
+ return (f = D.value) == null ? void 0 : f.click();
238
236
  })
239
237
  }, [
240
- e.multiple && Array.isArray(t.value) && t.value.length > 0 ? (r(), n("div", Oe, [
241
- (r(!0), n(c, null, L(t.value, (i) => (r(), b(Z, {
242
- key: i,
243
- size: "xs",
244
- outlined: "",
245
- removable: "",
246
- onRemove: (f) => {
247
- M(f, i);
248
- }
249
- }, {
250
- default: A(() => [
251
- B(k(S(i)), 1)
252
- ]),
253
- _: 2
254
- }, 1032, ["onRemove"]))), 128))
255
- ])) : !e.multiple && !j(t.value) ? (r(), n(c, { key: 1 }, [
256
- B(k(S(t.value)), 1)
257
- ], 64)) : (r(), n(c, { key: 2 }, [
258
- e.placeholder ? (r(), n("div", De, k(e.placeholder), 1)) : (r(), n("div", Te, " "))
238
+ x(a.value) ? (n(), r(h, { key: 1 }, [
239
+ e.placeholder ? (n(), r("div", Ee, V(e.placeholder), 1)) : (n(), r("div", Fe, " "))
240
+ ], 64)) : (n(), r(h, { key: 0 }, [
241
+ E(V(T(a.value)), 1)
259
242
  ], 64))
260
- ], 2)) : (r(), b(ze, {
243
+ ], 2)) : (n(), A(De, {
261
244
  key: 1,
262
245
  ref_key: "popoverRef",
263
246
  ref: v,
264
- disabled: e.disabled || e.loading || e.readonly
247
+ disabled: I.value
265
248
  }, {
266
- content: A(() => [
267
- T(Le, {
268
- class: h(s(p).content)
249
+ content: C(() => [
250
+ F(Ne, {
251
+ class: b(s(p).content)
269
252
  }, {
270
- default: A(() => [
271
- E(e.$slots, "content-header", {}, () => [
272
- e.filterable ? (r(), n("div", {
253
+ default: C(() => [
254
+ P(e.$slots, "content-header", {}, () => [
255
+ e.filterable ? (n(), r("div", {
273
256
  key: 0,
274
- class: h(s(p).search)
257
+ class: b(s(p).search)
275
258
  }, [
276
- T(o, {
259
+ F(o, {
277
260
  ref_key: "filterRef",
278
- ref: D,
279
- modelValue: g.value,
280
- "onUpdate:modelValue": l[1] || (l[1] = (i) => g.value = i),
261
+ ref: O,
262
+ modelValue: k.value,
263
+ "onUpdate:modelValue": l[1] || (l[1] = (i) => k.value = i),
281
264
  placeholder: e.filterPlaceholder,
265
+ "skip-form-registry": "",
282
266
  size: "sm"
283
267
  }, null, 8, ["modelValue", "placeholder"])
284
- ], 2)) : Y("", !0)
268
+ ], 2)) : ee("", !0)
285
269
  ]),
286
- d.value.length > 0 ? (r(), n("div", {
270
+ d.value.length > 0 ? (n(), r("div", {
287
271
  key: 0,
288
- class: h(s(p).contentBody)
272
+ class: b(s(p).contentBody)
289
273
  }, [
290
- (r(!0), n(c, null, L(d.value, (i, f) => (r(), b(Se, {
274
+ (n(!0), r(h, null, q(d.value, (i, f) => (n(), A(Le, {
291
275
  key: f,
292
276
  ref_for: !0,
293
277
  ref_key: "itemsRef",
294
- ref: $,
278
+ ref: S,
295
279
  item: i,
296
280
  size: e.size,
297
281
  disabled: i.disabled,
@@ -299,81 +283,85 @@ const Ne = { class: "relative" }, Oe = {
299
283
  color: e.color,
300
284
  filled: "",
301
285
  onClick: l[2] || (l[2] = () => {
302
- var V;
303
- return !e.multiple && ((V = v.value) == null ? void 0 : V.hide());
286
+ var c;
287
+ return !e.multiple && ((c = v.value) == null ? void 0 : c.hide());
304
288
  })
305
289
  }, null, 8, ["item", "size", "disabled", "selected", "color"]))), 128))
306
- ], 2)) : (r(), n("div", qe, " No options ")),
307
- E(e.$slots, "content-footer")
290
+ ], 2)) : (n(), r("div", je, " No options ")),
291
+ P(e.$slots, "content-footer")
308
292
  ]),
309
293
  _: 3
310
294
  }, 8, ["class"])
311
295
  ]),
312
- default: A(() => [
313
- z("div", {
314
- class: h([s(p).box])
296
+ default: C(() => [
297
+ B("div", {
298
+ class: b([s(p).box])
315
299
  }, [
316
- e.multiple && Array.isArray(t.value) && t.value.length > 0 ? (r(), n("div", Ee, [
317
- (r(!0), n(c, null, L(t.value, (i) => (r(), b(Z, {
318
- key: i,
319
- size: "xs",
320
- outlined: "",
321
- removable: "",
322
- onRemove: (f) => {
323
- M(f, i);
324
- }
325
- }, {
326
- default: A(() => [
327
- B(k(S(i)), 1)
328
- ]),
329
- _: 2
330
- }, 1032, ["onRemove"]))), 128))
331
- ])) : !e.multiple && !j(t.value) ? (r(), n(c, { key: 1 }, [
332
- B(k(S(t.value)), 1)
333
- ], 64)) : (r(), n(c, { key: 2 }, [
334
- e.placeholder ? (r(), n("div", Fe, k(e.placeholder), 1)) : (r(), n("div", Pe, " "))
300
+ e.multiple && Array.isArray(a.value) && a.value.length > 0 ? (n(), r("div", Pe, [
301
+ (n(!0), r(h, null, q(a.value, (i) => {
302
+ var f, c, R, J;
303
+ return n(), A(Se, {
304
+ key: i,
305
+ size: "xs",
306
+ removable: "",
307
+ outlined: !(I.value || (c = (f = e.options) == null ? void 0 : f.find(($) => $.value === i)) != null && c.disabled),
308
+ disabled: I.value || ((J = (R = e.options) == null ? void 0 : R.find(($) => $.value === i)) == null ? void 0 : J.disabled),
309
+ onRemove: ($) => {
310
+ re($, i);
311
+ }
312
+ }, {
313
+ default: C(() => [
314
+ E(V(T(i)), 1)
315
+ ]),
316
+ _: 2
317
+ }, 1032, ["outlined", "disabled", "onRemove"]);
318
+ }), 128))
319
+ ])) : !e.multiple && !x(a.value) ? (n(), r(h, { key: 1 }, [
320
+ E(V(T(a.value)), 1)
321
+ ], 64)) : (n(), r(h, { key: 2 }, [
322
+ e.placeholder ? (n(), r("div", qe, V(e.placeholder), 1)) : (n(), r("div", Ue, " "))
335
323
  ], 64))
336
324
  ], 2)
337
325
  ]),
338
326
  _: 3
339
327
  }, 8, ["disabled"])),
340
- ke(z("select", J({
328
+ we(B("select", Y({
341
329
  id: e.id,
342
330
  ref_key: "elRef",
343
- ref: N,
344
- "onUpdate:modelValue": l[3] || (l[3] = (i) => t.value = i),
331
+ ref: D,
332
+ "onUpdate:modelValue": l[3] || (l[3] = (i) => a.value = i),
345
333
  tabindex: "-1",
346
334
  class: e.native && !e.multiple ? "absolute inset-0 w-full h-full cursor-pointer opacity-0" : "hidden",
347
335
  name: e.name,
348
336
  disabled: e.disabled || e.loading,
349
337
  multiple: e.multiple,
350
338
  readonly: e.readonly
351
- }, Q(s(K), !0)), [
352
- (r(!0), n(c, null, L(e.options, (i, f) => (r(), n("option", {
339
+ }, Z(s(W), !0)), [
340
+ (n(!0), r(h, null, q(e.options, (i, f) => (n(), r("option", {
353
341
  key: f,
354
342
  value: i.value,
355
343
  disabled: i.disabled
356
- }, k(i.label), 9, je))), 128))
357
- ], 16, Ue), [
358
- [ge, t.value]
344
+ }, V(i.label), 9, Xe))), 128))
345
+ ], 16, Me), [
346
+ [Ae, a.value]
359
347
  ]),
360
- z("div", {
361
- class: h(s(p).iconWrapper)
348
+ B("div", {
349
+ class: b(s(p).iconWrapper)
362
350
  }, [
363
- e.loading ? (r(), b(_e, {
351
+ e.loading ? (n(), A(Be, {
364
352
  key: 0,
365
353
  size: e.size
366
- }, null, 8, ["size"])) : E(e.$slots, "icon", { key: 1 }, () => [
367
- T(Ce, {
368
- icon: s(Ie),
369
- class: h([s(p).icon])
354
+ }, null, 8, ["size"])) : P(e.$slots, "icon", { key: 1 }, () => [
355
+ F(ze, {
356
+ icon: s(Ce),
357
+ class: b([s(p).icon])
370
358
  }, null, 8, ["icon", "class"])
371
359
  ])
372
360
  ], 2)
373
361
  ]),
374
- s(ne) ? Y("", !0) : (r(), b(Be, {
362
+ s(ue) ? ee("", !0) : (n(), A(Oe, {
375
363
  key: 0,
376
- error: s(H),
364
+ error: s(K),
377
365
  helper: e.helper
378
366
  }, null, 8, ["error", "helper"]))
379
367
  ]),
@@ -383,5 +371,5 @@ const Ne = { class: "relative" }, Oe = {
383
371
  }
384
372
  });
385
373
  export {
386
- sl as default
374
+ dl as default
387
375
  };
@@ -34,6 +34,7 @@ declare const sliderProps: {
34
34
  readonly default: () => never[];
35
35
  };
36
36
  tooltip: StringConstructor;
37
+ skipFormRegistry: BooleanConstructor;
37
38
  disabled: BooleanConstructor;
38
39
  loading: BooleanConstructor;
39
40
  loadingLabel: StringConstructor;
@@ -84,6 +85,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
84
85
  readonly default: () => never[];
85
86
  };
86
87
  tooltip: StringConstructor;
88
+ skipFormRegistry: BooleanConstructor;
87
89
  disabled: BooleanConstructor;
88
90
  loading: BooleanConstructor;
89
91
  loadingLabel: StringConstructor;
@@ -135,6 +137,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
135
137
  readonly default: () => never[];
136
138
  };
137
139
  tooltip: StringConstructor;
140
+ skipFormRegistry: BooleanConstructor;
138
141
  disabled: BooleanConstructor;
139
142
  loading: BooleanConstructor;
140
143
  loadingLabel: StringConstructor;
@@ -159,6 +162,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
159
162
  validateOnInput: boolean;
160
163
  hideFooter: boolean;
161
164
  rules: unknown[];
165
+ skipFormRegistry: boolean;
162
166
  max: string | number;
163
167
  min: string | number;
164
168
  step: string | number;
@@ -8,6 +8,7 @@ declare const tagProps: {
8
8
  rounded: BooleanConstructor;
9
9
  removable: BooleanConstructor;
10
10
  outlined: BooleanConstructor;
11
+ disabled: BooleanConstructor;
11
12
  color: {
12
13
  readonly type: StringConstructor;
13
14
  readonly default: string | undefined;
@@ -30,6 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
30
31
  rounded: BooleanConstructor;
31
32
  removable: BooleanConstructor;
32
33
  outlined: BooleanConstructor;
34
+ disabled: BooleanConstructor;
33
35
  color: {
34
36
  readonly type: StringConstructor;
35
37
  readonly default: string | undefined;
@@ -47,6 +49,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
47
49
  rounded: BooleanConstructor;
48
50
  removable: BooleanConstructor;
49
51
  outlined: BooleanConstructor;
52
+ disabled: BooleanConstructor;
50
53
  color: {
51
54
  readonly type: StringConstructor;
52
55
  readonly default: string | undefined;
@@ -59,6 +62,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
59
62
  }>> & {
60
63
  onRemove?: ((...args: any[]) => any) | undefined;
61
64
  }, {
65
+ disabled: boolean;
62
66
  tag: string;
63
67
  outlined: boolean;
64
68
  removable: boolean;