@keenmate/web-multiselect 1.6.0 → 1.6.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.
@@ -1,7 +1,7 @@
1
1
  var lt = Object.defineProperty;
2
2
  var ct = (o, e, t) => e in o ? lt(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
3
- var p = (o, e, t) => ct(o, typeof e != "symbol" ? e + "" : e, t);
4
- const ce = Math.min, N = Math.max, de = Math.round, ne = Math.floor, E = (o) => ({
3
+ var m = (o, e, t) => ct(o, typeof e != "symbol" ? e + "" : e, t);
4
+ const ce = Math.min, N = Math.max, de = Math.round, ae = Math.floor, E = (o) => ({
5
5
  x: o,
6
6
  y: o
7
7
  }), dt = {
@@ -16,7 +16,7 @@ const ce = Math.min, N = Math.max, de = Math.round, ne = Math.floor, E = (o) =>
16
16
  function Ee(o, e, t) {
17
17
  return N(o, ce(e, t));
18
18
  }
19
- function me(o, e) {
19
+ function pe(o, e) {
20
20
  return typeof o == "function" ? o(e) : o;
21
21
  }
22
22
  function F(o) {
@@ -31,28 +31,28 @@ function Fe(o) {
31
31
  function Ge(o) {
32
32
  return o === "y" ? "height" : "width";
33
33
  }
34
- const pt = /* @__PURE__ */ new Set(["top", "bottom"]);
34
+ const mt = /* @__PURE__ */ new Set(["top", "bottom"]);
35
35
  function P(o) {
36
- return pt.has(F(o)) ? "y" : "x";
36
+ return mt.has(F(o)) ? "y" : "x";
37
37
  }
38
38
  function We(o) {
39
39
  return Fe(P(o));
40
40
  }
41
- function mt(o, e, t) {
41
+ function pt(o, e, t) {
42
42
  t === void 0 && (t = !1);
43
43
  const s = ue(o), i = We(o), r = Ge(i);
44
- let n = i === "x" ? s === (t ? "end" : "start") ? "right" : "left" : s === "start" ? "bottom" : "top";
45
- return e.reference[r] > e.floating[r] && (n = he(n)), [n, he(n)];
44
+ let a = i === "x" ? s === (t ? "end" : "start") ? "right" : "left" : s === "start" ? "bottom" : "top";
45
+ return e.reference[r] > e.floating[r] && (a = he(a)), [a, he(a)];
46
46
  }
47
47
  function ut(o) {
48
48
  const e = he(o);
49
- return [xe(o), e, xe(e)];
49
+ return [ke(o), e, ke(e)];
50
50
  }
51
- function xe(o) {
51
+ function ke(o) {
52
52
  return o.replace(/start|end/g, (e) => ht[e]);
53
53
  }
54
54
  const ze = ["left", "right"], Me = ["right", "left"], gt = ["top", "bottom"], bt = ["bottom", "top"];
55
- function ft(o, e, t) {
55
+ function vt(o, e, t) {
56
56
  switch (o) {
57
57
  case "top":
58
58
  case "bottom":
@@ -64,10 +64,10 @@ function ft(o, e, t) {
64
64
  return [];
65
65
  }
66
66
  }
67
- function vt(o, e, t, s) {
67
+ function ft(o, e, t, s) {
68
68
  const i = ue(o);
69
- let r = ft(F(o), t === "start", s);
70
- return i && (r = r.map((n) => n + "-" + i), e && (r = r.concat(r.map(xe)))), r;
69
+ let r = vt(F(o), t === "start", s);
70
+ return i && (r = r.map((a) => a + "-" + i), e && (r = r.concat(r.map(ke)))), r;
71
71
  }
72
72
  function he(o) {
73
73
  return o.replace(/left|right|bottom|top/g, (e) => dt[e]);
@@ -89,7 +89,7 @@ function _t(o) {
89
89
  left: o
90
90
  };
91
91
  }
92
- function pe(o) {
92
+ function me(o) {
93
93
  const {
94
94
  x: e,
95
95
  y: t,
@@ -112,7 +112,7 @@ function Ve(o, e, t) {
112
112
  reference: s,
113
113
  floating: i
114
114
  } = o;
115
- const r = P(e), n = We(e), a = Ge(n), l = F(e), c = r === "y", d = s.x + s.width / 2 - i.width / 2, m = s.y + s.height / 2 - i.height / 2, u = s[a] / 2 - i[a] / 2;
115
+ const r = P(e), a = We(e), n = Ge(a), l = F(e), c = r === "y", d = s.x + s.width / 2 - i.width / 2, p = s.y + s.height / 2 - i.height / 2, u = s[n] / 2 - i[n] / 2;
116
116
  let h;
117
117
  switch (l) {
118
118
  case "top":
@@ -130,13 +130,13 @@ function Ve(o, e, t) {
130
130
  case "right":
131
131
  h = {
132
132
  x: s.x + s.width,
133
- y: m
133
+ y: p
134
134
  };
135
135
  break;
136
136
  case "left":
137
137
  h = {
138
138
  x: s.x - i.width,
139
- y: m
139
+ y: p
140
140
  };
141
141
  break;
142
142
  default:
@@ -147,70 +147,70 @@ function Ve(o, e, t) {
147
147
  }
148
148
  switch (ue(e)) {
149
149
  case "start":
150
- h[n] -= u * (t && c ? -1 : 1);
150
+ h[a] -= u * (t && c ? -1 : 1);
151
151
  break;
152
152
  case "end":
153
- h[n] += u * (t && c ? -1 : 1);
153
+ h[a] += u * (t && c ? -1 : 1);
154
154
  break;
155
155
  }
156
156
  return h;
157
157
  }
158
- const kt = async (o, e, t) => {
158
+ const xt = async (o, e, t) => {
159
159
  const {
160
160
  placement: s = "bottom",
161
161
  strategy: i = "absolute",
162
162
  middleware: r = [],
163
- platform: n
164
- } = t, a = r.filter(Boolean), l = await (n.isRTL == null ? void 0 : n.isRTL(e));
165
- let c = await n.getElementRects({
163
+ platform: a
164
+ } = t, n = r.filter(Boolean), l = await (a.isRTL == null ? void 0 : a.isRTL(e));
165
+ let c = await a.getElementRects({
166
166
  reference: o,
167
167
  floating: e,
168
168
  strategy: i
169
169
  }), {
170
170
  x: d,
171
- y: m
171
+ y: p
172
172
  } = Ve(c, s, l), u = s, h = {}, g = 0;
173
- for (let b = 0; b < a.length; b++) {
173
+ for (let b = 0; b < n.length; b++) {
174
174
  const {
175
- name: v,
175
+ name: f,
176
176
  fn: w
177
- } = a[b], {
177
+ } = n[b], {
178
178
  x: _,
179
- y: x,
179
+ y: k,
180
180
  data: y,
181
181
  reset: C
182
182
  } = await w({
183
183
  x: d,
184
- y: m,
184
+ y: p,
185
185
  initialPlacement: s,
186
186
  placement: u,
187
187
  strategy: i,
188
188
  middlewareData: h,
189
189
  rects: c,
190
- platform: n,
190
+ platform: a,
191
191
  elements: {
192
192
  reference: o,
193
193
  floating: e
194
194
  }
195
195
  });
196
- d = _ ?? d, m = x ?? m, h = {
196
+ d = _ ?? d, p = k ?? p, h = {
197
197
  ...h,
198
- [v]: {
199
- ...h[v],
198
+ [f]: {
199
+ ...h[f],
200
200
  ...y
201
201
  }
202
- }, C && g <= 50 && (g++, typeof C == "object" && (C.placement && (u = C.placement), C.rects && (c = C.rects === !0 ? await n.getElementRects({
202
+ }, C && g <= 50 && (g++, typeof C == "object" && (C.placement && (u = C.placement), C.rects && (c = C.rects === !0 ? await a.getElementRects({
203
203
  reference: o,
204
204
  floating: e,
205
205
  strategy: i
206
206
  }) : C.rects), {
207
207
  x: d,
208
- y: m
208
+ y: p
209
209
  } = Ve(c, u, l)), b = -1);
210
210
  }
211
211
  return {
212
212
  x: d,
213
- y: m,
213
+ y: p,
214
214
  placement: u,
215
215
  strategy: i,
216
216
  middlewareData: h
@@ -223,35 +223,35 @@ async function je(o, e) {
223
223
  x: s,
224
224
  y: i,
225
225
  platform: r,
226
- rects: n,
227
- elements: a,
226
+ rects: a,
227
+ elements: n,
228
228
  strategy: l
229
229
  } = o, {
230
230
  boundary: c = "clippingAncestors",
231
231
  rootBoundary: d = "viewport",
232
- elementContext: m = "floating",
232
+ elementContext: p = "floating",
233
233
  altBoundary: u = !1,
234
234
  padding: h = 0
235
- } = me(e, o), g = _t(h), v = a[u ? m === "floating" ? "reference" : "floating" : m], w = pe(await r.getClippingRect({
236
- element: (t = await (r.isElement == null ? void 0 : r.isElement(v))) == null || t ? v : v.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(a.floating)),
235
+ } = pe(e, o), g = _t(h), f = n[u ? p === "floating" ? "reference" : "floating" : p], w = me(await r.getClippingRect({
236
+ element: (t = await (r.isElement == null ? void 0 : r.isElement(f))) == null || t ? f : f.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(n.floating)),
237
237
  boundary: c,
238
238
  rootBoundary: d,
239
239
  strategy: l
240
- })), _ = m === "floating" ? {
240
+ })), _ = p === "floating" ? {
241
241
  x: s,
242
242
  y: i,
243
- width: n.floating.width,
244
- height: n.floating.height
245
- } : n.reference, x = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(a.floating)), y = await (r.isElement == null ? void 0 : r.isElement(x)) ? await (r.getScale == null ? void 0 : r.getScale(x)) || {
243
+ width: a.floating.width,
244
+ height: a.floating.height
245
+ } : a.reference, k = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(n.floating)), y = await (r.isElement == null ? void 0 : r.isElement(k)) ? await (r.getScale == null ? void 0 : r.getScale(k)) || {
246
246
  x: 1,
247
247
  y: 1
248
248
  } : {
249
249
  x: 1,
250
250
  y: 1
251
- }, C = pe(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
252
- elements: a,
251
+ }, C = me(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
252
+ elements: n,
253
253
  rect: _,
254
- offsetParent: x,
254
+ offsetParent: k,
255
255
  strategy: l
256
256
  }) : _);
257
257
  return {
@@ -261,7 +261,7 @@ async function je(o, e) {
261
261
  right: (C.right - w.right + g.right) / y.x
262
262
  };
263
263
  }
264
- const xt = function(o) {
264
+ const kt = function(o) {
265
265
  return o === void 0 && (o = {}), {
266
266
  name: "flip",
267
267
  options: o,
@@ -270,27 +270,27 @@ const xt = function(o) {
270
270
  const {
271
271
  placement: i,
272
272
  middlewareData: r,
273
- rects: n,
274
- initialPlacement: a,
273
+ rects: a,
274
+ initialPlacement: n,
275
275
  platform: l,
276
276
  elements: c
277
277
  } = e, {
278
278
  mainAxis: d = !0,
279
- crossAxis: m = !0,
279
+ crossAxis: p = !0,
280
280
  fallbackPlacements: u,
281
281
  fallbackStrategy: h = "bestFit",
282
282
  fallbackAxisSideDirection: g = "none",
283
283
  flipAlignment: b = !0,
284
- ...v
285
- } = me(o, e);
284
+ ...f
285
+ } = pe(o, e);
286
286
  if ((t = r.arrow) != null && t.alignmentOffset)
287
287
  return {};
288
- const w = F(i), _ = P(a), x = F(a) === a, y = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), C = u || (x || !b ? [he(a)] : ut(a)), J = g !== "none";
289
- !u && J && C.push(...vt(a, b, g, y));
290
- const W = [a, ...C], we = await je(e, v), re = [];
288
+ const w = F(i), _ = P(n), k = F(n) === n, y = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), C = u || (k || !b ? [he(n)] : ut(n)), J = g !== "none";
289
+ !u && J && C.push(...ft(n, b, g, y));
290
+ const W = [n, ...C], we = await je(e, f), re = [];
291
291
  let j = ((s = r.flip) == null ? void 0 : s.overflows) || [];
292
- if (d && re.push(we[w]), m) {
293
- const D = mt(i, n, y);
292
+ if (d && re.push(we[w]), p) {
293
+ const D = pt(i, a, y);
294
294
  re.push(we[D[0]], we[D[1]]);
295
295
  }
296
296
  if (j = [...j, {
@@ -299,7 +299,7 @@ const xt = function(o) {
299
299
  }], !re.every((D) => D <= 0)) {
300
300
  var Oe, Le;
301
301
  const D = (((Oe = r.flip) == null ? void 0 : Oe.index) || 0) + 1, _e = W[D];
302
- if (_e && (!(m === "alignment" ? _ !== P(_e) : !1) || // We leave the current main axis only if every placement on that axis
302
+ if (_e && (!(p === "alignment" ? _ !== P(_e) : !1) || // We leave the current main axis only if every placement on that axis
303
303
  // overflows the main axis.
304
304
  j.every((I) => P(I.placement) === _ ? I.overflows[0] > 0 : !0)))
305
305
  return {
@@ -324,12 +324,12 @@ const xt = function(o) {
324
324
  V === "y";
325
325
  }
326
326
  return !0;
327
- }).map((I) => [I.placement, I.overflows.filter((V) => V > 0).reduce((V, at) => V + at, 0)]).sort((I, V) => I[1] - V[1])[0]) == null ? void 0 : $e[0];
327
+ }).map((I) => [I.placement, I.overflows.filter((V) => V > 0).reduce((V, nt) => V + nt, 0)]).sort((I, V) => I[1] - V[1])[0]) == null ? void 0 : $e[0];
328
328
  H && (X = H);
329
329
  break;
330
330
  }
331
331
  case "initialPlacement":
332
- X = a;
332
+ X = n;
333
333
  break;
334
334
  }
335
335
  if (i !== X)
@@ -348,21 +348,21 @@ async function yt(o, e) {
348
348
  placement: t,
349
349
  platform: s,
350
350
  elements: i
351
- } = o, r = await (s.isRTL == null ? void 0 : s.isRTL(i.floating)), n = F(t), a = ue(t), l = P(t) === "y", c = Ct.has(n) ? -1 : 1, d = r && l ? -1 : 1, m = me(e, o);
351
+ } = o, r = await (s.isRTL == null ? void 0 : s.isRTL(i.floating)), a = F(t), n = ue(t), l = P(t) === "y", c = Ct.has(a) ? -1 : 1, d = r && l ? -1 : 1, p = pe(e, o);
352
352
  let {
353
353
  mainAxis: u,
354
354
  crossAxis: h,
355
355
  alignmentAxis: g
356
- } = typeof m == "number" ? {
357
- mainAxis: m,
356
+ } = typeof p == "number" ? {
357
+ mainAxis: p,
358
358
  crossAxis: 0,
359
359
  alignmentAxis: null
360
360
  } : {
361
- mainAxis: m.mainAxis || 0,
362
- crossAxis: m.crossAxis || 0,
363
- alignmentAxis: m.alignmentAxis
361
+ mainAxis: p.mainAxis || 0,
362
+ crossAxis: p.crossAxis || 0,
363
+ alignmentAxis: p.alignmentAxis
364
364
  };
365
- return a && typeof g == "number" && (h = a === "end" ? g * -1 : g), l ? {
365
+ return n && typeof g == "number" && (h = n === "end" ? g * -1 : g), l ? {
366
366
  x: h * d,
367
367
  y: u * c
368
368
  } : {
@@ -379,15 +379,15 @@ const St = function(o) {
379
379
  const {
380
380
  x: i,
381
381
  y: r,
382
- placement: n,
383
- middlewareData: a
382
+ placement: a,
383
+ middlewareData: n
384
384
  } = e, l = await yt(e, o);
385
- return n === ((t = a.offset) == null ? void 0 : t.placement) && (s = a.arrow) != null && s.alignmentOffset ? {} : {
385
+ return a === ((t = n.offset) == null ? void 0 : t.placement) && (s = n.arrow) != null && s.alignmentOffset ? {} : {
386
386
  x: i + l.x,
387
387
  y: r + l.y,
388
388
  data: {
389
389
  ...l,
390
- placement: n
390
+ placement: a
391
391
  }
392
392
  };
393
393
  }
@@ -403,13 +403,13 @@ const St = function(o) {
403
403
  placement: i
404
404
  } = e, {
405
405
  mainAxis: r = !0,
406
- crossAxis: n = !1,
407
- limiter: a = {
408
- fn: (v) => {
406
+ crossAxis: a = !1,
407
+ limiter: n = {
408
+ fn: (f) => {
409
409
  let {
410
410
  x: w,
411
411
  y: _
412
- } = v;
412
+ } = f;
413
413
  return {
414
414
  x: w,
415
415
  y: _
@@ -417,23 +417,23 @@ const St = function(o) {
417
417
  }
418
418
  },
419
419
  ...l
420
- } = me(o, e), c = {
420
+ } = pe(o, e), c = {
421
421
  x: t,
422
422
  y: s
423
- }, d = await je(e, l), m = P(F(i)), u = Fe(m);
424
- let h = c[u], g = c[m];
423
+ }, d = await je(e, l), p = P(F(i)), u = Fe(p);
424
+ let h = c[u], g = c[p];
425
425
  if (r) {
426
- const v = u === "y" ? "top" : "left", w = u === "y" ? "bottom" : "right", _ = h + d[v], x = h - d[w];
427
- h = Ee(_, h, x);
426
+ const f = u === "y" ? "top" : "left", w = u === "y" ? "bottom" : "right", _ = h + d[f], k = h - d[w];
427
+ h = Ee(_, h, k);
428
428
  }
429
- if (n) {
430
- const v = m === "y" ? "top" : "left", w = m === "y" ? "bottom" : "right", _ = g + d[v], x = g - d[w];
431
- g = Ee(_, g, x);
429
+ if (a) {
430
+ const f = p === "y" ? "top" : "left", w = p === "y" ? "bottom" : "right", _ = g + d[f], k = g - d[w];
431
+ g = Ee(_, g, k);
432
432
  }
433
- const b = a.fn({
433
+ const b = n.fn({
434
434
  ...e,
435
435
  [u]: h,
436
- [m]: g
436
+ [p]: g
437
437
  });
438
438
  return {
439
439
  ...b,
@@ -442,7 +442,7 @@ const St = function(o) {
442
442
  y: b.y - s,
443
443
  enabled: {
444
444
  [u]: r,
445
- [m]: n
445
+ [p]: a
446
446
  }
447
447
  }
448
448
  };
@@ -525,7 +525,7 @@ function K(o) {
525
525
  function $(o) {
526
526
  return A(o).getComputedStyle(o);
527
527
  }
528
- function fe(o) {
528
+ function ve(o) {
529
529
  return L(o) ? {
530
530
  scrollLeft: o.scrollLeft,
531
531
  scrollTop: o.scrollTop
@@ -553,10 +553,10 @@ function Ke(o) {
553
553
  function se(o, e, t) {
554
554
  var s;
555
555
  e === void 0 && (e = []), t === void 0 && (t = !0);
556
- const i = Ke(o), r = i === ((s = o.ownerDocument) == null ? void 0 : s.body), n = A(i);
556
+ const i = Ke(o), r = i === ((s = o.ownerDocument) == null ? void 0 : s.body), a = A(i);
557
557
  if (r) {
558
- const a = Ce(n);
559
- return e.concat(n, n.visualViewport || [], ie(i) ? i : [], a && t ? se(a) : []);
558
+ const n = Ce(a);
559
+ return e.concat(a, a.visualViewport || [], ie(i) ? i : [], n && t ? se(n) : []);
560
560
  }
561
561
  return e.concat(i, se(i, [], t));
562
562
  }
@@ -566,11 +566,11 @@ function Ce(o) {
566
566
  function Ye(o) {
567
567
  const e = $(o);
568
568
  let t = parseFloat(e.width) || 0, s = parseFloat(e.height) || 0;
569
- const i = z(o), r = i ? o.offsetWidth : t, n = i ? o.offsetHeight : s, a = de(t) !== r || de(s) !== n;
570
- return a && (t = r, s = n), {
569
+ const i = z(o), r = i ? o.offsetWidth : t, a = i ? o.offsetHeight : s, n = de(t) !== r || de(s) !== a;
570
+ return n && (t = r, s = a), {
571
571
  width: t,
572
572
  height: s,
573
- $: a
573
+ $: n
574
574
  };
575
575
  }
576
576
  function Ie(o) {
@@ -585,10 +585,10 @@ function U(o) {
585
585
  height: i,
586
586
  $: r
587
587
  } = Ye(e);
588
- let n = (r ? de(t.width) : t.width) / s, a = (r ? de(t.height) : t.height) / i;
589
- return (!n || !Number.isFinite(n)) && (n = 1), (!a || !Number.isFinite(a)) && (a = 1), {
590
- x: n,
591
- y: a
588
+ let a = (r ? de(t.width) : t.width) / s, n = (r ? de(t.height) : t.height) / i;
589
+ return (!a || !Number.isFinite(a)) && (a = 1), (!n || !Number.isFinite(n)) && (n = 1), {
590
+ x: a,
591
+ y: n
592
592
  };
593
593
  }
594
594
  const Pt = /* @__PURE__ */ E(0);
@@ -605,31 +605,31 @@ function Bt(o, e, t) {
605
605
  function G(o, e, t, s) {
606
606
  e === void 0 && (e = !1), t === void 0 && (t = !1);
607
607
  const i = o.getBoundingClientRect(), r = Ie(o);
608
- let n = E(1);
609
- e && (s ? L(s) && (n = U(s)) : n = U(o));
610
- const a = Bt(r, t, s) ? Je(r) : E(0);
611
- let l = (i.left + a.x) / n.x, c = (i.top + a.y) / n.y, d = i.width / n.x, m = i.height / n.y;
608
+ let a = E(1);
609
+ e && (s ? L(s) && (a = U(s)) : a = U(o));
610
+ const n = Bt(r, t, s) ? Je(r) : E(0);
611
+ let l = (i.left + n.x) / a.x, c = (i.top + n.y) / a.y, d = i.width / a.x, p = i.height / a.y;
612
612
  if (r) {
613
613
  const u = A(r), h = s && L(s) ? A(s) : s;
614
614
  let g = u, b = Ce(g);
615
615
  for (; b && s && h !== g; ) {
616
- const v = U(b), w = b.getBoundingClientRect(), _ = $(b), x = w.left + (b.clientLeft + parseFloat(_.paddingLeft)) * v.x, y = w.top + (b.clientTop + parseFloat(_.paddingTop)) * v.y;
617
- l *= v.x, c *= v.y, d *= v.x, m *= v.y, l += x, c += y, g = A(b), b = Ce(g);
616
+ const f = U(b), w = b.getBoundingClientRect(), _ = $(b), k = w.left + (b.clientLeft + parseFloat(_.paddingLeft)) * f.x, y = w.top + (b.clientTop + parseFloat(_.paddingTop)) * f.y;
617
+ l *= f.x, c *= f.y, d *= f.x, p *= f.y, l += k, c += y, g = A(b), b = Ce(g);
618
618
  }
619
619
  }
620
- return pe({
620
+ return me({
621
621
  width: d,
622
- height: m,
622
+ height: p,
623
623
  x: l,
624
624
  y: c
625
625
  });
626
626
  }
627
- function ve(o, e) {
628
- const t = fe(o).scrollLeft;
627
+ function fe(o, e) {
628
+ const t = ve(o).scrollLeft;
629
629
  return e ? e.left + t : G(M(o)).left + t;
630
630
  }
631
631
  function Xe(o, e) {
632
- const t = o.getBoundingClientRect(), s = t.left + e.scrollLeft - ve(o, t), i = t.top + e.scrollTop;
632
+ const t = o.getBoundingClientRect(), s = t.left + e.scrollLeft - fe(o, t), i = t.top + e.scrollTop;
633
633
  return {
634
634
  x: s,
635
635
  y: i
@@ -642,19 +642,19 @@ function Dt(o) {
642
642
  offsetParent: s,
643
643
  strategy: i
644
644
  } = o;
645
- const r = i === "fixed", n = M(s), a = e ? be(e.floating) : !1;
646
- if (s === n || a && r)
645
+ const r = i === "fixed", a = M(s), n = e ? be(e.floating) : !1;
646
+ if (s === a || n && r)
647
647
  return t;
648
648
  let l = {
649
649
  scrollLeft: 0,
650
650
  scrollTop: 0
651
651
  }, c = E(1);
652
- const d = E(0), m = z(s);
653
- if ((m || !m && !r) && ((Y(s) !== "body" || ie(n)) && (l = fe(s)), z(s))) {
652
+ const d = E(0), p = z(s);
653
+ if ((p || !p && !r) && ((Y(s) !== "body" || ie(a)) && (l = ve(s)), z(s))) {
654
654
  const h = G(s);
655
655
  c = U(s), d.x = h.x + s.clientLeft, d.y = h.y + s.clientTop;
656
656
  }
657
- const u = n && !m && !r ? Xe(n, l) : E(0);
657
+ const u = a && !p && !r ? Xe(a, l) : E(0);
658
658
  return {
659
659
  width: t.width * c.x,
660
660
  height: t.height * c.y,
@@ -666,43 +666,43 @@ function Ht(o) {
666
666
  return Array.from(o.getClientRects());
667
667
  }
668
668
  function Rt(o) {
669
- const e = M(o), t = fe(o), s = o.ownerDocument.body, i = N(e.scrollWidth, e.clientWidth, s.scrollWidth, s.clientWidth), r = N(e.scrollHeight, e.clientHeight, s.scrollHeight, s.clientHeight);
670
- let n = -t.scrollLeft + ve(o);
671
- const a = -t.scrollTop;
672
- return $(s).direction === "rtl" && (n += N(e.clientWidth, s.clientWidth) - i), {
669
+ const e = M(o), t = ve(o), s = o.ownerDocument.body, i = N(e.scrollWidth, e.clientWidth, s.scrollWidth, s.clientWidth), r = N(e.scrollHeight, e.clientHeight, s.scrollHeight, s.clientHeight);
670
+ let a = -t.scrollLeft + fe(o);
671
+ const n = -t.scrollTop;
672
+ return $(s).direction === "rtl" && (a += N(e.clientWidth, s.clientWidth) - i), {
673
673
  width: i,
674
674
  height: r,
675
- x: n,
676
- y: a
675
+ x: a,
676
+ y: n
677
677
  };
678
678
  }
679
679
  const Be = 25;
680
680
  function Nt(o, e) {
681
681
  const t = A(o), s = M(o), i = t.visualViewport;
682
- let r = s.clientWidth, n = s.clientHeight, a = 0, l = 0;
682
+ let r = s.clientWidth, a = s.clientHeight, n = 0, l = 0;
683
683
  if (i) {
684
- r = i.width, n = i.height;
684
+ r = i.width, a = i.height;
685
685
  const d = Ae();
686
- (!d || d && e === "fixed") && (a = i.offsetLeft, l = i.offsetTop);
686
+ (!d || d && e === "fixed") && (n = i.offsetLeft, l = i.offsetTop);
687
687
  }
688
- const c = ve(s);
688
+ const c = fe(s);
689
689
  if (c <= 0) {
690
- const d = s.ownerDocument, m = d.body, u = getComputedStyle(m), h = d.compatMode === "CSS1Compat" && parseFloat(u.marginLeft) + parseFloat(u.marginRight) || 0, g = Math.abs(s.clientWidth - m.clientWidth - h);
690
+ const d = s.ownerDocument, p = d.body, u = getComputedStyle(p), h = d.compatMode === "CSS1Compat" && parseFloat(u.marginLeft) + parseFloat(u.marginRight) || 0, g = Math.abs(s.clientWidth - p.clientWidth - h);
691
691
  g <= Be && (r -= g);
692
692
  } else c <= Be && (r += c);
693
693
  return {
694
694
  width: r,
695
- height: n,
696
- x: a,
695
+ height: a,
696
+ x: n,
697
697
  y: l
698
698
  };
699
699
  }
700
700
  const Ft = /* @__PURE__ */ new Set(["absolute", "fixed"]);
701
701
  function Gt(o, e) {
702
- const t = G(o, !0, e === "fixed"), s = t.top + o.clientTop, i = t.left + o.clientLeft, r = z(o) ? U(o) : E(1), n = o.clientWidth * r.x, a = o.clientHeight * r.y, l = i * r.x, c = s * r.y;
702
+ const t = G(o, !0, e === "fixed"), s = t.top + o.clientTop, i = t.left + o.clientLeft, r = z(o) ? U(o) : E(1), a = o.clientWidth * r.x, n = o.clientHeight * r.y, l = i * r.x, c = s * r.y;
703
703
  return {
704
- width: n,
705
- height: a,
704
+ width: a,
705
+ height: n,
706
706
  x: l,
707
707
  y: c
708
708
  };
@@ -724,7 +724,7 @@ function De(o, e, t) {
724
724
  height: e.height
725
725
  };
726
726
  }
727
- return pe(s);
727
+ return me(s);
728
728
  }
729
729
  function Ze(o, e) {
730
730
  const t = B(o);
@@ -734,12 +734,12 @@ function Wt(o, e) {
734
734
  const t = e.get(o);
735
735
  if (t)
736
736
  return t;
737
- let s = se(o, [], !1).filter((a) => L(a) && Y(a) !== "body"), i = null;
737
+ let s = se(o, [], !1).filter((n) => L(n) && Y(n) !== "body"), i = null;
738
738
  const r = $(o).position === "fixed";
739
- let n = r ? B(o) : o;
740
- for (; L(n) && !K(n); ) {
741
- const a = $(n), l = Te(n);
742
- !l && a.position === "fixed" && (i = null), (r ? !l && !i : !l && a.position === "static" && !!i && Ft.has(i.position) || ie(n) && !l && Ze(o, n)) ? s = s.filter((d) => d !== n) : i = a, n = B(n);
739
+ let a = r ? B(o) : o;
740
+ for (; L(a) && !K(a); ) {
741
+ const n = $(a), l = Te(a);
742
+ !l && n.position === "fixed" && (i = null), (r ? !l && !i : !l && n.position === "static" && !!i && Ft.has(i.position) || ie(a) && !l && Ze(o, a)) ? s = s.filter((d) => d !== a) : i = n, a = B(a);
743
743
  }
744
744
  return e.set(o, s), s;
745
745
  }
@@ -750,10 +750,10 @@ function jt(o) {
750
750
  rootBoundary: s,
751
751
  strategy: i
752
752
  } = o;
753
- const n = [...t === "clippingAncestors" ? be(e) ? [] : Wt(e, this._c) : [].concat(t), s], a = n[0], l = n.reduce((c, d) => {
754
- const m = De(e, d, i);
755
- return c.top = N(m.top, c.top), c.right = ce(m.right, c.right), c.bottom = ce(m.bottom, c.bottom), c.left = N(m.left, c.left), c;
756
- }, De(e, a, i));
753
+ const a = [...t === "clippingAncestors" ? be(e) ? [] : Wt(e, this._c) : [].concat(t), s], n = a[0], l = a.reduce((c, d) => {
754
+ const p = De(e, d, i);
755
+ return c.top = N(p.top, c.top), c.right = ce(p.right, c.right), c.bottom = ce(p.bottom, c.bottom), c.left = N(p.left, c.left), c;
756
+ }, De(e, n, i));
757
757
  return {
758
758
  width: l.right - l.left,
759
759
  height: l.bottom - l.top,
@@ -772,30 +772,30 @@ function Ut(o) {
772
772
  };
773
773
  }
774
774
  function Kt(o, e, t) {
775
- const s = z(e), i = M(e), r = t === "fixed", n = G(o, !0, r, e);
776
- let a = {
775
+ const s = z(e), i = M(e), r = t === "fixed", a = G(o, !0, r, e);
776
+ let n = {
777
777
  scrollLeft: 0,
778
778
  scrollTop: 0
779
779
  };
780
780
  const l = E(0);
781
781
  function c() {
782
- l.x = ve(i);
782
+ l.x = fe(i);
783
783
  }
784
784
  if (s || !s && !r)
785
- if ((Y(e) !== "body" || ie(i)) && (a = fe(e)), s) {
785
+ if ((Y(e) !== "body" || ie(i)) && (n = ve(e)), s) {
786
786
  const h = G(e, !0, r, e);
787
787
  l.x = h.x + e.clientLeft, l.y = h.y + e.clientTop;
788
788
  } else i && c();
789
789
  r && !s && i && c();
790
- const d = i && !s && !r ? Xe(i, a) : E(0), m = n.left + a.scrollLeft - l.x - d.x, u = n.top + a.scrollTop - l.y - d.y;
790
+ const d = i && !s && !r ? Xe(i, n) : E(0), p = a.left + n.scrollLeft - l.x - d.x, u = a.top + n.scrollTop - l.y - d.y;
791
791
  return {
792
- x: m,
792
+ x: p,
793
793
  y: u,
794
- width: n.width,
795
- height: n.height
794
+ width: a.width,
795
+ height: a.height
796
796
  };
797
797
  }
798
- function ke(o) {
798
+ function xe(o) {
799
799
  return $(o).position === "static";
800
800
  }
801
801
  function He(o, e) {
@@ -813,16 +813,16 @@ function Qe(o, e) {
813
813
  if (!z(o)) {
814
814
  let i = B(o);
815
815
  for (; i && !K(i); ) {
816
- if (L(i) && !ke(i))
816
+ if (L(i) && !xe(i))
817
817
  return i;
818
818
  i = B(i);
819
819
  }
820
820
  return t;
821
821
  }
822
822
  let s = He(o, e);
823
- for (; s && Ot(s) && ke(s); )
823
+ for (; s && Ot(s) && xe(s); )
824
824
  s = He(s, e);
825
- return s && K(s) && ke(s) && !Te(s) ? t : s || Mt(o) || t;
825
+ return s && K(s) && xe(s) && !Te(s) ? t : s || Mt(o) || t;
826
826
  }
827
827
  const Yt = async function(o) {
828
828
  const e = this.getOffsetParent || Qe, t = this.getDimensions, s = await t(o.floating);
@@ -858,21 +858,21 @@ function Zt(o, e) {
858
858
  let t = null, s;
859
859
  const i = M(o);
860
860
  function r() {
861
- var a;
862
- clearTimeout(s), (a = t) == null || a.disconnect(), t = null;
861
+ var n;
862
+ clearTimeout(s), (n = t) == null || n.disconnect(), t = null;
863
863
  }
864
- function n(a, l) {
865
- a === void 0 && (a = !1), l === void 0 && (l = 1), r();
864
+ function a(n, l) {
865
+ n === void 0 && (n = !1), l === void 0 && (l = 1), r();
866
866
  const c = o.getBoundingClientRect(), {
867
867
  left: d,
868
- top: m,
868
+ top: p,
869
869
  width: u,
870
870
  height: h
871
871
  } = c;
872
- if (a || e(), !u || !h)
872
+ if (n || e(), !u || !h)
873
873
  return;
874
- const g = ne(m), b = ne(i.clientWidth - (d + u)), v = ne(i.clientHeight - (m + h)), w = ne(d), x = {
875
- rootMargin: -g + "px " + -b + "px " + -v + "px " + -w + "px",
874
+ const g = ae(p), b = ae(i.clientWidth - (d + u)), f = ae(i.clientHeight - (p + h)), w = ae(d), k = {
875
+ rootMargin: -g + "px " + -b + "px " + -f + "px " + -w + "px",
876
876
  threshold: N(0, ce(1, l)) || 1
877
877
  };
878
878
  let y = !0;
@@ -880,33 +880,33 @@ function Zt(o, e) {
880
880
  const W = J[0].intersectionRatio;
881
881
  if (W !== l) {
882
882
  if (!y)
883
- return n();
884
- W ? n(!1, W) : s = setTimeout(() => {
885
- n(!1, 1e-7);
883
+ return a();
884
+ W ? a(!1, W) : s = setTimeout(() => {
885
+ a(!1, 1e-7);
886
886
  }, 1e3);
887
887
  }
888
- W === 1 && !qe(c, o.getBoundingClientRect()) && n(), y = !1;
888
+ W === 1 && !qe(c, o.getBoundingClientRect()) && a(), y = !1;
889
889
  }
890
890
  try {
891
891
  t = new IntersectionObserver(C, {
892
- ...x,
892
+ ...k,
893
893
  // Handle <iframe>s
894
894
  root: i.ownerDocument
895
895
  });
896
896
  } catch {
897
- t = new IntersectionObserver(C, x);
897
+ t = new IntersectionObserver(C, k);
898
898
  }
899
899
  t.observe(o);
900
900
  }
901
- return n(!0), r;
901
+ return a(!0), r;
902
902
  }
903
903
  function Z(o, e, t, s) {
904
904
  s === void 0 && (s = {});
905
905
  const {
906
906
  ancestorScroll: i = !0,
907
907
  ancestorResize: r = !0,
908
- elementResize: n = typeof ResizeObserver == "function",
909
- layoutShift: a = typeof IntersectionObserver == "function",
908
+ elementResize: a = typeof ResizeObserver == "function",
909
+ layoutShift: n = typeof IntersectionObserver == "function",
910
910
  animationFrame: l = !1
911
911
  } = s, c = Ie(o), d = i || r ? [...c ? se(c) : [], ...se(e)] : [];
912
912
  d.forEach((w) => {
@@ -914,29 +914,29 @@ function Z(o, e, t, s) {
914
914
  passive: !0
915
915
  }), r && w.addEventListener("resize", t);
916
916
  });
917
- const m = c && a ? Zt(c, t) : null;
917
+ const p = c && n ? Zt(c, t) : null;
918
918
  let u = -1, h = null;
919
- n && (h = new ResizeObserver((w) => {
919
+ a && (h = new ResizeObserver((w) => {
920
920
  let [_] = w;
921
921
  _ && _.target === c && h && (h.unobserve(e), cancelAnimationFrame(u), u = requestAnimationFrame(() => {
922
- var x;
923
- (x = h) == null || x.observe(e);
922
+ var k;
923
+ (k = h) == null || k.observe(e);
924
924
  })), t();
925
925
  }), c && !l && h.observe(c), h.observe(e));
926
926
  let g, b = l ? G(o) : null;
927
- l && v();
928
- function v() {
927
+ l && f();
928
+ function f() {
929
929
  const w = G(o);
930
- b && !qe(b, w) && t(), b = w, g = requestAnimationFrame(v);
930
+ b && !qe(b, w) && t(), b = w, g = requestAnimationFrame(f);
931
931
  }
932
932
  return t(), () => {
933
933
  var w;
934
934
  d.forEach((_) => {
935
935
  i && _.removeEventListener("scroll", t), r && _.removeEventListener("resize", t);
936
- }), m == null || m(), (w = h) == null || w.disconnect(), h = null, l && cancelAnimationFrame(g);
936
+ }), p == null || p(), (w = h) == null || w.disconnect(), h = null, l && cancelAnimationFrame(g);
937
937
  };
938
938
  }
939
- const Q = St, q = Tt, ae = xt, ee = (o, e, t) => {
939
+ const Q = St, q = Tt, ne = kt, ee = (o, e, t) => {
940
940
  const s = /* @__PURE__ */ new Map(), i = {
941
941
  platform: Xt,
942
942
  ...t
@@ -944,7 +944,7 @@ const Q = St, q = Tt, ae = xt, ee = (o, e, t) => {
944
944
  ...i.platform,
945
945
  _c: s
946
946
  };
947
- return kt(o, e, {
947
+ return xt(o, e, {
948
948
  ...i,
949
949
  platform: r
950
950
  });
@@ -956,7 +956,7 @@ var et = function() {
956
956
  "info",
957
957
  "warn",
958
958
  "error"
959
- ], oe = {}, k = null;
959
+ ], oe = {}, x = null;
960
960
  function Re(o, e) {
961
961
  var t = o[e];
962
962
  if (typeof t.bind == "function")
@@ -992,32 +992,32 @@ function ss(o, e, t) {
992
992
  return es(o) || ts.apply(this, arguments);
993
993
  }
994
994
  function tt(o, e) {
995
- var t = this, s, i, r, n = "loglevel";
996
- typeof o == "string" ? n += ":" + o : typeof o == "symbol" && (n = void 0);
997
- function a(u) {
995
+ var t = this, s, i, r, a = "loglevel";
996
+ typeof o == "string" ? a += ":" + o : typeof o == "symbol" && (a = void 0);
997
+ function n(u) {
998
998
  var h = (ye[u] || "silent").toUpperCase();
999
- if (!(typeof window === O || !n)) {
999
+ if (!(typeof window === O || !a)) {
1000
1000
  try {
1001
- window.localStorage[n] = h;
1001
+ window.localStorage[a] = h;
1002
1002
  return;
1003
1003
  } catch {
1004
1004
  }
1005
1005
  try {
1006
- window.document.cookie = encodeURIComponent(n) + "=" + h + ";";
1006
+ window.document.cookie = encodeURIComponent(a) + "=" + h + ";";
1007
1007
  } catch {
1008
1008
  }
1009
1009
  }
1010
1010
  }
1011
1011
  function l() {
1012
1012
  var u;
1013
- if (!(typeof window === O || !n)) {
1013
+ if (!(typeof window === O || !a)) {
1014
1014
  try {
1015
- u = window.localStorage[n];
1015
+ u = window.localStorage[a];
1016
1016
  } catch {
1017
1017
  }
1018
1018
  if (typeof u === O)
1019
1019
  try {
1020
- var h = window.document.cookie, g = encodeURIComponent(n), b = h.indexOf(g + "=");
1020
+ var h = window.document.cookie, g = encodeURIComponent(a), b = h.indexOf(g + "=");
1021
1021
  b !== -1 && (u = /^([^;]+)/.exec(
1022
1022
  h.slice(b + g.length + 1)
1023
1023
  )[1]);
@@ -1027,13 +1027,13 @@ function tt(o, e) {
1027
1027
  }
1028
1028
  }
1029
1029
  function c() {
1030
- if (!(typeof window === O || !n)) {
1030
+ if (!(typeof window === O || !a)) {
1031
1031
  try {
1032
- window.localStorage.removeItem(n);
1032
+ window.localStorage.removeItem(a);
1033
1033
  } catch {
1034
1034
  }
1035
1035
  try {
1036
- window.document.cookie = encodeURIComponent(n) + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC";
1036
+ window.document.cookie = encodeURIComponent(a) + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC";
1037
1037
  } catch {
1038
1038
  }
1039
1039
  }
@@ -1054,7 +1054,7 @@ function tt(o, e) {
1054
1054
  }, t.methodFactory = e || ss, t.getLevel = function() {
1055
1055
  return r ?? i ?? s;
1056
1056
  }, t.setLevel = function(u, h) {
1057
- return r = d(u), h !== !1 && a(r), te.call(t);
1057
+ return r = d(u), h !== !1 && n(r), te.call(t);
1058
1058
  }, t.setDefaultLevel = function(u) {
1059
1059
  i = d(u), l() || t.setLevel(u, !1);
1060
1060
  }, t.resetLevel = function() {
@@ -1064,33 +1064,33 @@ function tt(o, e) {
1064
1064
  }, t.disableAll = function(u) {
1065
1065
  t.setLevel(t.levels.SILENT, u);
1066
1066
  }, t.rebuild = function() {
1067
- if (k !== t && (s = d(k.getLevel())), te.call(t), k === t)
1067
+ if (x !== t && (s = d(x.getLevel())), te.call(t), x === t)
1068
1068
  for (var u in oe)
1069
1069
  oe[u].rebuild();
1070
1070
  }, s = d(
1071
- k ? k.getLevel() : "WARN"
1071
+ x ? x.getLevel() : "WARN"
1072
1072
  );
1073
- var m = l();
1074
- m != null && (r = d(m)), te.call(t);
1073
+ var p = l();
1074
+ p != null && (r = d(p)), te.call(t);
1075
1075
  }
1076
- k = new tt();
1077
- k.getLogger = function(e) {
1076
+ x = new tt();
1077
+ x.getLogger = function(e) {
1078
1078
  if (typeof e != "symbol" && typeof e != "string" || e === "")
1079
1079
  throw new TypeError("You must supply a name when creating a logger.");
1080
1080
  var t = oe[e];
1081
1081
  return t || (t = oe[e] = new tt(
1082
1082
  e,
1083
- k.methodFactory
1083
+ x.methodFactory
1084
1084
  )), t;
1085
1085
  };
1086
1086
  var os = typeof window !== O ? window.log : void 0;
1087
- k.noConflict = function() {
1088
- return typeof window !== O && window.log === k && (window.log = os), k;
1087
+ x.noConflict = function() {
1088
+ return typeof window !== O && window.log === x && (window.log = os), x;
1089
1089
  };
1090
- k.getLoggers = function() {
1090
+ x.getLoggers = function() {
1091
1091
  return oe;
1092
1092
  };
1093
- k.default = k;
1093
+ x.default = x;
1094
1094
  var is = function(o) {
1095
1095
  for (var e = 1, t = arguments.length, s; e < t; e++)
1096
1096
  for (s in arguments[e])
@@ -1108,32 +1108,32 @@ var is = function(o) {
1108
1108
  return o.toTimeString().replace(/.*(\d{2}:\d{2}:\d{2}).*/, "$1");
1109
1109
  },
1110
1110
  format: void 0
1111
- }, st, R = {}, ns = function(o) {
1111
+ }, st, R = {}, as = function(o) {
1112
1112
  if (!o || !o.getLogger)
1113
1113
  throw new TypeError("Argument is not a root logger");
1114
1114
  st = o;
1115
- }, as = function(o, e) {
1115
+ }, ns = function(o, e) {
1116
1116
  if (!o || !o.setLevel)
1117
1117
  throw new TypeError("Argument is not a logger");
1118
1118
  var t = o.methodFactory, s = o.name || "", i = R[s] || R[""] || rs;
1119
- function r(n, a, l) {
1120
- var c = t(n, a, l), d = R[l] || R[""], m = d.template.indexOf("%t") !== -1, u = d.template.indexOf("%l") !== -1, h = d.template.indexOf("%n") !== -1;
1119
+ function r(a, n, l) {
1120
+ var c = t(a, n, l), d = R[l] || R[""], p = d.template.indexOf("%t") !== -1, u = d.template.indexOf("%l") !== -1, h = d.template.indexOf("%n") !== -1;
1121
1121
  return function() {
1122
- for (var g = "", b = arguments.length, v = Array(b), w = 0; w < b; w++)
1123
- v[w] = arguments[w];
1122
+ for (var g = "", b = arguments.length, f = Array(b), w = 0; w < b; w++)
1123
+ f[w] = arguments[w];
1124
1124
  if (s || !R[l]) {
1125
- var _ = d.timestampFormatter(/* @__PURE__ */ new Date()), x = d.levelFormatter(n), y = d.nameFormatter(l);
1126
- d.format ? g += d.format(x, y, _) : (g += d.template, m && (g = g.replace(/%t/, _)), u && (g = g.replace(/%l/, x)), h && (g = g.replace(/%n/, y))), v.length && typeof v[0] == "string" ? v[0] = g + " " + v[0] : v.unshift(g);
1125
+ var _ = d.timestampFormatter(/* @__PURE__ */ new Date()), k = d.levelFormatter(a), y = d.nameFormatter(l);
1126
+ d.format ? g += d.format(k, y, _) : (g += d.template, p && (g = g.replace(/%t/, _)), u && (g = g.replace(/%l/, k)), h && (g = g.replace(/%n/, y))), f.length && typeof f[0] == "string" ? f[0] = g + " " + f[0] : f.unshift(g);
1127
1127
  }
1128
- c.apply(void 0, v);
1128
+ c.apply(void 0, f);
1129
1129
  };
1130
1130
  }
1131
1131
  return R[s] || (o.methodFactory = r), e = e || {}, e.template && (e.format = void 0), R[s] = is({}, i, e), o.setLevel(o.getLevel()), st || o.warn(
1132
1132
  "It is necessary to call the function reg() of loglevel-plugin-prefix before calling apply. From the next release, it will throw an error. See more: https://github.com/kutuluk/loglevel-plugin-prefix/blob/master/README.md"
1133
1133
  ), o;
1134
1134
  }, ot = {
1135
- reg: ns,
1136
- apply: as
1135
+ reg: as,
1136
+ apply: ns
1137
1137
  };
1138
1138
  const it = {
1139
1139
  debug: "#0ea5e9",
@@ -1145,8 +1145,8 @@ const it = {
1145
1145
  error: "#ef4444"
1146
1146
  // Red
1147
1147
  };
1148
- ot.reg(k);
1149
- ot.apply(k, {
1148
+ ot.reg(x);
1149
+ ot.apply(x, {
1150
1150
  format(o, e, t) {
1151
1151
  return it[o.toLowerCase()], `%c[${t}]%c %c[${o}]%c ${e ? `%c[${e}]%c ` : ""}`;
1152
1152
  },
@@ -1154,12 +1154,12 @@ ot.apply(k, {
1154
1154
  return o.toTimeString().split(" ")[0] + "." + o.getMilliseconds().toString().padStart(3, "0");
1155
1155
  }
1156
1156
  });
1157
- const ls = k.methodFactory;
1158
- k.methodFactory = function(o, e, t) {
1157
+ const ls = x.methodFactory;
1158
+ x.methodFactory = function(o, e, t) {
1159
1159
  const s = ls(o, e, t);
1160
1160
  return function(...i) {
1161
1161
  if (i.length > 0 && typeof i[0] == "string" && i[0].includes("%c")) {
1162
- const r = it[o] || "#666", n = [
1162
+ const r = it[o] || "#666", a = [
1163
1163
  i[0],
1164
1164
  `color: ${r}; font-weight: bold;`,
1165
1165
  // timestamp color
@@ -1177,47 +1177,47 @@ k.methodFactory = function(o, e, t) {
1177
1177
  ] : [],
1178
1178
  ...i.slice(1)
1179
1179
  ];
1180
- s(...n);
1180
+ s(...a);
1181
1181
  } else
1182
1182
  s(...i);
1183
1183
  };
1184
1184
  };
1185
- k.setLevel("silent");
1186
- const le = k.getLogger("MULTISELECT:INIT"), S = k.getLogger("MULTISELECT:DATA"), f = k.getLogger("MULTISELECT:UI"), T = k.getLogger("MULTISELECT:INTERACTION"), cs = [
1185
+ x.setLevel("silent");
1186
+ const le = x.getLogger("MULTISELECT:INIT"), S = x.getLogger("MULTISELECT:DATA"), v = x.getLogger("MULTISELECT:UI"), T = x.getLogger("MULTISELECT:INTERACTION"), cs = [
1187
1187
  "MULTISELECT:INIT",
1188
1188
  "MULTISELECT:DATA",
1189
1189
  "MULTISELECT:UI",
1190
1190
  "MULTISELECT:INTERACTION"
1191
1191
  ];
1192
1192
  function ds() {
1193
- k.setLevel("debug");
1193
+ x.setLevel("debug");
1194
1194
  }
1195
1195
  function hs() {
1196
- k.setLevel("silent");
1196
+ x.setLevel("silent");
1197
1197
  }
1198
- function ps(o) {
1199
- k.setLevel(o);
1198
+ function ms(o) {
1199
+ x.setLevel(o);
1200
1200
  }
1201
- function ms(o, e) {
1202
- k.getLogger(o).setLevel(e);
1201
+ function ps(o, e) {
1202
+ x.getLogger(o).setLevel(e);
1203
1203
  }
1204
1204
  class Ne {
1205
1205
  constructor(e) {
1206
- p(this, "container");
1207
- p(this, "wrapper");
1208
- p(this, "viewport");
1209
- p(this, "itemHeight");
1210
- p(this, "items");
1211
- p(this, "renderItem");
1212
- p(this, "bufferSize");
1213
- p(this, "onVisibleRangeChange");
1214
- p(this, "onScroll");
1215
- p(this, "scrollTop", 0);
1216
- p(this, "viewportHeight", 0);
1217
- p(this, "visibleStart", 0);
1218
- p(this, "visibleEnd", 0);
1219
- p(this, "scrollHandler");
1220
- p(this, "resizeObserver");
1206
+ m(this, "container");
1207
+ m(this, "wrapper");
1208
+ m(this, "viewport");
1209
+ m(this, "itemHeight");
1210
+ m(this, "items");
1211
+ m(this, "renderItem");
1212
+ m(this, "bufferSize");
1213
+ m(this, "onVisibleRangeChange");
1214
+ m(this, "onScroll");
1215
+ m(this, "scrollTop", 0);
1216
+ m(this, "viewportHeight", 0);
1217
+ m(this, "visibleStart", 0);
1218
+ m(this, "visibleEnd", 0);
1219
+ m(this, "scrollHandler");
1220
+ m(this, "resizeObserver");
1221
1221
  this.container = e.container, this.itemHeight = e.itemHeight, this.items = e.items, this.renderItem = e.renderItem, this.bufferSize = e.bufferSize ?? 10, this.onVisibleRangeChange = e.onVisibleRangeChange, this.onScroll = e.onScroll, this.scrollHandler = this.handleScroll.bind(this), this.init();
1222
1222
  }
1223
1223
  /**
@@ -1264,8 +1264,8 @@ class Ne {
1264
1264
  this.visibleStart = e, this.visibleEnd = t, this.onVisibleRangeChange && this.onVisibleRangeChange(e, t);
1265
1265
  let s = "";
1266
1266
  for (let i = e; i < t; i++) {
1267
- const r = this.items[i], n = this.renderItem(r, i), a = i * this.itemHeight;
1268
- s += `<div class="ms__virtual-item" style="position: absolute; top: ${a}px; left: 0; right: 0; height: ${this.itemHeight}px;" data-index="${i}">`, s += n, s += "</div>";
1267
+ const r = this.items[i], a = this.renderItem(r, i), n = i * this.itemHeight;
1268
+ s += `<div class="ms__virtual-item" style="position: absolute; top: ${n}px; left: 0; right: 0; height: ${this.itemHeight}px;" data-index="${i}">`, s += a, s += "</div>";
1269
1269
  }
1270
1270
  this.viewport.innerHTML = s;
1271
1271
  }
@@ -1325,49 +1325,49 @@ class Ne {
1325
1325
  }
1326
1326
  class us {
1327
1327
  constructor(e, t = {}) {
1328
- p(this, "element");
1329
- p(this, "instanceId");
1330
- p(this, "options");
1331
- p(this, "isOpen", !1);
1332
- p(this, "selectedValues", /* @__PURE__ */ new Set());
1333
- p(this, "selectedOptions", /* @__PURE__ */ new Map());
1334
- p(this, "allOptions", []);
1335
- p(this, "filteredOptions", []);
1336
- p(this, "hiddenInputs", []);
1337
- p(this, "focusedIndex", -1);
1338
- p(this, "matchingIndices", /* @__PURE__ */ new Set());
1339
- p(this, "searchTerm", "");
1340
- p(this, "isLoading", !1);
1341
- p(this, "showSelectedPopover", !1);
1342
- p(this, "selectedPopoverPlacement", null);
1343
- p(this, "dropdownPlacement", null);
1344
- p(this, "isRTL", !1);
1345
- p(this, "effectiveBadgesPosition", "bottom");
1346
- p(this, "justClosedViaClick", !1);
1328
+ m(this, "element");
1329
+ m(this, "instanceId");
1330
+ m(this, "options");
1331
+ m(this, "isOpen", !1);
1332
+ m(this, "selectedValues", /* @__PURE__ */ new Set());
1333
+ m(this, "selectedOptions", /* @__PURE__ */ new Map());
1334
+ m(this, "allOptions", []);
1335
+ m(this, "filteredOptions", []);
1336
+ m(this, "hiddenInputs", []);
1337
+ m(this, "focusedIndex", -1);
1338
+ m(this, "matchingIndices", /* @__PURE__ */ new Set());
1339
+ m(this, "searchTerm", "");
1340
+ m(this, "isLoading", !1);
1341
+ m(this, "showSelectedPopover", !1);
1342
+ m(this, "selectedPopoverPlacement", null);
1343
+ m(this, "dropdownPlacement", null);
1344
+ m(this, "isRTL", !1);
1345
+ m(this, "effectiveBadgesPosition", "bottom");
1346
+ m(this, "justClosedViaClick", !1);
1347
1347
  // Floating UI cleanup functions
1348
- p(this, "dropdownCleanup", null);
1349
- p(this, "hintCleanup", null);
1350
- p(this, "selectedPopoverCleanup", null);
1348
+ m(this, "dropdownCleanup", null);
1349
+ m(this, "hintCleanup", null);
1350
+ m(this, "selectedPopoverCleanup", null);
1351
1351
  // Badge tooltip storage
1352
- p(this, "badgeTooltips", /* @__PURE__ */ new Map());
1353
- p(this, "badgeTooltipCleanups", /* @__PURE__ */ new Map());
1354
- p(this, "badgeTooltipShowTimeouts", /* @__PURE__ */ new Map());
1355
- p(this, "badgeTooltipHideTimeouts", /* @__PURE__ */ new Map());
1352
+ m(this, "badgeTooltips", /* @__PURE__ */ new Map());
1353
+ m(this, "badgeTooltipCleanups", /* @__PURE__ */ new Map());
1354
+ m(this, "badgeTooltipShowTimeouts", /* @__PURE__ */ new Map());
1355
+ m(this, "badgeTooltipHideTimeouts", /* @__PURE__ */ new Map());
1356
1356
  // Action button tooltip storage
1357
- p(this, "actionButtonTooltips", /* @__PURE__ */ new Map());
1358
- p(this, "actionButtonTooltipCleanups", /* @__PURE__ */ new Map());
1357
+ m(this, "actionButtonTooltips", /* @__PURE__ */ new Map());
1358
+ m(this, "actionButtonTooltipCleanups", /* @__PURE__ */ new Map());
1359
1359
  // Virtual scroll instance
1360
- p(this, "virtualScroll", null);
1361
- p(this, "optionsContainer", null);
1362
- p(this, "selectedPopoverVirtualScroll", null);
1363
- p(this, "selectedPopoverContainer", null);
1360
+ m(this, "virtualScroll", null);
1361
+ m(this, "optionsContainer", null);
1362
+ m(this, "selectedPopoverVirtualScroll", null);
1363
+ m(this, "selectedPopoverContainer", null);
1364
1364
  // DOM elements
1365
- p(this, "input");
1366
- p(this, "dropdown");
1367
- p(this, "badgesContainer");
1368
- p(this, "counter");
1369
- p(this, "hint");
1370
- p(this, "selectedPopover");
1365
+ m(this, "input");
1366
+ m(this, "dropdown");
1367
+ m(this, "badgesContainer");
1368
+ m(this, "counter");
1369
+ m(this, "hint");
1370
+ m(this, "selectedPopover");
1371
1371
  this.element = e, this.instanceId = `MS-${Math.random().toString(36).substr(2, 9)}`, this.options = {
1372
1372
  // String options
1373
1373
  searchHint: e.dataset.searchHint || "",
@@ -1503,12 +1503,12 @@ class us {
1503
1503
  hasAncestorDir: r,
1504
1504
  isRTL: this.isRTL
1505
1505
  }), this.effectiveBadgesPosition = this.options.badgesPosition || "bottom", this.isRTL && (this.effectiveBadgesPosition === "left" ? this.effectiveBadgesPosition = "right" : this.effectiveBadgesPosition === "right" && (this.effectiveBadgesPosition = "left")), this.element.classList.add("ms"), this.isRTL && (this.element.classList.add("ms--rtl"), le.debug(`[${this.instanceId}] Added ms--rtl class to element`)), (!this.options.isCheckboxesShown || !this.options.isMultipleEnabled) && this.element.classList.add("ms--no-checkboxes");
1506
- const n = document.createElement("div");
1507
- n.className = "ms__input-wrapper", this.input = document.createElement("input"), this.input.type = "text", this.input.className = "ms__input", this.input.placeholder = this.options.searchPlaceholder, this.input.autocomplete = "off", this.options.searchInputMode === "readonly" ? this.input.readOnly = !0 : this.options.searchInputMode === "hidden" && (this.input.style.display = "none");
1508
- const a = document.createElement("span");
1509
- a.className = "ms__toggle", a.innerHTML = "▼", this.counter = document.createElement("span"), this.counter.className = "ms__counter", this.counter.style.display = "none", n.appendChild(this.input), n.appendChild(this.counter), n.appendChild(a), this.badgesContainer = document.createElement("div"), this.badgesContainer.className = "ms__badges";
1506
+ const a = document.createElement("div");
1507
+ a.className = "ms__input-wrapper", this.input = document.createElement("input"), this.input.type = "text", this.input.className = "ms__input", this.input.placeholder = this.options.searchPlaceholder, this.input.autocomplete = "off", this.options.searchInputMode === "readonly" ? this.input.readOnly = !0 : this.options.searchInputMode === "hidden" && (this.input.style.display = "none");
1508
+ const n = document.createElement("span");
1509
+ n.className = "ms__toggle", n.innerHTML = "▼", this.counter = document.createElement("span"), this.counter.className = "ms__counter", this.counter.style.display = "none", a.appendChild(this.input), a.appendChild(this.counter), a.appendChild(n), this.badgesContainer = document.createElement("div"), this.badgesContainer.className = "ms__badges";
1510
1510
  const l = document.createElement("div");
1511
- l.className = "ms-wrapper", (this.effectiveBadgesPosition === "left" || this.effectiveBadgesPosition === "right") && l.classList.add("ms-wrapper--inline"), l.appendChild(n), l.appendChild(this.badgesContainer), this.element.appendChild(l), this.dropdown = document.createElement("div"), this.dropdown.className = "ms__dropdown", e.appendChild(this.dropdown), this.options.searchHint && (this.hint = document.createElement("div"), this.hint.className = "ms__hint", this.hint.textContent = this.options.searchHint, e.appendChild(this.hint)), this.selectedPopover = document.createElement("div"), this.selectedPopover.className = "ms__selected-popover", e.appendChild(this.selectedPopover), this.renderDropdown();
1511
+ l.className = "ms-wrapper", (this.effectiveBadgesPosition === "left" || this.effectiveBadgesPosition === "right") && l.classList.add("ms-wrapper--inline"), l.appendChild(a), l.appendChild(this.badgesContainer), this.element.appendChild(l), this.dropdown = document.createElement("div"), this.dropdown.className = "ms__dropdown", e.appendChild(this.dropdown), this.options.searchHint && (this.hint = document.createElement("div"), this.hint.className = "ms__hint", this.hint.textContent = this.options.searchHint, e.appendChild(this.hint)), this.selectedPopover = document.createElement("div"), this.selectedPopover.className = "ms__selected-popover", e.appendChild(this.selectedPopover), this.renderDropdown();
1512
1512
  }
1513
1513
  /**
1514
1514
  * Check if virtual scroll should be used
@@ -1543,13 +1543,13 @@ class us {
1543
1543
  e += `<div class="ms__actions${t}${s}">`, this.options.actionButtons.forEach((i) => {
1544
1544
  if (!(i.isVisibleCallback ? i.isVisibleCallback(this) : i.isVisible ?? !0))
1545
1545
  return;
1546
- const a = (i.isDisabledCallback ? i.isDisabledCallback(this) : i.isDisabled ?? !1) ? " disabled" : "", l = i.getTextCallback ? i.getTextCallback(this) : i.text;
1546
+ const n = (i.isDisabledCallback ? i.isDisabledCallback(this) : i.isDisabled ?? !1) ? " disabled" : "", l = i.getTextCallback ? i.getTextCallback(this) : i.text;
1547
1547
  let c = "";
1548
1548
  if (i.getClassCallback) {
1549
1549
  const d = i.getClassCallback(this);
1550
1550
  c = Array.isArray(d) ? ` ${d.join(" ")}` : d ? ` ${d}` : "";
1551
1551
  } else i.cssClass && (c = ` ${i.cssClass}`);
1552
- e += `<button type="button"${a} class="ms__action-btn${c}" data-action="${i.action}">${l}</button>`;
1552
+ e += `<button type="button"${n} class="ms__action-btn${c}" data-action="${i.action}">${l}</button>`;
1553
1553
  }), e += "</div>";
1554
1554
  }
1555
1555
  if (e += '<div class="ms__options">', this.filteredOptions.length === 0)
@@ -1584,17 +1584,17 @@ class us {
1584
1584
  if (this.destroyAllActionButtonTooltips(), !this.virtualScroll) {
1585
1585
  let s = "";
1586
1586
  if (this.options.isMultipleEnabled && this.options.actionButtons && this.options.actionButtons.length > 0) {
1587
- const n = this.options.isActionsSticky ? " ms__actions--sticky" : "", a = this.options.actionsLayout === "wrap" ? " ms__actions--wrap" : "";
1588
- s += `<div class="ms__actions${n}${a}">`, this.options.actionButtons.forEach((l) => {
1587
+ const a = this.options.isActionsSticky ? " ms__actions--sticky" : "", n = this.options.actionsLayout === "wrap" ? " ms__actions--wrap" : "";
1588
+ s += `<div class="ms__actions${a}${n}">`, this.options.actionButtons.forEach((l) => {
1589
1589
  if (!(l.isVisibleCallback ? l.isVisibleCallback(this) : l.isVisible ?? !0))
1590
1590
  return;
1591
- const m = (l.isDisabledCallback ? l.isDisabledCallback(this) : l.isDisabled ?? !1) ? " disabled" : "", u = l.getTextCallback ? l.getTextCallback(this) : l.text;
1591
+ const p = (l.isDisabledCallback ? l.isDisabledCallback(this) : l.isDisabled ?? !1) ? " disabled" : "", u = l.getTextCallback ? l.getTextCallback(this) : l.text;
1592
1592
  let h = "";
1593
1593
  if (l.getClassCallback) {
1594
1594
  const g = l.getClassCallback(this);
1595
1595
  h = Array.isArray(g) ? ` ${g.join(" ")}` : g ? ` ${g}` : "";
1596
1596
  } else l.cssClass && (h = ` ${l.cssClass}`);
1597
- s += `<button type="button"${m} class="ms__action-btn${h}" data-action="${l.action}">${u}</button>`;
1597
+ s += `<button type="button"${p} class="ms__action-btn${h}" data-action="${l.action}">${u}</button>`;
1598
1598
  }), s += "</div>";
1599
1599
  }
1600
1600
  const i = this.options.maxHeight || "20rem", r = this.options.optionHeight ?? 50;
@@ -1616,21 +1616,21 @@ class us {
1616
1616
  });
1617
1617
  }
1618
1618
  renderOption(e, t) {
1619
- const s = this.getItemValue(e), i = this.getItemDisplayValue(e), r = this.getItemIcon(e), n = this.getItemSubtitle(e), a = this.getItemDisabled(e), l = this.selectedValues.has(String(s)), c = t === this.focusedIndex, d = this.matchingIndices.has(t), m = ["ms__option"];
1620
- l && m.push("ms__option--selected"), c && m.push("ms__option--focused"), d && m.push("ms__option--matched"), a && m.push("ms__option--disabled");
1619
+ const s = this.getItemValue(e), i = this.getItemDisplayValue(e), r = this.getItemIcon(e), a = this.getItemSubtitle(e), n = this.getItemDisabled(e), l = this.selectedValues.has(String(s)), c = t === this.focusedIndex, d = this.matchingIndices.has(t), p = ["ms__option"];
1620
+ l && p.push("ms__option--selected"), c && p.push("ms__option--focused"), d && p.push("ms__option--matched"), n && p.push("ms__option--disabled");
1621
1621
  const u = this.options.checkboxAlign && this.options.checkboxAlign !== "center" ? ` data-checkbox-align="${this.options.checkboxAlign}"` : "";
1622
- let h = `<div class="${m.join(" ")}" data-value="${s}" data-index="${t}"${u}>`;
1623
- if (this.options.isCheckboxesShown && this.options.isMultipleEnabled && (h += `<input type="checkbox" class="ms__checkbox" ${l ? "checked" : ""} ${a ? "disabled" : ""}>`), h += '<div class="ms__option-content">', this.options.renderOptionContentCallback) {
1622
+ let h = `<div class="${p.join(" ")}" data-value="${s}" data-index="${t}"${u}>`;
1623
+ if (this.options.isCheckboxesShown && this.options.isMultipleEnabled && (h += `<input type="checkbox" class="ms__checkbox" ${l ? "checked" : ""} ${n ? "disabled" : ""}>`), h += '<div class="ms__option-content">', this.options.renderOptionContentCallback) {
1624
1624
  const g = {
1625
1625
  index: t,
1626
1626
  isSelected: l,
1627
1627
  isFocused: c,
1628
1628
  isMatched: d,
1629
- isDisabled: a
1629
+ isDisabled: n
1630
1630
  }, b = this.options.renderOptionContentCallback(e, g);
1631
1631
  typeof b == "string" ? h += b : h += b.outerHTML;
1632
1632
  } else
1633
- r && (h += `<span class="ms__option-icon">${r}</span>`), h += '<div class="ms__option-text">', h += `<div class="ms__option-title">${this.highlightMatch(i, this.searchTerm)}</div>`, n && (h += `<div class="ms__option-subtitle">${n}</div>`), h += "</div>";
1633
+ r && (h += `<span class="ms__option-icon">${r}</span>`), h += '<div class="ms__option-text">', h += `<div class="ms__option-title">${this.highlightMatch(i, this.searchTerm)}</div>`, a && (h += `<div class="ms__option-subtitle">${a}</div>`), h += "</div>";
1634
1634
  return h += "</div>", h += "</div>", h;
1635
1635
  }
1636
1636
  highlightMatch(e, t) {
@@ -1651,13 +1651,13 @@ class us {
1651
1651
  if (!this.options.isMultipleEnabled) {
1652
1652
  this.badgesContainer.innerHTML = "", this.counter.style.display = "none";
1653
1653
  let r;
1654
- e[0] && (this.options.renderSelectedContentCallback ? r = this.options.renderSelectedContentCallback(e[0]) : r = this.getItemDisplayValue(e[0])), f.warn(`[${this.instanceId}] renderBadges() single-select mode`, {
1654
+ e[0] && (this.options.renderSelectedContentCallback ? r = this.options.renderSelectedContentCallback(e[0]) : r = this.getItemDisplayValue(e[0])), v.warn(`[${this.instanceId}] renderBadges() single-select mode`, {
1655
1655
  isOpen: this.isOpen,
1656
1656
  count: t,
1657
1657
  selectedOptionsLength: e.length,
1658
1658
  willSetValue: !this.isOpen && t > 0 && e.length > 0,
1659
1659
  selectedLabel: r
1660
- }), !this.isOpen && t > 0 && e.length > 0 ? (f.info(`[${this.instanceId}] ✅ SETTING input.value = "${r}"`), this.input.value = r, f.info(`[${this.instanceId}] 🔍 VERIFY input.value = "${this.input.value}"`)) : this.isOpen ? f.info(`[${this.instanceId}] ⏭️ SKIPPING input update (dropdown is open)`) : (f.info(`[${this.instanceId}] ❌ CLEARING input.value (no selection)`), this.input.value = "");
1660
+ }), !this.isOpen && t > 0 && e.length > 0 ? (v.info(`[${this.instanceId}] ✅ SETTING input.value = "${r}"`), this.input.value = r, v.info(`[${this.instanceId}] 🔍 VERIFY input.value = "${this.input.value}"`)) : this.isOpen ? v.info(`[${this.instanceId}] ⏭️ SKIPPING input update (dropdown is open)`) : (v.info(`[${this.instanceId}] ❌ CLEARING input.value (no selection)`), this.input.value = "");
1661
1661
  return;
1662
1662
  }
1663
1663
  let s = this.options.badgesDisplayMode;
@@ -1673,32 +1673,32 @@ class us {
1673
1673
  }
1674
1674
  if (s === "badges")
1675
1675
  this.badgesContainer.className = `ms__badges ms__badges--${this.effectiveBadgesPosition}`, this.badgesContainer.innerHTML = e.map((r) => {
1676
- const n = this.getItemValue(r);
1677
- let a;
1676
+ const a = this.getItemValue(r);
1677
+ let n;
1678
1678
  if (this.options.renderBadgeContentCallback) {
1679
1679
  const c = {
1680
1680
  displayMode: "badges",
1681
1681
  isInPopover: !1
1682
1682
  }, d = this.options.renderBadgeContentCallback(r, c);
1683
- a = typeof d == "string" ? d : d.outerHTML;
1683
+ n = typeof d == "string" ? d : d.outerHTML;
1684
1684
  } else
1685
- a = this.getItemBadgeDisplayValue(r);
1685
+ n = this.getItemBadgeDisplayValue(r);
1686
1686
  let l = "ms__badge";
1687
1687
  if (this.options.getBadgeClassCallback) {
1688
1688
  const c = this.options.getBadgeClassCallback(r), d = Array.isArray(c) ? c : [c];
1689
- l += " " + d.filter((m) => m).join(" ");
1689
+ l += " " + d.filter((p) => p).join(" ");
1690
1690
  }
1691
1691
  return `
1692
1692
  <div class="${l}">
1693
- <span class="ms__badge-text">${a}</span>
1694
- <button type="button" class="ms__badge-remove" data-value="${n}" aria-label="Remove ${this.getItemBadgeDisplayValue(r)}"></button>
1693
+ <span class="ms__badge-text">${n}</span>
1694
+ <button type="button" class="ms__badge-remove" data-value="${a}" aria-label="Remove ${this.getItemBadgeDisplayValue(r)}"></button>
1695
1695
  </div>
1696
1696
  `;
1697
1697
  }).join("");
1698
1698
  else if (s === "partial") {
1699
1699
  this.badgesContainer.className = `ms__badges ms__badges--${this.effectiveBadgesPosition}`;
1700
- const r = this.options.badgesMaxVisible || 3, n = e.slice(0, r), a = t - r, l = n.map((d) => {
1701
- const m = this.getItemValue(d);
1700
+ const r = this.options.badgesMaxVisible || 3, a = e.slice(0, r), n = t - r, l = a.map((d) => {
1701
+ const p = this.getItemValue(d);
1702
1702
  let u;
1703
1703
  if (this.options.renderBadgeContentCallback) {
1704
1704
  const g = {
@@ -1711,29 +1711,29 @@ class us {
1711
1711
  let h = "ms__badge";
1712
1712
  if (this.options.getBadgeClassCallback) {
1713
1713
  const g = this.options.getBadgeClassCallback(d), b = Array.isArray(g) ? g : [g];
1714
- h += " " + b.filter((v) => v).join(" ");
1714
+ h += " " + b.filter((f) => f).join(" ");
1715
1715
  }
1716
1716
  return `
1717
1717
  <div class="${h}">
1718
1718
  <span class="ms__badge-text">${u}</span>
1719
- <button type="button" class="ms__badge-remove" data-value="${m}" aria-label="Remove ${this.getItemBadgeDisplayValue(d)}"></button>
1719
+ <button type="button" class="ms__badge-remove" data-value="${p}" aria-label="Remove ${this.getItemBadgeDisplayValue(d)}"></button>
1720
1720
  </div>
1721
1721
  `;
1722
1722
  }).join("");
1723
1723
  let c = "";
1724
- a > 0 && (c = `
1724
+ n > 0 && (c = `
1725
1725
  <div class="ms__badge ms__badge--counter ms__badge--more" data-action="show-selected">
1726
- <span class="ms__badge-text">${this.options.getCounterCallback ? this.options.getCounterCallback(t, a) : `+${a} more`}</span>
1727
- <button type="button" class="ms__badge-remove" data-action="remove-hidden" aria-label="Remove ${a} hidden items"></button>
1726
+ <span class="ms__badge-text">${this.options.getCounterCallback ? this.options.getCounterCallback(t, n) : `+${n} more`}</span>
1727
+ <button type="button" class="ms__badge-remove" data-action="remove-hidden" aria-label="Remove ${n} hidden items"></button>
1728
1728
  </div>
1729
1729
  `), this.badgesContainer.innerHTML = l + c;
1730
1730
  } else if (s === "compact")
1731
1731
  if (this.badgesContainer.className = `ms__badges ms__badges--${this.effectiveBadgesPosition}`, t > 0) {
1732
- const r = e[0], n = this.getItemBadgeDisplayValue(r), a = t - 1;
1733
- let l = n;
1734
- if (a > 0) {
1735
- const c = this.options.getCounterCallback ? this.options.getCounterCallback(t, a) : `+${a} more`;
1736
- l = `${n} (${c})`;
1732
+ const r = e[0], a = this.getItemBadgeDisplayValue(r), n = t - 1;
1733
+ let l = a;
1734
+ if (n > 0) {
1735
+ const c = this.options.getCounterCallback ? this.options.getCounterCallback(t, n) : `+${n} more`;
1736
+ l = `${a} (${c})`;
1737
1737
  }
1738
1738
  this.badgesContainer.innerHTML = `
1739
1739
  <div class="ms__badge ms__badge--counter" data-action="show-selected">
@@ -1817,8 +1817,8 @@ class us {
1817
1817
  else {
1818
1818
  this.filteredOptions = [...this.allOptions], this.matchingIndices.clear();
1819
1819
  let r = -1;
1820
- this.allOptions.forEach((n, a) => {
1821
- this.getItemSearchValue(n).toLowerCase().includes(i) && (this.matchingIndices.add(a), r === -1 && (r = a));
1820
+ this.allOptions.forEach((a, n) => {
1821
+ this.getItemSearchValue(a).toLowerCase().includes(i) && (this.matchingIndices.add(n), r === -1 && (r = n));
1822
1822
  }), r >= 0 ? (this.focusedIndex = r, S.debug(`[${this.instanceId}] Navigate mode: ${this.matchingIndices.size} matches, jumped to index ${r}`)) : S.debug(`[${this.instanceId}] Navigate mode: No matches found, keeping previous focus`);
1823
1823
  }
1824
1824
  }
@@ -1879,25 +1879,25 @@ class us {
1879
1879
  else if (r === "clear-all")
1880
1880
  this.clearAll();
1881
1881
  else if (r === "custom") {
1882
- const n = (i = this.options.actionButtons) == null ? void 0 : i.find(
1883
- (a) => {
1882
+ const a = (i = this.options.actionButtons) == null ? void 0 : i.find(
1883
+ (n) => {
1884
1884
  var l;
1885
- return a.action === "custom" && a.text === ((l = t.textContent) == null ? void 0 : l.trim());
1885
+ return n.action === "custom" && n.text === ((l = t.textContent) == null ? void 0 : l.trim());
1886
1886
  }
1887
1887
  );
1888
- n != null && n.onClick && n.onClick(this);
1888
+ a != null && a.onClick && a.onClick(this);
1889
1889
  }
1890
1890
  return;
1891
1891
  }
1892
1892
  const s = e.target.closest(".ms__option");
1893
1893
  if (s && !s.classList.contains("ms__option--disabled")) {
1894
1894
  e.preventDefault();
1895
- const r = s.dataset.value, n = this.filteredOptions.find((a) => String(this.getItemValue(a)) === r);
1895
+ const r = s.dataset.value, a = this.filteredOptions.find((n) => String(this.getItemValue(n)) === r);
1896
1896
  T.debug(`[${this.instanceId}] Option clicked:`, {
1897
1897
  value: r,
1898
1898
  closeOnSelect: this.options.isCloseOnSelect,
1899
1899
  placeholder: this.options.searchPlaceholder
1900
- }), n && this.toggleOption(n);
1900
+ }), a && this.toggleOption(a);
1901
1901
  }
1902
1902
  }
1903
1903
  handleBadgeClick(e) {
@@ -1914,11 +1914,11 @@ class us {
1914
1914
  if (e.preventDefault(), e.stopPropagation(), i.dataset.action === "remove-hidden") {
1915
1915
  T.debug(`[${this.instanceId}] Remove hidden items button clicked`);
1916
1916
  const l = this.options.badgesMaxVisible || 3;
1917
- Array.from(this.selectedOptions.values()).slice(l).forEach((m) => this.deselectOption(m));
1917
+ Array.from(this.selectedOptions.values()).slice(l).forEach((p) => this.deselectOption(p));
1918
1918
  return;
1919
1919
  }
1920
- const n = i.dataset.value, a = this.selectedOptions.get(n);
1921
- a && this.deselectOption(a);
1920
+ const a = i.dataset.value, n = this.selectedOptions.get(a);
1921
+ n && this.deselectOption(n);
1922
1922
  return;
1923
1923
  }
1924
1924
  if (e.target.closest(".ms__badge--more") && !e.target.closest(".ms__badge-remove")) {
@@ -1930,9 +1930,9 @@ class us {
1930
1930
  var i;
1931
1931
  const t = e.composedPath();
1932
1932
  if (this.showSelectedPopover && !t.some(
1933
- (n) => n instanceof Node && (this.selectedPopover.contains(n) || this.counter.contains(n) || n.closest && n.closest('[data-action="show-selected"]'))
1933
+ (a) => a instanceof Node && (this.selectedPopover.contains(a) || this.counter.contains(a) || a.closest && a.closest('[data-action="show-selected"]'))
1934
1934
  )) {
1935
- f.debug(`[${this.instanceId}] Closing selected popover due to click outside`), this.hideSelectedPopover();
1935
+ v.debug(`[${this.instanceId}] Closing selected popover due to click outside`), this.hideSelectedPopover();
1936
1936
  return;
1937
1937
  }
1938
1938
  if (!this.isOpen) return;
@@ -1989,14 +1989,14 @@ class us {
1989
1989
  toggleOption(e) {
1990
1990
  const t = this.getItemValue(e), s = String(t);
1991
1991
  if (T.debug(`[${this.instanceId}] toggleOption called`, { value: t, multiple: this.options.isMultipleEnabled }), !this.options.isMultipleEnabled) {
1992
- this.selectedValues.has(s) ? (T.debug(`[${this.instanceId}] Deselecting option in single-select mode`, { value: t }), this.deselectOption(e)) : (T.debug(`[${this.instanceId}] Clearing previous selections and selecting new option`, { value: t }), this.selectedValues.clear(), this.selectedOptions.clear(), this.selectOption(e)), f.info(`[${this.instanceId}] ❌ Closing dropdown (single-select mode)`), this.close();
1992
+ this.selectedValues.has(s) ? (T.debug(`[${this.instanceId}] Deselecting option in single-select mode`, { value: t }), this.deselectOption(e)) : (T.debug(`[${this.instanceId}] Clearing previous selections and selecting new option`, { value: t }), this.selectedValues.clear(), this.selectedOptions.clear(), this.selectOption(e)), v.info(`[${this.instanceId}] ❌ Closing dropdown (single-select mode)`), this.close();
1993
1993
  return;
1994
1994
  }
1995
1995
  this.selectedValues.has(s) ? (T.debug(`[${this.instanceId}] Deselecting option`, { value: t }), this.deselectOption(e)) : (T.debug(`[${this.instanceId}] Selecting option`, { value: t }), this.selectOption(e)), T.debug(`[${this.instanceId}] Checking closeOnSelect`, {
1996
1996
  closeOnSelect: this.options.isCloseOnSelect,
1997
1997
  willClose: this.options.isCloseOnSelect === !0,
1998
1998
  placeholder: this.options.searchPlaceholder
1999
- }), this.options.isCloseOnSelect ? (f.info(`[${this.instanceId}] ❌ Closing dropdown (closeOnSelect=true)`), this.close()) : f.info(`[${this.instanceId}] ✅ Keeping dropdown open (closeOnSelect=false)`);
1999
+ }), this.options.isCloseOnSelect ? (v.info(`[${this.instanceId}] ❌ Closing dropdown (closeOnSelect=true)`), this.close()) : v.info(`[${this.instanceId}] ✅ Keeping dropdown open (closeOnSelect=false)`);
2000
2000
  }
2001
2001
  async handleAddNew(e) {
2002
2002
  if (this.options.addNewCallback)
@@ -2028,21 +2028,21 @@ class us {
2028
2028
  this.selectedValues.clear(), this.selectedOptions.clear(), this.renderDropdown(), this.renderBadges(), this.updateHiddenInput(), this.options.changeCallback && this.options.changeCallback(this.getSelected());
2029
2029
  }
2030
2030
  open() {
2031
- f.debug(`[${this.instanceId}] open() called`, { isOpen: this.isOpen }), !this.isOpen && (this.isOpen = !0, this.element.classList.add("ms--open"), this.dropdown.classList.add("ms__dropdown--visible"), f.info(`[${this.instanceId}] Dropdown opened`), this.input.placeholder = this.options.searchPlaceholder, !this.options.isMultipleEnabled && this.options.isSearchEnabled && (this.input.value = ""), this.options.searchCallback && this.options.isKeepOptionsOnSearch && !this.searchTerm && (this.filteredOptions = [...this.allOptions], f.debug(`[${this.instanceId}] Showing ${this.allOptions.length} initial options on open`)), this.renderDropdown(), this.positionDropdown(), this.hint && (this.hint.classList.add("ms__hint--visible"), this.positionHint()));
2031
+ v.debug(`[${this.instanceId}] open() called`, { isOpen: this.isOpen }), !this.isOpen && (this.isOpen = !0, this.element.classList.add("ms--open"), this.dropdown.classList.add("ms__dropdown--visible"), v.info(`[${this.instanceId}] Dropdown opened`), this.input.placeholder = this.options.searchPlaceholder, !this.options.isMultipleEnabled && this.options.isSearchEnabled && (this.input.value = ""), this.options.searchCallback && this.options.isKeepOptionsOnSearch && !this.searchTerm && (this.filteredOptions = [...this.allOptions], v.debug(`[${this.instanceId}] Showing ${this.allOptions.length} initial options on open`)), this.renderDropdown(), this.positionDropdown(), this.hint && (this.hint.classList.add("ms__hint--visible"), this.positionHint()));
2032
2032
  }
2033
2033
  close() {
2034
- if (f.debug(`[${this.instanceId}] close() called`, { isOpen: this.isOpen }), !!this.isOpen) {
2034
+ if (v.debug(`[${this.instanceId}] close() called`, { isOpen: this.isOpen }), !!this.isOpen) {
2035
2035
  if (this.isOpen = !1, this.element.classList.remove("ms--open"), this.dropdown.classList.remove("ms__dropdown--visible"), this.hint && this.hint.classList.remove("ms__hint--visible"), !this.options.shouldKeepSearchOnClose) {
2036
2036
  this.searchTerm = "";
2037
2037
  const e = this.options.isMultipleEnabled || this.options.isSearchEnabled;
2038
- f.warn(`[${this.instanceId}] close() - input clearing decision`, {
2038
+ v.warn(`[${this.instanceId}] close() - input clearing decision`, {
2039
2039
  multiple: this.options.isMultipleEnabled,
2040
2040
  enableSearch: this.options.isSearchEnabled,
2041
2041
  willClearInput: e,
2042
2042
  currentInputValue: this.input.value
2043
- }), e ? (f.info(`[${this.instanceId}] 🧹 close() CLEARING input.value`), this.input.value = "") : f.info(`[${this.instanceId}] 🔒 close() KEEPING input.value = "${this.input.value}"`), this.filteredOptions = [...this.allOptions];
2043
+ }), e ? (v.info(`[${this.instanceId}] 🧹 close() CLEARING input.value`), this.input.value = "") : v.info(`[${this.instanceId}] 🔒 close() KEEPING input.value = "${this.input.value}"`), this.filteredOptions = [...this.allOptions];
2044
2044
  }
2045
- this.focusedIndex = -1, f.info(`[${this.instanceId}] 📞 close() CALLING renderBadges()`), this.renderBadges(), f.info(`[${this.instanceId}] ✅ close() AFTER renderBadges(), input.value = "${this.input.value}"`), this.dropdownCleanup && (this.dropdownCleanup(), this.dropdownCleanup = null), this.hintCleanup && (this.hintCleanup(), this.hintCleanup = null), this.dropdownPlacement = null, f.info(`[${this.instanceId}] Dropdown closed. Stack trace:`), f.trace();
2045
+ this.focusedIndex = -1, v.info(`[${this.instanceId}] 📞 close() CALLING renderBadges()`), this.renderBadges(), v.info(`[${this.instanceId}] ✅ close() AFTER renderBadges(), input.value = "${this.input.value}"`), this.dropdownCleanup && (this.dropdownCleanup(), this.dropdownCleanup = null), this.hintCleanup && (this.hintCleanup(), this.hintCleanup = null), this.dropdownPlacement = null, v.info(`[${this.instanceId}] Dropdown closed. Stack trace:`), v.trace();
2046
2046
  }
2047
2047
  }
2048
2048
  positionDropdown() {
@@ -2052,20 +2052,20 @@ class us {
2052
2052
  () => {
2053
2053
  const e = this.options.isPlacementLocked && this.dropdownPlacement ? this.dropdownPlacement : "bottom-start", t = [
2054
2054
  Q(4),
2055
- ...this.options.isPlacementLocked && this.dropdownPlacement ? [] : [ae()],
2055
+ ...this.options.isPlacementLocked && this.dropdownPlacement ? [] : [ne()],
2056
2056
  q({ padding: 8 })
2057
2057
  ];
2058
2058
  ee(this.input, this.dropdown, {
2059
2059
  placement: e,
2060
2060
  middleware: t
2061
2061
  }).then(({ x: s, y: i, placement: r }) => {
2062
- this.options.isPlacementLocked && !this.dropdownPlacement && (this.dropdownPlacement = r, f.debug(`[${this.instanceId}] Locked dropdown placement:`, r));
2063
- const n = {
2062
+ this.options.isPlacementLocked && !this.dropdownPlacement && (this.dropdownPlacement = r, v.debug(`[${this.instanceId}] Locked dropdown placement:`, r));
2063
+ const a = {
2064
2064
  left: `${s}px`,
2065
2065
  top: `${i}px`,
2066
2066
  width: `${this.input.offsetWidth}px`
2067
2067
  };
2068
- this.options.dropdownMinWidth && (n.minWidth = this.options.dropdownMinWidth), Object.assign(this.dropdown.style, n), this.hint && this.isOpen && this.positionHint();
2068
+ this.options.dropdownMinWidth && (a.minWidth = this.options.dropdownMinWidth), Object.assign(this.dropdown.style, a), this.hint && this.isOpen && this.positionHint();
2069
2069
  });
2070
2070
  }
2071
2071
  );
@@ -2099,7 +2099,7 @@ class us {
2099
2099
  JSON.parse(e).forEach((s) => {
2100
2100
  const i = String(s);
2101
2101
  this.selectedValues.add(i);
2102
- const r = this.allOptions.find((n) => String(this.getItemValue(n)) === i);
2102
+ const r = this.allOptions.find((a) => String(this.getItemValue(a)) === i);
2103
2103
  r && this.selectedOptions.set(i, r);
2104
2104
  }), this.renderBadges();
2105
2105
  } catch (t) {
@@ -2110,10 +2110,10 @@ class us {
2110
2110
  this.showSelectedPopover ? this.hideSelectedPopover() : this.showPopover();
2111
2111
  }
2112
2112
  showPopover() {
2113
- f.debug(`[${this.instanceId}] showPopover() called`), this.isOpen && this.close(), this.showSelectedPopover = !0, this.renderSelectedPopover(), this.selectedPopover.classList.add("ms__selected-popover--visible"), this.selectedValues.size >= 100 && this.selectedPopover.classList.add("ms__selected-popover--virtual"), this.positionSelectedPopover();
2113
+ v.debug(`[${this.instanceId}] showPopover() called`), this.isOpen && this.close(), this.showSelectedPopover = !0, this.renderSelectedPopover(), this.selectedPopover.classList.add("ms__selected-popover--visible"), this.selectedValues.size >= 100 && this.selectedPopover.classList.add("ms__selected-popover--virtual"), this.positionSelectedPopover();
2114
2114
  }
2115
2115
  hideSelectedPopover() {
2116
- f.debug(`[${this.instanceId}] hideSelectedPopover() called`), this.showSelectedPopover = !1, this.selectedPopover.classList.remove("ms__selected-popover--visible"), this.selectedPopover.classList.remove("ms__selected-popover--virtual"), this.selectedPopoverPlacement = null, this.selectedPopoverVirtualScroll && (this.selectedPopoverVirtualScroll.destroy(), this.selectedPopoverVirtualScroll = null, this.selectedPopoverContainer = null), this.selectedPopoverCleanup && (this.selectedPopoverCleanup(), this.selectedPopoverCleanup = null);
2116
+ v.debug(`[${this.instanceId}] hideSelectedPopover() called`), this.showSelectedPopover = !1, this.selectedPopover.classList.remove("ms__selected-popover--visible"), this.selectedPopover.classList.remove("ms__selected-popover--virtual"), this.selectedPopoverPlacement = null, this.selectedPopoverVirtualScroll && (this.selectedPopoverVirtualScroll.destroy(), this.selectedPopoverVirtualScroll = null, this.selectedPopoverContainer = null), this.selectedPopoverCleanup && (this.selectedPopoverCleanup(), this.selectedPopoverCleanup = null);
2117
2117
  }
2118
2118
  renderSelectedPopover() {
2119
2119
  const e = Array.from(this.selectedOptions.values()), t = this.selectedValues.size;
@@ -2133,27 +2133,27 @@ class us {
2133
2133
  }
2134
2134
  renderSelectedPopoverVirtual(e, t) {
2135
2135
  if (this.selectedPopoverVirtualScroll) {
2136
- const a = this.selectedPopover.querySelector(".ms__selected-popover-header span");
2137
- a && (a.textContent = `Selected Items (${t})`);
2136
+ const n = this.selectedPopover.querySelector(".ms__selected-popover-header span");
2137
+ n && (n.textContent = `Selected Items (${t})`);
2138
2138
  } else {
2139
- const a = this.options.badgeHeight ?? 36, l = `
2139
+ const n = this.options.badgeHeight ?? 36, l = `
2140
2140
  <div class="ms__selected-popover-header">
2141
2141
  <span>Selected Items (${t})</span>
2142
2142
  <button type="button" class="ms__selected-popover-close" aria-label="Close">&times;</button>
2143
2143
  </div>
2144
- <div class="ms__selected-popover-body ms__selected-popover-body--virtual" style="height: 18rem; overflow-y: auto; position: relative; --ml-badge-height-virtual: ${a}px;"></div>
2144
+ <div class="ms__selected-popover-body ms__selected-popover-body--virtual" style="height: 18rem; overflow-y: auto; position: relative; --ml-badge-height-virtual: ${n}px;"></div>
2145
2145
  `;
2146
2146
  this.selectedPopover.innerHTML = l, this.selectedPopoverContainer = this.selectedPopover.querySelector(".ms__selected-popover-body");
2147
2147
  }
2148
2148
  if (!this.selectedPopoverContainer) return;
2149
- const r = (this.options.badgeHeight ?? 36) + 4, n = this.options.virtualScrollBuffer ?? 10;
2149
+ const r = (this.options.badgeHeight ?? 36) + 4, a = this.options.virtualScrollBuffer ?? 10;
2150
2150
  requestAnimationFrame(() => {
2151
2151
  this.selectedPopoverContainer && (this.selectedPopoverVirtualScroll ? this.selectedPopoverVirtualScroll.setItems(e) : this.selectedPopoverVirtualScroll = new Ne({
2152
2152
  container: this.selectedPopoverContainer,
2153
2153
  itemHeight: r,
2154
2154
  items: e,
2155
- renderItem: (a) => this.renderBadgeForPopover(a),
2156
- bufferSize: n,
2155
+ renderItem: (n) => this.renderBadgeForPopover(n),
2156
+ bufferSize: a,
2157
2157
  onVisibleRangeChange: () => {
2158
2158
  this.attachBadgeTooltips(this.selectedPopoverContainer);
2159
2159
  }
@@ -2164,21 +2164,21 @@ class us {
2164
2164
  const t = this.getItemValue(e);
2165
2165
  let s;
2166
2166
  if (this.options.renderSelectedItemContentCallback) {
2167
- const n = this.options.renderSelectedItemContentCallback(e);
2168
- s = typeof n == "string" ? n : n.outerHTML;
2167
+ const a = this.options.renderSelectedItemContentCallback(e);
2168
+ s = typeof a == "string" ? a : a.outerHTML;
2169
2169
  } else if (this.options.renderBadgeContentCallback) {
2170
- const n = {
2170
+ const a = {
2171
2171
  displayMode: this.options.badgesDisplayMode || "badges",
2172
2172
  isInPopover: !0
2173
- }, a = this.options.renderBadgeContentCallback(e, n);
2174
- s = typeof a == "string" ? a : a.outerHTML;
2173
+ }, n = this.options.renderBadgeContentCallback(e, a);
2174
+ s = typeof n == "string" ? n : n.outerHTML;
2175
2175
  } else
2176
2176
  s = this.getItemBadgeDisplayValue(e);
2177
2177
  let i = "ms__badge";
2178
2178
  const r = this.options.getSelectedItemClassCallback || this.options.getBadgeClassCallback;
2179
2179
  if (r) {
2180
- const n = r(e), a = Array.isArray(n) ? n : [n];
2181
- i += " " + a.filter((l) => l).join(" ");
2180
+ const a = r(e), n = Array.isArray(a) ? a : [a];
2181
+ i += " " + n.filter((l) => l).join(" ");
2182
2182
  }
2183
2183
  return `
2184
2184
  <div class="${i}">
@@ -2209,11 +2209,11 @@ class us {
2209
2209
  placement: e,
2210
2210
  middleware: [
2211
2211
  Q(4),
2212
- ...this.selectedPopoverPlacement ? [] : [ae()],
2212
+ ...this.selectedPopoverPlacement ? [] : [ne()],
2213
2213
  q({ padding: 8 })
2214
2214
  ]
2215
2215
  }).then(({ x: t, y: s, placement: i }) => {
2216
- this.selectedPopoverPlacement || (this.selectedPopoverPlacement = i, f.debug(`[${this.instanceId}] Locked popover placement:`, i));
2216
+ this.selectedPopoverPlacement || (this.selectedPopoverPlacement = i, v.debug(`[${this.instanceId}] Locked popover placement:`, i));
2217
2217
  const r = {
2218
2218
  left: `${t}px`,
2219
2219
  top: `${s}px`,
@@ -2279,25 +2279,25 @@ class us {
2279
2279
  // ========================================================================
2280
2280
  attachBadgeTooltips(e) {
2281
2281
  if (!this.options.isBadgeTooltipsEnabled) {
2282
- f.debug(`[${this.instanceId}] Tooltips disabled - isBadgeTooltipsEnabled is false`);
2282
+ v.debug(`[${this.instanceId}] Tooltips disabled - isBadgeTooltipsEnabled is false`);
2283
2283
  return;
2284
2284
  }
2285
2285
  const s = (e || this.badgesContainer).querySelectorAll(".ms__badge:not(.ms__badge--more)");
2286
- if (f.debug(`[${this.instanceId}] Found ${s.length} badges to attach tooltips to`), s.forEach((i) => {
2287
- const r = i, n = r.querySelector(".ms__badge-remove");
2288
- if (!n) return;
2289
- const a = n.dataset.value, l = this.selectedOptions.get(a);
2286
+ if (v.debug(`[${this.instanceId}] Found ${s.length} badges to attach tooltips to`), s.forEach((i) => {
2287
+ const r = i, a = r.querySelector(".ms__badge-remove");
2288
+ if (!a) return;
2289
+ const n = a.dataset.value, l = this.selectedOptions.get(n);
2290
2290
  if (!l) return;
2291
2291
  const c = r.querySelector(".ms__badge-text");
2292
- c && this.createTooltipForElement(c, l, a);
2292
+ c && this.createTooltipForElement(c, l, n);
2293
2293
  const d = this.getItemBadgeDisplayValue(l);
2294
- this.createRemoveButtonTooltip(n, d, a, l);
2294
+ this.createRemoveButtonTooltip(a, d, n, l);
2295
2295
  }), !e) {
2296
2296
  const i = this.badgesContainer.querySelector(".ms__badge--more");
2297
2297
  if (i) {
2298
2298
  const r = i.querySelector(".ms__badge-remove");
2299
2299
  if (r && r.dataset.action === "remove-hidden") {
2300
- const n = this.options.badgesMaxVisible || 3, l = Array.from(this.selectedOptions.values()).length - n;
2300
+ const a = this.options.badgesMaxVisible || 3, l = Array.from(this.selectedOptions.values()).length - a;
2301
2301
  this.createRemoveButtonTooltip(r, `${l} hidden items`, "more-badge-remove");
2302
2302
  }
2303
2303
  }
@@ -2308,18 +2308,18 @@ class us {
2308
2308
  i.className = "ms__badge-tooltip";
2309
2309
  let r;
2310
2310
  if (this.options.getBadgeTooltipCallback)
2311
- r = this.options.getBadgeTooltipCallback(t), f.debug(`[${this.instanceId}] Using custom callback for tooltip content`);
2311
+ r = this.options.getBadgeTooltipCallback(t), v.debug(`[${this.instanceId}] Using custom callback for tooltip content`);
2312
2312
  else {
2313
2313
  const c = this.getItemBadgeDisplayValue(t), d = this.getItemSubtitle(t);
2314
2314
  r = d ? `${c}
2315
- ${d}` : c, f.debug(`[${this.instanceId}] Using default content: "${r}"`);
2315
+ ${d}` : c, v.debug(`[${this.instanceId}] Using default content: "${r}"`);
2316
2316
  }
2317
- typeof r == "string" ? i.textContent = r : i.appendChild(r), (this.options.container || document.body).appendChild(i), f.debug(`[${this.instanceId}] Tooltip element created and appended for "${s}"`), this.badgeTooltips.set(s, i);
2318
- const a = () => {
2317
+ typeof r == "string" ? i.textContent = r : i.appendChild(r), (this.options.container || document.body).appendChild(i), v.debug(`[${this.instanceId}] Tooltip element created and appended for "${s}"`), this.badgeTooltips.set(s, i);
2318
+ const n = () => {
2319
2319
  const c = this.badgeTooltipHideTimeouts.get(s);
2320
- c && (clearTimeout(c), this.badgeTooltipHideTimeouts.delete(s)), f.debug(`[${this.instanceId}] Mouse entered badge "${s}", will show tooltip in ${this.options.badgeTooltipDelay ?? 100}ms`);
2320
+ c && (clearTimeout(c), this.badgeTooltipHideTimeouts.delete(s)), v.debug(`[${this.instanceId}] Mouse entered badge "${s}", will show tooltip in ${this.options.badgeTooltipDelay ?? 100}ms`);
2321
2321
  const d = window.setTimeout(() => {
2322
- f.debug(`[${this.instanceId}] Showing tooltip for "${s}"`), i.classList.add("ms__badge-tooltip--visible"), this.positionBadgeTooltip(e, i, s), this.badgeTooltipShowTimeouts.delete(s);
2322
+ v.debug(`[${this.instanceId}] Showing tooltip for "${s}"`), i.classList.add("ms__badge-tooltip--visible"), this.positionBadgeTooltip(e, i, s), this.badgeTooltipShowTimeouts.delete(s);
2323
2323
  }, this.options.badgeTooltipDelay ?? 100);
2324
2324
  this.badgeTooltipShowTimeouts.set(s, d);
2325
2325
  }, l = () => {
@@ -2330,18 +2330,18 @@ ${d}` : c, f.debug(`[${this.instanceId}] Using default content: "${r}"`);
2330
2330
  }, 100);
2331
2331
  this.badgeTooltipHideTimeouts.set(s, d);
2332
2332
  };
2333
- e.addEventListener("mouseenter", a), e.addEventListener("mouseleave", l);
2333
+ e.addEventListener("mouseenter", n), e.addEventListener("mouseleave", l);
2334
2334
  }
2335
2335
  createRemoveButtonTooltip(e, t, s, i) {
2336
2336
  const r = document.createElement("div");
2337
2337
  r.className = "ms__badge-tooltip";
2338
- let n;
2339
- i && this.options.getRemoveButtonTooltipCallback ? n = this.options.getRemoveButtonTooltipCallback(i) : this.options.removeButtonTooltipText ? n = this.options.removeButtonTooltipText.replace("{0}", t) : n = `Remove ${t}`, r.textContent = n, (this.options.container || document.body).appendChild(r);
2338
+ let a;
2339
+ i && this.options.getRemoveButtonTooltipCallback ? a = this.options.getRemoveButtonTooltipCallback(i) : this.options.removeButtonTooltipText ? a = this.options.removeButtonTooltipText.replace("{0}", t) : a = `Remove ${t}`, r.textContent = a, (this.options.container || document.body).appendChild(r);
2340
2340
  const l = `${s}-remove`;
2341
2341
  this.badgeTooltips.set(l, r);
2342
2342
  const c = () => {
2343
- const m = this.badgeTooltipHideTimeouts.get(l);
2344
- m && (clearTimeout(m), this.badgeTooltipHideTimeouts.delete(l));
2343
+ const p = this.badgeTooltipHideTimeouts.get(l);
2344
+ p && (clearTimeout(p), this.badgeTooltipHideTimeouts.delete(l));
2345
2345
  const u = this.badgeTooltips.get(s);
2346
2346
  u && u.classList.remove("ms__badge-tooltip--visible");
2347
2347
  const h = window.setTimeout(() => {
@@ -2349,8 +2349,8 @@ ${d}` : c, f.debug(`[${this.instanceId}] Using default content: "${r}"`);
2349
2349
  }, this.options.badgeTooltipDelay ?? 100);
2350
2350
  this.badgeTooltipShowTimeouts.set(l, h);
2351
2351
  }, d = () => {
2352
- const m = this.badgeTooltipShowTimeouts.get(l);
2353
- m && (clearTimeout(m), this.badgeTooltipShowTimeouts.delete(l));
2352
+ const p = this.badgeTooltipShowTimeouts.get(l);
2353
+ p && (clearTimeout(p), this.badgeTooltipShowTimeouts.delete(l));
2354
2354
  const u = window.setTimeout(() => {
2355
2355
  r.classList.remove("ms__badge-tooltip--visible"), this.cleanupBadgeTooltip(l), this.badgeTooltipHideTimeouts.delete(l);
2356
2356
  }, 100);
@@ -2365,14 +2365,14 @@ ${d}` : c, f.debug(`[${this.instanceId}] Using default content: "${r}"`);
2365
2365
  strategy: "fixed",
2366
2366
  middleware: [
2367
2367
  Q(this.options.badgeTooltipOffset || 8),
2368
- ae(),
2368
+ ne(),
2369
2369
  q({ padding: 8 })
2370
2370
  ]
2371
- }).then(({ x: r, y: n }) => {
2371
+ }).then(({ x: r, y: a }) => {
2372
2372
  Object.assign(t.style, {
2373
2373
  left: `${r}px`,
2374
- top: `${n}px`
2375
- }), f.debug(`[${this.instanceId}] Positioned tooltip "${s}" at x:${r}, y:${n}`, {
2374
+ top: `${a}px`
2375
+ }), v.debug(`[${this.instanceId}] Positioned tooltip "${s}" at x:${r}, y:${a}`, {
2376
2376
  placement: this.options.badgeTooltipPlacement || "top",
2377
2377
  tooltipClasses: t.className,
2378
2378
  tooltipDisplay: window.getComputedStyle(t).display,
@@ -2401,31 +2401,31 @@ ${d}` : c, f.debug(`[${this.instanceId}] Using default content: "${r}"`);
2401
2401
  // ========================================================================
2402
2402
  attachActionButtonTooltips() {
2403
2403
  const e = this.dropdown.querySelectorAll(".ms__action-btn");
2404
- f.debug(`[${this.instanceId}] Found ${e.length} action buttons to attach tooltips to`), e.forEach((t) => {
2404
+ v.debug(`[${this.instanceId}] Found ${e.length} action buttons to attach tooltips to`), e.forEach((t) => {
2405
2405
  var l;
2406
2406
  const s = t, i = s.dataset.action;
2407
2407
  if (!i) return;
2408
2408
  const r = (l = this.options.actionButtons) == null ? void 0 : l.find((c) => c.action === "custom" ? s.dataset.customAction === s.dataset.action : c.action === i);
2409
2409
  if (!r) return;
2410
- let n;
2411
- if (r.getTooltipCallback ? (n = r.getTooltipCallback(this), f.debug(`[${this.instanceId}] Using getTooltipCallback for action button "${i}": "${n}"`)) : (n = r.tooltip, f.debug(`[${this.instanceId}] Using static tooltip for action button "${i}": "${n}"`)), !n) {
2412
- f.debug(`[${this.instanceId}] No tooltip for action button "${i}"`);
2410
+ let a;
2411
+ if (r.getTooltipCallback ? (a = r.getTooltipCallback(this), v.debug(`[${this.instanceId}] Using getTooltipCallback for action button "${i}": "${a}"`)) : (a = r.tooltip, v.debug(`[${this.instanceId}] Using static tooltip for action button "${i}": "${a}"`)), !a) {
2412
+ v.debug(`[${this.instanceId}] No tooltip for action button "${i}"`);
2413
2413
  return;
2414
2414
  }
2415
- const a = `action-${i}-${Date.now()}`;
2416
- this.createActionButtonTooltip(s, n, a);
2415
+ const n = `action-${i}-${Date.now()}`;
2416
+ this.createActionButtonTooltip(s, a, n);
2417
2417
  });
2418
2418
  }
2419
2419
  createActionButtonTooltip(e, t, s) {
2420
2420
  const i = document.createElement("div");
2421
- i.className = "ms__badge-tooltip", i.textContent = t, (this.options.container || document.body).appendChild(i), f.debug(`[${this.instanceId}] Tooltip element created for action button "${s}"`), this.actionButtonTooltips.set(s, i);
2422
- let n, a;
2421
+ i.className = "ms__badge-tooltip", i.textContent = t, (this.options.container || document.body).appendChild(i), v.debug(`[${this.instanceId}] Tooltip element created for action button "${s}"`), this.actionButtonTooltips.set(s, i);
2422
+ let a, n;
2423
2423
  const l = () => {
2424
- clearTimeout(a), f.debug(`[${this.instanceId}] Mouse entered action button "${s}", will show tooltip in ${this.options.badgeTooltipDelay ?? 100}ms`), n = window.setTimeout(() => {
2425
- f.debug(`[${this.instanceId}] Showing tooltip for action button "${s}"`), i.classList.add("ms__badge-tooltip--visible"), this.positionActionButtonTooltip(e, i, s);
2424
+ clearTimeout(n), v.debug(`[${this.instanceId}] Mouse entered action button "${s}", will show tooltip in ${this.options.badgeTooltipDelay ?? 100}ms`), a = window.setTimeout(() => {
2425
+ v.debug(`[${this.instanceId}] Showing tooltip for action button "${s}"`), i.classList.add("ms__badge-tooltip--visible"), this.positionActionButtonTooltip(e, i, s);
2426
2426
  }, this.options.badgeTooltipDelay ?? 100);
2427
2427
  }, c = () => {
2428
- clearTimeout(n), a = window.setTimeout(() => {
2428
+ clearTimeout(a), n = window.setTimeout(() => {
2429
2429
  i.classList.remove("ms__badge-tooltip--visible"), this.cleanupActionButtonTooltip(s);
2430
2430
  }, 100);
2431
2431
  };
@@ -2438,14 +2438,14 @@ ${d}` : c, f.debug(`[${this.instanceId}] Using default content: "${r}"`);
2438
2438
  strategy: "fixed",
2439
2439
  middleware: [
2440
2440
  Q(this.options.badgeTooltipOffset || 8),
2441
- ae(),
2441
+ ne(),
2442
2442
  q({ padding: 8 })
2443
2443
  ]
2444
- }).then(({ x: r, y: n }) => {
2444
+ }).then(({ x: r, y: a }) => {
2445
2445
  Object.assign(t.style, {
2446
2446
  left: `${r}px`,
2447
- top: `${n}px`
2448
- }), f.debug(`[${this.instanceId}] Positioned action button tooltip "${s}" at x:${r}, y:${n}`);
2447
+ top: `${a}px`
2448
+ }), v.debug(`[${this.instanceId}] Positioned action button tooltip "${s}" at x:${r}, y:${a}`);
2449
2449
  });
2450
2450
  });
2451
2451
  this.actionButtonTooltipCleanups.set(s, i);
@@ -2464,61 +2464,61 @@ ${d}` : c, f.debug(`[${this.instanceId}] Using default content: "${r}"`);
2464
2464
  this.destroyAllBadgeTooltips(), this.destroyAllActionButtonTooltips(), this.dropdownCleanup && this.dropdownCleanup(), this.hintCleanup && this.hintCleanup(), this.selectedPopoverCleanup && this.selectedPopoverCleanup(), this.virtualScroll && (this.virtualScroll.destroy(), this.virtualScroll = null), this.dropdown && this.dropdown.remove(), this.hint && this.hint.remove(), this.selectedPopover && this.selectedPopover.remove(), this.element.innerHTML = "", this.element.classList.remove("ms", "ms--open", "ms--no-checkboxes"), le.info(`[${this.instanceId}] Component destroyed`);
2465
2465
  }
2466
2466
  }
2467
- const gs = ':host{--ms-rem: 10px;font-family:var(--ms-font-family, var(--base-font-family, inherit));--ms-accent-color: var(--base-accent-color, #3b82f6);--ms-accent-color-hover: var(--base-accent-color-hover, #2563eb);--ms-accent-color-active: var(--base-accent-color-active, #1d4ed8);--ms-text-color-1: var(--base-text-color-1, #111827);--ms-text-color-2: var(--base-text-color-2, #353b47);--ms-text-color-3: var(--base-text-color-3, #6b7280);--ms-text-color-4: var(--base-text-color-4, #a0a3a9);--ms-text-on-accent: var(--base-text-on-accent, #ffffff);--ms-text-primary: var(--ms-text-color-1);--ms-text-secondary: var(--ms-text-color-3);--ms-primary-bg: var(--base-primary-bg, #f3f4f6);--ms-primary-bg-hover: var(--base-primary-bg-hover, #e5e7eb);--ms-border-color: var(--base-border-color, #e5e7eb);--ms-input-background: var(--base-input-background, #ffffff);--ms-input-color: var(--base-input-color, var(--ms-text-color-1));--ms-input-border: var(--base-input-border, 1px solid var(--ms-border-color));--ms-input-border-hover: var(--base-input-border-hover, 1px solid var(--ms-accent-color));--ms-input-border-focus: var(--base-input-border-focus, 1px solid var(--ms-accent-color));--ms-input-placeholder-color: var(--base-input-placeholder-color, var(--ms-text-color-4));--ms-input-background-disabled: var(--base-input-background-disabled, rgba(107, 114, 128, .05));--ms-toggle-icon-color: var(--ms-text-color-3);--ms-toggle-icon-color-open: var(--ms-text-color-3);--ms-counter-badge-background: var(--ms-accent-color);--ms-counter-badge-background-hover: var(--ms-accent-color-hover);--ms-counter-badge-color: var(--ms-text-on-accent);--ms-hint-background: #ffffff;--ms-hint-color: var(--ms-text-color-4);--ms-hint-border-color: var(--ms-border-color);--ms-dropdown-background: var(--base-dropdown-background, #ffffff);--ms-dropdown-text-color: var(--ms-text-color-1);--ms-dropdown-border-color: var(--ms-border-color);--ms-dropdown-box-shadow-semantic: var(--base-dropdown-box-shadow, 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1));--ms-actions-background: #ffffff;--ms-actions-border-color: var(--ms-border-color);--ms-action-button-background: transparent;--ms-action-button-background-hover: var(--ms-primary-bg);--ms-action-button-border-color: var(--ms-border-color);--ms-action-button-border-color-hover: var(--ms-accent-color);--ms-action-button-color: var(--ms-text-color-1);--ms-group-border-color: var(--ms-border-color);--ms-group-label-color: var(--ms-text-color-3);--ms-option-text-color: var(--ms-text-color-1);--ms-option-background: transparent;--ms-option-background-hover: var(--ms-primary-bg);--ms-option-color-hover: inherit;--ms-option-background-focused: var(--ms-primary-bg);--ms-option-color-focused: inherit;--ms-option-outline-color-focused: var(--ms-accent-color);--ms-option-background-selected: rgba(59, 130, 246, .1);--ms-option-background-matched: rgba(59, 130, 246, .08);--ms-option-color-matched: inherit;--ms-option-border-matched-color: rgba(59, 130, 246, .4);--ms-option-title-color: var(--ms-text-color-1);--ms-option-subtitle-color: var(--ms-text-color-3);--ms-option-mark-background: rgba(59, 130, 246, .2);--ms-empty-color: var(--ms-text-color-3);--ms-loading-color: var(--ms-text-color-3);--ms-badge-background: #eff6ff;--ms-badge-background-hover: #ffffff;--ms-badge-background-active: #e0f2fe;--ms-badge-text-background: #eff6ff;--ms-badge-text-color: var(--ms-accent-color);--ms-badge-text-background-hover: #ffffff;--ms-badge-text-color-hover: var(--ms-badge-text-color);--ms-badge-remove-background: var(--ms-accent-color);--ms-badge-remove-background-hover: var(--ms-accent-color-hover);--ms-badge-remove-color: var(--ms-text-on-accent);--ms-badge-counter-border-color: var(--ms-border-color);--ms-badge-counter-text-background: #d1d5db;--ms-badge-counter-text-color: var(--ms-text-color-3);--ms-badge-counter-remove-background: #6b7280;--ms-badge-counter-remove-background-hover: #111827;--ms-counter-wrapper-background: transparent;--ms-counter-wrapper-background-hover: var(--ms-primary-bg);--ms-counter-wrapper-border-color: var(--ms-border-color);--ms-counter-wrapper-border-color-hover: var(--ms-accent-color);--ms-count-text-color: var(--ms-text-color-1);--ms-count-clear-background: transparent;--ms-count-clear-background-hover: var(--ms-accent-color);--ms-count-clear-color: var(--ms-text-color-3);--ms-count-clear-color-hover: var(--ms-accent-color);--ms-tooltip-background: var(--base-tooltip-background, #333333);--ms-tooltip-text-color: var(--base-tooltip-text-color, #ffffff);--ms-selected-popover-background: #ffffff;--ms-selected-popover-border-color: var(--ms-border-color);--ms-selected-popover-header-background: rgba(59, 130, 246, .1);--ms-selected-popover-header-color: var(--ms-text-color-1);--ms-selected-popover-header-border-color: var(--ms-border-color);--ms-selected-popover-close-background: transparent;--ms-selected-popover-close-background-hover: var(--ms-accent-color);--ms-selected-popover-close-color: var(--ms-text-color-3);--ms-selected-popover-close-color-hover: var(--ms-accent-color);--ms-input-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-input-padding-right: calc(4 * var(--ms-rem));--ms-input-height: calc(var(--base-input-size-md-height, 3.5) * var(--ms-rem));--ms-input-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-input-border-width: 1px;--ms-input-border-radius: var(--ms-border-radius-md);--ms-input-bg: #ffffff;--ms-input-text: #111827;--ms-input-bg-disabled: rgba(107, 114, 128, .05);--ms-input-size-xs-font: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-input-size-xs-padding-v: calc(.4 * var(--ms-rem));--ms-input-size-xs-padding-h: calc(.8 * var(--ms-rem));--ms-input-size-xs-height: calc(var(--base-input-size-xs-height, 3.1) * var(--ms-rem));--ms-input-size-sm-font: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-input-size-sm-padding-v: calc(.5 * var(--ms-rem));--ms-input-size-sm-padding-h: calc(1 * var(--ms-rem));--ms-input-size-sm-height: calc(var(--base-input-size-sm-height, 3.3) * var(--ms-rem));--ms-input-size-md-font: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-input-size-md-padding-v: calc(.8 * var(--ms-rem));--ms-input-size-md-padding-h: calc(1.2 * var(--ms-rem));--ms-input-size-md-height: calc(var(--base-input-size-md-height, 3.5) * var(--ms-rem));--ms-input-size-lg-font: calc(var(--base-font-size-base, 1.6) * var(--ms-rem));--ms-input-size-lg-padding-v: calc(1 * var(--ms-rem));--ms-input-size-lg-padding-h: calc(1.4 * var(--ms-rem));--ms-input-size-lg-height: calc(var(--base-input-size-lg-height, 3.8) * var(--ms-rem));--ms-input-size-xl-font: calc(var(--base-font-size-lg, 1.8) * var(--ms-rem));--ms-input-size-xl-padding-v: calc(1.2 * var(--ms-rem));--ms-input-size-xl-padding-h: calc(1.6 * var(--ms-rem));--ms-input-size-xl-height: calc(var(--base-input-size-xl-height, 4.1) * var(--ms-rem));--ms-toggle-right: calc(1.2 * var(--ms-rem));--ms-toggle-color: #6b7280;--ms-transform-center-y: translateY(-50%);--ms-transform-rotate-180: 180deg;--ms-counter-offset: calc(3.2 * var(--ms-rem));--ms-counter-padding: calc(.2 * var(--ms-rem)) calc(.4 * var(--ms-rem));--ms-counter-bg: #3b82f6;--ms-counter-color: #ffffff;--ms-counter-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-counter-font-weight: var(--base-font-weight-semibold, 600);--ms-counter-border-radius: var(--ms-border-radius-sm);--ms-counter-bg-hover: #2563eb;--ms-transform-scale-hover: 1.1;--ms-hint-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-hint-bg: #ffffff;--ms-hint-border: 1px solid #e5e7eb;--ms-hint-border-radius: var(--ms-border-radius-lg);--ms-hint-box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ms-hint-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-dropdown-bg: #ffffff;--ms-dropdown-border: var(--base-dropdown-border, 1px solid #e5e7eb);--ms-dropdown-border-radius: var(--ms-border-radius-lg);--ms-dropdown-box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ms-options-max-height: calc(32 * var(--ms-rem));--ms-option-color: #111827;--ms-z-index-dropdown: 9999;--ms-z-index-sticky: 1;--ms-actions-gap: calc(.4 * var(--ms-rem));--ms-actions-padding: calc(.8 * var(--ms-rem));--ms-actions-border-bottom: 1px solid #e5e7eb;--ms-actions-bg: #ffffff;--ms-action-btn-padding: calc(.4 * var(--ms-rem)) calc(.8 * var(--ms-rem));--ms-action-btn-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-action-btn-border: 1px solid #e5e7eb;--ms-action-btn-border-radius: var(--ms-border-radius-sm);--ms-action-btn-bg: transparent;--ms-action-btn-color: inherit;--ms-action-btn-bg-hover: #f3f4f6;--ms-action-btn-border-color-hover: #3b82f6;--ms-transform-scale-active: .98;--ms-options-padding: 0;--ms-group-border-top: 1px solid #e5e7eb;--ms-group-margin-top: calc(.4 * var(--ms-rem));--ms-group-padding-top: calc(.4 * var(--ms-rem));--ms-group-label-padding: calc(.4 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-group-label-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-group-label-font-weight: var(--base-font-weight-semibold, 600);--ms-group-label-color: #6b7280;--ms-group-label-transform: uppercase;--ms-group-label-letter-spacing: .05em;--ms-option-gap: calc(.8 * var(--ms-rem));--ms-option-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-option-padding-h: calc(1.2 * var(--ms-rem));--ms-option-bg: transparent;--ms-option-bg-hover: #f9fafb;--ms-option-bg-focused: #f9fafb;--ms-option-outline-focused: 2px solid #3b82f6;--ms-option-focus-outline-offset: -2px;--ms-option-bg-matched: rgba(59, 130, 246, .08);--ms-option-border-matched: 3px solid rgba(59, 130, 246, .4);--ms-option-bg-selected: rgba(59, 130, 246, .1);--ms-option-bg-focused-hover: #f9fafb;--ms-option-bg-matched-hover: rgba(59, 130, 246, .12);--ms-option-bg-selected-focused: rgba(59, 130, 246, .15);--ms-option-bg-selected-matched: rgba(59, 130, 246, .15);--ms-option-bg-disabled-selected: rgba(59, 130, 246, .1);--ms-disabled-opacity: .5;--ms-option-content-gap: calc(.8 * var(--ms-rem));--ms-option-icon-size: calc(2 * var(--ms-rem));--ms-option-icon-font-size: calc(var(--base-font-size-base, 1.6) * var(--ms-rem));--ms-option-title-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-option-mark-bg: rgba(59, 130, 246, .2);--ms-option-mark-color: inherit;--ms-option-mark-font-weight: var(--base-font-weight-semibold, 600);--ms-option-subtitle-margin-top: calc(.4 * var(--ms-rem));--ms-option-subtitle-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-option-subtitle-line-height: var(--base-line-height-tight, 1.25);--ms-checkbox-margin-top: calc(.2 * var(--ms-rem));--ms-checkbox-margin-right: 0;--ms-checkbox-margin-bottom: 0;--ms-checkbox-margin-left: 0;--ms-checkbox-size: calc(1.6 * var(--ms-rem));--ms-checkbox-scale: 1;--ms-checkbox-align: center;--ms-checkbox-bg: #ffffff;--ms-checkbox-border: 1px solid #d1d5db;--ms-checkbox-border-radius: calc(.3 * var(--ms-rem));--ms-checkbox-checked-bg: #3b82f6;--ms-checkbox-checked-border: 1px solid #3b82f6;--ms-checkbox-checkmark-color: #ffffff;--ms-checkbox-hover-border-color: #3b82f6;--ms-checkbox-disabled-bg: #e5e7eb;--ms-checkbox-disabled-border: 1px solid #e5e7eb;--ms-checkbox-checked-bg-hover: #2563eb;--ms-checkbox-checked-border-color-hover: #2563eb;--ms-empty-padding: calc(1.6 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-empty-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-empty-color: #6b7280;--ms-loader-padding: calc(1.6 * var(--ms-rem));--ms-loader-gap: calc(.8 * var(--ms-rem));--ms-loading-text-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-loading-text-color: #6b7280;--ms-badges-gap: calc(.8 * var(--ms-rem));--ms-badges-margin-bottom: calc(.8 * var(--ms-rem));--ms-badges-margin-top: calc(.8 * var(--ms-rem));--ms-badges-margin-left: calc(.4 * var(--ms-rem));--ms-badges-margin-right: calc(.4 * var(--ms-rem));--ms-badge-gap: calc(.8 * var(--ms-rem));--ms-badge-height: calc(2.7 * var(--ms-rem));--ms-badge-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-badge-font-weight: var(--base-font-weight-semibold, 600);--ms-badge-border-radius: var(--ms-border-radius-sm);--ms-badge-bg: #eff6ff;--ms-badge-bg-hover: #ffffff;--ms-badge-bg-active: #e0f2fe;--ms-order-first: -1;--ms-badge-text-padding: 0 calc(.8 * var(--ms-rem));--ms-badge-text-bg: #eff6ff;--ms-badge-text-color: #3b82f6;--ms-badge-text-border: none;--ms-badge-remove-width: calc(2.7 * var(--ms-rem));--ms-badge-remove-bg: #3b82f6;--ms-badge-remove-color: #ffffff;--ms-badge-remove-border: none;--ms-badge-remove-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-badge-remove-bg-hover: #2563eb;--ms-badge-remove-box-shadow-focus: 0 0 0 2px rgba(59, 130, 246, .5);--ms-icon-remove: "×";--ms-badge-counter-bg: transparent;--ms-badge-counter-border: 1px solid #e5e7eb;--ms-badge-counter-border-radius: var(--ms-border-radius-sm);--ms-badge-counter-text-color: #6b7280;--ms-badge-counter-text-bg: #d1d5db;--ms-badge-counter-remove-bg: #6b7280;--ms-badge-counter-remove-color: #ffffff;--ms-badge-counter-remove-bg-hover: #111827;--ms-more-badge-bg: #eff6ff;--ms-more-badge-hover-bg: #ffffff;--ms-more-badge-active-bg: #e0f2fe;--ms-count-display-margin-bottom: calc(.8 * var(--ms-rem));--ms-count-display-margin-top: calc(.8 * var(--ms-rem));--ms-count-display-margin-left: calc(.8 * var(--ms-rem));--ms-count-display-margin-right: calc(.8 * var(--ms-rem));--ms-counter-wrapper-bg: transparent;--ms-counter-wrapper-border: 1px solid #e5e7eb;--ms-counter-wrapper-border-radius: var(--ms-border-radius-sm);--ms-counter-wrapper-padding: calc(.4 * var(--ms-rem)) calc(.8 * var(--ms-rem));--ms-counter-wrapper-gap: calc(.4 * var(--ms-rem));--ms-counter-wrapper-bg-hover: #f9fafb;--ms-counter-wrapper-border-color-hover: #3b82f6;--ms-count-text-bg: transparent;--ms-count-text-border: none;--ms-count-text-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-count-text-color: #111827;--ms-count-clear-size: calc(1.6 * var(--ms-rem));--ms-count-clear-bg: transparent;--ms-count-clear-color: #6b7280;--ms-count-clear-font-size: calc(var(--base-font-size-lg, 1.8) * var(--ms-rem));--ms-count-clear-border-radius: 50%;--ms-count-clear-bg-hover: rgba(59, 130, 246, .2);--ms-count-clear-color-hover: #3b82f6;--ms-icon-clear: "×";--ms-tooltip-bg: #333333;--ms-tooltip-color: #ffffff;--ms-tooltip-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-tooltip-border-radius: var(--ms-border-radius-lg);--ms-tooltip-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-tooltip-max-width: calc(32 * var(--ms-rem));--ms-tooltip-shadow: 0 2px 8px rgba(0, 0, 0, .15);--ms-tooltip-z-index: 10000;--ms-z-index-popover: 10000;--ms-selected-popover-width: calc(32 * var(--ms-rem));--ms-selected-popover-max-height: calc(32 * var(--ms-rem));--ms-selected-popover-bg: #ffffff;--ms-selected-popover-border: 1px solid #e5e7eb;--ms-selected-popover-border-radius: var(--ms-border-radius-lg);--ms-selected-popover-box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ms-selected-popover-header-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-selected-popover-header-bg: rgba(59, 130, 246, .1);--ms-selected-popover-header-border-bottom: 1px solid #e5e7eb;--ms-selected-popover-header-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-selected-popover-header-font-weight: var(--base-font-weight-semibold, 600);--ms-selected-popover-header-color: #111827;--ms-popover-close-size: calc(2.4 * var(--ms-rem));--ms-selected-popover-close-bg: transparent;--ms-selected-popover-close-color: #6b7280;--ms-selected-popover-close-font-size: calc(var(--base-font-size-xl, 2) * var(--ms-rem));--ms-selected-popover-close-border-radius: 50%;--ms-selected-popover-close-bg-hover: rgba(59, 130, 246, .2);--ms-selected-popover-close-color-hover: #3b82f6;--ms-selected-popover-body-gap: calc(.4 * var(--ms-rem));--ms-selected-popover-body-padding: calc(.8 * var(--ms-rem));--ms-selected-popover-body-max-height: calc(28.8 * var(--ms-rem));--ms-font-size-2xs: calc(var(--base-font-size-2xs, 1) * var(--ms-rem));--ms-font-size-xs: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-font-size-sm: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-font-size-base: calc(var(--base-font-size-base, 1.6) * var(--ms-rem));--ms-font-size-lg: calc(var(--base-font-size-lg, 1.8) * var(--ms-rem));--ms-font-weight-normal: var(--base-font-weight-normal, 400);--ms-font-weight-medium: var(--base-font-weight-medium, 500);--ms-font-weight-semibold: var(--base-font-weight-semibold, 600);--ms-line-height-none: 1;--ms-line-height-tight: var(--base-line-height-tight, 1.25);--ms-line-height-normal: var(--base-line-height-normal, 1.5);--ms-line-height-relaxed: var(--base-line-height-relaxed, 1.75);--ms-border-radius-sm: calc(var(--base-border-radius-sm, .4) * var(--ms-rem));--ms-border-radius-md: calc(var(--base-border-radius-md, .6) * var(--ms-rem));--ms-border-radius-lg: calc(var(--base-border-radius-lg, .8) * var(--ms-rem));--ms-border-radius: var(--ms-border-radius-md);--ms-spacing-xs: calc(.4 * var(--ms-rem));--ms-spacing-sm: calc(.8 * var(--ms-rem));--ms-spacing-md: calc(1.2 * var(--ms-rem));--ms-spacing-lg: calc(1.6 * var(--ms-rem));--ms-transition-fast: .15s;--ms-transition-normal: .2s;--ms-easing-snappy: cubic-bezier(.4, 0, .2, 1);--ms-placeholder-opacity: .6;--ms-disabled-input-opacity: .6;--ms-scrollbar-width: 8px;--ms-scrollbar-track-bg: transparent;--ms-scrollbar-thumb-bg: #d1d5db;--ms-scrollbar-thumb-bg-hover: #6b7280;--ms-scrollbar-thumb-border-radius: 4px}multi-select:not(:defined){display:block;min-height:calc(3.5 * var(--ms-rem));color:transparent!important;background:transparent}.ms-wrapper{display:flex;flex-direction:column;align-items:stretch}.ms-wrapper--inline{flex-direction:row;align-items:flex-start}.ms{position:relative;width:100%}.ms__input-wrapper{position:relative;display:flex;align-items:center}.ms__input{box-sizing:border-box;width:100%;font-family:inherit;height:var(--ms-input-height);padding:var(--ms-input-padding);padding-right:var(--ms-input-padding-right);font-size:var(--ms-input-font-size);border:var(--ms-input-border);border-radius:var(--ms-input-border-radius);background:var(--ms-input-background);color:var(--ms-input-color);cursor:pointer;transition:border var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__input:hover:not(:focus):not(:disabled){border:var(--ms-input-border-hover)}.ms__input:focus{outline:none;border:var(--ms-input-border-focus)}.ms__input::placeholder{color:var(--ms-input-placeholder-color);opacity:0;transition:opacity var(--ms-transition-fast) var(--ms-easing-snappy)}:host([data-ready]) .ms__input::placeholder{opacity:var(--ms-placeholder-opacity)}.ms__input.ms__input--xs{font-size:var(--ms-input-size-xs-font);padding:var(--ms-input-size-xs-padding-v) var(--ms-input-size-xs-padding-h);padding-right:calc(var(--ms-input-size-xs-padding-h) * 2.5);height:var(--ms-input-size-xs-height)}.ms__input.ms__input--sm{font-size:var(--ms-input-size-sm-font);padding:var(--ms-input-size-sm-padding-v) var(--ms-input-size-sm-padding-h);padding-right:calc(var(--ms-input-size-sm-padding-h) * 2.5);height:var(--ms-input-size-sm-height)}.ms__input.ms__input--lg{font-size:var(--ms-input-size-lg-font);padding:var(--ms-input-size-lg-padding-v) var(--ms-input-size-lg-padding-h);padding-right:calc(var(--ms-input-size-lg-padding-h) * 2.5);height:var(--ms-input-size-lg-height)}.ms__input.ms__input--xl{font-size:var(--ms-input-size-xl-font);padding:var(--ms-input-size-xl-padding-v) var(--ms-input-size-xl-padding-h);padding-right:calc(var(--ms-input-size-xl-padding-h) * 2.5);height:var(--ms-input-size-xl-height)}.ms__toggle{position:absolute;right:var(--ms-toggle-right);top:50%;transform:var(--ms-transform-center-y);pointer-events:none;color:var(--ms-toggle-icon-color);transition:transform var(--ms-transition-fast) var(--ms-easing-snappy)}.ms--open .ms__toggle{transform:var(--ms-transform-center-y) rotate(var(--ms-transform-rotate-180));color:var(--ms-toggle-icon-color-open)}.ms__counter{position:absolute;right:var(--ms-counter-offset);top:50%;transform:var(--ms-transform-center-y);padding:var(--ms-counter-padding);background:var(--ms-counter-badge-background);color:var(--ms-counter-badge-color);font-size:var(--ms-counter-font-size);font-weight:var(--ms-counter-font-weight);border-radius:var(--ms-counter-border-radius);cursor:pointer;transition:all var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__counter:hover{background:var(--ms-counter-badge-background-hover);transform:var(--ms-transform-center-y) scale(var(--ms-transform-scale-hover))}.ms__hint{display:none;position:absolute;z-index:var(--ms-z-index-popover);padding:var(--ms-hint-padding);background:var(--ms-hint-background);border:var(--ms-hint-border);border-radius:var(--ms-hint-border-radius);box-shadow:var(--ms-hint-box-shadow);font-size:var(--ms-hint-font-size);color:var(--ms-hint-color);line-height:var(--ms-line-height-relaxed);max-width:100%}.ms__hint--visible{display:block}.ms__dropdown{display:none;position:absolute;font-family:inherit;z-index:var(--ms-z-index-dropdown);background:var(--ms-dropdown-background);border:var(--ms-dropdown-border);border-radius:var(--ms-dropdown-border-radius);box-shadow:var(--ms-dropdown-box-shadow);max-height:var(--ms-options-max-height);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;color:var(--ms-dropdown-text-color);scrollbar-width:thin;scrollbar-color:var(--ms-scrollbar-thumb-bg) var(--ms-scrollbar-track-bg)}.ms__dropdown::-webkit-scrollbar{width:var(--ms-scrollbar-width)}.ms__dropdown::-webkit-scrollbar-track{background:var(--ms-scrollbar-track-bg)}.ms__dropdown::-webkit-scrollbar-thumb{background:var(--ms-scrollbar-thumb-bg);border-radius:var(--ms-scrollbar-thumb-border-radius)}.ms__dropdown::-webkit-scrollbar-thumb:hover{background:var(--ms-scrollbar-thumb-bg-hover)}.ms__dropdown--visible{display:block}.ms__dropdown--virtual{overflow-y:visible;max-height:none}.ms__actions{display:flex;flex-wrap:nowrap;gap:var(--ms-actions-gap);padding:var(--ms-actions-padding);border-bottom:var(--ms-actions-border-bottom)}.ms__actions--wrap{flex-wrap:wrap}.ms__actions--sticky{position:sticky;top:0;z-index:var(--ms-z-index-sticky);background:var(--ms-actions-background)}.ms__action-btn{flex:1;font-family:inherit;padding:var(--ms-action-btn-padding);font-size:var(--ms-action-btn-font-size);border:var(--ms-action-btn-border);border-radius:var(--ms-action-btn-border-radius);background:var(--ms-action-button-background);color:var(--ms-action-button-color);cursor:pointer;transition:all var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__action-btn:hover{background:var(--ms-action-button-background-hover);border-color:var(--ms-action-button-border-color-hover)}.ms__action-btn:active{transform:scale(var(--ms-transform-scale-active))}.ms__action-btn:disabled,.ms__action-btn[disabled]{opacity:var(--ms-disabled-opacity);cursor:not-allowed;pointer-events:none}.ms__options{padding:var(--ms-options-padding);scrollbar-width:thin;scrollbar-color:var(--ms-scrollbar-thumb-bg) var(--ms-scrollbar-track-bg)}.ms__options::-webkit-scrollbar{width:var(--ms-scrollbar-width)}.ms__options::-webkit-scrollbar-track{background:var(--ms-scrollbar-track-bg)}.ms__options::-webkit-scrollbar-thumb{background:var(--ms-scrollbar-thumb-bg);border-radius:var(--ms-scrollbar-thumb-border-radius)}.ms__options::-webkit-scrollbar-thumb:hover{background:var(--ms-scrollbar-thumb-bg-hover)}.ms__options--virtual .ms__option{height:var(--ms-option-height, 50px);min-height:var(--ms-option-height, 50px);max-height:var(--ms-option-height, 50px);overflow:hidden;box-sizing:border-box}.ms__group+.ms__group{border-top:var(--ms-group-border-top);margin-top:var(--ms-group-margin-top);padding-top:var(--ms-group-padding-top)}.ms__group-label{padding:var(--ms-group-label-padding);font-size:var(--ms-group-label-font-size);font-weight:var(--ms-group-label-font-weight);color:var(--ms-group-label-color);text-transform:var(--ms-group-label-transform);letter-spacing:var(--ms-group-label-letter-spacing)}.ms__option{display:flex;align-items:var(--ms-checkbox-align, center);gap:var(--ms-option-gap);padding:var(--ms-option-padding);color:var(--ms-option-text-color);background:var(--ms-option-background);cursor:pointer}.ms__option:hover{background:var(--ms-option-background-hover);color:var(--ms-option-color-hover, inherit)}.ms__option--focused{background:var(--ms-option-background-focused);color:var(--ms-option-color-focused, inherit);outline:var(--ms-option-outline-focused);outline-offset:var(--ms-option-focus-outline-offset)}.ms__option--matched{background:var(--ms-option-background-matched);color:var(--ms-option-color-matched, inherit);border-left:var(--ms-option-border-matched)}.ms__option--selected{background:var(--ms-option-background-selected)}.ms__option--selected:hover{background:var(--ms-option-bg-selected-hover, var(--ms-option-background-selected))}.ms__option--disabled{opacity:var(--ms-disabled-opacity);cursor:not-allowed}.ms__option--disabled:hover{background:var(--ms-option-background)}.ms__option--focused:hover{background:var(--ms-option-bg-focused-hover);color:var(--ms-option-color-focused-hover, var(--ms-option-color-focused, var(--ms-option-text-color)))}.ms__option--matched:hover{background:var(--ms-option-bg-matched-hover);color:var(--ms-option-color-matched-hover, var(--ms-option-color-matched, var(--ms-option-text-color)))}.ms__option--selected.ms__option--focused{background:var(--ms-option-bg-selected-focused);outline:var(--ms-option-outline-focused);outline-offset:var(--ms-option-focus-outline-offset)}.ms__option--selected.ms__option--matched{background:var(--ms-option-bg-selected-matched);border-left:var(--ms-option-border-matched)}.ms__option--disabled.ms__option--selected{background:var(--ms-option-bg-disabled-selected)}.ms__option--disabled.ms__option--focused{outline:none}.ms__option[data-checkbox-align=top]{--ms-checkbox-align: flex-start}.ms__option[data-checkbox-align=bottom]{--ms-checkbox-align: flex-end}.ms__checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;flex-shrink:0;position:relative;margin-top:var(--ms-checkbox-margin-top);margin-right:var(--ms-checkbox-margin-right);margin-bottom:var(--ms-checkbox-margin-bottom);margin-left:var(--ms-checkbox-margin-left);width:var(--ms-checkbox-size);height:var(--ms-checkbox-size);transform:scale(var(--ms-checkbox-scale));transform-origin:top left;cursor:pointer;background:var(--ms-checkbox-bg);border:var(--ms-checkbox-border);border-radius:var(--ms-checkbox-border-radius);transition:background-color .15s ease,border-color .15s ease}.ms__checkbox:after{content:"";position:absolute;display:none;left:50%;top:45%;width:30%;height:55%;transform:translate(-50%,-50%) rotate(45deg);border:solid var(--ms-checkbox-checkmark-color);border-width:0 2px 2px 0}.ms__checkbox:hover:not(:disabled){border-color:var(--ms-checkbox-hover-border-color)}.ms__checkbox:checked{background:var(--ms-checkbox-checked-bg);border:var(--ms-checkbox-checked-border)}.ms__checkbox:checked:after{display:block}.ms__checkbox:checked:hover:not(:disabled){background:var(--ms-checkbox-checked-bg-hover);border-color:var(--ms-checkbox-checked-border-color-hover)}.ms__checkbox:focus-visible{outline:2px solid var(--ms-checkbox-checked-bg);outline-offset:2px}.ms__checkbox:disabled{cursor:not-allowed;background:var(--ms-checkbox-disabled-bg);border:var(--ms-checkbox-disabled-border);opacity:.6}.ms__checkbox:disabled:checked{background:var(--ms-checkbox-disabled-bg)}.ms__option--disabled .ms__checkbox{cursor:not-allowed}.ms__option-content{flex:1;display:flex;align-items:center;gap:var(--ms-option-content-gap);min-width:0}.ms__option-icon{flex-shrink:0;width:var(--ms-option-icon-size);height:var(--ms-option-icon-size);display:flex;align-items:center;justify-content:center;font-size:var(--ms-option-icon-font-size)}.ms__option-icon svg{width:100%;height:100%;fill:currentColor}.ms__option-text{flex:1;min-width:0}.ms__option-title{font-size:var(--ms-option-title-font-size);color:var(--ms-option-title-color);line-height:var(--ms-line-height-relaxed)}.ms__option:hover .ms__option-title{color:var(--ms-option-title-color-hover, var(--ms-option-title-color))}.ms__option--selected .ms__option-title{color:var(--ms-option-title-color-selected, var(--ms-option-title-color))}.ms__option--selected:hover .ms__option-title{color:var(--ms-option-title-color-selected-hover, var(--ms-option-title-color-selected, var(--ms-option-title-color)))}.ms__option-title mark{background:var(--ms-option-mark-background);color:var(--ms-option-mark-color);font-weight:var(--ms-option-mark-font-weight)}.ms__option-subtitle{margin-top:var(--ms-option-subtitle-margin-top);font-size:var(--ms-option-subtitle-font-size);color:var(--ms-option-subtitle-color);line-height:var(--ms-option-subtitle-line-height)}.ms__option:hover .ms__option-subtitle{color:var(--ms-option-subtitle-color-hover, var(--ms-option-subtitle-color))}.ms__option--selected .ms__option-subtitle{color:var(--ms-option-subtitle-color-selected, var(--ms-option-subtitle-color))}.ms__option--selected:hover .ms__option-subtitle{color:var(--ms-option-subtitle-color-selected-hover, var(--ms-option-subtitle-color-selected, var(--ms-option-subtitle-color)))}.ms__empty{padding:var(--ms-empty-padding);text-align:center;font-size:var(--ms-empty-font-size);color:var(--ms-empty-color)}.ms__loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ms-loader-padding);gap:var(--ms-loader-gap)}.ms__loading-text{font-size:var(--ms-loading-text-font-size);color:var(--ms-loading-color)}.ms__badges{display:flex;flex-wrap:wrap;gap:var(--ms-badges-gap);padding:0}.ms__badges:empty{display:none}.ms__badges--bottom{margin-top:var(--ms-badges-margin-bottom)}.ms__badges--top{margin-bottom:var(--ms-badges-margin-top);order:var(--ms-order-first)}.ms__badges--left{order:var(--ms-order-first);margin-right:var(--ms-badges-margin-left);justify-content:flex-end}.ms__badges--right{margin-left:var(--ms-badges-margin-right);justify-content:flex-start}.ms__count-display{display:flex;align-items:center}.ms__count-display:empty{display:none}.ms__count-display--bottom{margin-top:var(--ms-count-display-margin-bottom)}.ms__count-display--top{margin-bottom:var(--ms-count-display-margin-top);order:var(--ms-order-first)}.ms__count-display--left{order:var(--ms-order-first);margin-right:var(--ms-count-display-margin-left);justify-content:flex-start}.ms__count-display--right{margin-left:var(--ms-count-display-margin-right);justify-content:flex-end}.ms__counter-wrapper{display:inline-flex;align-items:center;gap:var(--ms-counter-wrapper-gap);background:var(--ms-counter-wrapper-background);border:var(--ms-counter-wrapper-border);border-radius:var(--ms-counter-wrapper-border-radius);padding:var(--ms-counter-wrapper-padding);transition:all var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__counter-wrapper:hover{background:var(--ms-counter-wrapper-background-hover);border-color:var(--ms-counter-wrapper-border-color-hover)}.ms__count-text{display:inline-flex;align-items:center;background:var(--ms-count-text-bg);border:var(--ms-count-text-border);padding:0;font-size:var(--ms-count-text-font-size);color:var(--ms-count-text-color);cursor:pointer;transition:color var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__count-clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--ms-count-clear-size);height:var(--ms-count-clear-size);padding:0;border:none;background:var(--ms-count-clear-background);color:var(--ms-count-clear-color);font-size:var(--ms-count-clear-font-size);line-height:var(--ms-line-height-none);cursor:pointer;border-radius:var(--ms-count-clear-border-radius);transition:all var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__count-clear:hover{background:var(--ms-count-clear-background-hover);color:var(--ms-count-clear-color-hover)}.ms__count-clear:before{content:var(--ms-icon-clear)}.ms__badge{display:inline-flex;align-items:center;height:var(--ms-badge-height);font-size:var(--ms-badge-font-size);font-weight:var(--ms-badge-font-weight);line-height:var(--ms-line-height-none);border-radius:var(--ms-badge-border-radius);overflow:hidden;max-width:100%}.ms__badge-text{display:flex;align-items:center;box-sizing:border-box;height:100%;padding:var(--ms-badge-text-padding);background:var(--ms-badge-text-background);color:var(--ms-badge-text-color);border:var(--ms-badge-text-border);border-right:none;border-radius:var(--ms-badge-border-radius) 0 0 var(--ms-badge-border-radius);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--ms-transition-normal) ease,color var(--ms-transition-normal) ease}.ms__badge:hover .ms__badge-text{background:var(--ms-badge-text-background-hover, var(--ms-badge-text-background));color:var(--ms-badge-text-color-hover, var(--ms-badge-text-color))}.ms__badge-remove{display:flex;align-items:center;justify-content:center;box-sizing:border-box;font-family:inherit;width:var(--ms-badge-remove-width);height:100%;flex-shrink:0;background:var(--ms-badge-remove-background);color:var(--ms-badge-remove-color);border:var(--ms-badge-remove-border);border-left:none;border-radius:0 var(--ms-badge-border-radius) var(--ms-badge-border-radius) 0;cursor:pointer;transition:background-color var(--ms-transition-normal) ease;font-size:var(--ms-badge-remove-font-size)}.ms__badge-remove:hover{background:var(--ms-badge-remove-background-hover)}.ms__badge-remove:focus{outline:none;box-shadow:var(--ms-badge-remove-box-shadow-focus)}.ms__badge-remove:before{content:var(--ms-icon-remove);font-size:var(--ms-font-size-base);line-height:var(--ms-line-height-none)}.ms__badge--counter{cursor:pointer}.ms__badge--counter .ms__badge-text{background:var(--ms-badge-counter-text-background);color:var(--ms-badge-counter-text-color);border:var(--ms-badge-counter-border);border-right:none}.ms__badge--counter .ms__badge-remove{background:var(--ms-badge-counter-remove-background);color:var(--ms-badge-counter-remove-color);border:var(--ms-badge-counter-border);border-left:none}.ms__badge--counter .ms__badge-remove:hover{background:var(--ms-badge-counter-remove-background-hover)}.ms__badge--more{cursor:pointer}.ms__badge-tooltip{position:fixed;z-index:var(--ms-tooltip-z-index);opacity:0;visibility:hidden;transition:opacity var(--ms-transition-normal) ease,visibility var(--ms-transition-normal) ease;background:var(--ms-tooltip-background);color:var(--ms-tooltip-text-color);padding:var(--ms-tooltip-padding);border-radius:var(--ms-tooltip-border-radius);font-size:var(--ms-tooltip-font-size);line-height:var(--ms-line-height-relaxed);max-width:var(--ms-tooltip-max-width);word-wrap:break-word;white-space:pre-wrap;box-shadow:var(--ms-tooltip-shadow);pointer-events:none}.ms__badge-tooltip--visible{opacity:1;visibility:visible}.ms__selected-popover{display:none;position:absolute;z-index:var(--ms-z-index-popover);background:var(--ms-selected-popover-background);border:var(--ms-selected-popover-border);border-radius:var(--ms-selected-popover-border-radius);box-shadow:var(--ms-selected-popover-box-shadow);width:var(--ms-selected-popover-width);max-height:var(--ms-selected-popover-max-height);overflow:hidden}.ms__selected-popover--visible{display:flex;flex-direction:column}.ms__selected-popover--virtual{display:block;overflow:visible;max-height:none}.ms__selected-popover-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ms-selected-popover-header-padding);background:var(--ms-selected-popover-header-background);border-bottom:var(--ms-selected-popover-header-border-bottom);font-size:var(--ms-selected-popover-header-font-size);font-weight:var(--ms-selected-popover-header-font-weight);color:var(--ms-selected-popover-header-color)}.ms__selected-popover-close{display:flex;align-items:center;justify-content:center;width:var(--ms-popover-close-size);height:var(--ms-popover-close-size);padding:0;border:none;background:var(--ms-selected-popover-close-background);color:var(--ms-selected-popover-close-color);font-size:var(--ms-selected-popover-close-font-size);line-height:var(--ms-line-height-none);cursor:pointer;border-radius:var(--ms-selected-popover-close-border-radius);transition:all var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__selected-popover-close:hover{background:var(--ms-selected-popover-close-background-hover);color:var(--ms-selected-popover-close-color-hover)}.ms__selected-popover-body{display:flex;flex-direction:column;gap:var(--ms-selected-popover-body-gap);padding:var(--ms-selected-popover-body-padding);overflow-y:auto;max-height:var(--ms-selected-popover-body-max-height);scrollbar-width:thin;scrollbar-color:var(--ms-scrollbar-thumb-bg) var(--ms-scrollbar-track-bg)}.ms__selected-popover-body::-webkit-scrollbar{width:var(--ms-scrollbar-width)}.ms__selected-popover-body::-webkit-scrollbar-track{background:var(--ms-scrollbar-track-bg)}.ms__selected-popover-body::-webkit-scrollbar-thumb{background:var(--ms-scrollbar-thumb-bg);border-radius:var(--ms-scrollbar-thumb-border-radius)}.ms__selected-popover-body::-webkit-scrollbar-thumb:hover{background:var(--ms-scrollbar-thumb-bg-hover)}.ms__selected-popover-body .ms__badge{width:100%;min-height:fit-content;line-height:var(--ms-line-height-relaxed)}.ms__selected-popover-body .ms__badge-text{flex:1;min-width:0;white-space:normal;word-wrap:break-word}.ms__selected-popover-body--virtual{display:block;max-height:none;padding:0}.ms__selected-popover-body--virtual .ms__badge{height:var(--ms-badge-height-virtual, 36px);min-height:var(--ms-badge-height-virtual, 36px);max-height:var(--ms-badge-height-virtual, 36px);margin-bottom:var(--ms-selected-popover-body-gap);overflow:hidden;box-sizing:border-box}.ms__selected-popover-body--virtual .ms__badge-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ms--rtl .ms__input-wrapper{direction:rtl}.ms--rtl .ms__input{text-align:right;padding-left:var(--ms-input-padding-right);padding-right:var(--ms-input-padding-h)}.ms--rtl .ms__toggle{left:var(--ms-toggle-right)!important;right:auto!important}.ms--rtl .ms__counter{left:var(--ms-counter-offset)!important;right:auto!important}.ms--rtl .ms__dropdown{direction:rtl;text-align:right}.ms--rtl .ms__option{flex-direction:row-reverse}.ms--rtl .ms__checkbox{margin-left:var(--ms-spacing-sm);margin-right:0}.ms--rtl .ms__option-content{text-align:right}.ms--rtl .ms__option-icon{margin-left:var(--ms-spacing-xs);margin-right:0}.ms--rtl .ms__badges{direction:rtl}.ms--rtl .ms__badge{flex-direction:row-reverse}.ms--rtl .ms__badge-remove{border-radius:var(--ms-badge-border-radius) 0 0 var(--ms-badge-border-radius);border-left:var(--ms-badge-remove-border);border-right:none}.ms--rtl .ms__badge-text{border-radius:0 var(--ms-badge-border-radius) var(--ms-badge-border-radius) 0;border-right:var(--ms-badge-text-border);border-left:none}.ms--rtl .ms__count-display{direction:rtl}.ms--rtl .ms__counter-wrapper{flex-direction:row-reverse}.ms--rtl .ms__selected-popover{direction:rtl;text-align:right}.ms--rtl .ms__actions{direction:rtl}.ms--rtl .ms__group-label,.ms--rtl .ms__empty{text-align:right}.ms--rtl .ms__hint{direction:rtl;text-align:right}.ms--disabled .ms__input{opacity:var(--ms-disabled-input-opacity);cursor:not-allowed;background:var(--ms-input-bg-disabled)}.ms--disabled .ms__toggle{opacity:var(--ms-disabled-input-opacity)}.ms--no-checkboxes .ms__option{gap:0;padding-left:var(--ms-option-padding-h)}.ms--no-checkboxes .ms__option-content{padding-left:0}.ms-debug-info{margin-top:calc(.4 * var(--ms-rem));padding:calc(.4 * var(--ms-rem));background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:calc(var(--base-border-radius-md, .6) * var(--ms-rem));font-size:calc(1.2 * var(--ms-rem));color:#111827}.ms-debug-info details summary{cursor:pointer;font-weight:600;color:#2563eb;-webkit-user-select:none;user-select:none;padding:calc(.4 * var(--ms-rem));border-radius:calc(var(--base-border-radius-sm, .4) * var(--ms-rem))}.ms-debug-info details summary:hover{background-color:#f3f4f6}.ms-debug-info details summary:focus{outline:2px solid #3b82f6;outline-offset:2px}.ms-debug-info .ms-debug-stats{display:flex;flex-direction:column;gap:calc(.4 * var(--ms-rem));margin-top:calc(.4 * var(--ms-rem));padding:calc(.4 * var(--ms-rem));background-color:#fff;border-radius:calc(var(--base-border-radius-sm, .4) * var(--ms-rem))}.ms-debug-info .ms-debug-stats span{display:flex;justify-content:space-between;padding:2px 4px;font-family:monospace;font-size:calc(1 * var(--ms-rem))}.ms-debug-info .ms-debug-stats span:before{content:"•";margin-right:calc(.4 * var(--ms-rem));color:#3b82f6}', bs = typeof HTMLElement < "u" ? HTMLElement : class {
2467
+ const gs = ':host{--ms-rem: 10px;font-family:var(--ms-font-family, var(--base-font-family, inherit));--ms-accent-color: var(--base-accent-color, #3b82f6);--ms-accent-color-hover: var(--base-accent-color-hover, #2563eb);--ms-accent-color-active: var(--base-accent-color-active, #1d4ed8);--ms-accent-color-light: var(--base-accent-color-light, #eff6ff);--ms-accent-color-light-hover: var(--base-accent-color-light-hover, #e0f2fe);--ms-text-color-1: var(--base-text-color-1, #111827);--ms-text-color-2: var(--base-text-color-2, #353b47);--ms-text-color-3: var(--base-text-color-3, #6b7280);--ms-text-color-4: var(--base-text-color-4, #a0a3a9);--ms-text-on-accent: var(--base-text-on-accent, #ffffff);--ms-text-primary: var(--ms-text-color-1);--ms-text-secondary: var(--ms-text-color-3);--ms-primary-bg: var(--base-primary-bg, #f3f4f6);--ms-primary-bg-hover: var(--base-primary-bg-hover, #e5e7eb);--ms-border-color: var(--base-border-color, #e5e7eb);--ms-input-background: var(--base-input-background, #ffffff);--ms-input-color: var(--base-input-color, var(--ms-text-color-1));--ms-input-border: var(--base-input-border, 1px solid var(--ms-border-color));--ms-input-border-hover: var(--base-input-border-hover, 1px solid var(--ms-accent-color));--ms-input-border-focus: var(--base-input-border-focus, 1px solid var(--ms-accent-color));--ms-input-placeholder-color: var(--base-input-placeholder-color, var(--ms-text-color-4));--ms-input-background-disabled: var(--base-input-background-disabled, rgba(107, 114, 128, .05));--ms-toggle-icon-color: var(--ms-text-color-3);--ms-toggle-icon-color-open: var(--ms-text-color-3);--ms-counter-badge-background: var(--ms-accent-color);--ms-counter-badge-background-hover: var(--ms-accent-color-hover);--ms-counter-badge-color: var(--ms-text-on-accent);--ms-hint-background: var(--base-hint-background, #ffffff);--ms-hint-color: var(--ms-text-color-4);--ms-hint-border-color: var(--ms-border-color);--ms-dropdown-background: var(--base-dropdown-background, #ffffff);--ms-dropdown-text-color: var(--ms-text-color-1);--ms-dropdown-border-color: var(--ms-border-color);--ms-dropdown-box-shadow-semantic: var(--base-dropdown-box-shadow, 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1));--ms-actions-background: var(--base-actions-background, #ffffff);--ms-actions-border-color: var(--ms-border-color);--ms-action-button-background: transparent;--ms-action-button-background-hover: var(--ms-primary-bg);--ms-action-button-border-color: var(--ms-border-color);--ms-action-button-border-color-hover: var(--ms-accent-color);--ms-action-button-color: var(--ms-text-color-1);--ms-group-border-color: var(--ms-border-color);--ms-option-text-color: var(--ms-text-color-1);--ms-option-background: transparent;--ms-option-background-hover: var(--ms-primary-bg);--ms-option-color-hover: inherit;--ms-option-background-focused: var(--ms-primary-bg);--ms-option-color-focused: inherit;--ms-option-outline-color-focused: var(--ms-accent-color);--ms-option-background-selected: color-mix(in srgb, var(--ms-accent-color) 10%, transparent);--ms-option-background-matched: color-mix(in srgb, var(--ms-accent-color) 8%, transparent);--ms-option-color-matched: inherit;--ms-option-border-matched-color: color-mix(in srgb, var(--ms-accent-color) 40%, transparent);--ms-option-title-color: var(--ms-text-color-1);--ms-option-subtitle-color: var(--ms-text-color-3);--ms-option-mark-background: color-mix(in srgb, var(--ms-accent-color) 20%, transparent);--ms-loading-color: var(--ms-text-color-3);--ms-badge-background: var(--ms-accent-color-light);--ms-badge-background-hover: var(--base-badge-background-hover, var(--ms-input-background));--ms-badge-background-active: var(--ms-accent-color-light-hover);--ms-badge-text-background: var(--ms-accent-color-light);--ms-badge-text-background-hover: var(--base-badge-background-hover, var(--ms-input-background));--ms-badge-text-color-hover: var(--ms-badge-text-color);--ms-badge-remove-background: var(--ms-accent-color);--ms-badge-remove-background-hover: var(--ms-accent-color-hover);--ms-badge-counter-border-color: var(--ms-border-color);--ms-badge-counter-text-background: var(--ms-primary-bg);--ms-badge-counter-remove-background: var(--ms-text-color-3);--ms-badge-counter-remove-background-hover: var(--ms-text-color-1);--ms-counter-wrapper-background: transparent;--ms-counter-wrapper-background-hover: var(--ms-primary-bg);--ms-counter-wrapper-border-color: var(--ms-border-color);--ms-count-clear-background: transparent;--ms-count-clear-background-hover: var(--ms-accent-color);--ms-tooltip-background: var(--base-tooltip-background, #333333);--ms-tooltip-text-color: var(--base-tooltip-text-color, #ffffff);--ms-selected-popover-background: var(--base-popover-background, #ffffff);--ms-selected-popover-border-color: var(--ms-border-color);--ms-selected-popover-header-background: color-mix(in srgb, var(--ms-accent-color) 10%, transparent);--ms-selected-popover-header-border-color: var(--ms-border-color);--ms-selected-popover-close-background: transparent;--ms-selected-popover-close-background-hover: var(--ms-accent-color);--ms-input-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-input-padding-right: calc(4 * var(--ms-rem));--ms-input-height: calc(var(--base-input-size-md-height, 3.5) * var(--ms-rem));--ms-input-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-input-border-width: 1px;--ms-input-border-radius: var(--ms-border-radius-md);--ms-input-text: var(--ms-text-color-1);--ms-input-bg-disabled: rgba(107, 114, 128, .05);--ms-input-size-xs-font: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-input-size-xs-padding-v: calc(.4 * var(--ms-rem));--ms-input-size-xs-padding-h: calc(.8 * var(--ms-rem));--ms-input-size-xs-height: calc(var(--base-input-size-xs-height, 3.1) * var(--ms-rem));--ms-input-size-sm-font: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-input-size-sm-padding-v: calc(.5 * var(--ms-rem));--ms-input-size-sm-padding-h: calc(1 * var(--ms-rem));--ms-input-size-sm-height: calc(var(--base-input-size-sm-height, 3.3) * var(--ms-rem));--ms-input-size-md-font: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-input-size-md-padding-v: calc(.8 * var(--ms-rem));--ms-input-size-md-padding-h: calc(1.2 * var(--ms-rem));--ms-input-size-md-height: calc(var(--base-input-size-md-height, 3.5) * var(--ms-rem));--ms-input-size-lg-font: calc(var(--base-font-size-base, 1.6) * var(--ms-rem));--ms-input-size-lg-padding-v: calc(1 * var(--ms-rem));--ms-input-size-lg-padding-h: calc(1.4 * var(--ms-rem));--ms-input-size-lg-height: calc(var(--base-input-size-lg-height, 3.8) * var(--ms-rem));--ms-input-size-xl-font: calc(var(--base-font-size-lg, 1.8) * var(--ms-rem));--ms-input-size-xl-padding-v: calc(1.2 * var(--ms-rem));--ms-input-size-xl-padding-h: calc(1.6 * var(--ms-rem));--ms-input-size-xl-height: calc(var(--base-input-size-xl-height, 4.1) * var(--ms-rem));--ms-toggle-right: calc(1.2 * var(--ms-rem));--ms-toggle-color: var(--ms-text-color-3);--ms-transform-center-y: translateY(-50%);--ms-transform-rotate-180: 180deg;--ms-counter-offset: calc(3.2 * var(--ms-rem));--ms-counter-padding: calc(.2 * var(--ms-rem)) calc(.4 * var(--ms-rem));--ms-counter-bg: var(--ms-accent-color);--ms-counter-color: var(--ms-text-on-accent);--ms-counter-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-counter-font-weight: var(--base-font-weight-semibold, 600);--ms-counter-border-radius: var(--ms-border-radius-sm);--ms-counter-bg-hover: var(--ms-accent-color-hover);--ms-transform-scale-hover: 1.1;--ms-hint-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-hint-border: 1px solid var(--ms-border-color);--ms-hint-border-radius: var(--ms-border-radius-lg);--ms-hint-box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ms-hint-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-dropdown-border: var(--base-dropdown-border, 1px solid var(--ms-border-color));--ms-dropdown-border-radius: var(--ms-border-radius-lg);--ms-dropdown-box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ms-options-max-height: calc(32 * var(--ms-rem));--ms-option-color: var(--ms-text-color-1);--ms-z-index-dropdown: 9999;--ms-z-index-sticky: 1;--ms-actions-gap: calc(.4 * var(--ms-rem));--ms-actions-padding: calc(.8 * var(--ms-rem));--ms-actions-border-bottom: 1px solid var(--ms-border-color);--ms-action-btn-padding: calc(.4 * var(--ms-rem)) calc(.8 * var(--ms-rem));--ms-action-btn-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-action-btn-border: 1px solid var(--ms-border-color);--ms-action-btn-border-radius: var(--ms-border-radius-sm);--ms-action-btn-bg: transparent;--ms-action-btn-color: inherit;--ms-action-btn-bg-hover: var(--ms-primary-bg);--ms-action-btn-border-color-hover: var(--ms-accent-color);--ms-transform-scale-active: .98;--ms-options-padding: 0;--ms-group-border-top: 1px solid var(--ms-border-color);--ms-group-margin-top: calc(.4 * var(--ms-rem));--ms-group-padding-top: calc(.4 * var(--ms-rem));--ms-group-label-padding: calc(.4 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-group-label-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-group-label-font-weight: var(--base-font-weight-semibold, 600);--ms-group-label-color: var(--ms-text-color-3);--ms-group-label-transform: uppercase;--ms-group-label-letter-spacing: .05em;--ms-option-gap: calc(.8 * var(--ms-rem));--ms-option-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-option-padding-h: calc(1.2 * var(--ms-rem));--ms-option-bg: transparent;--ms-option-bg-hover: var(--ms-primary-bg);--ms-option-bg-focused: var(--ms-primary-bg);--ms-option-outline-focused: 2px solid var(--ms-accent-color);--ms-option-focus-outline-offset: -2px;--ms-option-bg-matched: color-mix(in srgb, var(--ms-accent-color) 8%, transparent);--ms-option-border-matched: 3px solid color-mix(in srgb, var(--ms-accent-color) 40%, transparent);--ms-option-bg-selected: color-mix(in srgb, var(--ms-accent-color) 10%, transparent);--ms-option-bg-focused-hover: var(--ms-primary-bg);--ms-option-bg-matched-hover: color-mix(in srgb, var(--ms-accent-color) 12%, transparent);--ms-option-bg-selected-focused: color-mix(in srgb, var(--ms-accent-color) 15%, transparent);--ms-option-bg-selected-matched: color-mix(in srgb, var(--ms-accent-color) 15%, transparent);--ms-option-bg-disabled-selected: color-mix(in srgb, var(--ms-accent-color) 10%, transparent);--ms-disabled-opacity: .5;--ms-option-content-gap: calc(.8 * var(--ms-rem));--ms-option-icon-size: calc(2 * var(--ms-rem));--ms-option-icon-font-size: calc(var(--base-font-size-base, 1.6) * var(--ms-rem));--ms-option-title-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-option-mark-bg: color-mix(in srgb, var(--ms-accent-color) 20%, transparent);--ms-option-mark-color: inherit;--ms-option-mark-font-weight: var(--base-font-weight-semibold, 600);--ms-option-subtitle-margin-top: calc(.4 * var(--ms-rem));--ms-option-subtitle-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-option-subtitle-line-height: var(--base-line-height-tight, 1.25);--ms-checkbox-margin-top: calc(.2 * var(--ms-rem));--ms-checkbox-margin-right: 0;--ms-checkbox-margin-bottom: 0;--ms-checkbox-margin-left: 0;--ms-checkbox-size: calc(1.6 * var(--ms-rem));--ms-checkbox-scale: 1;--ms-checkbox-align: center;--ms-checkbox-bg: var(--ms-input-background);--ms-checkbox-border: 1px solid var(--ms-border-color);--ms-checkbox-border-radius: calc(.3 * var(--ms-rem));--ms-checkbox-checked-bg: var(--ms-accent-color);--ms-checkbox-checked-border: 1px solid var(--ms-accent-color);--ms-checkbox-checkmark-color: var(--ms-text-on-accent);--ms-checkbox-hover-border-color: var(--ms-accent-color);--ms-checkbox-disabled-bg: var(--ms-primary-bg);--ms-checkbox-disabled-border: 1px solid var(--ms-border-color);--ms-checkbox-checked-bg-hover: var(--ms-accent-color-hover);--ms-checkbox-checked-border-color-hover: var(--ms-accent-color-hover);--ms-empty-padding: calc(1.6 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-empty-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-empty-color: var(--ms-text-color-3);--ms-loader-padding: calc(1.6 * var(--ms-rem));--ms-loader-gap: calc(.8 * var(--ms-rem));--ms-loading-text-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-loading-text-color: var(--ms-text-color-3);--ms-badges-gap: calc(.8 * var(--ms-rem));--ms-badges-margin-bottom: calc(.8 * var(--ms-rem));--ms-badges-margin-top: calc(.8 * var(--ms-rem));--ms-badges-margin-left: calc(.4 * var(--ms-rem));--ms-badges-margin-right: calc(.4 * var(--ms-rem));--ms-badge-gap: calc(.8 * var(--ms-rem));--ms-badge-height: calc(2.7 * var(--ms-rem));--ms-badge-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-badge-font-weight: var(--base-font-weight-semibold, 600);--ms-badge-border-radius: var(--ms-border-radius-sm);--ms-badge-bg: var(--ms-accent-color-light);--ms-badge-bg-hover: var(--ms-badge-background-hover);--ms-badge-bg-active: var(--ms-accent-color-light-hover);--ms-order-first: -1;--ms-badge-text-padding: 0 calc(.8 * var(--ms-rem));--ms-badge-text-bg: var(--ms-accent-color-light);--ms-badge-text-color: var(--ms-accent-color);--ms-badge-text-border: none;--ms-badge-remove-width: calc(2.7 * var(--ms-rem));--ms-badge-remove-bg: var(--ms-accent-color);--ms-badge-remove-color: var(--ms-text-on-accent);--ms-badge-remove-border: none;--ms-badge-remove-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-badge-remove-bg-hover: var(--ms-accent-color-hover);--ms-badge-remove-box-shadow-focus: 0 0 0 2px color-mix(in srgb, var(--ms-accent-color) 50%, transparent);--ms-icon-remove: "×";--ms-badge-counter-bg: transparent;--ms-badge-counter-border: 1px solid var(--ms-border-color);--ms-badge-counter-border-radius: var(--ms-border-radius-sm);--ms-badge-counter-text-color: var(--ms-text-color-3);--ms-badge-counter-text-bg: var(--ms-badge-counter-text-background);--ms-badge-counter-remove-bg: var(--ms-text-color-3);--ms-badge-counter-remove-color: var(--ms-text-on-accent);--ms-badge-counter-remove-bg-hover: var(--ms-badge-counter-remove-background-hover);--ms-more-badge-bg: var(--ms-accent-color-light);--ms-more-badge-hover-bg: var(--ms-badge-background-hover);--ms-more-badge-active-bg: var(--ms-accent-color-light-hover);--ms-count-display-margin-bottom: calc(.8 * var(--ms-rem));--ms-count-display-margin-top: calc(.8 * var(--ms-rem));--ms-count-display-margin-left: calc(.8 * var(--ms-rem));--ms-count-display-margin-right: calc(.8 * var(--ms-rem));--ms-counter-wrapper-bg: transparent;--ms-counter-wrapper-border: 1px solid var(--ms-border-color);--ms-counter-wrapper-border-radius: var(--ms-border-radius-sm);--ms-counter-wrapper-padding: calc(.4 * var(--ms-rem)) calc(.8 * var(--ms-rem));--ms-counter-wrapper-gap: calc(.4 * var(--ms-rem));--ms-counter-wrapper-bg-hover: var(--ms-primary-bg);--ms-counter-wrapper-border-color-hover: var(--ms-accent-color);--ms-count-text-bg: transparent;--ms-count-text-border: none;--ms-count-text-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-count-text-color: var(--ms-text-color-1);--ms-count-clear-size: calc(1.6 * var(--ms-rem));--ms-count-clear-bg: transparent;--ms-count-clear-color: var(--ms-text-color-3);--ms-count-clear-font-size: calc(var(--base-font-size-lg, 1.8) * var(--ms-rem));--ms-count-clear-border-radius: 50%;--ms-count-clear-bg-hover: color-mix(in srgb, var(--ms-accent-color) 20%, transparent);--ms-count-clear-color-hover: var(--ms-accent-color);--ms-icon-clear: "×";--ms-tooltip-color: var(--ms-tooltip-text-color);--ms-tooltip-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-tooltip-border-radius: var(--ms-border-radius-lg);--ms-tooltip-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-tooltip-max-width: calc(32 * var(--ms-rem));--ms-tooltip-shadow: 0 2px 8px rgba(0, 0, 0, .15);--ms-tooltip-z-index: 10000;--ms-z-index-popover: 10000;--ms-selected-popover-width: calc(32 * var(--ms-rem));--ms-selected-popover-max-height: calc(32 * var(--ms-rem));--ms-selected-popover-border: 1px solid var(--ms-border-color);--ms-selected-popover-border-radius: var(--ms-border-radius-lg);--ms-selected-popover-box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ms-selected-popover-header-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-selected-popover-header-bg: color-mix(in srgb, var(--ms-accent-color) 10%, transparent);--ms-selected-popover-header-border-bottom: 1px solid var(--ms-border-color);--ms-selected-popover-header-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-selected-popover-header-font-weight: var(--base-font-weight-semibold, 600);--ms-selected-popover-header-color: var(--ms-text-color-1);--ms-popover-close-size: calc(2.4 * var(--ms-rem));--ms-selected-popover-close-bg: transparent;--ms-selected-popover-close-color: var(--ms-text-color-3);--ms-selected-popover-close-font-size: calc(var(--base-font-size-xl, 2) * var(--ms-rem));--ms-selected-popover-close-border-radius: 50%;--ms-selected-popover-close-bg-hover: color-mix(in srgb, var(--ms-accent-color) 20%, transparent);--ms-selected-popover-close-color-hover: var(--ms-accent-color);--ms-selected-popover-body-gap: calc(.4 * var(--ms-rem));--ms-selected-popover-body-padding: calc(.8 * var(--ms-rem));--ms-selected-popover-body-max-height: calc(28.8 * var(--ms-rem));--ms-font-size-2xs: calc(var(--base-font-size-2xs, 1) * var(--ms-rem));--ms-font-size-xs: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-font-size-sm: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-font-size-base: calc(var(--base-font-size-base, 1.6) * var(--ms-rem));--ms-font-size-lg: calc(var(--base-font-size-lg, 1.8) * var(--ms-rem));--ms-font-weight-normal: var(--base-font-weight-normal, 400);--ms-font-weight-medium: var(--base-font-weight-medium, 500);--ms-font-weight-semibold: var(--base-font-weight-semibold, 600);--ms-line-height-none: 1;--ms-line-height-tight: var(--base-line-height-tight, 1.25);--ms-line-height-normal: var(--base-line-height-normal, 1.5);--ms-line-height-relaxed: var(--base-line-height-relaxed, 1.75);--ms-border-radius-sm: calc(var(--base-border-radius-sm, .4) * var(--ms-rem));--ms-border-radius-md: calc(var(--base-border-radius-md, .6) * var(--ms-rem));--ms-border-radius-lg: calc(var(--base-border-radius-lg, .8) * var(--ms-rem));--ms-border-radius: var(--ms-border-radius-md);--ms-spacing-xs: calc(.4 * var(--ms-rem));--ms-spacing-sm: calc(.8 * var(--ms-rem));--ms-spacing-md: calc(1.2 * var(--ms-rem));--ms-spacing-lg: calc(1.6 * var(--ms-rem));--ms-transition-fast: .15s;--ms-transition-normal: .2s;--ms-easing-snappy: cubic-bezier(.4, 0, .2, 1);--ms-placeholder-opacity: .6;--ms-disabled-input-opacity: .6;--ms-scrollbar-width: 8px;--ms-scrollbar-track-bg: transparent;--ms-scrollbar-thumb-bg: var(--ms-border-color);--ms-scrollbar-thumb-bg-hover: var(--ms-text-color-3);--ms-scrollbar-thumb-border-radius: 4px}multi-select:not(:defined){display:block;min-height:calc(3.5 * var(--ms-rem));color:transparent!important;background:transparent}.ms-wrapper{display:flex;flex-direction:column;align-items:stretch}.ms-wrapper--inline{flex-direction:row;align-items:flex-start}.ms{position:relative;width:100%}.ms__input-wrapper{position:relative;display:flex;align-items:center}.ms__input{box-sizing:border-box;width:100%;font-family:inherit;height:var(--ms-input-height);padding:var(--ms-input-padding);padding-right:var(--ms-input-padding-right);font-size:var(--ms-input-font-size);border:var(--ms-input-border);border-radius:var(--ms-input-border-radius);background:var(--ms-input-background);color:var(--ms-input-color);cursor:pointer;transition:border var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__input:hover:not(:focus):not(:disabled){border:var(--ms-input-border-hover)}.ms__input:focus{outline:none;border:var(--ms-input-border-focus)}.ms__input::placeholder{color:var(--ms-input-placeholder-color);opacity:0;transition:opacity var(--ms-transition-fast) var(--ms-easing-snappy)}:host([data-ready]) .ms__input::placeholder{opacity:var(--ms-placeholder-opacity)}.ms__input.ms__input--xs{font-size:var(--ms-input-size-xs-font);padding:var(--ms-input-size-xs-padding-v) var(--ms-input-size-xs-padding-h);padding-right:calc(var(--ms-input-size-xs-padding-h) * 2.5);height:var(--ms-input-size-xs-height)}.ms__input.ms__input--sm{font-size:var(--ms-input-size-sm-font);padding:var(--ms-input-size-sm-padding-v) var(--ms-input-size-sm-padding-h);padding-right:calc(var(--ms-input-size-sm-padding-h) * 2.5);height:var(--ms-input-size-sm-height)}.ms__input.ms__input--lg{font-size:var(--ms-input-size-lg-font);padding:var(--ms-input-size-lg-padding-v) var(--ms-input-size-lg-padding-h);padding-right:calc(var(--ms-input-size-lg-padding-h) * 2.5);height:var(--ms-input-size-lg-height)}.ms__input.ms__input--xl{font-size:var(--ms-input-size-xl-font);padding:var(--ms-input-size-xl-padding-v) var(--ms-input-size-xl-padding-h);padding-right:calc(var(--ms-input-size-xl-padding-h) * 2.5);height:var(--ms-input-size-xl-height)}.ms__toggle{position:absolute;right:var(--ms-toggle-right);top:50%;transform:var(--ms-transform-center-y);pointer-events:none;color:var(--ms-toggle-icon-color);transition:transform var(--ms-transition-fast) var(--ms-easing-snappy)}.ms--open .ms__toggle{transform:var(--ms-transform-center-y) rotate(var(--ms-transform-rotate-180));color:var(--ms-toggle-icon-color-open)}.ms__counter{position:absolute;right:var(--ms-counter-offset);top:50%;transform:var(--ms-transform-center-y);padding:var(--ms-counter-padding);background:var(--ms-counter-badge-background);color:var(--ms-counter-badge-color);font-size:var(--ms-counter-font-size);font-weight:var(--ms-counter-font-weight);border-radius:var(--ms-counter-border-radius);cursor:pointer;transition:all var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__counter:hover{background:var(--ms-counter-badge-background-hover);transform:var(--ms-transform-center-y) scale(var(--ms-transform-scale-hover))}.ms__hint{display:none;position:absolute;z-index:var(--ms-z-index-popover);padding:var(--ms-hint-padding);background:var(--ms-hint-background);border:var(--ms-hint-border);border-radius:var(--ms-hint-border-radius);box-shadow:var(--ms-hint-box-shadow);font-size:var(--ms-hint-font-size);color:var(--ms-hint-color);line-height:var(--ms-line-height-relaxed);max-width:100%}.ms__hint--visible{display:block}.ms__dropdown{display:none;position:absolute;font-family:inherit;z-index:var(--ms-z-index-dropdown);background:var(--ms-dropdown-background);border:var(--ms-dropdown-border);border-radius:var(--ms-dropdown-border-radius);box-shadow:var(--ms-dropdown-box-shadow);max-height:var(--ms-options-max-height);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;color:var(--ms-dropdown-text-color);scrollbar-width:thin;scrollbar-color:var(--ms-scrollbar-thumb-bg) var(--ms-scrollbar-track-bg)}.ms__dropdown::-webkit-scrollbar{width:var(--ms-scrollbar-width)}.ms__dropdown::-webkit-scrollbar-track{background:var(--ms-scrollbar-track-bg)}.ms__dropdown::-webkit-scrollbar-thumb{background:var(--ms-scrollbar-thumb-bg);border-radius:var(--ms-scrollbar-thumb-border-radius)}.ms__dropdown::-webkit-scrollbar-thumb:hover{background:var(--ms-scrollbar-thumb-bg-hover)}.ms__dropdown--visible{display:block}.ms__dropdown--virtual{overflow-y:visible;max-height:none}.ms__actions{display:flex;flex-wrap:nowrap;gap:var(--ms-actions-gap);padding:var(--ms-actions-padding);border-bottom:var(--ms-actions-border-bottom)}.ms__actions--wrap{flex-wrap:wrap}.ms__actions--sticky{position:sticky;top:0;z-index:var(--ms-z-index-sticky);background:var(--ms-actions-background)}.ms__action-btn{flex:1;font-family:inherit;padding:var(--ms-action-btn-padding);font-size:var(--ms-action-btn-font-size);border:var(--ms-action-btn-border);border-radius:var(--ms-action-btn-border-radius);background:var(--ms-action-button-background);color:var(--ms-action-button-color);cursor:pointer;transition:all var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__action-btn:hover{background:var(--ms-action-button-background-hover);border-color:var(--ms-action-button-border-color-hover)}.ms__action-btn:active{transform:scale(var(--ms-transform-scale-active))}.ms__action-btn:disabled,.ms__action-btn[disabled]{opacity:var(--ms-disabled-opacity);cursor:not-allowed;pointer-events:none}.ms__options{padding:var(--ms-options-padding);scrollbar-width:thin;scrollbar-color:var(--ms-scrollbar-thumb-bg) var(--ms-scrollbar-track-bg)}.ms__options::-webkit-scrollbar{width:var(--ms-scrollbar-width)}.ms__options::-webkit-scrollbar-track{background:var(--ms-scrollbar-track-bg)}.ms__options::-webkit-scrollbar-thumb{background:var(--ms-scrollbar-thumb-bg);border-radius:var(--ms-scrollbar-thumb-border-radius)}.ms__options::-webkit-scrollbar-thumb:hover{background:var(--ms-scrollbar-thumb-bg-hover)}.ms__options--virtual .ms__option{height:var(--ms-option-height, 50px);min-height:var(--ms-option-height, 50px);max-height:var(--ms-option-height, 50px);overflow:hidden;box-sizing:border-box}.ms__group+.ms__group{border-top:var(--ms-group-border-top);margin-top:var(--ms-group-margin-top);padding-top:var(--ms-group-padding-top)}.ms__group-label{padding:var(--ms-group-label-padding);font-size:var(--ms-group-label-font-size);font-weight:var(--ms-group-label-font-weight);color:var(--ms-group-label-color);text-transform:var(--ms-group-label-transform);letter-spacing:var(--ms-group-label-letter-spacing)}.ms__option{display:flex;align-items:var(--ms-checkbox-align, center);gap:var(--ms-option-gap);padding:var(--ms-option-padding);color:var(--ms-option-text-color);background:var(--ms-option-background);cursor:pointer}.ms__option:hover{background:var(--ms-option-background-hover);color:var(--ms-option-color-hover, inherit)}.ms__option--focused{background:var(--ms-option-background-focused);color:var(--ms-option-color-focused, inherit);outline:var(--ms-option-outline-focused);outline-offset:var(--ms-option-focus-outline-offset)}.ms__option--matched{background:var(--ms-option-background-matched);color:var(--ms-option-color-matched, inherit);border-left:var(--ms-option-border-matched)}.ms__option--selected{background:var(--ms-option-background-selected)}.ms__option--selected:hover{background:var(--ms-option-bg-selected-hover, var(--ms-option-background-selected))}.ms__option--disabled{opacity:var(--ms-disabled-opacity);cursor:not-allowed}.ms__option--disabled:hover{background:var(--ms-option-background)}.ms__option--focused:hover{background:var(--ms-option-bg-focused-hover);color:var(--ms-option-color-focused-hover, var(--ms-option-color-focused, var(--ms-option-text-color)))}.ms__option--matched:hover{background:var(--ms-option-bg-matched-hover);color:var(--ms-option-color-matched-hover, var(--ms-option-color-matched, var(--ms-option-text-color)))}.ms__option--selected.ms__option--focused{background:var(--ms-option-bg-selected-focused);outline:var(--ms-option-outline-focused);outline-offset:var(--ms-option-focus-outline-offset)}.ms__option--selected.ms__option--matched{background:var(--ms-option-bg-selected-matched);border-left:var(--ms-option-border-matched)}.ms__option--disabled.ms__option--selected{background:var(--ms-option-bg-disabled-selected)}.ms__option--disabled.ms__option--focused{outline:none}.ms__option[data-checkbox-align=top]{--ms-checkbox-align: flex-start}.ms__option[data-checkbox-align=bottom]{--ms-checkbox-align: flex-end}.ms__checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;flex-shrink:0;position:relative;margin-top:var(--ms-checkbox-margin-top);margin-right:var(--ms-checkbox-margin-right);margin-bottom:var(--ms-checkbox-margin-bottom);margin-left:var(--ms-checkbox-margin-left);width:var(--ms-checkbox-size);height:var(--ms-checkbox-size);transform:scale(var(--ms-checkbox-scale));transform-origin:top left;cursor:pointer;background:var(--ms-checkbox-bg);border:var(--ms-checkbox-border);border-radius:var(--ms-checkbox-border-radius);transition:background-color .15s ease,border-color .15s ease}.ms__checkbox:after{content:"";position:absolute;display:none;left:50%;top:40%;width:30%;height:55%;transform:translate(-50%,-50%) rotate(45deg);border:solid var(--ms-checkbox-checkmark-color);border-width:0 2px 2px 0}.ms__checkbox:hover:not(:disabled){border-color:var(--ms-checkbox-hover-border-color)}.ms__checkbox:checked{background:var(--ms-checkbox-checked-bg);border:var(--ms-checkbox-checked-border)}.ms__checkbox:checked:after{display:block}.ms__checkbox:checked:hover:not(:disabled){background:var(--ms-checkbox-checked-bg-hover);border-color:var(--ms-checkbox-checked-border-color-hover)}.ms__checkbox:focus-visible{outline:2px solid var(--ms-checkbox-checked-bg);outline-offset:2px}.ms__checkbox:disabled{cursor:not-allowed;background:var(--ms-checkbox-disabled-bg);border:var(--ms-checkbox-disabled-border);opacity:.6}.ms__checkbox:disabled:checked{background:var(--ms-checkbox-disabled-bg)}.ms__option--disabled .ms__checkbox{cursor:not-allowed}.ms__option-content{flex:1;display:flex;align-items:center;gap:var(--ms-option-content-gap);min-width:0}.ms__option-icon{flex-shrink:0;width:var(--ms-option-icon-size);height:var(--ms-option-icon-size);display:flex;align-items:center;justify-content:center;font-size:var(--ms-option-icon-font-size)}.ms__option-icon svg{width:100%;height:100%;fill:currentColor}.ms__option-text{flex:1;min-width:0}.ms__option-title{font-size:var(--ms-option-title-font-size);color:var(--ms-option-title-color);line-height:var(--ms-line-height-relaxed)}.ms__option:hover .ms__option-title{color:var(--ms-option-title-color-hover, var(--ms-option-title-color))}.ms__option--selected .ms__option-title{color:var(--ms-option-title-color-selected, var(--ms-option-title-color))}.ms__option--selected:hover .ms__option-title{color:var(--ms-option-title-color-selected-hover, var(--ms-option-title-color-selected, var(--ms-option-title-color)))}.ms__option-title mark{background:var(--ms-option-mark-background);color:var(--ms-option-mark-color);font-weight:var(--ms-option-mark-font-weight)}.ms__option-subtitle{margin-top:var(--ms-option-subtitle-margin-top);font-size:var(--ms-option-subtitle-font-size);color:var(--ms-option-subtitle-color);line-height:var(--ms-option-subtitle-line-height)}.ms__option:hover .ms__option-subtitle{color:var(--ms-option-subtitle-color-hover, var(--ms-option-subtitle-color))}.ms__option--selected .ms__option-subtitle{color:var(--ms-option-subtitle-color-selected, var(--ms-option-subtitle-color))}.ms__option--selected:hover .ms__option-subtitle{color:var(--ms-option-subtitle-color-selected-hover, var(--ms-option-subtitle-color-selected, var(--ms-option-subtitle-color)))}.ms__empty{padding:var(--ms-empty-padding);text-align:center;font-size:var(--ms-empty-font-size);color:var(--ms-empty-color)}.ms__loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ms-loader-padding);gap:var(--ms-loader-gap)}.ms__loading-text{font-size:var(--ms-loading-text-font-size);color:var(--ms-loading-color)}.ms__badges{display:flex;flex-wrap:wrap;gap:var(--ms-badges-gap);padding:0}.ms__badges:empty{display:none}.ms__badges--bottom{margin-top:var(--ms-badges-margin-bottom)}.ms__badges--top{margin-bottom:var(--ms-badges-margin-top);order:var(--ms-order-first)}.ms__badges--left{order:var(--ms-order-first);margin-right:var(--ms-badges-margin-left);justify-content:flex-end}.ms__badges--right{margin-left:var(--ms-badges-margin-right);justify-content:flex-start}.ms__count-display{display:flex;align-items:center}.ms__count-display:empty{display:none}.ms__count-display--bottom{margin-top:var(--ms-count-display-margin-bottom)}.ms__count-display--top{margin-bottom:var(--ms-count-display-margin-top);order:var(--ms-order-first)}.ms__count-display--left{order:var(--ms-order-first);margin-right:var(--ms-count-display-margin-left);justify-content:flex-start}.ms__count-display--right{margin-left:var(--ms-count-display-margin-right);justify-content:flex-end}.ms__counter-wrapper{display:inline-flex;align-items:center;gap:var(--ms-counter-wrapper-gap);background:var(--ms-counter-wrapper-background);border:var(--ms-counter-wrapper-border);border-radius:var(--ms-counter-wrapper-border-radius);padding:var(--ms-counter-wrapper-padding);transition:all var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__counter-wrapper:hover{background:var(--ms-counter-wrapper-background-hover);border-color:var(--ms-counter-wrapper-border-color-hover)}.ms__count-text{display:inline-flex;align-items:center;background:var(--ms-count-text-bg);border:var(--ms-count-text-border);padding:0;font-size:var(--ms-count-text-font-size);color:var(--ms-count-text-color);cursor:pointer;transition:color var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__count-clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--ms-count-clear-size);height:var(--ms-count-clear-size);padding:0;border:none;background:var(--ms-count-clear-background);color:var(--ms-count-clear-color);font-size:var(--ms-count-clear-font-size);line-height:var(--ms-line-height-none);cursor:pointer;border-radius:var(--ms-count-clear-border-radius);transition:all var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__count-clear:hover{background:var(--ms-count-clear-background-hover);color:var(--ms-count-clear-color-hover)}.ms__count-clear:before{content:var(--ms-icon-clear)}.ms__badge{display:inline-flex;align-items:center;height:var(--ms-badge-height);font-size:var(--ms-badge-font-size);font-weight:var(--ms-badge-font-weight);line-height:var(--ms-line-height-none);border-radius:var(--ms-badge-border-radius);overflow:hidden;max-width:100%}.ms__badge-text{display:flex;align-items:center;box-sizing:border-box;height:100%;padding:var(--ms-badge-text-padding);background:var(--ms-badge-text-background);color:var(--ms-badge-text-color);border:var(--ms-badge-text-border);border-right:none;border-radius:var(--ms-badge-border-radius) 0 0 var(--ms-badge-border-radius);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--ms-transition-normal) ease,color var(--ms-transition-normal) ease}.ms__badge:hover .ms__badge-text{background:var(--ms-badge-text-background-hover, var(--ms-badge-text-background));color:var(--ms-badge-text-color-hover, var(--ms-badge-text-color))}.ms__badge-remove{display:flex;align-items:center;justify-content:center;box-sizing:border-box;font-family:inherit;width:var(--ms-badge-remove-width);height:100%;flex-shrink:0;background:var(--ms-badge-remove-background);color:var(--ms-badge-remove-color);border:var(--ms-badge-remove-border);border-left:none;border-radius:0 var(--ms-badge-border-radius) var(--ms-badge-border-radius) 0;cursor:pointer;transition:background-color var(--ms-transition-normal) ease;font-size:var(--ms-badge-remove-font-size)}.ms__badge-remove:hover{background:var(--ms-badge-remove-background-hover)}.ms__badge-remove:focus{outline:none;box-shadow:var(--ms-badge-remove-box-shadow-focus)}.ms__badge-remove:before{content:var(--ms-icon-remove);font-size:var(--ms-font-size-base);line-height:var(--ms-line-height-none)}.ms__badge--counter{cursor:pointer}.ms__badge--counter .ms__badge-text{background:var(--ms-badge-counter-text-background);color:var(--ms-badge-counter-text-color);border:var(--ms-badge-counter-border);border-right:none}.ms__badge--counter .ms__badge-remove{background:var(--ms-badge-counter-remove-background);color:var(--ms-badge-counter-remove-color);border:var(--ms-badge-counter-border);border-left:none}.ms__badge--counter .ms__badge-remove:hover{background:var(--ms-badge-counter-remove-background-hover)}.ms__badge--more{cursor:pointer}.ms__badge-tooltip{position:fixed;z-index:var(--ms-tooltip-z-index);opacity:0;visibility:hidden;transition:opacity var(--ms-transition-normal) ease,visibility var(--ms-transition-normal) ease;background:var(--ms-tooltip-background);color:var(--ms-tooltip-text-color);padding:var(--ms-tooltip-padding);border-radius:var(--ms-tooltip-border-radius);font-size:var(--ms-tooltip-font-size);line-height:var(--ms-line-height-relaxed);max-width:var(--ms-tooltip-max-width);word-wrap:break-word;white-space:pre-wrap;box-shadow:var(--ms-tooltip-shadow);pointer-events:none}.ms__badge-tooltip--visible{opacity:1;visibility:visible}.ms__selected-popover{display:none;position:absolute;z-index:var(--ms-z-index-popover);background:var(--ms-selected-popover-background);border:var(--ms-selected-popover-border);border-radius:var(--ms-selected-popover-border-radius);box-shadow:var(--ms-selected-popover-box-shadow);width:var(--ms-selected-popover-width);max-height:var(--ms-selected-popover-max-height);overflow:hidden}.ms__selected-popover--visible{display:flex;flex-direction:column}.ms__selected-popover--virtual{display:block;overflow:visible;max-height:none}.ms__selected-popover-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ms-selected-popover-header-padding);background:var(--ms-selected-popover-header-background);border-bottom:var(--ms-selected-popover-header-border-bottom);font-size:var(--ms-selected-popover-header-font-size);font-weight:var(--ms-selected-popover-header-font-weight);color:var(--ms-selected-popover-header-color)}.ms__selected-popover-close{display:flex;align-items:center;justify-content:center;width:var(--ms-popover-close-size);height:var(--ms-popover-close-size);padding:0;border:none;background:var(--ms-selected-popover-close-background);color:var(--ms-selected-popover-close-color);font-size:var(--ms-selected-popover-close-font-size);line-height:var(--ms-line-height-none);cursor:pointer;border-radius:var(--ms-selected-popover-close-border-radius);transition:all var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__selected-popover-close:hover{background:var(--ms-selected-popover-close-background-hover);color:var(--ms-selected-popover-close-color-hover)}.ms__selected-popover-body{display:flex;flex-direction:column;gap:var(--ms-selected-popover-body-gap);padding:var(--ms-selected-popover-body-padding);overflow-y:auto;max-height:var(--ms-selected-popover-body-max-height);scrollbar-width:thin;scrollbar-color:var(--ms-scrollbar-thumb-bg) var(--ms-scrollbar-track-bg)}.ms__selected-popover-body::-webkit-scrollbar{width:var(--ms-scrollbar-width)}.ms__selected-popover-body::-webkit-scrollbar-track{background:var(--ms-scrollbar-track-bg)}.ms__selected-popover-body::-webkit-scrollbar-thumb{background:var(--ms-scrollbar-thumb-bg);border-radius:var(--ms-scrollbar-thumb-border-radius)}.ms__selected-popover-body::-webkit-scrollbar-thumb:hover{background:var(--ms-scrollbar-thumb-bg-hover)}.ms__selected-popover-body .ms__badge{width:100%;min-height:fit-content;line-height:var(--ms-line-height-relaxed)}.ms__selected-popover-body .ms__badge-text{flex:1;min-width:0;white-space:normal;word-wrap:break-word}.ms__selected-popover-body--virtual{display:block;max-height:none;padding:0}.ms__selected-popover-body--virtual .ms__badge{height:var(--ms-badge-height-virtual, 36px);min-height:var(--ms-badge-height-virtual, 36px);max-height:var(--ms-badge-height-virtual, 36px);margin-bottom:var(--ms-selected-popover-body-gap);overflow:hidden;box-sizing:border-box}.ms__selected-popover-body--virtual .ms__badge-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ms--rtl .ms__input-wrapper{direction:rtl}.ms--rtl .ms__input{text-align:right;padding-left:var(--ms-input-padding-right);padding-right:var(--ms-input-padding-h)}.ms--rtl .ms__toggle{left:var(--ms-toggle-right)!important;right:auto!important}.ms--rtl .ms__counter{left:var(--ms-counter-offset)!important;right:auto!important}.ms--rtl .ms__dropdown{direction:rtl;text-align:right}.ms--rtl .ms__option{flex-direction:row-reverse}.ms--rtl .ms__checkbox{margin-left:var(--ms-spacing-sm);margin-right:0}.ms--rtl .ms__option-content{text-align:right}.ms--rtl .ms__option-icon{margin-left:var(--ms-spacing-xs);margin-right:0}.ms--rtl .ms__badges{direction:rtl}.ms--rtl .ms__badge{flex-direction:row-reverse}.ms--rtl .ms__badge-remove{border-radius:var(--ms-badge-border-radius) 0 0 var(--ms-badge-border-radius);border-left:var(--ms-badge-remove-border);border-right:none}.ms--rtl .ms__badge-text{border-radius:0 var(--ms-badge-border-radius) var(--ms-badge-border-radius) 0;border-right:var(--ms-badge-text-border);border-left:none}.ms--rtl .ms__count-display{direction:rtl}.ms--rtl .ms__counter-wrapper{flex-direction:row-reverse}.ms--rtl .ms__selected-popover{direction:rtl;text-align:right}.ms--rtl .ms__actions{direction:rtl}.ms--rtl .ms__group-label,.ms--rtl .ms__empty{text-align:right}.ms--rtl .ms__hint{direction:rtl;text-align:right}.ms--disabled .ms__input{opacity:var(--ms-disabled-input-opacity);cursor:not-allowed;background:var(--ms-input-bg-disabled)}.ms--disabled .ms__toggle{opacity:var(--ms-disabled-input-opacity)}.ms--no-checkboxes .ms__option{gap:0;padding-left:var(--ms-option-padding-h)}.ms--no-checkboxes .ms__option-content{padding-left:0}.ms-debug-info{margin-top:calc(.4 * var(--ms-rem));padding:calc(.4 * var(--ms-rem));background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:calc(var(--base-border-radius-md, .6) * var(--ms-rem));font-size:calc(1.2 * var(--ms-rem));color:#111827}.ms-debug-info details summary{cursor:pointer;font-weight:600;color:#2563eb;-webkit-user-select:none;user-select:none;padding:calc(.4 * var(--ms-rem));border-radius:calc(var(--base-border-radius-sm, .4) * var(--ms-rem))}.ms-debug-info details summary:hover{background-color:#f3f4f6}.ms-debug-info details summary:focus{outline:2px solid #3b82f6;outline-offset:2px}.ms-debug-info .ms-debug-stats{display:flex;flex-direction:column;gap:calc(.4 * var(--ms-rem));margin-top:calc(.4 * var(--ms-rem));padding:calc(.4 * var(--ms-rem));background-color:#fff;border-radius:calc(var(--base-border-radius-sm, .4) * var(--ms-rem))}.ms-debug-info .ms-debug-stats span{display:flex;justify-content:space-between;padding:2px 4px;font-family:monospace;font-size:calc(1 * var(--ms-rem))}.ms-debug-info .ms-debug-stats span:before{content:"•";margin-right:calc(.4 * var(--ms-rem));color:#3b82f6}', bs = typeof HTMLElement < "u" ? HTMLElement : class {
2468
2468
  }, Se = /* @__PURE__ */ new Set();
2469
2469
  function rt() {
2470
2470
  return Array.from(Se);
2471
2471
  }
2472
- class nt extends bs {
2472
+ class at extends bs {
2473
2473
  constructor() {
2474
2474
  super();
2475
- p(this, "picker");
2476
- p(this, "containerElement");
2477
- p(this, "shadow");
2475
+ m(this, "picker");
2476
+ m(this, "containerElement");
2477
+ m(this, "shadow");
2478
2478
  // Properties for complex data (not attributes)
2479
- p(this, "_options");
2479
+ m(this, "_options");
2480
2480
  // Member/Callback properties
2481
- p(this, "_valueMember");
2482
- p(this, "_getValueCallback");
2483
- p(this, "_displayValueMember");
2484
- p(this, "_getDisplayValueCallback");
2485
- p(this, "_getBadgeDisplayCallback");
2486
- p(this, "_getBadgeClassCallback");
2487
- p(this, "_customStylesCallback");
2488
- p(this, "_searchValueMember");
2489
- p(this, "_getSearchValueCallback");
2490
- p(this, "_iconMember");
2491
- p(this, "_getIconCallback");
2492
- p(this, "_subtitleMember");
2493
- p(this, "_getSubtitleCallback");
2494
- p(this, "_groupMember");
2495
- p(this, "_getGroupCallback");
2496
- p(this, "_renderGroupLabelContentCallback");
2497
- p(this, "_disabledMember");
2498
- p(this, "_getDisabledCallback");
2481
+ m(this, "_valueMember");
2482
+ m(this, "_getValueCallback");
2483
+ m(this, "_displayValueMember");
2484
+ m(this, "_getDisplayValueCallback");
2485
+ m(this, "_getBadgeDisplayCallback");
2486
+ m(this, "_getBadgeClassCallback");
2487
+ m(this, "_customStylesCallback");
2488
+ m(this, "_searchValueMember");
2489
+ m(this, "_getSearchValueCallback");
2490
+ m(this, "_iconMember");
2491
+ m(this, "_getIconCallback");
2492
+ m(this, "_subtitleMember");
2493
+ m(this, "_getSubtitleCallback");
2494
+ m(this, "_groupMember");
2495
+ m(this, "_getGroupCallback");
2496
+ m(this, "_renderGroupLabelContentCallback");
2497
+ m(this, "_disabledMember");
2498
+ m(this, "_getDisabledCallback");
2499
2499
  // Value formatting callbacks
2500
- p(this, "_getValueFormatCallback");
2500
+ m(this, "_getValueFormatCallback");
2501
2501
  // Tooltip callbacks
2502
- p(this, "_getBadgeTooltipCallback");
2503
- p(this, "_getRemoveButtonTooltipCallback");
2502
+ m(this, "_getBadgeTooltipCallback");
2503
+ m(this, "_getRemoveButtonTooltipCallback");
2504
2504
  // Custom rendering callbacks
2505
- p(this, "_renderOptionContentCallback");
2506
- p(this, "_renderBadgeContentCallback");
2507
- p(this, "_renderSelectedItemContentCallback");
2508
- p(this, "_getSelectedItemClassCallback");
2509
- p(this, "_renderSelectedContentCallback");
2505
+ m(this, "_renderOptionContentCallback");
2506
+ m(this, "_renderBadgeContentCallback");
2507
+ m(this, "_renderSelectedItemContentCallback");
2508
+ m(this, "_getSelectedItemClassCallback");
2509
+ m(this, "_renderSelectedContentCallback");
2510
2510
  // Count badge callback
2511
- p(this, "_getCounterCallback");
2511
+ m(this, "_getCounterCallback");
2512
2512
  // Action buttons
2513
- p(this, "_actionButtons");
2513
+ m(this, "_actionButtons");
2514
2514
  // Event callbacks
2515
- p(this, "_beforeSearchCallback");
2516
- p(this, "_searchCallback");
2517
- p(this, "_addNewCallback");
2518
- p(this, "_selectCallback");
2519
- p(this, "_deselectCallback");
2520
- p(this, "_changeCallback");
2521
- p(this, "_declarativeSelectedValues");
2515
+ m(this, "_beforeSearchCallback");
2516
+ m(this, "_searchCallback");
2517
+ m(this, "_addNewCallback");
2518
+ m(this, "_selectCallback");
2519
+ m(this, "_deselectCallback");
2520
+ m(this, "_changeCallback");
2521
+ m(this, "_declarativeSelectedValues");
2522
2522
  this.shadow = this.attachShadow({ mode: "open" });
2523
2523
  const t = document.createElement("style");
2524
2524
  t.textContent = gs, this.shadow.appendChild(t), requestAnimationFrame(() => {
@@ -2601,23 +2601,23 @@ class nt extends bs {
2601
2601
  s.className = "ms-debug-info";
2602
2602
  const i = document.createElement("details"), r = document.createElement("summary");
2603
2603
  r.textContent = "Debug Info";
2604
- const n = document.createElement("div");
2605
- n.className = "ms-debug-stats", i.appendChild(r), i.appendChild(n), s.appendChild(i), this.shadow.appendChild(s), this.updateDebugInfo();
2604
+ const a = document.createElement("div");
2605
+ a.className = "ms-debug-stats", i.appendChild(r), i.appendChild(a), s.appendChild(i), this.shadow.appendChild(s), this.updateDebugInfo();
2606
2606
  }
2607
2607
  updateDebugInfo() {
2608
2608
  var h, g;
2609
2609
  const t = this.shadow.querySelector(".ms-debug-stats");
2610
2610
  if (!t || !this.picker) return;
2611
- const s = "1.6.0", i = rt().length, n = this.picker.getSelected().length, a = ((h = this._options) == null ? void 0 : h.length) || 0, l = this.picker, c = l.isOpen || !1, d = l.searchTerm || "", m = l.isLoading || !1, u = ((g = l.filteredOptions) == null ? void 0 : g.length) || 0;
2611
+ const s = "1.6.1", i = rt().length, a = this.picker.getSelected().length, n = ((h = this._options) == null ? void 0 : h.length) || 0, l = this.picker, c = l.isOpen || !1, d = l.searchTerm || "", p = l.isLoading || !1, u = ((g = l.filteredOptions) == null ? void 0 : g.length) || 0;
2612
2612
  t.innerHTML = `
2613
2613
  <span>Version: ${s}</span>
2614
2614
  <span>Total Instances: ${i}</span>
2615
- <span>Options: ${a}</span>
2615
+ <span>Options: ${n}</span>
2616
2616
  <span>Filtered: ${u}</span>
2617
- <span>Selected: ${n}</span>
2617
+ <span>Selected: ${a}</span>
2618
2618
  <span>Dropdown: ${c ? "Open" : "Closed"}</span>
2619
2619
  <span>Search: ${d || "none"}</span>
2620
- <span>Loading: ${m ? "Yes" : "No"}</span>
2620
+ <span>Loading: ${p ? "Yes" : "No"}</span>
2621
2621
  `, setTimeout(() => {
2622
2622
  this.getAttribute("show-debug-info") === "true" && this.updateDebugInfo();
2623
2623
  }, 500);
@@ -2627,25 +2627,25 @@ class nt extends bs {
2627
2627
  * Returns array of options in the format expected by the picker
2628
2628
  */
2629
2629
  parseDeclarativeOptions() {
2630
- var r, n, a, l;
2630
+ var r, a, n, l;
2631
2631
  const t = [], s = Array.from(this.children);
2632
2632
  if (s.length === 0)
2633
2633
  return null;
2634
2634
  let i = !1;
2635
2635
  for (const c of s)
2636
2636
  if (c.tagName === "OPTION") {
2637
- const d = c, m = {
2637
+ const d = c, p = {
2638
2638
  value: d.value || ((r = d.textContent) == null ? void 0 : r.trim()) || "",
2639
- label: ((n = d.textContent) == null ? void 0 : n.trim()) || d.value || ""
2639
+ label: ((a = d.textContent) == null ? void 0 : a.trim()) || d.value || ""
2640
2640
  };
2641
- d.hasAttribute("selected") && (this._declarativeSelectedValues || (this._declarativeSelectedValues = []), this._declarativeSelectedValues.push(m.value)), d.hasAttribute("disabled") && (m.disabled = !0), d.hasAttribute("data-icon") && (m.icon = d.getAttribute("data-icon")), d.hasAttribute("data-subtitle") && (m.subtitle = d.getAttribute("data-subtitle")), t.push(m), i = !0;
2641
+ d.hasAttribute("selected") && (this._declarativeSelectedValues || (this._declarativeSelectedValues = []), this._declarativeSelectedValues.push(p.value)), d.hasAttribute("disabled") && (p.disabled = !0), d.hasAttribute("data-icon") && (p.icon = d.getAttribute("data-icon")), d.hasAttribute("data-subtitle") && (p.subtitle = d.getAttribute("data-subtitle")), t.push(p), i = !0;
2642
2642
  } else if (c.tagName === "OPTGROUP") {
2643
- const d = c, m = d.label || d.getAttribute("label") || "Group", u = Array.from(d.querySelectorAll("option"));
2643
+ const d = c, p = d.label || d.getAttribute("label") || "Group", u = Array.from(d.querySelectorAll("option"));
2644
2644
  for (const h of u) {
2645
2645
  const g = {
2646
- value: h.value || ((a = h.textContent) == null ? void 0 : a.trim()) || "",
2646
+ value: h.value || ((n = h.textContent) == null ? void 0 : n.trim()) || "",
2647
2647
  label: ((l = h.textContent) == null ? void 0 : l.trim()) || h.value || "",
2648
- group: m
2648
+ group: p
2649
2649
  };
2650
2650
  h.hasAttribute("selected") && (this._declarativeSelectedValues || (this._declarativeSelectedValues = []), this._declarativeSelectedValues.push(g.value)), h.hasAttribute("disabled") && (g.disabled = !0), h.hasAttribute("data-icon") && (g.icon = h.getAttribute("data-icon")), h.hasAttribute("data-subtitle") && (g.subtitle = h.getAttribute("data-subtitle")), t.push(g), i = !0;
2651
2651
  }
@@ -2760,9 +2760,9 @@ class nt extends bs {
2760
2760
  option: i,
2761
2761
  selectedOptions: (r = this.picker) == null ? void 0 : r.getSelected(),
2762
2762
  selectedValues: (() => {
2763
- var a;
2764
- const n = (a = this.picker) == null ? void 0 : a.getValue();
2765
- return n == null ? [] : Array.isArray(n) ? n : [n];
2763
+ var n;
2764
+ const a = (n = this.picker) == null ? void 0 : n.getValue();
2765
+ return a == null ? [] : Array.isArray(a) ? a : [a];
2766
2766
  })()
2767
2767
  }
2768
2768
  }));
@@ -2774,9 +2774,9 @@ class nt extends bs {
2774
2774
  option: i,
2775
2775
  selectedOptions: (r = this.picker) == null ? void 0 : r.getSelected(),
2776
2776
  selectedValues: (() => {
2777
- var a;
2778
- const n = (a = this.picker) == null ? void 0 : a.getValue();
2779
- return n == null ? [] : Array.isArray(n) ? n : [n];
2777
+ var n;
2778
+ const a = (n = this.picker) == null ? void 0 : n.getValue();
2779
+ return a == null ? [] : Array.isArray(a) ? a : [a];
2780
2780
  })()
2781
2781
  }
2782
2782
  }));
@@ -2786,8 +2786,8 @@ class nt extends bs {
2786
2786
  detail: {
2787
2787
  selectedOptions: i,
2788
2788
  selectedValues: (() => {
2789
- var n;
2790
- const r = (n = this.picker) == null ? void 0 : n.getValue();
2789
+ var a;
2790
+ const r = (a = this.picker) == null ? void 0 : a.getValue();
2791
2791
  return r == null ? [] : Array.isArray(r) ? r : [r];
2792
2792
  })()
2793
2793
  }
@@ -3114,12 +3114,12 @@ class nt extends bs {
3114
3114
  this.picker && this.picker.destroy();
3115
3115
  }
3116
3116
  }
3117
- typeof window < "u" && typeof customElements < "u" && (customElements.get("web-multiselect") || customElements.define("web-multiselect", nt));
3117
+ typeof window < "u" && typeof customElements < "u" && (customElements.get("web-multiselect") || customElements.define("web-multiselect", at));
3118
3118
  typeof window < "u" && (window.components = window.components || {}, window.components["web-multiselect"] = {
3119
- version: () => "1.6.0",
3119
+ version: () => "1.6.1",
3120
3120
  config: {
3121
3121
  name: "@keenmate/web-multiselect",
3122
- version: "1.6.0",
3122
+ version: "1.6.1",
3123
3123
  author: "Keenmate",
3124
3124
  license: "MIT",
3125
3125
  repository: "git+https://github.com/keenmate/web-multiselect.git",
@@ -3128,25 +3128,25 @@ typeof window < "u" && (window.components = window.components || {}, window.comp
3128
3128
  logging: {
3129
3129
  enableLogging: ds,
3130
3130
  disableLogging: hs,
3131
- setLogLevel: ps,
3132
- setCategoryLevel: ms,
3131
+ setLogLevel: ms,
3132
+ setCategoryLevel: ps,
3133
3133
  getCategories: () => [...cs]
3134
3134
  },
3135
3135
  register: () => {
3136
- typeof customElements < "u" && !customElements.get("web-multiselect") && customElements.define("web-multiselect", nt);
3136
+ typeof customElements < "u" && !customElements.get("web-multiselect") && customElements.define("web-multiselect", at);
3137
3137
  },
3138
3138
  getInstances: () => rt()
3139
3139
  });
3140
3140
  export {
3141
3141
  cs as LOGGING_CATEGORIES,
3142
- nt as MultiSelectElement,
3142
+ at as MultiSelectElement,
3143
3143
  us as WebMultiSelect,
3144
3144
  S as dataLogger,
3145
3145
  hs as disableLogging,
3146
3146
  ds as enableLogging,
3147
3147
  le as initLogger,
3148
3148
  T as interactionLogger,
3149
- ms as setCategoryLevel,
3150
- ps as setLogLevel,
3151
- f as uiLogger
3149
+ ps as setCategoryLevel,
3150
+ ms as setLogLevel,
3151
+ v as uiLogger
3152
3152
  };