@keenmate/web-multiselect 1.3.0 → 1.4.0

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,9 +1,9 @@
1
1
  var lt = Object.defineProperty;
2
- var ct = (i, e, t) => e in i ? lt(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
3
- var p = (i, e, t) => ct(i, typeof e != "symbol" ? e + "" : e, t);
4
- const ce = Math.min, H = Math.max, de = Math.round, ae = Math.floor, E = (i) => ({
5
- x: i,
6
- y: i
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, H = Math.max, de = Math.round, ae = Math.floor, E = (o) => ({
5
+ x: o,
6
+ y: o
7
7
  }), dt = {
8
8
  left: "right",
9
9
  right: "left",
@@ -13,47 +13,47 @@ const ce = Math.min, H = Math.max, de = Math.round, ae = Math.floor, E = (i) =>
13
13
  start: "end",
14
14
  end: "start"
15
15
  };
16
- function Ee(i, e, t) {
17
- return H(i, ce(e, t));
16
+ function Ee(o, e, t) {
17
+ return H(o, ce(e, t));
18
18
  }
19
- function he(i, e) {
20
- return typeof i == "function" ? i(e) : i;
19
+ function he(o, e) {
20
+ return typeof o == "function" ? o(e) : o;
21
21
  }
22
- function F(i) {
23
- return i.split("-")[0];
22
+ function F(o) {
23
+ return o.split("-")[0];
24
24
  }
25
- function ue(i) {
26
- return i.split("-")[1];
25
+ function ue(o) {
26
+ return o.split("-")[1];
27
27
  }
28
- function Fe(i) {
29
- return i === "x" ? "y" : "x";
28
+ function Fe(o) {
29
+ return o === "x" ? "y" : "x";
30
30
  }
31
- function Ge(i) {
32
- return i === "y" ? "height" : "width";
31
+ function Ge(o) {
32
+ return o === "y" ? "height" : "width";
33
33
  }
34
34
  const pt = /* @__PURE__ */ new Set(["top", "bottom"]);
35
- function P(i) {
36
- return pt.has(F(i)) ? "y" : "x";
35
+ function P(o) {
36
+ return pt.has(F(o)) ? "y" : "x";
37
37
  }
38
- function We(i) {
39
- return Fe(P(i));
38
+ function We(o) {
39
+ return Fe(P(o));
40
40
  }
41
- function ht(i, e, t) {
41
+ function ht(o, e, t) {
42
42
  t === void 0 && (t = !1);
43
- const s = ue(i), o = We(i), r = Ge(o);
44
- let a = o === "x" ? s === (t ? "end" : "start") ? "right" : "left" : s === "start" ? "bottom" : "top";
43
+ const s = ue(o), i = We(o), r = Ge(i);
44
+ let a = i === "x" ? s === (t ? "end" : "start") ? "right" : "left" : s === "start" ? "bottom" : "top";
45
45
  return e.reference[r] > e.floating[r] && (a = me(a)), [a, me(a)];
46
46
  }
47
- function ut(i) {
48
- const e = me(i);
49
- return [xe(i), e, xe(e)];
47
+ function ut(o) {
48
+ const e = me(o);
49
+ return [ke(o), e, ke(e)];
50
50
  }
51
- function xe(i) {
52
- return i.replace(/start|end/g, (e) => mt[e]);
51
+ function ke(o) {
52
+ return o.replace(/start|end/g, (e) => mt[e]);
53
53
  }
54
54
  const ze = ["left", "right"], Me = ["right", "left"], gt = ["top", "bottom"], bt = ["bottom", "top"];
55
- function ft(i, e, t) {
56
- switch (i) {
55
+ function ft(o, e, t) {
56
+ switch (o) {
57
57
  case "top":
58
58
  case "bottom":
59
59
  return t ? e ? Me : ze : e ? ze : Me;
@@ -64,61 +64,61 @@ function ft(i, e, t) {
64
64
  return [];
65
65
  }
66
66
  }
67
- function vt(i, e, t, s) {
68
- const o = ue(i);
69
- let r = ft(F(i), t === "start", s);
70
- return o && (r = r.map((a) => a + "-" + o), e && (r = r.concat(r.map(xe)))), r;
67
+ function vt(o, e, t, s) {
68
+ const i = ue(o);
69
+ let r = ft(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
- function me(i) {
73
- return i.replace(/left|right|bottom|top/g, (e) => dt[e]);
72
+ function me(o) {
73
+ return o.replace(/left|right|bottom|top/g, (e) => dt[e]);
74
74
  }
75
- function _t(i) {
75
+ function _t(o) {
76
76
  return {
77
77
  top: 0,
78
78
  right: 0,
79
79
  bottom: 0,
80
80
  left: 0,
81
- ...i
81
+ ...o
82
82
  };
83
83
  }
84
- function wt(i) {
85
- return typeof i != "number" ? _t(i) : {
86
- top: i,
87
- right: i,
88
- bottom: i,
89
- left: i
84
+ function wt(o) {
85
+ return typeof o != "number" ? _t(o) : {
86
+ top: o,
87
+ right: o,
88
+ bottom: o,
89
+ left: o
90
90
  };
91
91
  }
92
- function pe(i) {
92
+ function pe(o) {
93
93
  const {
94
94
  x: e,
95
95
  y: t,
96
96
  width: s,
97
- height: o
98
- } = i;
97
+ height: i
98
+ } = o;
99
99
  return {
100
100
  width: s,
101
- height: o,
101
+ height: i,
102
102
  top: t,
103
103
  left: e,
104
104
  right: e + s,
105
- bottom: t + o,
105
+ bottom: t + i,
106
106
  x: e,
107
107
  y: t
108
108
  };
109
109
  }
110
- function Ve(i, e, t) {
110
+ function Ve(o, e, t) {
111
111
  let {
112
112
  reference: s,
113
- floating: o
114
- } = i;
115
- const r = P(e), a = We(e), n = Ge(a), l = F(e), c = r === "y", d = s.x + s.width / 2 - o.width / 2, h = s.y + s.height / 2 - o.height / 2, u = s[n] / 2 - o[n] / 2;
113
+ floating: i
114
+ } = o;
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, h = s.y + s.height / 2 - i.height / 2, u = s[n] / 2 - i[n] / 2;
116
116
  let m;
117
117
  switch (l) {
118
118
  case "top":
119
119
  m = {
120
120
  x: d,
121
- y: s.y - o.height
121
+ y: s.y - i.height
122
122
  };
123
123
  break;
124
124
  case "bottom":
@@ -135,7 +135,7 @@ function Ve(i, e, t) {
135
135
  break;
136
136
  case "left":
137
137
  m = {
138
- x: s.x - o.width,
138
+ x: s.x - i.width,
139
139
  y: h
140
140
  };
141
141
  break;
@@ -155,17 +155,17 @@ function Ve(i, e, t) {
155
155
  }
156
156
  return m;
157
157
  }
158
- const yt = async (i, e, t) => {
158
+ const xt = async (o, e, t) => {
159
159
  const {
160
160
  placement: s = "bottom",
161
- strategy: o = "absolute",
161
+ strategy: i = "absolute",
162
162
  middleware: r = [],
163
163
  platform: a
164
164
  } = t, n = r.filter(Boolean), l = await (a.isRTL == null ? void 0 : a.isRTL(e));
165
165
  let c = await a.getElementRects({
166
- reference: i,
166
+ reference: o,
167
167
  floating: e,
168
- strategy: o
168
+ strategy: i
169
169
  }), {
170
170
  x: d,
171
171
  y: h
@@ -176,34 +176,34 @@ const yt = async (i, e, t) => {
176
176
  fn: _
177
177
  } = n[b], {
178
178
  x: w,
179
- y: x,
179
+ y: k,
180
180
  data: C,
181
- reset: k
181
+ reset: y
182
182
  } = await _({
183
183
  x: d,
184
184
  y: h,
185
185
  initialPlacement: s,
186
186
  placement: u,
187
- strategy: o,
187
+ strategy: i,
188
188
  middlewareData: m,
189
189
  rects: c,
190
190
  platform: a,
191
191
  elements: {
192
- reference: i,
192
+ reference: o,
193
193
  floating: e
194
194
  }
195
195
  });
196
- d = w ?? d, h = x ?? h, m = {
196
+ d = w ?? d, h = k ?? h, m = {
197
197
  ...m,
198
198
  [v]: {
199
199
  ...m[v],
200
200
  ...C
201
201
  }
202
- }, k && g <= 50 && (g++, typeof k == "object" && (k.placement && (u = k.placement), k.rects && (c = k.rects === !0 ? await a.getElementRects({
203
- reference: i,
202
+ }, y && g <= 50 && (g++, typeof y == "object" && (y.placement && (u = y.placement), y.rects && (c = y.rects === !0 ? await a.getElementRects({
203
+ reference: o,
204
204
  floating: e,
205
- strategy: o
206
- }) : k.rects), {
205
+ strategy: i
206
+ }) : y.rects), {
207
207
  x: d,
208
208
  y: h
209
209
  } = Ve(c, u, l)), b = -1);
@@ -212,63 +212,63 @@ const yt = async (i, e, t) => {
212
212
  x: d,
213
213
  y: h,
214
214
  placement: u,
215
- strategy: o,
215
+ strategy: i,
216
216
  middlewareData: m
217
217
  };
218
218
  };
219
- async function je(i, e) {
219
+ async function je(o, e) {
220
220
  var t;
221
221
  e === void 0 && (e = {});
222
222
  const {
223
223
  x: s,
224
- y: o,
224
+ y: i,
225
225
  platform: r,
226
226
  rects: a,
227
227
  elements: n,
228
228
  strategy: l
229
- } = i, {
229
+ } = o, {
230
230
  boundary: c = "clippingAncestors",
231
231
  rootBoundary: d = "viewport",
232
232
  elementContext: h = "floating",
233
233
  altBoundary: u = !1,
234
234
  padding: m = 0
235
- } = he(e, i), g = wt(m), v = n[u ? h === "floating" ? "reference" : "floating" : h], _ = pe(await r.getClippingRect({
235
+ } = he(e, o), g = wt(m), v = n[u ? h === "floating" ? "reference" : "floating" : h], _ = pe(await r.getClippingRect({
236
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(n.floating)),
237
237
  boundary: c,
238
238
  rootBoundary: d,
239
239
  strategy: l
240
240
  })), w = h === "floating" ? {
241
241
  x: s,
242
- y: o,
242
+ y: i,
243
243
  width: a.floating.width,
244
244
  height: a.floating.height
245
- } : a.reference, x = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(n.floating)), C = await (r.isElement == null ? void 0 : r.isElement(x)) ? await (r.getScale == null ? void 0 : r.getScale(x)) || {
245
+ } : a.reference, k = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(n.floating)), C = 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
- }, k = pe(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
251
+ }, y = pe(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
252
252
  elements: n,
253
253
  rect: w,
254
- offsetParent: x,
254
+ offsetParent: k,
255
255
  strategy: l
256
256
  }) : w);
257
257
  return {
258
- top: (_.top - k.top + g.top) / C.y,
259
- bottom: (k.bottom - _.bottom + g.bottom) / C.y,
260
- left: (_.left - k.left + g.left) / C.x,
261
- right: (k.right - _.right + g.right) / C.x
258
+ top: (_.top - y.top + g.top) / C.y,
259
+ bottom: (y.bottom - _.bottom + g.bottom) / C.y,
260
+ left: (_.left - y.left + g.left) / C.x,
261
+ right: (y.right - _.right + g.right) / C.x
262
262
  };
263
263
  }
264
- const xt = function(i) {
265
- return i === void 0 && (i = {}), {
264
+ const kt = function(o) {
265
+ return o === void 0 && (o = {}), {
266
266
  name: "flip",
267
- options: i,
267
+ options: o,
268
268
  async fn(e) {
269
269
  var t, s;
270
270
  const {
271
- placement: o,
271
+ placement: i,
272
272
  middlewareData: r,
273
273
  rects: a,
274
274
  initialPlacement: n,
@@ -282,19 +282,19 @@ const xt = function(i) {
282
282
  fallbackAxisSideDirection: g = "none",
283
283
  flipAlignment: b = !0,
284
284
  ...v
285
- } = he(i, e);
285
+ } = he(o, e);
286
286
  if ((t = r.arrow) != null && t.alignmentOffset)
287
287
  return {};
288
- const _ = F(o), w = P(n), x = F(n) === n, C = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), k = u || (x || !b ? [me(n)] : ut(n)), J = g !== "none";
289
- !u && J && k.push(...vt(n, b, g, C));
290
- const W = [n, ...k], _e = await je(e, v), re = [];
288
+ const _ = F(i), w = P(n), k = F(n) === n, C = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), y = u || (k || !b ? [me(n)] : ut(n)), J = g !== "none";
289
+ !u && J && y.push(...vt(n, b, g, C));
290
+ const W = [n, ...y], _e = await je(e, v), re = [];
291
291
  let j = ((s = r.flip) == null ? void 0 : s.overflows) || [];
292
292
  if (d && re.push(_e[_]), h) {
293
- const D = ht(o, a, C);
293
+ const D = ht(i, a, C);
294
294
  re.push(_e[D[0]], _e[D[1]]);
295
295
  }
296
296
  if (j = [...j, {
297
- placement: o,
297
+ placement: i,
298
298
  overflows: re
299
299
  }], !re.every((D) => D <= 0)) {
300
300
  var Oe, Le;
@@ -332,7 +332,7 @@ const xt = function(i) {
332
332
  X = n;
333
333
  break;
334
334
  }
335
- if (o !== X)
335
+ if (i !== X)
336
336
  return {
337
337
  reset: {
338
338
  placement: X
@@ -342,13 +342,13 @@ const xt = function(i) {
342
342
  return {};
343
343
  }
344
344
  };
345
- }, kt = /* @__PURE__ */ new Set(["left", "top"]);
346
- async function Ct(i, e) {
345
+ }, yt = /* @__PURE__ */ new Set(["left", "top"]);
346
+ async function Ct(o, e) {
347
347
  const {
348
348
  placement: t,
349
349
  platform: s,
350
- elements: o
351
- } = i, r = await (s.isRTL == null ? void 0 : s.isRTL(o.floating)), a = F(t), n = ue(t), l = P(t) === "y", c = kt.has(a) ? -1 : 1, d = r && l ? -1 : 1, h = he(e, i);
350
+ elements: i
351
+ } = o, r = await (s.isRTL == null ? void 0 : s.isRTL(i.floating)), a = F(t), n = ue(t), l = P(t) === "y", c = yt.has(a) ? -1 : 1, d = r && l ? -1 : 1, h = he(e, o);
352
352
  let {
353
353
  mainAxis: u,
354
354
  crossAxis: m,
@@ -370,20 +370,20 @@ async function Ct(i, e) {
370
370
  y: m * d
371
371
  };
372
372
  }
373
- const St = function(i) {
374
- return i === void 0 && (i = 0), {
373
+ const St = function(o) {
374
+ return o === void 0 && (o = 0), {
375
375
  name: "offset",
376
- options: i,
376
+ options: o,
377
377
  async fn(e) {
378
378
  var t, s;
379
379
  const {
380
- x: o,
380
+ x: i,
381
381
  y: r,
382
382
  placement: a,
383
383
  middlewareData: n
384
- } = e, l = await Ct(e, i);
384
+ } = e, l = await Ct(e, o);
385
385
  return a === ((t = n.offset) == null ? void 0 : t.placement) && (s = n.arrow) != null && s.alignmentOffset ? {} : {
386
- x: o + l.x,
386
+ x: i + l.x,
387
387
  y: r + l.y,
388
388
  data: {
389
389
  ...l,
@@ -392,15 +392,15 @@ const St = function(i) {
392
392
  };
393
393
  }
394
394
  };
395
- }, At = function(i) {
396
- return i === void 0 && (i = {}), {
395
+ }, At = function(o) {
396
+ return o === void 0 && (o = {}), {
397
397
  name: "shift",
398
- options: i,
398
+ options: o,
399
399
  async fn(e) {
400
400
  const {
401
401
  x: t,
402
402
  y: s,
403
- placement: o
403
+ placement: i
404
404
  } = e, {
405
405
  mainAxis: r = !0,
406
406
  crossAxis: a = !1,
@@ -417,18 +417,18 @@ const St = function(i) {
417
417
  }
418
418
  },
419
419
  ...l
420
- } = he(i, e), c = {
420
+ } = he(o, e), c = {
421
421
  x: t,
422
422
  y: s
423
- }, d = await je(e, l), h = P(F(o)), u = Fe(h);
423
+ }, d = await je(e, l), h = P(F(i)), u = Fe(h);
424
424
  let m = c[u], g = c[h];
425
425
  if (r) {
426
- const v = u === "y" ? "top" : "left", _ = u === "y" ? "bottom" : "right", w = m + d[v], x = m - d[_];
427
- m = Ee(w, m, x);
426
+ const v = u === "y" ? "top" : "left", _ = u === "y" ? "bottom" : "right", w = m + d[v], k = m - d[_];
427
+ m = Ee(w, m, k);
428
428
  }
429
429
  if (a) {
430
- const v = h === "y" ? "top" : "left", _ = h === "y" ? "bottom" : "right", w = g + d[v], x = g - d[_];
431
- g = Ee(w, g, x);
430
+ const v = h === "y" ? "top" : "left", _ = h === "y" ? "bottom" : "right", w = g + d[v], k = g - d[_];
431
+ g = Ee(w, g, k);
432
432
  }
433
433
  const b = n.fn({
434
434
  ...e,
@@ -452,60 +452,60 @@ const St = function(i) {
452
452
  function ge() {
453
453
  return typeof window < "u";
454
454
  }
455
- function Y(i) {
456
- return Ue(i) ? (i.nodeName || "").toLowerCase() : "#document";
455
+ function Y(o) {
456
+ return Ue(o) ? (o.nodeName || "").toLowerCase() : "#document";
457
457
  }
458
- function I(i) {
458
+ function I(o) {
459
459
  var e;
460
- return (i == null || (e = i.ownerDocument) == null ? void 0 : e.defaultView) || window;
460
+ return (o == null || (e = o.ownerDocument) == null ? void 0 : e.defaultView) || window;
461
461
  }
462
- function M(i) {
462
+ function M(o) {
463
463
  var e;
464
- return (e = (Ue(i) ? i.ownerDocument : i.document) || window.document) == null ? void 0 : e.documentElement;
464
+ return (e = (Ue(o) ? o.ownerDocument : o.document) || window.document) == null ? void 0 : e.documentElement;
465
465
  }
466
- function Ue(i) {
467
- return ge() ? i instanceof Node || i instanceof I(i).Node : !1;
466
+ function Ue(o) {
467
+ return ge() ? o instanceof Node || o instanceof I(o).Node : !1;
468
468
  }
469
- function L(i) {
470
- return ge() ? i instanceof Element || i instanceof I(i).Element : !1;
469
+ function L(o) {
470
+ return ge() ? o instanceof Element || o instanceof I(o).Element : !1;
471
471
  }
472
- function z(i) {
473
- return ge() ? i instanceof HTMLElement || i instanceof I(i).HTMLElement : !1;
472
+ function z(o) {
473
+ return ge() ? o instanceof HTMLElement || o instanceof I(o).HTMLElement : !1;
474
474
  }
475
- function Pe(i) {
476
- return !ge() || typeof ShadowRoot > "u" ? !1 : i instanceof ShadowRoot || i instanceof I(i).ShadowRoot;
475
+ function Pe(o) {
476
+ return !ge() || typeof ShadowRoot > "u" ? !1 : o instanceof ShadowRoot || o instanceof I(o).ShadowRoot;
477
477
  }
478
478
  const It = /* @__PURE__ */ new Set(["inline", "contents"]);
479
- function oe(i) {
479
+ function ie(o) {
480
480
  const {
481
481
  overflow: e,
482
482
  overflowX: t,
483
483
  overflowY: s,
484
- display: o
485
- } = $(i);
486
- return /auto|scroll|overlay|hidden|clip/.test(e + s + t) && !It.has(o);
484
+ display: i
485
+ } = $(o);
486
+ return /auto|scroll|overlay|hidden|clip/.test(e + s + t) && !It.has(i);
487
487
  }
488
488
  const Tt = /* @__PURE__ */ new Set(["table", "td", "th"]);
489
- function Ot(i) {
490
- return Tt.has(Y(i));
489
+ function Ot(o) {
490
+ return Tt.has(Y(o));
491
491
  }
492
492
  const Lt = [":popover-open", ":modal"];
493
- function be(i) {
493
+ function be(o) {
494
494
  return Lt.some((e) => {
495
495
  try {
496
- return i.matches(e);
496
+ return o.matches(e);
497
497
  } catch {
498
498
  return !1;
499
499
  }
500
500
  });
501
501
  }
502
502
  const $t = ["transform", "translate", "scale", "rotate", "perspective"], Et = ["transform", "translate", "scale", "rotate", "perspective", "filter"], zt = ["paint", "layout", "strict", "content"];
503
- function Ae(i) {
504
- const e = Ie(), t = L(i) ? $(i) : i;
503
+ function Ae(o) {
504
+ const e = Ie(), t = L(o) ? $(o) : o;
505
505
  return $t.some((s) => t[s] ? t[s] !== "none" : !1) || (t.containerType ? t.containerType !== "normal" : !1) || !e && (t.backdropFilter ? t.backdropFilter !== "none" : !1) || !e && (t.filter ? t.filter !== "none" : !1) || Et.some((s) => (t.willChange || "").includes(s)) || zt.some((s) => (t.contain || "").includes(s));
506
506
  }
507
- function Mt(i) {
508
- let e = B(i);
507
+ function Mt(o) {
508
+ let e = B(o);
509
509
  for (; z(e) && !K(e); ) {
510
510
  if (Ae(e))
511
511
  return e;
@@ -519,102 +519,102 @@ function Ie() {
519
519
  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
520
520
  }
521
521
  const Vt = /* @__PURE__ */ new Set(["html", "body", "#document"]);
522
- function K(i) {
523
- return Vt.has(Y(i));
522
+ function K(o) {
523
+ return Vt.has(Y(o));
524
524
  }
525
- function $(i) {
526
- return I(i).getComputedStyle(i);
525
+ function $(o) {
526
+ return I(o).getComputedStyle(o);
527
527
  }
528
- function fe(i) {
529
- return L(i) ? {
530
- scrollLeft: i.scrollLeft,
531
- scrollTop: i.scrollTop
528
+ function fe(o) {
529
+ return L(o) ? {
530
+ scrollLeft: o.scrollLeft,
531
+ scrollTop: o.scrollTop
532
532
  } : {
533
- scrollLeft: i.scrollX,
534
- scrollTop: i.scrollY
533
+ scrollLeft: o.scrollX,
534
+ scrollTop: o.scrollY
535
535
  };
536
536
  }
537
- function B(i) {
538
- if (Y(i) === "html")
539
- return i;
537
+ function B(o) {
538
+ if (Y(o) === "html")
539
+ return o;
540
540
  const e = (
541
541
  // Step into the shadow DOM of the parent of a slotted node.
542
- i.assignedSlot || // DOM Element detected.
543
- i.parentNode || // ShadowRoot detected.
544
- Pe(i) && i.host || // Fallback.
545
- M(i)
542
+ o.assignedSlot || // DOM Element detected.
543
+ o.parentNode || // ShadowRoot detected.
544
+ Pe(o) && o.host || // Fallback.
545
+ M(o)
546
546
  );
547
547
  return Pe(e) ? e.host : e;
548
548
  }
549
- function Ke(i) {
550
- const e = B(i);
551
- return K(e) ? i.ownerDocument ? i.ownerDocument.body : i.body : z(e) && oe(e) ? e : Ke(e);
549
+ function Ke(o) {
550
+ const e = B(o);
551
+ return K(e) ? o.ownerDocument ? o.ownerDocument.body : o.body : z(e) && ie(e) ? e : Ke(e);
552
552
  }
553
- function se(i, e, t) {
553
+ function se(o, e, t) {
554
554
  var s;
555
555
  e === void 0 && (e = []), t === void 0 && (t = !0);
556
- const o = Ke(i), r = o === ((s = i.ownerDocument) == null ? void 0 : s.body), a = I(o);
556
+ const i = Ke(o), r = i === ((s = o.ownerDocument) == null ? void 0 : s.body), a = I(i);
557
557
  if (r) {
558
- const n = ke(a);
559
- return e.concat(a, a.visualViewport || [], oe(o) ? o : [], n && t ? se(n) : []);
558
+ const n = ye(a);
559
+ return e.concat(a, a.visualViewport || [], ie(i) ? i : [], n && t ? se(n) : []);
560
560
  }
561
- return e.concat(o, se(o, [], t));
561
+ return e.concat(i, se(i, [], t));
562
562
  }
563
- function ke(i) {
564
- return i.parent && Object.getPrototypeOf(i.parent) ? i.frameElement : null;
563
+ function ye(o) {
564
+ return o.parent && Object.getPrototypeOf(o.parent) ? o.frameElement : null;
565
565
  }
566
- function Ye(i) {
567
- const e = $(i);
566
+ function Ye(o) {
567
+ const e = $(o);
568
568
  let t = parseFloat(e.width) || 0, s = parseFloat(e.height) || 0;
569
- const o = z(i), r = o ? i.offsetWidth : t, a = o ? i.offsetHeight : s, n = de(t) !== r || de(s) !== a;
569
+ const i = z(o), r = i ? o.offsetWidth : t, a = i ? o.offsetHeight : s, n = de(t) !== r || de(s) !== a;
570
570
  return n && (t = r, s = a), {
571
571
  width: t,
572
572
  height: s,
573
573
  $: n
574
574
  };
575
575
  }
576
- function Te(i) {
577
- return L(i) ? i : i.contextElement;
576
+ function Te(o) {
577
+ return L(o) ? o : o.contextElement;
578
578
  }
579
- function U(i) {
580
- const e = Te(i);
579
+ function U(o) {
580
+ const e = Te(o);
581
581
  if (!z(e))
582
582
  return E(1);
583
583
  const t = e.getBoundingClientRect(), {
584
584
  width: s,
585
- height: o,
585
+ height: i,
586
586
  $: r
587
587
  } = Ye(e);
588
- let a = (r ? de(t.width) : t.width) / s, n = (r ? de(t.height) : t.height) / o;
588
+ let a = (r ? de(t.width) : t.width) / s, n = (r ? de(t.height) : t.height) / i;
589
589
  return (!a || !Number.isFinite(a)) && (a = 1), (!n || !Number.isFinite(n)) && (n = 1), {
590
590
  x: a,
591
591
  y: n
592
592
  };
593
593
  }
594
594
  const Pt = /* @__PURE__ */ E(0);
595
- function Je(i) {
596
- const e = I(i);
595
+ function Je(o) {
596
+ const e = I(o);
597
597
  return !Ie() || !e.visualViewport ? Pt : {
598
598
  x: e.visualViewport.offsetLeft,
599
599
  y: e.visualViewport.offsetTop
600
600
  };
601
601
  }
602
- function Bt(i, e, t) {
603
- return e === void 0 && (e = !1), !t || e && t !== I(i) ? !1 : e;
602
+ function Bt(o, e, t) {
603
+ return e === void 0 && (e = !1), !t || e && t !== I(o) ? !1 : e;
604
604
  }
605
- function G(i, e, t, s) {
605
+ function G(o, e, t, s) {
606
606
  e === void 0 && (e = !1), t === void 0 && (t = !1);
607
- const o = i.getBoundingClientRect(), r = Te(i);
607
+ const i = o.getBoundingClientRect(), r = Te(o);
608
608
  let a = E(1);
609
- e && (s ? L(s) && (a = U(s)) : a = U(i));
609
+ e && (s ? L(s) && (a = U(s)) : a = U(o));
610
610
  const n = Bt(r, t, s) ? Je(r) : E(0);
611
- let l = (o.left + n.x) / a.x, c = (o.top + n.y) / a.y, d = o.width / a.x, h = o.height / a.y;
611
+ let l = (i.left + n.x) / a.x, c = (i.top + n.y) / a.y, d = i.width / a.x, h = i.height / a.y;
612
612
  if (r) {
613
613
  const u = I(r), m = s && L(s) ? I(s) : s;
614
- let g = u, b = ke(g);
614
+ let g = u, b = ye(g);
615
615
  for (; b && s && m !== g; ) {
616
- const v = U(b), _ = b.getBoundingClientRect(), w = $(b), x = _.left + (b.clientLeft + parseFloat(w.paddingLeft)) * v.x, C = _.top + (b.clientTop + parseFloat(w.paddingTop)) * v.y;
617
- l *= v.x, c *= v.y, d *= v.x, h *= v.y, l += x, c += C, g = I(b), b = ke(g);
616
+ const v = U(b), _ = b.getBoundingClientRect(), w = $(b), k = _.left + (b.clientLeft + parseFloat(w.paddingLeft)) * v.x, C = _.top + (b.clientTop + parseFloat(w.paddingTop)) * v.y;
617
+ l *= v.x, c *= v.y, d *= v.x, h *= v.y, l += k, c += C, g = I(b), b = ye(g);
618
618
  }
619
619
  }
620
620
  return pe({
@@ -624,25 +624,25 @@ function G(i, e, t, s) {
624
624
  y: c
625
625
  });
626
626
  }
627
- function ve(i, e) {
628
- const t = fe(i).scrollLeft;
629
- return e ? e.left + t : G(M(i)).left + t;
627
+ function ve(o, e) {
628
+ const t = fe(o).scrollLeft;
629
+ return e ? e.left + t : G(M(o)).left + t;
630
630
  }
631
- function Xe(i, e) {
632
- const t = i.getBoundingClientRect(), s = t.left + e.scrollLeft - ve(i, t), o = t.top + e.scrollTop;
631
+ function Xe(o, e) {
632
+ const t = o.getBoundingClientRect(), s = t.left + e.scrollLeft - ve(o, t), i = t.top + e.scrollTop;
633
633
  return {
634
634
  x: s,
635
- y: o
635
+ y: i
636
636
  };
637
637
  }
638
- function Dt(i) {
638
+ function Dt(o) {
639
639
  let {
640
640
  elements: e,
641
641
  rect: t,
642
642
  offsetParent: s,
643
- strategy: o
644
- } = i;
645
- const r = o === "fixed", a = M(s), n = e ? be(e.floating) : !1;
643
+ strategy: i
644
+ } = o;
645
+ const r = i === "fixed", a = M(s), n = e ? be(e.floating) : !1;
646
646
  if (s === a || n && r)
647
647
  return t;
648
648
  let l = {
@@ -650,7 +650,7 @@ function Dt(i) {
650
650
  scrollTop: 0
651
651
  }, c = E(1);
652
652
  const d = E(0), h = z(s);
653
- if ((h || !h && !r) && ((Y(s) !== "body" || oe(a)) && (l = fe(s)), z(s))) {
653
+ if ((h || !h && !r) && ((Y(s) !== "body" || ie(a)) && (l = fe(s)), z(s))) {
654
654
  const m = G(s);
655
655
  c = U(s), d.x = m.x + s.clientLeft, d.y = m.y + s.clientTop;
656
656
  }
@@ -662,28 +662,28 @@ function Dt(i) {
662
662
  y: t.y * c.y - l.scrollTop * c.y + d.y + u.y
663
663
  };
664
664
  }
665
- function Rt(i) {
666
- return Array.from(i.getClientRects());
665
+ function Rt(o) {
666
+ return Array.from(o.getClientRects());
667
667
  }
668
- function Nt(i) {
669
- const e = M(i), t = fe(i), s = i.ownerDocument.body, o = H(e.scrollWidth, e.clientWidth, s.scrollWidth, s.clientWidth), r = H(e.scrollHeight, e.clientHeight, s.scrollHeight, s.clientHeight);
670
- let a = -t.scrollLeft + ve(i);
668
+ function Nt(o) {
669
+ const e = M(o), t = fe(o), s = o.ownerDocument.body, i = H(e.scrollWidth, e.clientWidth, s.scrollWidth, s.clientWidth), r = H(e.scrollHeight, e.clientHeight, s.scrollHeight, s.clientHeight);
670
+ let a = -t.scrollLeft + ve(o);
671
671
  const n = -t.scrollTop;
672
- return $(s).direction === "rtl" && (a += H(e.clientWidth, s.clientWidth) - o), {
673
- width: o,
672
+ return $(s).direction === "rtl" && (a += H(e.clientWidth, s.clientWidth) - i), {
673
+ width: i,
674
674
  height: r,
675
675
  x: a,
676
676
  y: n
677
677
  };
678
678
  }
679
679
  const Be = 25;
680
- function Ht(i, e) {
681
- const t = I(i), s = M(i), o = t.visualViewport;
680
+ function Ht(o, e) {
681
+ const t = I(o), s = M(o), i = t.visualViewport;
682
682
  let r = s.clientWidth, a = s.clientHeight, n = 0, l = 0;
683
- if (o) {
684
- r = o.width, a = o.height;
683
+ if (i) {
684
+ r = i.width, a = i.height;
685
685
  const d = Ie();
686
- (!d || d && e === "fixed") && (n = o.offsetLeft, l = o.offsetTop);
686
+ (!d || d && e === "fixed") && (n = i.offsetLeft, l = i.offsetTop);
687
687
  }
688
688
  const c = ve(s);
689
689
  if (c <= 0) {
@@ -698,8 +698,8 @@ function Ht(i, e) {
698
698
  };
699
699
  }
700
700
  const Ft = /* @__PURE__ */ new Set(["absolute", "fixed"]);
701
- function Gt(i, e) {
702
- const t = G(i, !0, e === "fixed"), s = t.top + i.clientTop, o = t.left + i.clientLeft, r = z(i) ? U(i) : E(1), a = i.clientWidth * r.x, n = i.clientHeight * r.y, l = o * r.x, c = s * r.y;
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), a = o.clientWidth * r.x, n = o.clientHeight * r.y, l = i * r.x, c = s * r.y;
703
703
  return {
704
704
  width: a,
705
705
  height: n,
@@ -707,53 +707,53 @@ function Gt(i, e) {
707
707
  y: c
708
708
  };
709
709
  }
710
- function De(i, e, t) {
710
+ function De(o, e, t) {
711
711
  let s;
712
712
  if (e === "viewport")
713
- s = Ht(i, t);
713
+ s = Ht(o, t);
714
714
  else if (e === "document")
715
- s = Nt(M(i));
715
+ s = Nt(M(o));
716
716
  else if (L(e))
717
717
  s = Gt(e, t);
718
718
  else {
719
- const o = Je(i);
719
+ const i = Je(o);
720
720
  s = {
721
- x: e.x - o.x,
722
- y: e.y - o.y,
721
+ x: e.x - i.x,
722
+ y: e.y - i.y,
723
723
  width: e.width,
724
724
  height: e.height
725
725
  };
726
726
  }
727
727
  return pe(s);
728
728
  }
729
- function qe(i, e) {
730
- const t = B(i);
729
+ function qe(o, e) {
730
+ const t = B(o);
731
731
  return t === e || !L(t) || K(t) ? !1 : $(t).position === "fixed" || qe(t, e);
732
732
  }
733
- function Wt(i, e) {
734
- const t = e.get(i);
733
+ function Wt(o, e) {
734
+ const t = e.get(o);
735
735
  if (t)
736
736
  return t;
737
- let s = se(i, [], !1).filter((n) => L(n) && Y(n) !== "body"), o = null;
738
- const r = $(i).position === "fixed";
739
- let a = r ? B(i) : i;
737
+ let s = se(o, [], !1).filter((n) => L(n) && Y(n) !== "body"), i = null;
738
+ const r = $(o).position === "fixed";
739
+ let a = r ? B(o) : o;
740
740
  for (; L(a) && !K(a); ) {
741
741
  const n = $(a), l = Ae(a);
742
- !l && n.position === "fixed" && (o = null), (r ? !l && !o : !l && n.position === "static" && !!o && Ft.has(o.position) || oe(a) && !l && qe(i, a)) ? s = s.filter((d) => d !== a) : o = n, a = B(a);
742
+ !l && n.position === "fixed" && (i = null), (r ? !l && !i : !l && n.position === "static" && !!i && Ft.has(i.position) || ie(a) && !l && qe(o, a)) ? s = s.filter((d) => d !== a) : i = n, a = B(a);
743
743
  }
744
- return e.set(i, s), s;
744
+ return e.set(o, s), s;
745
745
  }
746
- function jt(i) {
746
+ function jt(o) {
747
747
  let {
748
748
  element: e,
749
749
  boundary: t,
750
750
  rootBoundary: s,
751
- strategy: o
752
- } = i;
751
+ strategy: i
752
+ } = o;
753
753
  const a = [...t === "clippingAncestors" ? be(e) ? [] : Wt(e, this._c) : [].concat(t), s], n = a[0], l = a.reduce((c, d) => {
754
- const h = De(e, d, o);
754
+ const h = De(e, d, i);
755
755
  return c.top = H(h.top, c.top), c.right = ce(h.right, c.right), c.bottom = ce(h.bottom, c.bottom), c.left = H(h.left, c.left), c;
756
- }, De(e, n, o));
756
+ }, De(e, n, i));
757
757
  return {
758
758
  width: l.right - l.left,
759
759
  height: l.bottom - l.top,
@@ -761,33 +761,33 @@ function jt(i) {
761
761
  y: l.top
762
762
  };
763
763
  }
764
- function Ut(i) {
764
+ function Ut(o) {
765
765
  const {
766
766
  width: e,
767
767
  height: t
768
- } = Ye(i);
768
+ } = Ye(o);
769
769
  return {
770
770
  width: e,
771
771
  height: t
772
772
  };
773
773
  }
774
- function Kt(i, e, t) {
775
- const s = z(e), o = M(e), r = t === "fixed", a = G(i, !0, r, e);
774
+ function Kt(o, e, t) {
775
+ const s = z(e), i = M(e), r = t === "fixed", a = G(o, !0, r, e);
776
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(o);
782
+ l.x = ve(i);
783
783
  }
784
784
  if (s || !s && !r)
785
- if ((Y(e) !== "body" || oe(o)) && (n = fe(e)), s) {
785
+ if ((Y(e) !== "body" || ie(i)) && (n = fe(e)), s) {
786
786
  const m = G(e, !0, r, e);
787
787
  l.x = m.x + e.clientLeft, l.y = m.y + e.clientTop;
788
- } else o && c();
789
- r && !s && o && c();
790
- const d = o && !s && !r ? Xe(o, n) : E(0), h = a.left + n.scrollLeft - l.x - d.x, u = a.top + n.scrollTop - l.y - d.y;
788
+ } else i && c();
789
+ r && !s && i && c();
790
+ const d = i && !s && !r ? Xe(i, n) : E(0), h = a.left + n.scrollLeft - l.x - d.x, u = a.top + n.scrollTop - l.y - d.y;
791
791
  return {
792
792
  x: h,
793
793
  y: u,
@@ -795,39 +795,39 @@ function Kt(i, e, t) {
795
795
  height: a.height
796
796
  };
797
797
  }
798
- function ye(i) {
799
- return $(i).position === "static";
798
+ function xe(o) {
799
+ return $(o).position === "static";
800
800
  }
801
- function Re(i, e) {
802
- if (!z(i) || $(i).position === "fixed")
801
+ function Re(o, e) {
802
+ if (!z(o) || $(o).position === "fixed")
803
803
  return null;
804
804
  if (e)
805
- return e(i);
806
- let t = i.offsetParent;
807
- return M(i) === t && (t = t.ownerDocument.body), t;
805
+ return e(o);
806
+ let t = o.offsetParent;
807
+ return M(o) === t && (t = t.ownerDocument.body), t;
808
808
  }
809
- function Ze(i, e) {
810
- const t = I(i);
811
- if (be(i))
809
+ function Ze(o, e) {
810
+ const t = I(o);
811
+ if (be(o))
812
812
  return t;
813
- if (!z(i)) {
814
- let o = B(i);
815
- for (; o && !K(o); ) {
816
- if (L(o) && !ye(o))
817
- return o;
818
- o = B(o);
813
+ if (!z(o)) {
814
+ let i = B(o);
815
+ for (; i && !K(i); ) {
816
+ if (L(i) && !xe(i))
817
+ return i;
818
+ i = B(i);
819
819
  }
820
820
  return t;
821
821
  }
822
- let s = Re(i, e);
823
- for (; s && Ot(s) && ye(s); )
822
+ let s = Re(o, e);
823
+ for (; s && Ot(s) && xe(s); )
824
824
  s = Re(s, e);
825
- return s && K(s) && ye(s) && !Ae(s) ? t : s || Mt(i) || t;
825
+ return s && K(s) && xe(s) && !Ae(s) ? t : s || Mt(o) || t;
826
826
  }
827
- const Yt = async function(i) {
828
- const e = this.getOffsetParent || Ze, t = this.getDimensions, s = await t(i.floating);
827
+ const Yt = async function(o) {
828
+ const e = this.getOffsetParent || Ze, t = this.getDimensions, s = await t(o.floating);
829
829
  return {
830
- reference: Kt(i.reference, await e(i.floating), i.strategy),
830
+ reference: Kt(o.reference, await e(o.floating), o.strategy),
831
831
  floating: {
832
832
  x: 0,
833
833
  y: 0,
@@ -836,8 +836,8 @@ const Yt = async function(i) {
836
836
  }
837
837
  };
838
838
  };
839
- function Jt(i) {
840
- return $(i).direction === "rtl";
839
+ function Jt(o) {
840
+ return $(o).direction === "rtl";
841
841
  }
842
842
  const Xt = {
843
843
  convertOffsetParentRelativeRectToViewportRelativeRect: Dt,
@@ -851,19 +851,19 @@ const Xt = {
851
851
  isElement: L,
852
852
  isRTL: Jt
853
853
  };
854
- function Qe(i, e) {
855
- return i.x === e.x && i.y === e.y && i.width === e.width && i.height === e.height;
854
+ function Qe(o, e) {
855
+ return o.x === e.x && o.y === e.y && o.width === e.width && o.height === e.height;
856
856
  }
857
- function qt(i, e) {
857
+ function qt(o, e) {
858
858
  let t = null, s;
859
- const o = M(i);
859
+ const i = M(o);
860
860
  function r() {
861
861
  var n;
862
862
  clearTimeout(s), (n = t) == null || n.disconnect(), t = null;
863
863
  }
864
864
  function a(n, l) {
865
865
  n === void 0 && (n = !1), l === void 0 && (l = 1), r();
866
- const c = i.getBoundingClientRect(), {
866
+ const c = o.getBoundingClientRect(), {
867
867
  left: d,
868
868
  top: h,
869
869
  width: u,
@@ -871,12 +871,12 @@ function qt(i, e) {
871
871
  } = c;
872
872
  if (n || e(), !u || !m)
873
873
  return;
874
- const g = ae(h), b = ae(o.clientWidth - (d + u)), v = ae(o.clientHeight - (h + m)), _ = ae(d), x = {
874
+ const g = ae(h), b = ae(i.clientWidth - (d + u)), v = ae(i.clientHeight - (h + m)), _ = ae(d), k = {
875
875
  rootMargin: -g + "px " + -b + "px " + -v + "px " + -_ + "px",
876
876
  threshold: H(0, ce(1, l)) || 1
877
877
  };
878
878
  let C = !0;
879
- function k(J) {
879
+ function y(J) {
880
880
  const W = J[0].intersectionRatio;
881
881
  if (W !== l) {
882
882
  if (!C)
@@ -885,32 +885,32 @@ function qt(i, e) {
885
885
  a(!1, 1e-7);
886
886
  }, 1e3);
887
887
  }
888
- W === 1 && !Qe(c, i.getBoundingClientRect()) && a(), C = !1;
888
+ W === 1 && !Qe(c, o.getBoundingClientRect()) && a(), C = !1;
889
889
  }
890
890
  try {
891
- t = new IntersectionObserver(k, {
892
- ...x,
891
+ t = new IntersectionObserver(y, {
892
+ ...k,
893
893
  // Handle <iframe>s
894
- root: o.ownerDocument
894
+ root: i.ownerDocument
895
895
  });
896
896
  } catch {
897
- t = new IntersectionObserver(k, x);
897
+ t = new IntersectionObserver(y, k);
898
898
  }
899
- t.observe(i);
899
+ t.observe(o);
900
900
  }
901
901
  return a(!0), r;
902
902
  }
903
- function q(i, e, t, s) {
903
+ function q(o, e, t, s) {
904
904
  s === void 0 && (s = {});
905
905
  const {
906
- ancestorScroll: o = !0,
906
+ ancestorScroll: i = !0,
907
907
  ancestorResize: r = !0,
908
908
  elementResize: a = typeof ResizeObserver == "function",
909
909
  layoutShift: n = typeof IntersectionObserver == "function",
910
910
  animationFrame: l = !1
911
- } = s, c = Te(i), d = o || r ? [...c ? se(c) : [], ...se(e)] : [];
911
+ } = s, c = Te(o), d = i || r ? [...c ? se(c) : [], ...se(e)] : [];
912
912
  d.forEach((_) => {
913
- o && _.addEventListener("scroll", t, {
913
+ i && _.addEventListener("scroll", t, {
914
914
  passive: !0
915
915
  }), r && _.addEventListener("resize", t);
916
916
  });
@@ -919,33 +919,33 @@ function q(i, e, t, s) {
919
919
  a && (m = new ResizeObserver((_) => {
920
920
  let [w] = _;
921
921
  w && w.target === c && m && (m.unobserve(e), cancelAnimationFrame(u), u = requestAnimationFrame(() => {
922
- var x;
923
- (x = m) == null || x.observe(e);
922
+ var k;
923
+ (k = m) == null || k.observe(e);
924
924
  })), t();
925
925
  }), c && !l && m.observe(c), m.observe(e));
926
- let g, b = l ? G(i) : null;
926
+ let g, b = l ? G(o) : null;
927
927
  l && v();
928
928
  function v() {
929
- const _ = G(i);
929
+ const _ = G(o);
930
930
  b && !Qe(b, _) && t(), b = _, g = requestAnimationFrame(v);
931
931
  }
932
932
  return t(), () => {
933
933
  var _;
934
934
  d.forEach((w) => {
935
- o && w.removeEventListener("scroll", t), r && w.removeEventListener("resize", t);
935
+ i && w.removeEventListener("scroll", t), r && w.removeEventListener("resize", t);
936
936
  }), h == null || h(), (_ = m) == null || _.disconnect(), m = null, l && cancelAnimationFrame(g);
937
937
  };
938
938
  }
939
- const Z = St, Q = At, ne = xt, ee = (i, e, t) => {
940
- const s = /* @__PURE__ */ new Map(), o = {
939
+ const Z = St, Q = At, ne = kt, ee = (o, e, t) => {
940
+ const s = /* @__PURE__ */ new Map(), i = {
941
941
  platform: Xt,
942
942
  ...t
943
943
  }, r = {
944
- ...o.platform,
944
+ ...i.platform,
945
945
  _c: s
946
946
  };
947
- return yt(i, e, {
948
- ...o,
947
+ return xt(o, e, {
948
+ ...i,
949
949
  platform: r
950
950
  });
951
951
  };
@@ -956,44 +956,44 @@ var et = function() {
956
956
  "info",
957
957
  "warn",
958
958
  "error"
959
- ], ie = {}, y = null;
960
- function Ne(i, e) {
961
- var t = i[e];
959
+ ], oe = {}, x = null;
960
+ function Ne(o, e) {
961
+ var t = o[e];
962
962
  if (typeof t.bind == "function")
963
- return t.bind(i);
963
+ return t.bind(o);
964
964
  try {
965
- return Function.prototype.bind.call(t, i);
965
+ return Function.prototype.bind.call(t, o);
966
966
  } catch {
967
967
  return function() {
968
- return Function.prototype.apply.apply(t, [i, arguments]);
968
+ return Function.prototype.apply.apply(t, [o, arguments]);
969
969
  };
970
970
  }
971
971
  }
972
972
  function Qt() {
973
973
  console.log && (console.log.apply ? console.log.apply(console, arguments) : Function.prototype.apply.apply(console.log, [console, arguments])), console.trace && console.trace();
974
974
  }
975
- function es(i) {
976
- return i === "debug" && (i = "log"), typeof console === O ? !1 : i === "trace" && Zt ? Qt : console[i] !== void 0 ? Ne(console, i) : console.log !== void 0 ? Ne(console, "log") : et;
975
+ function es(o) {
976
+ return o === "debug" && (o = "log"), typeof console === O ? !1 : o === "trace" && Zt ? Qt : console[o] !== void 0 ? Ne(console, o) : console.log !== void 0 ? Ne(console, "log") : et;
977
977
  }
978
978
  function te() {
979
- for (var i = this.getLevel(), e = 0; e < Ce.length; e++) {
979
+ for (var o = this.getLevel(), e = 0; e < Ce.length; e++) {
980
980
  var t = Ce[e];
981
- this[t] = e < i ? et : this.methodFactory(t, i, this.name);
981
+ this[t] = e < o ? et : this.methodFactory(t, o, this.name);
982
982
  }
983
- if (this.log = this.debug, typeof console === O && i < this.levels.SILENT)
983
+ if (this.log = this.debug, typeof console === O && o < this.levels.SILENT)
984
984
  return "No console available for logging";
985
985
  }
986
- function ts(i) {
986
+ function ts(o) {
987
987
  return function() {
988
- typeof console !== O && (te.call(this), this[i].apply(this, arguments));
988
+ typeof console !== O && (te.call(this), this[o].apply(this, arguments));
989
989
  };
990
990
  }
991
- function ss(i, e, t) {
992
- return es(i) || ts.apply(this, arguments);
991
+ function ss(o, e, t) {
992
+ return es(o) || ts.apply(this, arguments);
993
993
  }
994
- function tt(i, e) {
995
- var t = this, s, o, r, a = "loglevel";
996
- typeof i == "string" ? a += ":" + i : typeof i == "symbol" && (a = void 0);
994
+ function tt(o, e) {
995
+ var t = this, s, i, r, a = "loglevel";
996
+ typeof o == "string" ? a += ":" + o : typeof o == "symbol" && (a = void 0);
997
997
  function n(u) {
998
998
  var m = (Ce[u] || "silent").toUpperCase();
999
999
  if (!(typeof window === O || !a)) {
@@ -1044,7 +1044,7 @@ function tt(i, e) {
1044
1044
  return m;
1045
1045
  throw new TypeError("log.setLevel() called with invalid level: " + u);
1046
1046
  }
1047
- t.name = i, t.levels = {
1047
+ t.name = o, t.levels = {
1048
1048
  TRACE: 0,
1049
1049
  DEBUG: 1,
1050
1050
  INFO: 2,
@@ -1052,11 +1052,11 @@ function tt(i, e) {
1052
1052
  ERROR: 4,
1053
1053
  SILENT: 5
1054
1054
  }, t.methodFactory = e || ss, t.getLevel = function() {
1055
- return r ?? o ?? s;
1055
+ return r ?? i ?? s;
1056
1056
  }, t.setLevel = function(u, m) {
1057
1057
  return r = d(u), m !== !1 && n(r), te.call(t);
1058
1058
  }, t.setDefaultLevel = function(u) {
1059
- o = d(u), l() || t.setLevel(u, !1);
1059
+ i = d(u), l() || t.setLevel(u, !1);
1060
1060
  }, t.resetLevel = function() {
1061
1061
  r = null, c(), te.call(t);
1062
1062
  }, t.enableAll = function(u) {
@@ -1064,78 +1064,78 @@ function tt(i, e) {
1064
1064
  }, t.disableAll = function(u) {
1065
1065
  t.setLevel(t.levels.SILENT, u);
1066
1066
  }, t.rebuild = function() {
1067
- if (y !== t && (s = d(y.getLevel())), te.call(t), y === t)
1068
- for (var u in ie)
1069
- ie[u].rebuild();
1067
+ if (x !== t && (s = d(x.getLevel())), te.call(t), x === t)
1068
+ for (var u in oe)
1069
+ oe[u].rebuild();
1070
1070
  }, s = d(
1071
- y ? y.getLevel() : "WARN"
1071
+ x ? x.getLevel() : "WARN"
1072
1072
  );
1073
1073
  var h = l();
1074
1074
  h != null && (r = d(h)), te.call(t);
1075
1075
  }
1076
- y = new tt();
1077
- y.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
- var t = ie[e];
1081
- return t || (t = ie[e] = new tt(
1080
+ var t = oe[e];
1081
+ return t || (t = oe[e] = new tt(
1082
1082
  e,
1083
- y.methodFactory
1083
+ x.methodFactory
1084
1084
  )), t;
1085
1085
  };
1086
- var is = typeof window !== O ? window.log : void 0;
1087
- y.noConflict = function() {
1088
- return typeof window !== O && window.log === y && (window.log = is), y;
1086
+ var os = typeof window !== O ? window.log : void 0;
1087
+ x.noConflict = function() {
1088
+ return typeof window !== O && window.log === x && (window.log = os), x;
1089
1089
  };
1090
- y.getLoggers = function() {
1091
- return ie;
1090
+ x.getLoggers = function() {
1091
+ return oe;
1092
1092
  };
1093
- y.default = y;
1094
- var os = function(i) {
1093
+ x.default = x;
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])
1097
- Object.prototype.hasOwnProperty.call(arguments[e], s) && (i[s] = arguments[e][s]);
1098
- return i;
1097
+ Object.prototype.hasOwnProperty.call(arguments[e], s) && (o[s] = arguments[e][s]);
1098
+ return o;
1099
1099
  }, rs = {
1100
1100
  template: "[%t] %l:",
1101
- levelFormatter: function(i) {
1102
- return i.toUpperCase();
1101
+ levelFormatter: function(o) {
1102
+ return o.toUpperCase();
1103
1103
  },
1104
- nameFormatter: function(i) {
1105
- return i || "root";
1104
+ nameFormatter: function(o) {
1105
+ return o || "root";
1106
1106
  },
1107
- timestampFormatter: function(i) {
1108
- return i.toTimeString().replace(/.*(\d{2}:\d{2}:\d{2}).*/, "$1");
1107
+ timestampFormatter: function(o) {
1108
+ return o.toTimeString().replace(/.*(\d{2}:\d{2}:\d{2}).*/, "$1");
1109
1109
  },
1110
1110
  format: void 0
1111
- }, st, N = {}, as = function(i) {
1112
- if (!i || !i.getLogger)
1111
+ }, st, N = {}, as = function(o) {
1112
+ if (!o || !o.getLogger)
1113
1113
  throw new TypeError("Argument is not a root logger");
1114
- st = i;
1115
- }, ns = function(i, e) {
1116
- if (!i || !i.setLevel)
1114
+ st = o;
1115
+ }, ns = function(o, e) {
1116
+ if (!o || !o.setLevel)
1117
1117
  throw new TypeError("Argument is not a logger");
1118
- var t = i.methodFactory, s = i.name || "", o = N[s] || N[""] || rs;
1118
+ var t = o.methodFactory, s = o.name || "", i = N[s] || N[""] || rs;
1119
1119
  function r(a, n, l) {
1120
1120
  var c = t(a, n, l), d = N[l] || N[""], h = d.template.indexOf("%t") !== -1, u = d.template.indexOf("%l") !== -1, m = d.template.indexOf("%n") !== -1;
1121
1121
  return function() {
1122
1122
  for (var g = "", b = arguments.length, v = Array(b), _ = 0; _ < b; _++)
1123
1123
  v[_] = arguments[_];
1124
1124
  if (s || !N[l]) {
1125
- var w = d.timestampFormatter(/* @__PURE__ */ new Date()), x = d.levelFormatter(a), C = d.nameFormatter(l);
1126
- d.format ? g += d.format(x, C, w) : (g += d.template, h && (g = g.replace(/%t/, w)), u && (g = g.replace(/%l/, x)), m && (g = g.replace(/%n/, C))), v.length && typeof v[0] == "string" ? v[0] = g + " " + v[0] : v.unshift(g);
1125
+ var w = d.timestampFormatter(/* @__PURE__ */ new Date()), k = d.levelFormatter(a), C = d.nameFormatter(l);
1126
+ d.format ? g += d.format(k, C, w) : (g += d.template, h && (g = g.replace(/%t/, w)), u && (g = g.replace(/%l/, k)), m && (g = g.replace(/%n/, C))), v.length && typeof v[0] == "string" ? v[0] = g + " " + v[0] : v.unshift(g);
1127
1127
  }
1128
1128
  c.apply(void 0, v);
1129
1129
  };
1130
1130
  }
1131
- return N[s] || (i.methodFactory = r), e = e || {}, e.template && (e.format = void 0), N[s] = os({}, o, e), i.setLevel(i.getLevel()), st || i.warn(
1131
+ return N[s] || (o.methodFactory = r), e = e || {}, e.template && (e.format = void 0), N[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
- ), i;
1134
- }, it = {
1133
+ ), o;
1134
+ }, ot = {
1135
1135
  reg: as,
1136
1136
  apply: ns
1137
1137
  };
1138
- const ot = {
1138
+ const it = {
1139
1139
  debug: "#0ea5e9",
1140
1140
  // Blue
1141
1141
  info: "#10b981",
@@ -1145,22 +1145,22 @@ const ot = {
1145
1145
  error: "#ef4444"
1146
1146
  // Red
1147
1147
  };
1148
- it.reg(y);
1149
- it.apply(y, {
1150
- format(i, e, t) {
1151
- return ot[i.toLowerCase()], `%c[${t}]%c %c[${i}]%c ${e ? `%c[${e}]%c ` : ""}`;
1148
+ ot.reg(x);
1149
+ ot.apply(x, {
1150
+ format(o, e, t) {
1151
+ return it[o.toLowerCase()], `%c[${t}]%c %c[${o}]%c ${e ? `%c[${e}]%c ` : ""}`;
1152
1152
  },
1153
- timestampFormatter(i) {
1154
- return i.toTimeString().split(" ")[0] + "." + i.getMilliseconds().toString().padStart(3, "0");
1153
+ timestampFormatter(o) {
1154
+ return o.toTimeString().split(" ")[0] + "." + o.getMilliseconds().toString().padStart(3, "0");
1155
1155
  }
1156
1156
  });
1157
- const ls = y.methodFactory;
1158
- y.methodFactory = function(i, e, t) {
1159
- const s = ls(i, e, t);
1160
- return function(...o) {
1161
- if (o.length > 0 && typeof o[0] == "string" && o[0].includes("%c")) {
1162
- const r = ot[i] || "#666", a = [
1163
- o[0],
1157
+ const ls = x.methodFactory;
1158
+ x.methodFactory = function(o, e, t) {
1159
+ const s = ls(o, e, t);
1160
+ return function(...i) {
1161
+ if (i.length > 0 && typeof i[0] == "string" && i[0].includes("%c")) {
1162
+ const r = it[o] || "#666", a = [
1163
+ i[0],
1164
1164
  `color: ${r}; font-weight: bold;`,
1165
1165
  // timestamp color
1166
1166
  "color: inherit;",
@@ -1175,31 +1175,31 @@ y.methodFactory = function(i, e, t) {
1175
1175
  "color: inherit;"
1176
1176
  // reset
1177
1177
  ] : [],
1178
- ...o.slice(1)
1178
+ ...i.slice(1)
1179
1179
  ];
1180
1180
  s(...a);
1181
1181
  } else
1182
- s(...o);
1182
+ s(...i);
1183
1183
  };
1184
1184
  };
1185
- y.setLevel("silent");
1186
- const le = y.getLogger("MULTISELECT:INIT"), S = y.getLogger("MULTISELECT:DATA"), f = y.getLogger("MULTISELECT:UI"), A = y.getLogger("MULTISELECT:INTERACTION"), cs = [
1185
+ x.setLevel("silent");
1186
+ const le = x.getLogger("MULTISELECT:INIT"), S = x.getLogger("MULTISELECT:DATA"), f = x.getLogger("MULTISELECT:UI"), A = 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
- y.setLevel("debug");
1193
+ x.setLevel("debug");
1194
1194
  }
1195
1195
  function ms() {
1196
- y.setLevel("silent");
1196
+ x.setLevel("silent");
1197
1197
  }
1198
- function ps(i) {
1199
- y.setLevel(i);
1198
+ function ps(o) {
1199
+ x.setLevel(o);
1200
1200
  }
1201
- function hs(i, e) {
1202
- y.getLogger(i).setLevel(e);
1201
+ function hs(o, e) {
1202
+ x.getLogger(o).setLevel(e);
1203
1203
  }
1204
1204
  class He {
1205
1205
  constructor(e) {
@@ -1250,8 +1250,8 @@ class He {
1250
1250
  * Calculate visible range based on scroll position
1251
1251
  */
1252
1252
  calculateVisibleRange() {
1253
- const e = Math.floor(this.scrollTop / this.itemHeight), t = Math.ceil((this.scrollTop + this.viewportHeight) / this.itemHeight), s = Math.max(0, e - this.bufferSize), o = Math.min(this.items.length, t + this.bufferSize);
1254
- return { start: s, end: o };
1253
+ const e = Math.floor(this.scrollTop / this.itemHeight), t = Math.ceil((this.scrollTop + this.viewportHeight) / this.itemHeight), s = Math.max(0, e - this.bufferSize), i = Math.min(this.items.length, t + this.bufferSize);
1254
+ return { start: s, end: i };
1255
1255
  }
1256
1256
  /**
1257
1257
  * Render visible items
@@ -1262,9 +1262,9 @@ class He {
1262
1262
  return;
1263
1263
  this.visibleStart = e, this.visibleEnd = t, this.onVisibleRangeChange && this.onVisibleRangeChange(e, t);
1264
1264
  let s = "";
1265
- for (let o = e; o < t; o++) {
1266
- const r = this.items[o], a = this.renderItem(r, o), n = o * this.itemHeight;
1267
- s += `<div class="ms__virtual-item" style="position: absolute; top: ${n}px; left: 0; right: 0; height: ${this.itemHeight}px;" data-index="${o}">`, s += a, s += "</div>";
1265
+ for (let i = e; i < t; i++) {
1266
+ const r = this.items[i], a = this.renderItem(r, i), n = i * this.itemHeight;
1267
+ 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>";
1268
1268
  }
1269
1269
  this.viewport.innerHTML = s;
1270
1270
  }
@@ -1488,12 +1488,12 @@ class us {
1488
1488
  this.filteredOptions = [...this.allOptions];
1489
1489
  }
1490
1490
  buildHTML() {
1491
- const e = this.options.container || document.body, t = this.element.getRootNode(), s = t instanceof ShadowRoot ? t.host : this.element, o = s.getAttribute("dir") === "rtl", r = s.closest('[dir="rtl"]') !== null;
1492
- this.isRTL = o || r, le.debug(`[${this.instanceId}] RTL Debug:`, {
1491
+ const e = this.options.container || document.body, t = this.element.getRootNode(), s = t instanceof ShadowRoot ? t.host : this.element, i = s.getAttribute("dir") === "rtl", r = s.closest('[dir="rtl"]') !== null;
1492
+ this.isRTL = i || r, le.debug(`[${this.instanceId}] RTL Debug:`, {
1493
1493
  isShadowRoot: t instanceof ShadowRoot,
1494
1494
  hostElement: s,
1495
1495
  elementDir: s.getAttribute("dir"),
1496
- hasElementDir: o,
1496
+ hasElementDir: i,
1497
1497
  hasAncestorDir: r,
1498
1498
  isRTL: this.isRTL
1499
1499
  }), this.effectiveBadgesPosition = this.options.badgesPosition || "bottom", this.isRTL && (this.effectiveBadgesPosition === "left" ? this.effectiveBadgesPosition = "right" : this.effectiveBadgesPosition === "right" && (this.effectiveBadgesPosition = "left")), this.element.classList.add("ml"), 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");
@@ -1534,16 +1534,16 @@ class us {
1534
1534
  }
1535
1535
  if (this.options.isMultipleEnabled && this.options.actionButtons && this.options.actionButtons.length > 0) {
1536
1536
  const t = this.options.isActionsSticky ? " ms__actions--sticky" : "", s = this.options.actionsLayout === "wrap" ? " ms__actions--wrap" : "";
1537
- e += `<div class="ms__actions${t}${s}">`, this.options.actionButtons.forEach((o) => {
1538
- if (!(o.isVisibleCallback ? o.isVisibleCallback(this) : o.isVisible ?? !0))
1537
+ e += `<div class="ms__actions${t}${s}">`, this.options.actionButtons.forEach((i) => {
1538
+ if (!(i.isVisibleCallback ? i.isVisibleCallback(this) : i.isVisible ?? !0))
1539
1539
  return;
1540
- const n = (o.isDisabledCallback ? o.isDisabledCallback(this) : o.isDisabled ?? !1) ? " disabled" : "", l = o.getTextCallback ? o.getTextCallback(this) : o.text;
1540
+ const n = (i.isDisabledCallback ? i.isDisabledCallback(this) : i.isDisabled ?? !1) ? " disabled" : "", l = i.getTextCallback ? i.getTextCallback(this) : i.text;
1541
1541
  let c = "";
1542
- if (o.getClassCallback) {
1543
- const d = o.getClassCallback(this);
1542
+ if (i.getClassCallback) {
1543
+ const d = i.getClassCallback(this);
1544
1544
  c = Array.isArray(d) ? ` ${d.join(" ")}` : d ? ` ${d}` : "";
1545
- } else o.cssClass && (c = ` ${o.cssClass}`);
1546
- e += `<button type="button"${n} class="ms__action-btn${c}" data-action="${o.action}">${l}</button>`;
1545
+ } else i.cssClass && (c = ` ${i.cssClass}`);
1546
+ e += `<button type="button"${n} class="ms__action-btn${c}" data-action="${i.action}">${l}</button>`;
1547
1547
  }), e += "</div>";
1548
1548
  }
1549
1549
  if (e += '<div class="ms__options">', this.filteredOptions.length === 0)
@@ -1553,16 +1553,16 @@ class us {
1553
1553
  Object.keys(t).forEach((s) => {
1554
1554
  if (e += '<div class="ms__group">', s !== "__ungrouped__")
1555
1555
  if (this.options.renderGroupLabelContentCallback) {
1556
- const o = this.options.renderGroupLabelContentCallback(s);
1557
- if (o instanceof HTMLElement) {
1556
+ const i = this.options.renderGroupLabelContentCallback(s);
1557
+ if (i instanceof HTMLElement) {
1558
1558
  const r = document.createElement("div");
1559
- r.className = "ms__group-label", r.appendChild(o), e += r.outerHTML;
1559
+ r.className = "ms__group-label", r.appendChild(i), e += r.outerHTML;
1560
1560
  } else
1561
- e += `<div class="ms__group-label">${o}</div>`;
1561
+ e += `<div class="ms__group-label">${i}</div>`;
1562
1562
  } else
1563
1563
  e += `<div class="ms__group-label">${s}</div>`;
1564
- t[s].forEach((o, r) => {
1565
- e += this.renderOption(o, r);
1564
+ t[s].forEach((i, r) => {
1565
+ e += this.renderOption(i, r);
1566
1566
  }), e += "</div>";
1567
1567
  });
1568
1568
  } else
@@ -1591,8 +1591,8 @@ class us {
1591
1591
  s += `<button type="button"${h} class="ms__action-btn${m}" data-action="${l.action}">${u}</button>`;
1592
1592
  }), s += "</div>";
1593
1593
  }
1594
- const o = this.options.maxHeight || "20rem", r = this.options.optionHeight ?? 50;
1595
- s += `<div class="ms__options ms__options--virtual" style="height: ${o}; max-height: ${o}; overflow-y: auto; position: relative; --ml-option-height: ${r}px;"></div>`, this.dropdown.innerHTML = s, this.optionsContainer = this.dropdown.querySelector(".ms__options");
1594
+ const i = this.options.maxHeight || "20rem", r = this.options.optionHeight ?? 50;
1595
+ s += `<div class="ms__options ms__options--virtual" style="height: ${i}; max-height: ${i}; overflow-y: auto; position: relative; --ml-option-height: ${r}px;"></div>`, this.dropdown.innerHTML = s, this.optionsContainer = this.dropdown.querySelector(".ms__options");
1596
1596
  }
1597
1597
  if (this.filteredOptions.length === 0) {
1598
1598
  this.optionsContainer.innerHTML = `<div class="ms__empty">${this.options.emptyMessage}</div>`;
@@ -1604,13 +1604,13 @@ class us {
1604
1604
  container: this.optionsContainer,
1605
1605
  itemHeight: e,
1606
1606
  items: this.filteredOptions,
1607
- renderItem: (s, o) => this.renderOption(s, o),
1607
+ renderItem: (s, i) => this.renderOption(s, i),
1608
1608
  bufferSize: t
1609
1609
  }), this.attachActionButtonTooltips());
1610
1610
  });
1611
1611
  }
1612
1612
  renderOption(e, t) {
1613
- const s = this.getItemValue(e), o = 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), h = ["ms__option"];
1613
+ 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), h = ["ms__option"];
1614
1614
  l && h.push("ms__option--selected"), c && h.push("ms__option--focused"), d && h.push("ms__option--matched"), n && h.push("ms__option--disabled");
1615
1615
  const u = this.options.checkboxAlign && this.options.checkboxAlign !== "top" ? ` data-checkbox-align="${this.options.checkboxAlign}"` : "";
1616
1616
  let m = `<div class="${h.join(" ")}" data-value="${s}" data-index="${t}"${u}>`;
@@ -1624,7 +1624,7 @@ class us {
1624
1624
  }, b = this.options.renderOptionContentCallback(e, g);
1625
1625
  typeof b == "string" ? m += b : m += b.outerHTML;
1626
1626
  } else
1627
- r && (m += `<span class="ms__option-icon">${r}</span>`), m += '<div class="ms__option-text">', m += `<div class="ms__option-title">${this.highlightMatch(o, this.searchTerm)}</div>`, a && (m += `<div class="ms__option-subtitle">${a}</div>`), m += "</div>";
1627
+ r && (m += `<span class="ms__option-icon">${r}</span>`), m += '<div class="ms__option-text">', m += `<div class="ms__option-title">${this.highlightMatch(i, this.searchTerm)}</div>`, a && (m += `<div class="ms__option-subtitle">${a}</div>`), m += "</div>";
1628
1628
  return m += "</div>", m += "</div>", m;
1629
1629
  }
1630
1630
  highlightMatch(e, t) {
@@ -1635,8 +1635,8 @@ class us {
1635
1635
  groupOptions(e) {
1636
1636
  const t = {};
1637
1637
  return e.forEach((s) => {
1638
- const o = this.getItemGroup(s) || "__ungrouped__";
1639
- t[o] || (t[o] = []), t[o].push(s);
1638
+ const i = this.getItemGroup(s) || "__ungrouped__";
1639
+ t[i] || (t[i] = []), t[i].push(s);
1640
1640
  }), t;
1641
1641
  }
1642
1642
  renderBadges() {
@@ -1764,8 +1764,8 @@ class us {
1764
1764
  }, 0), this.dropdown.addEventListener("click", (e) => this.handleDropdownClick(e)), this.dropdown.addEventListener("wheel", (e) => {
1765
1765
  if (this.virtualScroll)
1766
1766
  return;
1767
- const t = e.currentTarget, s = t.scrollTop === 0, o = t.scrollTop + t.clientHeight >= t.scrollHeight;
1768
- (e.deltaY < 0 && s || e.deltaY > 0 && o) && e.preventDefault(), e.stopPropagation();
1767
+ const t = e.currentTarget, s = t.scrollTop === 0, i = t.scrollTop + t.clientHeight >= t.scrollHeight;
1768
+ (e.deltaY < 0 && s || e.deltaY > 0 && i) && e.preventDefault(), e.stopPropagation();
1769
1769
  }, { passive: !1 }), this.badgesContainer.addEventListener("mousedown", (e) => {
1770
1770
  e.target.closest('[data-action="show-selected"]') && !this.showSelectedPopover && e.stopPropagation();
1771
1771
  }), this.badgesContainer.addEventListener("click", (e) => this.handleBadgeClick(e)), this.counter.addEventListener("mousedown", (e) => {
@@ -1795,8 +1795,8 @@ class us {
1795
1795
  try {
1796
1796
  const s = await this.options.searchCallback(t);
1797
1797
  if (this.searchTerm === e) {
1798
- const o = s || [];
1799
- this.filteredOptions = [...o], this.isLoading = !1, this.matchingIndices.clear(), this.focusedIndex = this.options.isSearchEnabled && this.filteredOptions.length > 0 ? 0 : -1, this.renderDropdown(), S.debug(`[${this.instanceId}] Loaded ${o.length} results`);
1798
+ const i = s || [];
1799
+ this.filteredOptions = [...i], this.isLoading = !1, this.matchingIndices.clear(), this.focusedIndex = this.options.isSearchEnabled && this.filteredOptions.length > 0 ? 0 : -1, this.renderDropdown(), S.debug(`[${this.instanceId}] Loaded ${i.length} results`);
1800
1800
  }
1801
1801
  } catch (s) {
1802
1802
  S.error(`[${this.instanceId}] Error loading data:`, s), this.isLoading = !1, this.options.isKeepOptionsOnSearch ? this.filteredOptions = [...this.allOptions] : this.filteredOptions = [], this.matchingIndices.clear(), this.renderDropdown();
@@ -1805,14 +1805,14 @@ class us {
1805
1805
  if (!t)
1806
1806
  this.filteredOptions = [...this.allOptions], this.matchingIndices.clear(), this.focusedIndex = this.filteredOptions.length > 0 ? 0 : -1;
1807
1807
  else {
1808
- const s = this.options.searchMode || "filter", o = t.toLowerCase();
1808
+ const s = this.options.searchMode || "filter", i = t.toLowerCase();
1809
1809
  if (s === "filter")
1810
- this.filteredOptions = this.allOptions.filter((r) => this.getItemSearchValue(r).toLowerCase().includes(o)), this.matchingIndices.clear(), this.focusedIndex = this.filteredOptions.length > 0 ? 0 : -1, S.debug(`[${this.instanceId}] Filter mode: ${this.filteredOptions.length} matches for "${t}"`);
1810
+ this.filteredOptions = this.allOptions.filter((r) => this.getItemSearchValue(r).toLowerCase().includes(i)), this.matchingIndices.clear(), this.focusedIndex = this.filteredOptions.length > 0 ? 0 : -1, S.debug(`[${this.instanceId}] Filter mode: ${this.filteredOptions.length} matches for "${t}"`);
1811
1811
  else {
1812
1812
  this.filteredOptions = [...this.allOptions], this.matchingIndices.clear();
1813
1813
  let r = -1;
1814
1814
  this.allOptions.forEach((a, n) => {
1815
- this.getItemSearchValue(a).toLowerCase().includes(o) && (this.matchingIndices.add(n), r === -1 && (r = n));
1815
+ this.getItemSearchValue(a).toLowerCase().includes(i) && (this.matchingIndices.add(n), r === -1 && (r = n));
1816
1816
  }), 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`);
1817
1817
  }
1818
1818
  }
@@ -1862,7 +1862,7 @@ class us {
1862
1862
  }
1863
1863
  }
1864
1864
  handleDropdownClick(e) {
1865
- var o;
1865
+ var i;
1866
1866
  A.debug(`[${this.instanceId}] Dropdown clicked`, { target: e.target.className }), e.stopPropagation();
1867
1867
  const t = e.target.closest("[data-action]");
1868
1868
  if (t) {
@@ -1873,7 +1873,7 @@ class us {
1873
1873
  else if (r === "clear-all")
1874
1874
  this.clearAll();
1875
1875
  else if (r === "custom") {
1876
- const a = (o = this.options.actionButtons) == null ? void 0 : o.find(
1876
+ const a = (i = this.options.actionButtons) == null ? void 0 : i.find(
1877
1877
  (n) => {
1878
1878
  var l;
1879
1879
  return n.action === "custom" && n.text === ((l = t.textContent) == null ? void 0 : l.trim());
@@ -1903,15 +1903,15 @@ class us {
1903
1903
  e.preventDefault(), e.stopPropagation(), this.toggleSelectedPopover();
1904
1904
  return;
1905
1905
  }
1906
- const o = e.target.closest(".ms__badge-remove");
1907
- if (o) {
1908
- if (e.preventDefault(), e.stopPropagation(), o.dataset.action === "remove-hidden") {
1906
+ const i = e.target.closest(".ms__badge-remove");
1907
+ if (i) {
1908
+ if (e.preventDefault(), e.stopPropagation(), i.dataset.action === "remove-hidden") {
1909
1909
  A.debug(`[${this.instanceId}] Remove hidden items button clicked`);
1910
1910
  const l = this.options.badgesMaxVisible || 3;
1911
1911
  Array.from(this.selectedOptions.values()).slice(l).forEach((h) => this.deselectOption(h));
1912
1912
  return;
1913
1913
  }
1914
- const a = o.dataset.value, n = this.selectedOptions.get(a);
1914
+ const a = i.dataset.value, n = this.selectedOptions.get(a);
1915
1915
  n && this.deselectOption(n);
1916
1916
  return;
1917
1917
  }
@@ -1921,7 +1921,7 @@ class us {
1921
1921
  }
1922
1922
  }
1923
1923
  handleClickOutside(e) {
1924
- var o;
1924
+ var i;
1925
1925
  const t = e.composedPath();
1926
1926
  if (this.showSelectedPopover && !t.some(
1927
1927
  (a) => a instanceof Node && (this.selectedPopover.contains(a) || this.counter.contains(a) || a.closest && a.closest('[data-action="show-selected"]'))
@@ -1938,7 +1938,7 @@ class us {
1938
1938
  targetTag: e.target.tagName,
1939
1939
  clickedInside: s,
1940
1940
  pathLength: t.length,
1941
- firstInPath: (o = t[0]) == null ? void 0 : o.tagName,
1941
+ firstInPath: (i = t[0]) == null ? void 0 : i.tagName,
1942
1942
  elementContains: t.some((r) => r instanceof Node && this.element.contains(r)),
1943
1943
  dropdownContains: t.some((r) => r instanceof Node && this.dropdown.contains(r)),
1944
1944
  isConnected: this.dropdown.isConnected
@@ -1958,12 +1958,12 @@ class us {
1958
1958
  }
1959
1959
  focusNextMatch() {
1960
1960
  if (this.matchingIndices.size === 0) return;
1961
- const e = Array.from(this.matchingIndices).sort((o, r) => o - r), t = e.findIndex((o) => o === this.focusedIndex), s = (t + 1) % e.length;
1961
+ const e = Array.from(this.matchingIndices).sort((i, r) => i - r), t = e.findIndex((i) => i === this.focusedIndex), s = (t + 1) % e.length;
1962
1962
  this.focusedIndex = e[s], this.renderDropdown(), this.scrollToFocused(), A.debug(`[${this.instanceId}] Jumped to next match: index ${this.focusedIndex} (${t + 1} of ${e.length})`);
1963
1963
  }
1964
1964
  focusPreviousMatch() {
1965
1965
  if (this.matchingIndices.size === 0) return;
1966
- const e = Array.from(this.matchingIndices).sort((o, r) => o - r), t = e.findIndex((o) => o === this.focusedIndex), s = t <= 0 ? e.length - 1 : t - 1;
1966
+ const e = Array.from(this.matchingIndices).sort((i, r) => i - r), t = e.findIndex((i) => i === this.focusedIndex), s = t <= 0 ? e.length - 1 : t - 1;
1967
1967
  this.focusedIndex = e[s], this.renderDropdown(), this.scrollToFocused(), A.debug(`[${this.instanceId}] Jumped to previous match: index ${this.focusedIndex} (${t + 1} of ${e.length})`);
1968
1968
  }
1969
1969
  focusPageUp() {
@@ -2048,11 +2048,11 @@ class us {
2048
2048
  ee(this.input, this.dropdown, {
2049
2049
  placement: e,
2050
2050
  middleware: t
2051
- }).then(({ x: s, y: o, placement: r }) => {
2051
+ }).then(({ x: s, y: i, placement: r }) => {
2052
2052
  this.options.isPlacementLocked && !this.dropdownPlacement && (this.dropdownPlacement = r, f.debug(`[${this.instanceId}] Locked dropdown placement:`, r));
2053
2053
  const a = {
2054
2054
  left: `${s}px`,
2055
- top: `${o}px`,
2055
+ top: `${i}px`,
2056
2056
  width: `${this.input.offsetWidth}px`
2057
2057
  };
2058
2058
  this.options.dropdownMinWidth && (a.minWidth = this.options.dropdownMinWidth), Object.assign(this.dropdown.style, a), this.hint && this.isOpen && this.positionHint();
@@ -2087,10 +2087,10 @@ class us {
2087
2087
  if (e)
2088
2088
  try {
2089
2089
  JSON.parse(e).forEach((s) => {
2090
- const o = String(s);
2091
- this.selectedValues.add(o);
2092
- const r = this.allOptions.find((a) => String(this.getItemValue(a)) === o);
2093
- r && this.selectedOptions.set(o, r);
2090
+ const i = String(s);
2091
+ this.selectedValues.add(i);
2092
+ const r = this.allOptions.find((a) => String(this.getItemValue(a)) === i);
2093
+ r && this.selectedOptions.set(i, r);
2094
2094
  }), this.renderBadges();
2095
2095
  } catch (t) {
2096
2096
  S.error(`[${this.instanceId}] Failed to parse initial values:`, t);
@@ -2117,7 +2117,7 @@ class us {
2117
2117
  <button type="button" class="ms__selected-popover-close" aria-label="Close">&times;</button>
2118
2118
  </div>
2119
2119
  <div class="ms__selected-popover-body">
2120
- ${e.map((o) => this.renderBadgeForPopover(o)).join("")}
2120
+ ${e.map((i) => this.renderBadgeForPopover(i)).join("")}
2121
2121
  </div>
2122
2122
  `;
2123
2123
  }
@@ -2161,14 +2161,14 @@ class us {
2161
2161
  s = typeof n == "string" ? n : n.outerHTML;
2162
2162
  } else
2163
2163
  s = this.getItemBadgeDisplayValue(e);
2164
- let o = "ms__badge";
2164
+ let i = "ms__badge";
2165
2165
  const r = this.options.getSelectedItemClassCallback || this.options.getBadgeClassCallback;
2166
2166
  if (r) {
2167
2167
  const a = r(e), n = Array.isArray(a) ? a : [a];
2168
- o += " " + n.filter((l) => l).join(" ");
2168
+ i += " " + n.filter((l) => l).join(" ");
2169
2169
  }
2170
2170
  return `
2171
- <div class="${o}">
2171
+ <div class="${i}">
2172
2172
  <span class="ms__badge-text">${s}</span>
2173
2173
  <button type="button" class="ms__badge-remove" data-value="${t}" aria-label="Remove ${this.getItemBadgeDisplayValue(e)}"></button>
2174
2174
  </div>
@@ -2182,7 +2182,7 @@ class us {
2182
2182
  const s = e.target.closest(".ms__badge-remove");
2183
2183
  if (s) {
2184
2184
  e.preventDefault();
2185
- const o = s.dataset.value, r = this.selectedOptions.get(o);
2185
+ const i = s.dataset.value, r = this.selectedOptions.get(i);
2186
2186
  r && (this.deselectOption(r), this.renderSelectedPopover(), this.selectedValues.size === 0 && this.hideSelectedPopover());
2187
2187
  }
2188
2188
  }
@@ -2199,8 +2199,8 @@ class us {
2199
2199
  ...this.selectedPopoverPlacement ? [] : [ne()],
2200
2200
  Q({ padding: 8 })
2201
2201
  ]
2202
- }).then(({ x: t, y: s, placement: o }) => {
2203
- this.selectedPopoverPlacement || (this.selectedPopoverPlacement = o, f.debug(`[${this.instanceId}] Locked popover placement:`, o));
2202
+ }).then(({ x: t, y: s, placement: i }) => {
2203
+ this.selectedPopoverPlacement || (this.selectedPopoverPlacement = i, f.debug(`[${this.instanceId}] Locked popover placement:`, i));
2204
2204
  const r = {
2205
2205
  left: `${t}px`,
2206
2206
  top: `${s}px`,
@@ -2216,16 +2216,16 @@ class us {
2216
2216
  // ========================================================================
2217
2217
  updateHiddenInput() {
2218
2218
  if (!this.options.formFieldId) return;
2219
- this.hiddenInputs.forEach((o) => o.remove()), this.hiddenInputs = [];
2220
- const e = this.options.valueFormat || "json", t = Array.from(this.selectedOptions.values()).map((o) => this.getItemValue(o)), s = this.options.hostElement || this.element;
2219
+ this.hiddenInputs.forEach((i) => i.remove()), this.hiddenInputs = [];
2220
+ const e = this.options.valueFormat || "json", t = Array.from(this.selectedOptions.values()).map((i) => this.getItemValue(i)), s = this.options.hostElement || this.element;
2221
2221
  if (e === "array")
2222
- t.forEach((o) => {
2222
+ t.forEach((i) => {
2223
2223
  const r = document.createElement("input");
2224
- r.type = "hidden", r.name = `${this.options.formFieldId}[]`, r.value = String(o), s.appendChild(r), this.hiddenInputs.push(r);
2224
+ r.type = "hidden", r.name = `${this.options.formFieldId}[]`, r.value = String(i), s.appendChild(r), this.hiddenInputs.push(r);
2225
2225
  });
2226
2226
  else {
2227
- const o = document.createElement("input");
2228
- o.type = "hidden", o.name = this.options.formFieldId, o.id = this.options.formFieldId, o.value = this.getFormValue(), s.appendChild(o), this.hiddenInputs.push(o);
2227
+ const i = document.createElement("input");
2228
+ i.type = "hidden", i.name = this.options.formFieldId, i.id = this.options.formFieldId, i.value = this.getFormValue(), s.appendChild(i), this.hiddenInputs.push(i);
2229
2229
  }
2230
2230
  }
2231
2231
  getFormValue() {
@@ -2240,8 +2240,8 @@ class us {
2240
2240
  }
2241
2241
  setSelected(e) {
2242
2242
  this.selectedValues = new Set(e.map((t) => String(t))), this.selectedOptions.clear(), e.forEach((t) => {
2243
- const s = String(t), o = this.allOptions.find((r) => String(this.getItemValue(r)) === s);
2244
- o && this.selectedOptions.set(s, o);
2243
+ const s = String(t), i = this.allOptions.find((r) => String(this.getItemValue(r)) === s);
2244
+ i && this.selectedOptions.set(s, i);
2245
2245
  }), this.renderDropdown(), this.renderBadges(), this.updateHiddenInput();
2246
2246
  }
2247
2247
  get selectedItem() {
@@ -2271,11 +2271,11 @@ class us {
2271
2271
  }
2272
2272
  const e = this.badgesContainer.querySelectorAll(".ms__badge:not(.ms__badge--more)");
2273
2273
  f.debug(`[${this.instanceId}] Found ${e.length} badges to attach tooltips to`), e.forEach((s) => {
2274
- const o = s, r = o.querySelector(".ms__badge-remove");
2274
+ const i = s, r = i.querySelector(".ms__badge-remove");
2275
2275
  if (!r) return;
2276
2276
  const a = r.dataset.value, n = this.selectedOptions.get(a);
2277
2277
  if (!n) return;
2278
- const l = o.querySelector(".ms__badge-text");
2278
+ const l = i.querySelector(".ms__badge-text");
2279
2279
  l && this.createTooltipForElement(l, n, a);
2280
2280
  const c = this.getItemBadgeDisplayValue(n);
2281
2281
  this.createRemoveButtonTooltip(r, c, a);
@@ -2284,14 +2284,14 @@ class us {
2284
2284
  if (t) {
2285
2285
  const s = t.querySelector(".ms__badge-remove");
2286
2286
  if (s && s.dataset.action === "remove-hidden") {
2287
- const o = this.options.badgesMaxVisible || 3, a = Array.from(this.selectedOptions.values()).length - o;
2287
+ const i = this.options.badgesMaxVisible || 3, a = Array.from(this.selectedOptions.values()).length - i;
2288
2288
  this.createRemoveButtonTooltip(s, `${a} hidden items`, "more-badge-remove");
2289
2289
  }
2290
2290
  }
2291
2291
  }
2292
2292
  createTooltipForElement(e, t, s) {
2293
- const o = document.createElement("div");
2294
- o.className = "ms__badge-tooltip";
2293
+ const i = document.createElement("div");
2294
+ i.className = "ms__badge-tooltip";
2295
2295
  let r;
2296
2296
  if (this.options.getBadgeTooltipCallback)
2297
2297
  r = this.options.getBadgeTooltipCallback(t), f.debug(`[${this.instanceId}] Using custom callback for tooltip content`);
@@ -2300,40 +2300,40 @@ class us {
2300
2300
  r = u ? `${h}
2301
2301
  ${u}` : h, f.debug(`[${this.instanceId}] Using default content: "${r}"`);
2302
2302
  }
2303
- typeof r == "string" ? o.textContent = r : o.appendChild(r), (this.options.container || document.body).appendChild(o), f.debug(`[${this.instanceId}] Tooltip element created and appended for "${s}"`), this.badgeTooltips.set(s, o);
2303
+ 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);
2304
2304
  let n, l;
2305
2305
  const c = () => {
2306
2306
  clearTimeout(l), f.debug(`[${this.instanceId}] Mouse entered badge "${s}", will show tooltip in ${this.options.badgeTooltipDelay || 300}ms`), n = window.setTimeout(() => {
2307
- f.debug(`[${this.instanceId}] Showing tooltip for "${s}"`), o.classList.add("ms__badge-tooltip--visible"), this.positionBadgeTooltip(e, o, s);
2307
+ f.debug(`[${this.instanceId}] Showing tooltip for "${s}"`), i.classList.add("ms__badge-tooltip--visible"), this.positionBadgeTooltip(e, i, s);
2308
2308
  }, this.options.badgeTooltipDelay || 300);
2309
2309
  }, d = () => {
2310
2310
  clearTimeout(n), l = window.setTimeout(() => {
2311
- o.classList.remove("ms__badge-tooltip--visible"), this.cleanupBadgeTooltip(s);
2311
+ i.classList.remove("ms__badge-tooltip--visible"), this.cleanupBadgeTooltip(s);
2312
2312
  }, 100);
2313
2313
  };
2314
2314
  e.addEventListener("mouseenter", c), e.addEventListener("mouseleave", d);
2315
2315
  }
2316
2316
  createRemoveButtonTooltip(e, t, s) {
2317
- const o = document.createElement("div");
2318
- o.className = "ms__badge-tooltip", o.textContent = `Remove ${t}`, (this.options.container || document.body).appendChild(o);
2317
+ const i = document.createElement("div");
2318
+ i.className = "ms__badge-tooltip", i.textContent = `Remove ${t}`, (this.options.container || document.body).appendChild(i);
2319
2319
  const a = `${s}-remove`;
2320
- this.badgeTooltips.set(a, o);
2320
+ this.badgeTooltips.set(a, i);
2321
2321
  let n, l;
2322
2322
  const c = () => {
2323
2323
  clearTimeout(l);
2324
2324
  const h = this.badgeTooltips.get(s);
2325
2325
  h && h.classList.remove("ms__badge-tooltip--visible"), n = window.setTimeout(() => {
2326
- o.classList.add("ms__badge-tooltip--visible"), this.positionBadgeTooltip(e, o, a);
2326
+ i.classList.add("ms__badge-tooltip--visible"), this.positionBadgeTooltip(e, i, a);
2327
2327
  }, this.options.badgeTooltipDelay || 300);
2328
2328
  }, d = () => {
2329
2329
  clearTimeout(n), l = window.setTimeout(() => {
2330
- o.classList.remove("ms__badge-tooltip--visible"), this.cleanupBadgeTooltip(a);
2330
+ i.classList.remove("ms__badge-tooltip--visible"), this.cleanupBadgeTooltip(a);
2331
2331
  }, 100);
2332
2332
  };
2333
2333
  e.addEventListener("mouseenter", c), e.addEventListener("mouseleave", d);
2334
2334
  }
2335
2335
  positionBadgeTooltip(e, t, s) {
2336
- const o = q(e, t, () => {
2336
+ const i = q(e, t, () => {
2337
2337
  ee(e, t, {
2338
2338
  placement: this.options.badgeTooltipPlacement || "top",
2339
2339
  strategy: "fixed",
@@ -2357,7 +2357,7 @@ ${u}` : h, f.debug(`[${this.instanceId}] Using default content: "${r}"`);
2357
2357
  });
2358
2358
  });
2359
2359
  });
2360
- this.badgeTooltipCleanups.set(s, o);
2360
+ this.badgeTooltipCleanups.set(s, i);
2361
2361
  }
2362
2362
  cleanupBadgeTooltip(e) {
2363
2363
  const t = this.badgeTooltipCleanups.get(e);
@@ -2373,36 +2373,36 @@ ${u}` : h, f.debug(`[${this.instanceId}] Using default content: "${r}"`);
2373
2373
  const e = this.dropdown.querySelectorAll(".ms__action-btn");
2374
2374
  f.debug(`[${this.instanceId}] Found ${e.length} action buttons to attach tooltips to`), e.forEach((t) => {
2375
2375
  var l;
2376
- const s = t, o = s.dataset.action;
2377
- if (!o) return;
2378
- const r = (l = this.options.actionButtons) == null ? void 0 : l.find((c) => c.action === "custom" ? s.dataset.customAction === s.dataset.action : c.action === o);
2376
+ const s = t, i = s.dataset.action;
2377
+ if (!i) return;
2378
+ const r = (l = this.options.actionButtons) == null ? void 0 : l.find((c) => c.action === "custom" ? s.dataset.customAction === s.dataset.action : c.action === i);
2379
2379
  if (!r) return;
2380
2380
  let a;
2381
- if (r.getTooltipCallback ? (a = r.getTooltipCallback(this), f.debug(`[${this.instanceId}] Using getTooltipCallback for action button "${o}": "${a}"`)) : (a = r.tooltip, f.debug(`[${this.instanceId}] Using static tooltip for action button "${o}": "${a}"`)), !a) {
2382
- f.debug(`[${this.instanceId}] No tooltip for action button "${o}"`);
2381
+ if (r.getTooltipCallback ? (a = r.getTooltipCallback(this), f.debug(`[${this.instanceId}] Using getTooltipCallback for action button "${i}": "${a}"`)) : (a = r.tooltip, f.debug(`[${this.instanceId}] Using static tooltip for action button "${i}": "${a}"`)), !a) {
2382
+ f.debug(`[${this.instanceId}] No tooltip for action button "${i}"`);
2383
2383
  return;
2384
2384
  }
2385
- const n = `action-${o}-${Date.now()}`;
2385
+ const n = `action-${i}-${Date.now()}`;
2386
2386
  this.createActionButtonTooltip(s, a, n);
2387
2387
  });
2388
2388
  }
2389
2389
  createActionButtonTooltip(e, t, s) {
2390
- const o = document.createElement("div");
2391
- o.className = "ms__badge-tooltip", o.textContent = t, (this.options.container || document.body).appendChild(o), f.debug(`[${this.instanceId}] Tooltip element created for action button "${s}"`), this.actionButtonTooltips.set(s, o);
2390
+ const i = document.createElement("div");
2391
+ 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);
2392
2392
  let a, n;
2393
2393
  const l = () => {
2394
2394
  clearTimeout(n), f.debug(`[${this.instanceId}] Mouse entered action button "${s}", will show tooltip in ${this.options.badgeTooltipDelay || 300}ms`), a = window.setTimeout(() => {
2395
- f.debug(`[${this.instanceId}] Showing tooltip for action button "${s}"`), o.classList.add("ms__badge-tooltip--visible"), this.positionActionButtonTooltip(e, o, s);
2395
+ f.debug(`[${this.instanceId}] Showing tooltip for action button "${s}"`), i.classList.add("ms__badge-tooltip--visible"), this.positionActionButtonTooltip(e, i, s);
2396
2396
  }, this.options.badgeTooltipDelay || 300);
2397
2397
  }, c = () => {
2398
2398
  clearTimeout(a), n = window.setTimeout(() => {
2399
- o.classList.remove("ms__badge-tooltip--visible"), this.cleanupActionButtonTooltip(s);
2399
+ i.classList.remove("ms__badge-tooltip--visible"), this.cleanupActionButtonTooltip(s);
2400
2400
  }, 100);
2401
2401
  };
2402
2402
  e.addEventListener("mouseenter", l), e.addEventListener("mouseleave", c);
2403
2403
  }
2404
2404
  positionActionButtonTooltip(e, t, s) {
2405
- const o = q(e, t, () => {
2405
+ const i = q(e, t, () => {
2406
2406
  ee(e, t, {
2407
2407
  placement: this.options.badgeTooltipPlacement || "top",
2408
2408
  strategy: "fixed",
@@ -2418,7 +2418,7 @@ ${u}` : h, f.debug(`[${this.instanceId}] Using default content: "${r}"`);
2418
2418
  }), f.debug(`[${this.instanceId}] Positioned action button tooltip "${s}" at x:${r}, y:${a}`);
2419
2419
  });
2420
2420
  });
2421
- this.actionButtonTooltipCleanups.set(s, o);
2421
+ this.actionButtonTooltipCleanups.set(s, i);
2422
2422
  }
2423
2423
  cleanupActionButtonTooltip(e) {
2424
2424
  const t = this.actionButtonTooltipCleanups.get(e);
@@ -2434,7 +2434,7 @@ ${u}` : h, f.debug(`[${this.instanceId}] Using default content: "${r}"`);
2434
2434
  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("ml", "ms--open", "ms--no-checkboxes"), le.info(`[${this.instanceId}] Component destroyed`);
2435
2435
  }
2436
2436
  }
2437
- const gs = '@charset "UTF-8";:host{--ms-rem: 10px;--ms-accent-color: #3b82f6;--ms-accent-color-hover: #2563eb;--ms-accent-color-active: #1d4ed8;--ms-text-primary: #111827;--ms-text-secondary: #6b7280;--ms-text-white: #ffffff;--ms-primary-bg: #f3f4f6;--ms-primary-bg-hover: #e5e7eb;--ms-border-color: #e5e7eb;--ms-input-background: var(--ms-input-bg);--ms-input-color: var(--ms-text-primary);--ms-input-border-color: var(--ms-border-color);--ms-input-border-color-focus: var(--ms-accent-color);--ms-input-placeholder-color: var(--ms-text-secondary);--ms-input-background-disabled: var(--ms-input-bg-disabled);--ms-toggle-icon-color: var(--ms-text-secondary);--ms-toggle-icon-color-open: var(--ms-text-secondary);--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-white);--ms-hint-background: var(--ms-hint-bg);--ms-hint-color: var(--ms-text-secondary);--ms-hint-border-color: var(--ms-border-color);--ms-dropdown-background: var(--ms-dropdown-bg);--ms-dropdown-text-color: var(--ms-text-primary);--ms-dropdown-border-color: var(--ms-border-color);--ms-actions-background: var(--ms-dropdown-bg);--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-primary);--ms-group-border-color: var(--ms-border-color);--ms-group-label-color: var(--ms-text-secondary);--ms-option-text-color: var(--ms-text-primary);--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: var(--ms-option-bg-selected);--ms-option-color-selected: inherit;--ms-option-color-selected-hover: var(--ms-option-color-selected);--ms-option-background-matched: var(--ms-option-bg-matched);--ms-option-color-matched: inherit;--ms-option-border-matched-color: var(--ms-option-border-matched);--ms-option-title-color: var(--ms-text-primary);--ms-option-subtitle-color: var(--ms-text-secondary);--ms-option-mark-background: var(--ms-option-mark-bg);--ms-empty-color: var(--ms-text-secondary);--ms-loading-color: var(--ms-text-secondary);--ms-badge-background: var(--ms-badge-bg);--ms-badge-background-hover: var(--ms-badge-bg-hover);--ms-badge-background-active: var(--ms-badge-bg-active);--ms-badge-text-background: var(--ms-badge-text-bg);--ms-badge-text-color: var(--ms-accent-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-white);--ms-badge-counter-border-color: var(--ms-border-color);--ms-badge-counter-text-background: var(--ms-badge-counter-text-bg);--ms-badge-counter-text-color: var(--ms-text-secondary);--ms-badge-counter-remove-background: var(--ms-badge-counter-remove-bg);--ms-badge-counter-remove-background-hover: var(--ms-badge-counter-remove-bg-hover);--ms-badge-counter-remove-color: var(--ms-badge-counter-remove-color);--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-primary);--ms-count-clear-background: transparent;--ms-count-clear-background-hover: var(--ms-accent-color);--ms-count-clear-color: var(--ms-text-secondary);--ms-count-clear-color-hover: var(--ms-accent-color);--ms-tooltip-background: var(--ms-tooltip-bg);--ms-tooltip-text-color: var(--ms-tooltip-color);--ms-selected-popover-background: var(--ms-dropdown-bg);--ms-selected-popover-border-color: var(--ms-border-color);--ms-selected-popover-header-background: var(--ms-selected-popover-header-bg);--ms-selected-popover-header-color: var(--ms-text-primary);--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-secondary);--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-font-size: calc(1.4 * var(--ms-rem));--ms-input-border-style: 1px solid #d1d5db;--ms-input-border-radius: calc(.6 * var(--ms-rem));--ms-input-bg: #ffffff;--ms-input-text: #111827;--ms-input-focus-border-color: #3b82f6;--ms-input-placeholder-color: #6b7280;--ms-input-bg-disabled: rgba(107, 114, 128, .05);--ms-input-size-xs-font: calc(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(3.1 * var(--ms-rem));--ms-input-size-sm-font: calc(1.3 * var(--ms-rem));--ms-input-size-sm-padding-v: calc(.5 * var(--ms-rem));--ms-input-size-sm-padding-h: calc(.8 * var(--ms-rem));--ms-input-size-sm-height: calc(3.3 * var(--ms-rem));--ms-input-size-md-font: calc(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(3.5 * var(--ms-rem));--ms-input-size-lg-font: calc(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(3.8 * var(--ms-rem));--ms-input-size-xl-font: calc(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(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(1.2 * var(--ms-rem));--ms-counter-font-weight: 600;--ms-counter-border-radius: calc(.4 * var(--ms-rem));--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: calc(.6 * var(--ms-rem));--ms-hint-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--ms-hint-font-size: calc(1.2 * var(--ms-rem));--ms-hint-color: #6b7280;--ms-line-height-relaxed: 1.4;--ms-dropdown-bg: #ffffff;--ms-dropdown-border: 1px solid #e5e7eb;--ms-dropdown-border-radius: calc(.6 * var(--ms-rem));--ms-dropdown-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(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(1.2 * var(--ms-rem));--ms-action-btn-border: 1px solid #e5e7eb;--ms-action-btn-border-radius: calc(.4 * var(--ms-rem));--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: calc(.4 * var(--ms-rem)) 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(1.2 * var(--ms-rem));--ms-group-label-font-weight: 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-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(1.6 * var(--ms-rem));--ms-option-title-font-size: calc(1.4 * var(--ms-rem));--ms-option-title-color: inherit;--ms-option-mark-bg: rgba(59, 130, 246, .2);--ms-option-mark-color: inherit;--ms-option-mark-font-weight: 600;--ms-option-subtitle-margin-top: calc(.4 * var(--ms-rem));--ms-option-subtitle-font-size: calc(1.2 * var(--ms-rem));--ms-option-subtitle-color: #6b7280;--ms-option-subtitle-line-height: 1.3;--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: flex-start;--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-empty-padding: calc(1.6 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-empty-font-size: calc(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(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(1.2 * var(--ms-rem));--ms-badge-font-weight: 600;--ms-badge-border-radius: calc(.6 * var(--ms-rem));--ms-badge-border: none;--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-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(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: calc(.4 * var(--ms-rem));--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: calc(.4 * var(--ms-rem));--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(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(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: #333;--ms-tooltip-color: #fff;--ms-tooltip-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-tooltip-border-radius: calc(.6 * var(--ms-rem));--ms-tooltip-font-size: calc(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: calc(.6 * var(--ms-rem));--ms-selected-popover-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(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(1.4 * var(--ms-rem));--ms-selected-popover-header-font-weight: 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(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(1 * var(--ms-rem));--ms-font-size-xs: calc(1.2 * var(--ms-rem));--ms-font-size-sm: calc(1.4 * var(--ms-rem));--ms-font-size-base: calc(1.6 * var(--ms-rem));--ms-font-size-lg: calc(1.8 * var(--ms-rem));--ms-font-weight-medium: 500;--ms-font-weight-semibold: 600;--ms-line-height-none: 1;--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}.ml-wrapper{display:flex;flex-direction:column;align-items:stretch}.ml-wrapper--inline{flex-direction:row;align-items:flex-start}.ml{position:relative;width:100%}.ms__input-wrapper{position:relative;display:flex;align-items:center}.ms__input{box-sizing:border-box;width:100%;height:var(--ms-input-size-md-height, calc(3.5 * var(--ms-rem)));padding:var(--ms-input-padding, calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem)));padding-right:var(--ms-input-padding-right, calc(4 * var(--ms-rem)));font-size:var(--ms-input-font-size, calc(1.4 * var(--ms-rem)));border:var(--ms-input-border-style, 1px solid #d1d5db);border-radius:var(--ms-input-border-radius, calc(.6 * var(--ms-rem)));background:var(--ms-input-background, #ffffff);color:var(--ms-input-color, #111827);cursor:pointer;transition:border-color var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms__input:focus{outline:none;border-color:var(--ms-input-border-color-focus, #3b82f6)}.ms__input::placeholder{color:var(--ms-input-placeholder-color, #6b7280);opacity:0;transition:opacity var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}:host([data-ready]) .ms__input::placeholder{opacity:var(--ms-placeholder-opacity, .6)}.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, calc(1.2 * var(--ms-rem)));top:50%;transform:var(--ms-transform-center-y, translateY(-50%));pointer-events:none;color:var(--ms-toggle-icon-color, #6b7280);transition:transform var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms--open .ms__toggle{transform:var(--ms-transform-center-y, translateY(-50%)) rotate(var(--ms-transform-rotate-180, 180deg));color:var(--ms-toggle-icon-color-open, #6b7280)}.ms__counter{position:absolute;right:var(--ms-counter-offset, calc(3.2 * var(--ms-rem)));top:50%;transform:var(--ms-transform-center-y, translateY(-50%));padding:var(--ms-counter-padding, calc(.2 * var(--ms-rem)) calc(.4 * var(--ms-rem)));background:var(--ms-counter-badge-background, #3b82f6);color:var(--ms-counter-badge-color, #ffffff);font-size:var(--ms-counter-font-size, calc(1.2 * var(--ms-rem)));font-weight:var(--ms-counter-font-weight, 600);border-radius:var(--ms-counter-border-radius, calc(.4 * var(--ms-rem)));cursor:pointer;transition:all var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms__counter:hover{background:var(--ms-counter-badge-background-hover, #2563eb);transform:var(--ms-transform-center-y, translateY(-50%)) scale(var(--ms-transform-scale-hover, 1.1))}.ms__hint{display:none;position:absolute;z-index:var(--ms-z-index-popover, 10000);padding:var(--ms-hint-padding, calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem)));background:var(--ms-hint-background, #ffffff);border:var(--ms-hint-border, 1px solid #e5e7eb);border-radius:var(--ms-hint-border-radius, calc(.6 * var(--ms-rem)));box-shadow:var(--ms-hint-box-shadow, 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1));font-size:var(--ms-hint-font-size, calc(1.2 * var(--ms-rem)));color:var(--ms-hint-color, #6b7280);line-height:var(--ms-line-height-relaxed, 1.4);max-width:100%}.ms__hint--visible{display:block}.ms__dropdown{display:none;position:absolute;z-index:var(--ms-z-index-dropdown, 9999);background:var(--ms-dropdown-background, #ffffff);border:var(--ms-dropdown-border, 1px solid #e5e7eb);border-radius:var(--ms-dropdown-border-radius, calc(.6 * var(--ms-rem)));box-shadow:var(--ms-dropdown-box-shadow, 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1));max-height:var(--ms-options-max-height, calc(32 * var(--ms-rem)));overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;color:var(--ms-dropdown-text-color, #111827);scrollbar-width:thin;scrollbar-color:var(--ms-scrollbar-thumb-bg, #d1d5db) var(--ms-scrollbar-track-bg, transparent)}.ms__dropdown::-webkit-scrollbar{width:var(--ms-scrollbar-width, 8px)}.ms__dropdown::-webkit-scrollbar-track{background:var(--ms-scrollbar-track-bg, transparent)}.ms__dropdown::-webkit-scrollbar-thumb{background:var(--ms-scrollbar-thumb-bg, #d1d5db);border-radius:var(--ms-scrollbar-thumb-border-radius, 4px)}.ms__dropdown::-webkit-scrollbar-thumb:hover{background:var(--ms-scrollbar-thumb-bg-hover, #6b7280)}.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, calc(.4 * var(--ms-rem)));padding:var(--ms-actions-padding, calc(.8 * var(--ms-rem)));border-bottom:var(--ms-actions-border-bottom, 1px solid #e5e7eb)}.ms__actions--wrap{flex-wrap:wrap}.ms__actions--sticky{position:sticky;top:0;z-index:var(--ms-z-index-sticky, 1);background:var(--ms-actions-background, #ffffff)}.ms__action-btn{flex:1;padding:var(--ms-action-btn-padding, calc(.4 * var(--ms-rem)) calc(.8 * var(--ms-rem)));font-size:var(--ms-action-btn-font-size, calc(1.2 * var(--ms-rem)));border:var(--ms-action-btn-border, 1px solid #e5e7eb);border-radius:var(--ms-action-btn-border-radius, calc(.4 * var(--ms-rem)));background:var(--ms-action-button-background, transparent);color:var(--ms-action-button-color, inherit);cursor:pointer;transition:all var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms__action-btn:hover{background:var(--ms-action-button-background-hover, #f3f4f6);border-color:var(--ms-action-button-border-color-hover, #3b82f6)}.ms__action-btn:active{transform:scale(var(--ms-transform-scale-active, .98))}.ms__action-btn:disabled,.ms__action-btn[disabled]{opacity:var(--ms-disabled-opacity, .5);cursor:not-allowed;pointer-events:none}.ms__options{padding:var(--ms-options-padding, calc(.4 * var(--ms-rem)) 0);scrollbar-width:thin;scrollbar-color:var(--ms-scrollbar-thumb-bg, #d1d5db) var(--ms-scrollbar-track-bg, transparent)}.ms__options::-webkit-scrollbar{width:var(--ms-scrollbar-width, 8px)}.ms__options::-webkit-scrollbar-track{background:var(--ms-scrollbar-track-bg, transparent)}.ms__options::-webkit-scrollbar-thumb{background:var(--ms-scrollbar-thumb-bg, #d1d5db);border-radius:var(--ms-scrollbar-thumb-border-radius, 4px)}.ms__options::-webkit-scrollbar-thumb:hover{background:var(--ms-scrollbar-thumb-bg-hover, #6b7280)}.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, 1px solid #e5e7eb);margin-top:var(--ms-group-margin-top, calc(.4 * var(--ms-rem)));padding-top:var(--ms-group-padding-top, calc(.4 * var(--ms-rem)))}.ms__group-label{padding:var(--ms-group-label-padding, calc(.4 * var(--ms-rem)) calc(1.2 * var(--ms-rem)));font-size:var(--ms-group-label-font-size, calc(1.2 * var(--ms-rem)));font-weight:var(--ms-group-label-font-weight, 600);color:var(--ms-group-label-color, #6b7280);text-transform:var(--ms-group-label-transform, uppercase);letter-spacing:var(--ms-group-label-letter-spacing, .05em)}.ms__option{display:flex;align-items:var(--ms-checkbox-align, flex-start);gap:var(--ms-option-gap, calc(.8 * var(--ms-rem)));padding:var(--ms-option-padding, calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem)));color:var(--ms-option-text-color, #111827);background:var(--ms-option-background, transparent);cursor:pointer;transition:background-color var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms__option:hover{background:var(--ms-option-background-hover, #f9fafb);color:var(--ms-option-color-hover, inherit)}.ms__option--focused{background:var(--ms-option-background-focused, #f9fafb);color:var(--ms-option-color-focused, inherit);outline:var(--ms-option-outline-focused, 2px solid #3b82f6);outline-offset:var(--ms-option-focus-outline-offset, -2px)}.ms__option--matched{background:var(--ms-option-background-matched, rgba(59, 130, 246, .08));color:var(--ms-option-color-matched, inherit);border-left:var(--ms-option-border-matched, 3px solid rgba(59, 130, 246, .4))}.ms__option--selected{background:var(--ms-option-background-selected, rgba(59, 130, 246, .1));color:var(--ms-option-color-selected, inherit)}.ms__option--selected:hover{background:var(--ms-option-bg-selected-hover, var(--ms-option-background-selected, rgba(59, 130, 246, .1)));color:var(--ms-option-color-selected-hover, var(--ms-option-color-selected, inherit))}.ms__option--disabled{opacity:var(--ms-disabled-opacity, .5);cursor:not-allowed}.ms__option--disabled:hover{background:var(--ms-option-background, transparent)}.ms__option[data-checkbox-align=center]{--ms-checkbox-align: center}.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, calc(.2 * var(--ms-rem)));margin-right:var(--ms-checkbox-margin-right, 0);margin-bottom:var(--ms-checkbox-margin-bottom, 0);margin-left:var(--ms-checkbox-margin-left, 0);width:var(--ms-checkbox-size, calc(1.6 * var(--ms-rem)));height:var(--ms-checkbox-size, calc(1.6 * var(--ms-rem)));transform:scale(var(--ms-checkbox-scale, 1));transform-origin:top left;cursor:pointer;background:var(--ms-checkbox-bg, #ffffff);border:var(--ms-checkbox-border, 1px solid #d1d5db);border-radius:var(--ms-checkbox-border-radius, calc(.3 * var(--ms-rem)));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, #ffffff);border-width:0 2px 2px 0}.ms__checkbox:hover:not(:disabled){border-color:var(--ms-checkbox-hover-border-color, #3b82f6)}.ms__checkbox:checked{background:var(--ms-checkbox-checked-bg, #3b82f6);border:var(--ms-checkbox-checked-border, 1px solid #3b82f6)}.ms__checkbox:checked:after{display:block}.ms__checkbox:focus-visible{outline:2px solid var(--ms-checkbox-checked-bg, #3b82f6);outline-offset:2px}.ms__checkbox:disabled{cursor:not-allowed;background:var(--ms-checkbox-disabled-bg, #e5e7eb);border:var(--ms-checkbox-disabled-border, 1px solid #e5e7eb);opacity:.6}.ms__checkbox:disabled:checked{background:var(--ms-checkbox-disabled-bg, #e5e7eb)}.ms__option--disabled .ms__checkbox{cursor:not-allowed}.ms__option-content{flex:1;display:flex;align-items:flex-start;gap:var(--ms-option-content-gap, calc(.8 * var(--ms-rem)));min-width:0}.ms__option-icon{flex-shrink:0;width:var(--ms-option-icon-size, calc(2 * var(--ms-rem)));height:var(--ms-option-icon-size, calc(2 * var(--ms-rem)));display:flex;align-items:center;justify-content:center;font-size:var(--ms-option-icon-font-size, calc(1.6 * var(--ms-rem)))}.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, calc(1.4 * var(--ms-rem)));color:var(--ms-option-title-color, inherit);line-height:var(--ms-line-height-relaxed, 1.4)}.ms__option-title mark{background:var(--ms-option-mark-background, rgba(59, 130, 246, .2));color:var(--ms-option-mark-color, inherit);font-weight:var(--ms-option-mark-font-weight, 600)}.ms__option-subtitle{margin-top:var(--ms-option-subtitle-margin-top, calc(.4 * var(--ms-rem)));font-size:var(--ms-option-subtitle-font-size, calc(1.2 * var(--ms-rem)));color:var(--ms-option-subtitle-color, #6b7280);line-height:var(--ms-option-subtitle-line-height, 1.3)}.ms__empty{padding:var(--ms-empty-padding, calc(1.6 * var(--ms-rem)) calc(1.2 * var(--ms-rem)));text-align:center;font-size:var(--ms-empty-font-size, calc(1.4 * var(--ms-rem)));color:var(--ms-empty-color, #6b7280)}.ms__loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ms-loader-padding, calc(1.6 * var(--ms-rem)));gap:var(--ms-loader-gap, calc(.8 * var(--ms-rem)))}.ms__loading-text{font-size:var(--ms-loading-text-font-size, calc(1.4 * var(--ms-rem)));color:var(--ms-loading-color, #6b7280)}.ms__badges{display:flex;flex-wrap:wrap;gap:var(--ms-badges-gap, calc(.8 * var(--ms-rem)));padding:0}.ms__badges:empty{display:none}.ms__badges--bottom{margin-top:var(--ms-badges-margin-bottom, calc(.8 * var(--ms-rem)))}.ms__badges--top{margin-bottom:var(--ms-badges-margin-top, calc(.8 * var(--ms-rem)));order:var(--ms-order-first, -1)}.ms__badges--left{order:var(--ms-order-first, -1);margin-right:var(--ms-badges-margin-left, calc(.4 * var(--ms-rem)));justify-content:flex-end}.ms__badges--right{margin-left:var(--ms-badges-margin-right, calc(.4 * var(--ms-rem)));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, calc(.8 * var(--ms-rem)))}.ms__count-display--top{margin-bottom:var(--ms-count-display-margin-top, calc(.8 * var(--ms-rem)));order:var(--ms-order-first, -1)}.ms__count-display--left{order:var(--ms-order-first, -1);margin-right:var(--ms-count-display-margin-left, calc(.8 * var(--ms-rem)));justify-content:flex-start}.ms__count-display--right{margin-left:var(--ms-count-display-margin-right, calc(.8 * var(--ms-rem)));justify-content:flex-end}.ms__counter-wrapper{display:inline-flex;align-items:center;gap:var(--ms-counter-wrapper-gap, calc(.4 * var(--ms-rem)));background:var(--ms-counter-wrapper-background, transparent);border:var(--ms-counter-wrapper-border, 1px solid #e5e7eb);border-radius:var(--ms-counter-wrapper-border-radius, calc(.4 * var(--ms-rem)));padding:var(--ms-counter-wrapper-padding, calc(.4 * var(--ms-rem)) calc(.8 * var(--ms-rem)));transition:all var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms__counter-wrapper:hover{background:var(--ms-counter-wrapper-background-hover, #f9fafb);border-color:var(--ms-counter-wrapper-border-color-hover, #3b82f6)}.ms__count-text{display:inline-flex;align-items:center;background:var(--ms-count-text-bg, transparent);border:var(--ms-count-text-border, none);padding:0;font-size:var(--ms-count-text-font-size, calc(1.4 * var(--ms-rem)));color:var(--ms-count-text-color, #111827);cursor:pointer;transition:color var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms__count-clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--ms-count-clear-size, calc(1.6 * var(--ms-rem)));height:var(--ms-count-clear-size, calc(1.6 * var(--ms-rem)));padding:0;border:none;background:var(--ms-count-clear-background, transparent);color:var(--ms-count-clear-color, #6b7280);font-size:var(--ms-count-clear-font-size, calc(1.8 * var(--ms-rem)));line-height:var(--ms-line-height-none, 1);cursor:pointer;border-radius:var(--ms-count-clear-border-radius, 50%);transition:all var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms__count-clear:hover{background:var(--ms-count-clear-background-hover, rgba(59, 130, 246, .2));color:var(--ms-count-clear-color-hover, #3b82f6)}.ms__count-clear:before{content:var(--ms-icon-clear, "×")}.ms__badge{display:inline-flex;align-items:center;height:var(--ms-badge-height, calc(2.7 * var(--ms-rem)));font-size:var(--ms-badge-font-size, calc(1.2 * var(--ms-rem)));font-weight:var(--ms-badge-font-weight, 600);line-height:var(--ms-line-height-none, 1);border-radius:var(--ms-badge-border-radius, calc(.6 * var(--ms-rem)));border:var(--ms-badge-border, none);overflow:hidden;max-width:100%}.ms__badge-text{display:flex;align-items:center;height:100%;padding:var(--ms-badge-text-padding, 0 calc(.8 * var(--ms-rem)));background:var(--ms-badge-text-background, #eff6ff);color:var(--ms-badge-text-color, #3b82f6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--ms-transition-normal, .2s) ease}.ms__badge-remove{display:flex;align-items:center;justify-content:center;width:var(--ms-badge-remove-width, calc(2.7 * var(--ms-rem)));height:100%;flex-shrink:0;background:var(--ms-badge-remove-background, #3b82f6);color:var(--ms-badge-remove-color, #ffffff);border:var(--ms-badge-remove-border, none);cursor:pointer;transition:background-color var(--ms-transition-normal, .2s) ease;font-size:var(--ms-badge-remove-font-size, calc(1.2 * var(--ms-rem)))}.ms__badge-remove:hover{background:var(--ms-badge-remove-background-hover, #2563eb)}.ms__badge-remove:focus{outline:none;box-shadow:var(--ms-badge-remove-box-shadow-focus, 0 0 0 2px rgba(59, 130, 246, .5))}.ms__badge-remove:before{content:var(--ms-icon-remove, "×");font-size:var(--ms-font-size-base, calc(1.6 * var(--ms-rem)));line-height:var(--ms-line-height-none, 1)}.ms__badge--counter{border:var(--ms-badge-counter-border, 1px solid #e5e7eb);cursor:pointer}.ms__badge--counter .ms__badge-text{background:var(--ms-badge-counter-text-background, #d1d5db);color:var(--ms-badge-counter-text-color, #6b7280)}.ms__badge--counter .ms__badge-remove{background:var(--ms-badge-counter-remove-background, #6b7280);color:var(--ms-badge-counter-remove-color, #ffffff)}.ms__badge--counter .ms__badge-remove:hover{background:var(--ms-badge-counter-remove-background-hover, #111827)}.ms__badge--more{cursor:pointer}.ms__badge-tooltip{position:fixed;z-index:var(--ms-tooltip-z-index, 10000);opacity:0;visibility:hidden;transition:opacity var(--ms-transition-normal, .2s) ease,visibility var(--ms-transition-normal, .2s) ease;background:var(--ms-tooltip-background, #333);color:var(--ms-tooltip-text-color, #fff);padding:var(--ms-tooltip-padding, calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem)));border-radius:var(--ms-tooltip-border-radius, calc(.6 * var(--ms-rem)));font-size:var(--ms-tooltip-font-size, calc(1.4 * var(--ms-rem)));line-height:var(--ms-line-height-relaxed, 1.4);max-width:var(--ms-tooltip-max-width, calc(32 * var(--ms-rem)));word-wrap:break-word;white-space:pre-wrap;box-shadow:var(--ms-tooltip-shadow, 0 2px 8px rgba(0, 0, 0, .15));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, 10000);background:var(--ms-selected-popover-background, #ffffff);border:var(--ms-selected-popover-border, 1px solid #e5e7eb);border-radius:var(--ms-selected-popover-border-radius, calc(.6 * var(--ms-rem)));box-shadow:var(--ms-selected-popover-box-shadow, 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1));width:var(--ms-selected-popover-width, calc(32 * var(--ms-rem)));max-height:var(--ms-selected-popover-max-height, calc(32 * var(--ms-rem)));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, calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem)));background:var(--ms-selected-popover-header-background, rgba(59, 130, 246, .1));border-bottom:var(--ms-selected-popover-header-border-bottom, 1px solid #e5e7eb);font-size:var(--ms-selected-popover-header-font-size, calc(1.4 * var(--ms-rem)));font-weight:var(--ms-selected-popover-header-font-weight, 600);color:var(--ms-selected-popover-header-color, #111827)}.ms__selected-popover-close{display:flex;align-items:center;justify-content:center;width:var(--ms-popover-close-size, calc(2.4 * var(--ms-rem)));height:var(--ms-popover-close-size, calc(2.4 * var(--ms-rem)));padding:0;border:none;background:var(--ms-selected-popover-close-background, transparent);color:var(--ms-selected-popover-close-color, #6b7280);font-size:var(--ms-selected-popover-close-font-size, calc(2 * var(--ms-rem)));line-height:var(--ms-line-height-none, 1);cursor:pointer;border-radius:var(--ms-selected-popover-close-border-radius, 50%);transition:all var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms__selected-popover-close:hover{background:var(--ms-selected-popover-close-background-hover, rgba(59, 130, 246, .2));color:var(--ms-selected-popover-close-color-hover, #3b82f6)}.ms__selected-popover-body{display:flex;flex-direction:column;gap:var(--ms-selected-popover-body-gap, calc(.4 * var(--ms-rem)));padding:var(--ms-selected-popover-body-padding, calc(.8 * var(--ms-rem)));overflow-y:auto;max-height:var(--ms-selected-popover-body-max-height, calc(28.8 * var(--ms-rem)));scrollbar-width:thin;scrollbar-color:var(--ms-scrollbar-thumb-bg, #d1d5db) var(--ms-scrollbar-track-bg, transparent)}.ms__selected-popover-body::-webkit-scrollbar{width:var(--ms-scrollbar-width, 8px)}.ms__selected-popover-body::-webkit-scrollbar-track{background:var(--ms-scrollbar-track-bg, transparent)}.ms__selected-popover-body::-webkit-scrollbar-thumb{background:var(--ms-scrollbar-thumb-bg, #d1d5db);border-radius:var(--ms-scrollbar-thumb-border-radius, 4px)}.ms__selected-popover-body::-webkit-scrollbar-thumb:hover{background:var(--ms-scrollbar-thumb-bg-hover, #6b7280)}.ms__selected-popover-body .ms__badge{width:100%;min-height:fit-content;line-height:var(--ms-line-height-relaxed, 1.4)}.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, calc(.4 * var(--ms-rem)));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, calc(4 * var(--ms-rem)));padding-right:var(--ms-input-padding-h, calc(1.2 * var(--ms-rem)))}.ms--rtl .ms__toggle{left:var(--ms-toggle-right, calc(1.2 * var(--ms-rem)))!important;right:auto!important}.ms--rtl .ms__counter{left:var(--ms-counter-offset, calc(3.2 * var(--ms-rem)))!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, calc(.8 * var(--ms-rem)));margin-right:0}.ms--rtl .ms__option-content{text-align:right}.ms--rtl .ms__option-icon{margin-left:var(--ms-spacing-xs, calc(.4 * var(--ms-rem)));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-remove-border-radius-rtl, calc(.6 * var(--ms-rem))) 0 0 var(--ms-badge-remove-border-radius-rtl, calc(.6 * var(--ms-rem)));border-left:var(--ms-badge-remove-border, none);border-right:none}.ms--rtl .ms__badge-text{border-radius:0 var(--ms-badge-text-border-radius-rtl, calc(.6 * var(--ms-rem))) var(--ms-badge-text-border-radius-rtl, calc(.6 * var(--ms-rem))) 0}.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--xs .ms__input{font-size:var(--ms-font-size-xs, calc(1.2 * var(--ms-rem)))}.ms--xs .ms__option{padding:var(--ms-spacing-xs, calc(.4 * var(--ms-rem))) var(--ms-spacing-sm, calc(.8 * var(--ms-rem)))}.ms--xs .ms__option-title{font-size:var(--ms-font-size-xs, calc(1.2 * var(--ms-rem)))}.ms--xs .ms__badge{font-size:var(--ms-font-size-2xs, calc(1 * var(--ms-rem)))}.ms--sm .ms__input,.ms--sm .ms__option-title{font-size:var(--ms-font-size-xs, calc(1.2 * var(--ms-rem)))}.ms--lg .ms__input,.ms--lg .ms__option-title{font-size:var(--ms-font-size-base, calc(1.6 * var(--ms-rem)))}.ms--lg .ms__badge{font-size:var(--ms-font-size-sm, calc(1.4 * var(--ms-rem)))}.ms--xl .ms__input,.ms--xl .ms__option-title{font-size:var(--ms-font-size-lg, calc(1.8 * var(--ms-rem)))}.ms--xl .ms__badge{font-size:var(--ms-font-size-base, calc(1.6 * var(--ms-rem)))}.ms--disabled .ms__input{opacity:var(--ms-disabled-input-opacity, .6);cursor:not-allowed;background:var(--ms-input-bg-disabled, rgba(107, 114, 128, .05))}.ms--disabled .ms__toggle{opacity:var(--ms-disabled-input-opacity, .6)}.ms--no-checkboxes .ms__option{gap:0;padding-left:var(--ms-option-padding-h, calc(1.2 * var(--ms-rem)))}.ms--no-checkboxes .ms__option-content{padding-left:0}.ml-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(.6 * var(--ms-rem));font-size:calc(1.2 * var(--ms-rem));color:#111827}.ml-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(.4 * var(--ms-rem))}.ml-debug-info details summary:hover{background-color:#f3f4f6}.ml-debug-info details summary:focus{outline:2px solid #3b82f6;outline-offset:2px}.ml-debug-info .ml-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(.4 * var(--ms-rem))}.ml-debug-info .ml-debug-stats span{display:flex;justify-content:space-between;padding:2px 4px;font-family:monospace;font-size:calc(1 * var(--ms-rem))}.ml-debug-info .ml-debug-stats span:before{content:"•";margin-right:calc(.4 * var(--ms-rem));color:#3b82f6}', bs = typeof HTMLElement < "u" ? HTMLElement : class {
2437
+ const gs = '@charset "UTF-8";:host{--ms-rem: 10px;--ms-accent-color: #3b82f6;--ms-accent-color-hover: #2563eb;--ms-accent-color-active: #1d4ed8;--ms-text-primary: #111827;--ms-text-secondary: #6b7280;--ms-text-on-accent: #ffffff;--ms-primary-bg: #f3f4f6;--ms-primary-bg-hover: #e5e7eb;--ms-border-color: #e5e7eb;--ms-input-background: var(--ms-input-bg);--ms-input-color: var(--ms-text-primary);--ms-input-border-color: var(--ms-border-color);--ms-input-border-color-hover: var(--ms-text-secondary);--ms-input-border-color-focus: var(--ms-accent-color);--ms-input-placeholder-color: var(--ms-text-secondary);--ms-input-background-disabled: var(--ms-input-bg-disabled);--ms-toggle-icon-color: var(--ms-text-secondary);--ms-toggle-icon-color-open: var(--ms-text-secondary);--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(--ms-hint-bg);--ms-hint-color: var(--ms-text-secondary);--ms-hint-border-color: var(--ms-border-color);--ms-dropdown-background: var(--ms-dropdown-bg);--ms-dropdown-text-color: var(--ms-text-primary);--ms-dropdown-border-color: var(--ms-border-color);--ms-actions-background: var(--ms-dropdown-bg);--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-primary);--ms-group-border-color: var(--ms-border-color);--ms-group-label-color: var(--ms-text-secondary);--ms-option-text-color: var(--ms-text-primary);--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: var(--ms-option-bg-selected);--ms-option-color-selected: inherit;--ms-option-color-selected-hover: var(--ms-option-color-selected);--ms-option-background-matched: var(--ms-option-bg-matched);--ms-option-color-matched: inherit;--ms-option-border-matched-color: var(--ms-option-border-matched);--ms-option-title-color: var(--ms-text-primary);--ms-option-subtitle-color: var(--ms-text-secondary);--ms-option-mark-background: var(--ms-option-mark-bg);--ms-empty-color: var(--ms-text-secondary);--ms-loading-color: var(--ms-text-secondary);--ms-badge-background: var(--ms-badge-bg);--ms-badge-background-hover: var(--ms-badge-bg-hover);--ms-badge-background-active: var(--ms-badge-bg-active);--ms-badge-text-background: var(--ms-badge-text-bg);--ms-badge-text-color: var(--ms-accent-color);--ms-badge-text-background-hover: var(--ms-badge-bg-hover);--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: var(--ms-badge-counter-text-bg);--ms-badge-counter-text-color: var(--ms-text-secondary);--ms-badge-counter-remove-background: var(--ms-badge-counter-remove-bg);--ms-badge-counter-remove-background-hover: var(--ms-badge-counter-remove-bg-hover);--ms-badge-counter-remove-color: var(--ms-badge-counter-remove-color);--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-primary);--ms-count-clear-background: transparent;--ms-count-clear-background-hover: var(--ms-accent-color);--ms-count-clear-color: var(--ms-text-secondary);--ms-count-clear-color-hover: var(--ms-accent-color);--ms-tooltip-background: var(--ms-tooltip-bg);--ms-tooltip-text-color: var(--ms-tooltip-color);--ms-selected-popover-background: var(--ms-dropdown-bg);--ms-selected-popover-border-color: var(--ms-border-color);--ms-selected-popover-header-background: var(--ms-selected-popover-header-bg);--ms-selected-popover-header-color: var(--ms-text-primary);--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-secondary);--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-font-size: calc(1.4 * var(--ms-rem));--ms-input-border-style: 1px solid #d1d5db;--ms-input-border-radius: calc(.6 * var(--ms-rem));--ms-input-bg: #ffffff;--ms-input-text: #111827;--ms-input-focus-border-color: #3b82f6;--ms-input-placeholder-color: #6b7280;--ms-input-bg-disabled: rgba(107, 114, 128, .05);--ms-input-size-xs-font: calc(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(3.1 * var(--ms-rem));--ms-input-size-sm-font: calc(1.3 * var(--ms-rem));--ms-input-size-sm-padding-v: calc(.5 * var(--ms-rem));--ms-input-size-sm-padding-h: calc(.8 * var(--ms-rem));--ms-input-size-sm-height: calc(3.3 * var(--ms-rem));--ms-input-size-md-font: calc(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(3.5 * var(--ms-rem));--ms-input-size-lg-font: calc(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(3.8 * var(--ms-rem));--ms-input-size-xl-font: calc(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(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(1.2 * var(--ms-rem));--ms-counter-font-weight: 600;--ms-counter-border-radius: calc(.4 * var(--ms-rem));--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: calc(.6 * var(--ms-rem));--ms-hint-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--ms-hint-font-size: calc(1.2 * var(--ms-rem));--ms-hint-color: #6b7280;--ms-line-height-relaxed: 1.4;--ms-dropdown-bg: #ffffff;--ms-dropdown-border: 1px solid #e5e7eb;--ms-dropdown-border-radius: calc(.6 * var(--ms-rem));--ms-dropdown-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(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(1.2 * var(--ms-rem));--ms-action-btn-border: 1px solid #e5e7eb;--ms-action-btn-border-radius: calc(.4 * var(--ms-rem));--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: calc(.4 * var(--ms-rem)) 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(1.2 * var(--ms-rem));--ms-group-label-font-weight: 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(1.6 * var(--ms-rem));--ms-option-title-font-size: calc(1.4 * var(--ms-rem));--ms-option-title-color: inherit;--ms-option-mark-bg: rgba(59, 130, 246, .2);--ms-option-mark-color: inherit;--ms-option-mark-font-weight: 600;--ms-option-subtitle-margin-top: calc(.4 * var(--ms-rem));--ms-option-subtitle-font-size: calc(1.2 * var(--ms-rem));--ms-option-subtitle-color: #6b7280;--ms-option-subtitle-line-height: 1.3;--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: flex-start;--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(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(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(1.2 * var(--ms-rem));--ms-badge-font-weight: 600;--ms-badge-border-radius: calc(.6 * var(--ms-rem));--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(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: calc(.4 * var(--ms-rem));--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: calc(.4 * var(--ms-rem));--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(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(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: #333;--ms-tooltip-color: #fff;--ms-tooltip-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-tooltip-border-radius: calc(.6 * var(--ms-rem));--ms-tooltip-font-size: calc(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: calc(.6 * var(--ms-rem));--ms-selected-popover-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(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(1.4 * var(--ms-rem));--ms-selected-popover-header-font-weight: 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(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(1 * var(--ms-rem));--ms-font-size-xs: calc(1.2 * var(--ms-rem));--ms-font-size-sm: calc(1.4 * var(--ms-rem));--ms-font-size-base: calc(1.6 * var(--ms-rem));--ms-font-size-lg: calc(1.8 * var(--ms-rem));--ms-font-weight-medium: 500;--ms-font-weight-semibold: 600;--ms-line-height-none: 1;--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}.ml-wrapper{display:flex;flex-direction:column;align-items:stretch}.ml-wrapper--inline{flex-direction:row;align-items:flex-start}.ml{position:relative;width:100%}.ms__input-wrapper{position:relative;display:flex;align-items:center}.ms__input{box-sizing:border-box;width:100%;height:var(--ms-input-size-md-height, calc(3.5 * var(--ms-rem)));padding:var(--ms-input-padding, calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem)));padding-right:var(--ms-input-padding-right, calc(4 * var(--ms-rem)));font-size:var(--ms-input-font-size, calc(1.4 * var(--ms-rem)));border:var(--ms-input-border-style, 1px solid #d1d5db);border-radius:var(--ms-input-border-radius, calc(.6 * var(--ms-rem)));background:var(--ms-input-background, #ffffff);color:var(--ms-input-color, #111827);cursor:pointer;transition:border-color var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms__input:hover:not(:focus):not(:disabled){border-color:var(--ms-input-border-color-hover, var(--ms-input-border-color, #d1d5db))}.ms__input:focus{outline:none;border-color:var(--ms-input-border-color-focus, #3b82f6)}.ms__input::placeholder{color:var(--ms-input-placeholder-color, #6b7280);opacity:0;transition:opacity var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}:host([data-ready]) .ms__input::placeholder{opacity:var(--ms-placeholder-opacity, .6)}.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, calc(1.2 * var(--ms-rem)));top:50%;transform:var(--ms-transform-center-y, translateY(-50%));pointer-events:none;color:var(--ms-toggle-icon-color, #6b7280);transition:transform var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms--open .ms__toggle{transform:var(--ms-transform-center-y, translateY(-50%)) rotate(var(--ms-transform-rotate-180, 180deg));color:var(--ms-toggle-icon-color-open, #6b7280)}.ms__counter{position:absolute;right:var(--ms-counter-offset, calc(3.2 * var(--ms-rem)));top:50%;transform:var(--ms-transform-center-y, translateY(-50%));padding:var(--ms-counter-padding, calc(.2 * var(--ms-rem)) calc(.4 * var(--ms-rem)));background:var(--ms-counter-badge-background, #3b82f6);color:var(--ms-counter-badge-color, #ffffff);font-size:var(--ms-counter-font-size, calc(1.2 * var(--ms-rem)));font-weight:var(--ms-counter-font-weight, 600);border-radius:var(--ms-counter-border-radius, calc(.4 * var(--ms-rem)));cursor:pointer;transition:all var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms__counter:hover{background:var(--ms-counter-badge-background-hover, #2563eb);transform:var(--ms-transform-center-y, translateY(-50%)) scale(var(--ms-transform-scale-hover, 1.1))}.ms__hint{display:none;position:absolute;z-index:var(--ms-z-index-popover, 10000);padding:var(--ms-hint-padding, calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem)));background:var(--ms-hint-background, #ffffff);border:var(--ms-hint-border, 1px solid #e5e7eb);border-radius:var(--ms-hint-border-radius, calc(.6 * var(--ms-rem)));box-shadow:var(--ms-hint-box-shadow, 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1));font-size:var(--ms-hint-font-size, calc(1.2 * var(--ms-rem)));color:var(--ms-hint-color, #6b7280);line-height:var(--ms-line-height-relaxed, 1.4);max-width:100%}.ms__hint--visible{display:block}.ms__dropdown{display:none;position:absolute;z-index:var(--ms-z-index-dropdown, 9999);background:var(--ms-dropdown-background, #ffffff);border:var(--ms-dropdown-border, 1px solid #e5e7eb);border-radius:var(--ms-dropdown-border-radius, calc(.6 * var(--ms-rem)));box-shadow:var(--ms-dropdown-box-shadow, 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1));max-height:var(--ms-options-max-height, calc(32 * var(--ms-rem)));overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;color:var(--ms-dropdown-text-color, #111827);scrollbar-width:thin;scrollbar-color:var(--ms-scrollbar-thumb-bg, #d1d5db) var(--ms-scrollbar-track-bg, transparent)}.ms__dropdown::-webkit-scrollbar{width:var(--ms-scrollbar-width, 8px)}.ms__dropdown::-webkit-scrollbar-track{background:var(--ms-scrollbar-track-bg, transparent)}.ms__dropdown::-webkit-scrollbar-thumb{background:var(--ms-scrollbar-thumb-bg, #d1d5db);border-radius:var(--ms-scrollbar-thumb-border-radius, 4px)}.ms__dropdown::-webkit-scrollbar-thumb:hover{background:var(--ms-scrollbar-thumb-bg-hover, #6b7280)}.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, calc(.4 * var(--ms-rem)));padding:var(--ms-actions-padding, calc(.8 * var(--ms-rem)));border-bottom:var(--ms-actions-border-bottom, 1px solid #e5e7eb)}.ms__actions--wrap{flex-wrap:wrap}.ms__actions--sticky{position:sticky;top:0;z-index:var(--ms-z-index-sticky, 1);background:var(--ms-actions-background, #ffffff)}.ms__action-btn{flex:1;padding:var(--ms-action-btn-padding, calc(.4 * var(--ms-rem)) calc(.8 * var(--ms-rem)));font-size:var(--ms-action-btn-font-size, calc(1.2 * var(--ms-rem)));border:var(--ms-action-btn-border, 1px solid #e5e7eb);border-radius:var(--ms-action-btn-border-radius, calc(.4 * var(--ms-rem)));background:var(--ms-action-button-background, transparent);color:var(--ms-action-button-color, inherit);cursor:pointer;transition:all var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms__action-btn:hover{background:var(--ms-action-button-background-hover, #f3f4f6);border-color:var(--ms-action-button-border-color-hover, #3b82f6)}.ms__action-btn:active{transform:scale(var(--ms-transform-scale-active, .98))}.ms__action-btn:disabled,.ms__action-btn[disabled]{opacity:var(--ms-disabled-opacity, .5);cursor:not-allowed;pointer-events:none}.ms__options{padding:var(--ms-options-padding, calc(.4 * var(--ms-rem)) 0);scrollbar-width:thin;scrollbar-color:var(--ms-scrollbar-thumb-bg, #d1d5db) var(--ms-scrollbar-track-bg, transparent)}.ms__options::-webkit-scrollbar{width:var(--ms-scrollbar-width, 8px)}.ms__options::-webkit-scrollbar-track{background:var(--ms-scrollbar-track-bg, transparent)}.ms__options::-webkit-scrollbar-thumb{background:var(--ms-scrollbar-thumb-bg, #d1d5db);border-radius:var(--ms-scrollbar-thumb-border-radius, 4px)}.ms__options::-webkit-scrollbar-thumb:hover{background:var(--ms-scrollbar-thumb-bg-hover, #6b7280)}.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, 1px solid #e5e7eb);margin-top:var(--ms-group-margin-top, calc(.4 * var(--ms-rem)));padding-top:var(--ms-group-padding-top, calc(.4 * var(--ms-rem)))}.ms__group-label{padding:var(--ms-group-label-padding, calc(.4 * var(--ms-rem)) calc(1.2 * var(--ms-rem)));font-size:var(--ms-group-label-font-size, calc(1.2 * var(--ms-rem)));font-weight:var(--ms-group-label-font-weight, 600);color:var(--ms-group-label-color, #6b7280);text-transform:var(--ms-group-label-transform, uppercase);letter-spacing:var(--ms-group-label-letter-spacing, .05em)}.ms__option{display:flex;align-items:var(--ms-checkbox-align, flex-start);gap:var(--ms-option-gap, calc(.8 * var(--ms-rem)));padding:var(--ms-option-padding, calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem)));color:var(--ms-option-text-color, #111827);background:var(--ms-option-background, transparent);cursor:pointer;transition:background-color var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms__option:hover{background:var(--ms-option-background-hover, #f9fafb);color:var(--ms-option-color-hover, inherit)}.ms__option--focused{background:var(--ms-option-background-focused, #f9fafb);color:var(--ms-option-color-focused, inherit);outline:var(--ms-option-outline-focused, 2px solid #3b82f6);outline-offset:var(--ms-option-focus-outline-offset, -2px)}.ms__option--matched{background:var(--ms-option-background-matched, rgba(59, 130, 246, .08));color:var(--ms-option-color-matched, inherit);border-left:var(--ms-option-border-matched, 3px solid rgba(59, 130, 246, .4))}.ms__option--selected{background:var(--ms-option-background-selected, rgba(59, 130, 246, .1));color:var(--ms-option-color-selected, inherit)}.ms__option--selected:hover{background:var(--ms-option-bg-selected-hover, var(--ms-option-background-selected, rgba(59, 130, 246, .1)));color:var(--ms-option-color-selected-hover, var(--ms-option-color-selected, inherit))}.ms__option--disabled{opacity:var(--ms-disabled-opacity, .5);cursor:not-allowed}.ms__option--disabled:hover{background:var(--ms-option-background, transparent)}.ms__option--focused:hover{background:var(--ms-option-bg-focused-hover, #f9fafb);color:var(--ms-option-color-focused-hover, var(--ms-option-color-focused, var(--ms-option-text-color, #111827)))}.ms__option--matched:hover{background:var(--ms-option-bg-matched-hover, rgba(59, 130, 246, .12));color:var(--ms-option-color-matched-hover, var(--ms-option-color-matched, var(--ms-option-text-color, #111827)))}.ms__option--selected.ms__option--focused{background:var(--ms-option-bg-selected-focused, rgba(59, 130, 246, .15));color:var(--ms-option-color-selected-focused, var(--ms-option-color-selected, var(--ms-option-text-color, #111827)));outline:var(--ms-option-outline-focused, 2px solid #3b82f6);outline-offset:var(--ms-option-focus-outline-offset, -2px)}.ms__option--selected.ms__option--matched{background:var(--ms-option-bg-selected-matched, rgba(59, 130, 246, .15));color:var(--ms-option-color-selected-matched, var(--ms-option-color-selected, var(--ms-option-text-color, #111827)));border-left:var(--ms-option-border-matched, 3px solid rgba(59, 130, 246, .4))}.ms__option--disabled.ms__option--selected{background:var(--ms-option-bg-disabled-selected, rgba(59, 130, 246, .1));color:var(--ms-option-color-disabled-selected, var(--ms-option-color-selected, var(--ms-option-text-color, #111827)))}.ms__option--disabled.ms__option--focused{outline:none}.ms__option[data-checkbox-align=center]{--ms-checkbox-align: center}.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, calc(.2 * var(--ms-rem)));margin-right:var(--ms-checkbox-margin-right, 0);margin-bottom:var(--ms-checkbox-margin-bottom, 0);margin-left:var(--ms-checkbox-margin-left, 0);width:var(--ms-checkbox-size, calc(1.6 * var(--ms-rem)));height:var(--ms-checkbox-size, calc(1.6 * var(--ms-rem)));transform:scale(var(--ms-checkbox-scale, 1));transform-origin:top left;cursor:pointer;background:var(--ms-checkbox-bg, #ffffff);border:var(--ms-checkbox-border, 1px solid #d1d5db);border-radius:var(--ms-checkbox-border-radius, calc(.3 * var(--ms-rem)));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, #ffffff);border-width:0 2px 2px 0}.ms__checkbox:hover:not(:disabled){border-color:var(--ms-checkbox-hover-border-color, #3b82f6)}.ms__checkbox:checked{background:var(--ms-checkbox-checked-bg, #3b82f6);border:var(--ms-checkbox-checked-border, 1px solid #3b82f6)}.ms__checkbox:checked:after{display:block}.ms__checkbox:checked:hover:not(:disabled){background:var(--ms-checkbox-checked-bg-hover, #2563eb);border-color:var(--ms-checkbox-checked-border-color-hover, #2563eb)}.ms__checkbox:focus-visible{outline:2px solid var(--ms-checkbox-checked-bg, #3b82f6);outline-offset:2px}.ms__checkbox:disabled{cursor:not-allowed;background:var(--ms-checkbox-disabled-bg, #e5e7eb);border:var(--ms-checkbox-disabled-border, 1px solid #e5e7eb);opacity:.6}.ms__checkbox:disabled:checked{background:var(--ms-checkbox-disabled-bg, #e5e7eb)}.ms__option--disabled .ms__checkbox{cursor:not-allowed}.ms__option-content{flex:1;display:flex;align-items:flex-start;gap:var(--ms-option-content-gap, calc(.8 * var(--ms-rem)));min-width:0}.ms__option-icon{flex-shrink:0;width:var(--ms-option-icon-size, calc(2 * var(--ms-rem)));height:var(--ms-option-icon-size, calc(2 * var(--ms-rem)));display:flex;align-items:center;justify-content:center;font-size:var(--ms-option-icon-font-size, calc(1.6 * var(--ms-rem)))}.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, calc(1.4 * var(--ms-rem)));color:var(--ms-option-title-color, inherit);line-height:var(--ms-line-height-relaxed, 1.4)}.ms__option-title mark{background:var(--ms-option-mark-background, rgba(59, 130, 246, .2));color:var(--ms-option-mark-color, inherit);font-weight:var(--ms-option-mark-font-weight, 600)}.ms__option-subtitle{margin-top:var(--ms-option-subtitle-margin-top, calc(.4 * var(--ms-rem)));font-size:var(--ms-option-subtitle-font-size, calc(1.2 * var(--ms-rem)));color:var(--ms-option-subtitle-color, #6b7280);line-height:var(--ms-option-subtitle-line-height, 1.3)}.ms__option:hover .ms__option-subtitle{color:var(--ms-option-subtitle-color-hover, var(--ms-option-subtitle-color, #6b7280))}.ms__option--selected .ms__option-subtitle{color:var(--ms-option-subtitle-color-selected, var(--ms-option-subtitle-color, #6b7280))}.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, #6b7280)))}.ms__empty{padding:var(--ms-empty-padding, calc(1.6 * var(--ms-rem)) calc(1.2 * var(--ms-rem)));text-align:center;font-size:var(--ms-empty-font-size, calc(1.4 * var(--ms-rem)));color:var(--ms-empty-color, #6b7280)}.ms__loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ms-loader-padding, calc(1.6 * var(--ms-rem)));gap:var(--ms-loader-gap, calc(.8 * var(--ms-rem)))}.ms__loading-text{font-size:var(--ms-loading-text-font-size, calc(1.4 * var(--ms-rem)));color:var(--ms-loading-color, #6b7280)}.ms__badges{display:flex;flex-wrap:wrap;gap:var(--ms-badges-gap, calc(.8 * var(--ms-rem)));padding:0}.ms__badges:empty{display:none}.ms__badges--bottom{margin-top:var(--ms-badges-margin-bottom, calc(.8 * var(--ms-rem)))}.ms__badges--top{margin-bottom:var(--ms-badges-margin-top, calc(.8 * var(--ms-rem)));order:var(--ms-order-first, -1)}.ms__badges--left{order:var(--ms-order-first, -1);margin-right:var(--ms-badges-margin-left, calc(.4 * var(--ms-rem)));justify-content:flex-end}.ms__badges--right{margin-left:var(--ms-badges-margin-right, calc(.4 * var(--ms-rem)));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, calc(.8 * var(--ms-rem)))}.ms__count-display--top{margin-bottom:var(--ms-count-display-margin-top, calc(.8 * var(--ms-rem)));order:var(--ms-order-first, -1)}.ms__count-display--left{order:var(--ms-order-first, -1);margin-right:var(--ms-count-display-margin-left, calc(.8 * var(--ms-rem)));justify-content:flex-start}.ms__count-display--right{margin-left:var(--ms-count-display-margin-right, calc(.8 * var(--ms-rem)));justify-content:flex-end}.ms__counter-wrapper{display:inline-flex;align-items:center;gap:var(--ms-counter-wrapper-gap, calc(.4 * var(--ms-rem)));background:var(--ms-counter-wrapper-background, transparent);border:var(--ms-counter-wrapper-border, 1px solid #e5e7eb);border-radius:var(--ms-counter-wrapper-border-radius, calc(.4 * var(--ms-rem)));padding:var(--ms-counter-wrapper-padding, calc(.4 * var(--ms-rem)) calc(.8 * var(--ms-rem)));transition:all var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms__counter-wrapper:hover{background:var(--ms-counter-wrapper-background-hover, #f9fafb);border-color:var(--ms-counter-wrapper-border-color-hover, #3b82f6)}.ms__count-text{display:inline-flex;align-items:center;background:var(--ms-count-text-bg, transparent);border:var(--ms-count-text-border, none);padding:0;font-size:var(--ms-count-text-font-size, calc(1.4 * var(--ms-rem)));color:var(--ms-count-text-color, #111827);cursor:pointer;transition:color var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms__count-clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--ms-count-clear-size, calc(1.6 * var(--ms-rem)));height:var(--ms-count-clear-size, calc(1.6 * var(--ms-rem)));padding:0;border:none;background:var(--ms-count-clear-background, transparent);color:var(--ms-count-clear-color, #6b7280);font-size:var(--ms-count-clear-font-size, calc(1.8 * var(--ms-rem)));line-height:var(--ms-line-height-none, 1);cursor:pointer;border-radius:var(--ms-count-clear-border-radius, 50%);transition:all var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms__count-clear:hover{background:var(--ms-count-clear-background-hover, rgba(59, 130, 246, .2));color:var(--ms-count-clear-color-hover, #3b82f6)}.ms__count-clear:before{content:var(--ms-icon-clear, "×")}.ms__badge{display:inline-flex;align-items:center;height:var(--ms-badge-height, calc(2.7 * var(--ms-rem)));font-size:var(--ms-badge-font-size, calc(1.2 * var(--ms-rem)));font-weight:var(--ms-badge-font-weight, 600);line-height:var(--ms-line-height-none, 1);border-radius:var(--ms-badge-border-radius, calc(.6 * var(--ms-rem)));overflow:hidden;max-width:100%}.ms__badge-text{display:flex;align-items:center;height:100%;padding:var(--ms-badge-text-padding, 0 calc(.8 * var(--ms-rem)));background:var(--ms-badge-text-background, #eff6ff);color:var(--ms-badge-text-color, #3b82f6);border:var(--ms-badge-text-border, none);border-right:none;border-radius:var(--ms-badge-border-radius, calc(.6 * var(--ms-rem))) 0 0 var(--ms-badge-border-radius, calc(.6 * var(--ms-rem)));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--ms-transition-normal, .2s) ease,color var(--ms-transition-normal, .2s) ease}.ms__badge:hover .ms__badge-text{background:var(--ms-badge-text-background-hover, var(--ms-badge-text-background, #eff6ff));color:var(--ms-badge-text-color-hover, var(--ms-badge-text-color, #3b82f6))}.ms__badge-remove{display:flex;align-items:center;justify-content:center;width:var(--ms-badge-remove-width, calc(2.7 * var(--ms-rem)));height:100%;flex-shrink:0;background:var(--ms-badge-remove-background, #3b82f6);color:var(--ms-badge-remove-color, #ffffff);border:var(--ms-badge-remove-border, none);border-left:none;border-radius:0 var(--ms-badge-border-radius, calc(.6 * var(--ms-rem))) var(--ms-badge-border-radius, calc(.6 * var(--ms-rem))) 0;cursor:pointer;transition:background-color var(--ms-transition-normal, .2s) ease;font-size:var(--ms-badge-remove-font-size, calc(1.2 * var(--ms-rem)))}.ms__badge-remove:hover{background:var(--ms-badge-remove-background-hover, #2563eb)}.ms__badge-remove:focus{outline:none;box-shadow:var(--ms-badge-remove-box-shadow-focus, 0 0 0 2px rgba(59, 130, 246, .5))}.ms__badge-remove:before{content:var(--ms-icon-remove, "×");font-size:var(--ms-font-size-base, calc(1.6 * var(--ms-rem)));line-height:var(--ms-line-height-none, 1)}.ms__badge--counter{cursor:pointer}.ms__badge--counter .ms__badge-text{background:var(--ms-badge-counter-text-background, #d1d5db);color:var(--ms-badge-counter-text-color, #6b7280);border:var(--ms-badge-counter-border, 1px solid #e5e7eb);border-right:none}.ms__badge--counter .ms__badge-remove{background:var(--ms-badge-counter-remove-background, #6b7280);color:var(--ms-badge-counter-remove-color, #ffffff);border:var(--ms-badge-counter-border, 1px solid #e5e7eb);border-left:none}.ms__badge--counter .ms__badge-remove:hover{background:var(--ms-badge-counter-remove-background-hover, #111827)}.ms__badge--more{cursor:pointer}.ms__badge-tooltip{position:fixed;z-index:var(--ms-tooltip-z-index, 10000);opacity:0;visibility:hidden;transition:opacity var(--ms-transition-normal, .2s) ease,visibility var(--ms-transition-normal, .2s) ease;background:var(--ms-tooltip-background, #333);color:var(--ms-tooltip-text-color, #fff);padding:var(--ms-tooltip-padding, calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem)));border-radius:var(--ms-tooltip-border-radius, calc(.6 * var(--ms-rem)));font-size:var(--ms-tooltip-font-size, calc(1.4 * var(--ms-rem)));line-height:var(--ms-line-height-relaxed, 1.4);max-width:var(--ms-tooltip-max-width, calc(32 * var(--ms-rem)));word-wrap:break-word;white-space:pre-wrap;box-shadow:var(--ms-tooltip-shadow, 0 2px 8px rgba(0, 0, 0, .15));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, 10000);background:var(--ms-selected-popover-background, #ffffff);border:var(--ms-selected-popover-border, 1px solid #e5e7eb);border-radius:var(--ms-selected-popover-border-radius, calc(.6 * var(--ms-rem)));box-shadow:var(--ms-selected-popover-box-shadow, 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1));width:var(--ms-selected-popover-width, calc(32 * var(--ms-rem)));max-height:var(--ms-selected-popover-max-height, calc(32 * var(--ms-rem)));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, calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem)));background:var(--ms-selected-popover-header-background, rgba(59, 130, 246, .1));border-bottom:var(--ms-selected-popover-header-border-bottom, 1px solid #e5e7eb);font-size:var(--ms-selected-popover-header-font-size, calc(1.4 * var(--ms-rem)));font-weight:var(--ms-selected-popover-header-font-weight, 600);color:var(--ms-selected-popover-header-color, #111827)}.ms__selected-popover-close{display:flex;align-items:center;justify-content:center;width:var(--ms-popover-close-size, calc(2.4 * var(--ms-rem)));height:var(--ms-popover-close-size, calc(2.4 * var(--ms-rem)));padding:0;border:none;background:var(--ms-selected-popover-close-background, transparent);color:var(--ms-selected-popover-close-color, #6b7280);font-size:var(--ms-selected-popover-close-font-size, calc(2 * var(--ms-rem)));line-height:var(--ms-line-height-none, 1);cursor:pointer;border-radius:var(--ms-selected-popover-close-border-radius, 50%);transition:all var(--ms-transition-fast, .15s) var(--ms-easing-snappy, cubic-bezier(.4, 0, .2, 1))}.ms__selected-popover-close:hover{background:var(--ms-selected-popover-close-background-hover, rgba(59, 130, 246, .2));color:var(--ms-selected-popover-close-color-hover, #3b82f6)}.ms__selected-popover-body{display:flex;flex-direction:column;gap:var(--ms-selected-popover-body-gap, calc(.4 * var(--ms-rem)));padding:var(--ms-selected-popover-body-padding, calc(.8 * var(--ms-rem)));overflow-y:auto;max-height:var(--ms-selected-popover-body-max-height, calc(28.8 * var(--ms-rem)));scrollbar-width:thin;scrollbar-color:var(--ms-scrollbar-thumb-bg, #d1d5db) var(--ms-scrollbar-track-bg, transparent)}.ms__selected-popover-body::-webkit-scrollbar{width:var(--ms-scrollbar-width, 8px)}.ms__selected-popover-body::-webkit-scrollbar-track{background:var(--ms-scrollbar-track-bg, transparent)}.ms__selected-popover-body::-webkit-scrollbar-thumb{background:var(--ms-scrollbar-thumb-bg, #d1d5db);border-radius:var(--ms-scrollbar-thumb-border-radius, 4px)}.ms__selected-popover-body::-webkit-scrollbar-thumb:hover{background:var(--ms-scrollbar-thumb-bg-hover, #6b7280)}.ms__selected-popover-body .ms__badge{width:100%;min-height:fit-content;line-height:var(--ms-line-height-relaxed, 1.4)}.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, calc(.4 * var(--ms-rem)));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, calc(4 * var(--ms-rem)));padding-right:var(--ms-input-padding-h, calc(1.2 * var(--ms-rem)))}.ms--rtl .ms__toggle{left:var(--ms-toggle-right, calc(1.2 * var(--ms-rem)))!important;right:auto!important}.ms--rtl .ms__counter{left:var(--ms-counter-offset, calc(3.2 * var(--ms-rem)))!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, calc(.8 * var(--ms-rem)));margin-right:0}.ms--rtl .ms__option-content{text-align:right}.ms--rtl .ms__option-icon{margin-left:var(--ms-spacing-xs, calc(.4 * var(--ms-rem)));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, calc(.6 * var(--ms-rem))) 0 0 var(--ms-badge-border-radius, calc(.6 * var(--ms-rem)));border-left:var(--ms-badge-remove-border, none);border-right:none}.ms--rtl .ms__badge-text{border-radius:0 var(--ms-badge-border-radius, calc(.6 * var(--ms-rem))) var(--ms-badge-border-radius, calc(.6 * var(--ms-rem))) 0;border-right:var(--ms-badge-text-border, none);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--xs .ms__input{font-size:var(--ms-font-size-xs, calc(1.2 * var(--ms-rem)))}.ms--xs .ms__option{padding:var(--ms-spacing-xs, calc(.4 * var(--ms-rem))) var(--ms-spacing-sm, calc(.8 * var(--ms-rem)))}.ms--xs .ms__option-title{font-size:var(--ms-font-size-xs, calc(1.2 * var(--ms-rem)))}.ms--xs .ms__badge{font-size:var(--ms-font-size-2xs, calc(1 * var(--ms-rem)))}.ms--sm .ms__input,.ms--sm .ms__option-title{font-size:var(--ms-font-size-xs, calc(1.2 * var(--ms-rem)))}.ms--lg .ms__input,.ms--lg .ms__option-title{font-size:var(--ms-font-size-base, calc(1.6 * var(--ms-rem)))}.ms--lg .ms__badge{font-size:var(--ms-font-size-sm, calc(1.4 * var(--ms-rem)))}.ms--xl .ms__input,.ms--xl .ms__option-title{font-size:var(--ms-font-size-lg, calc(1.8 * var(--ms-rem)))}.ms--xl .ms__badge{font-size:var(--ms-font-size-base, calc(1.6 * var(--ms-rem)))}.ms--disabled .ms__input{opacity:var(--ms-disabled-input-opacity, .6);cursor:not-allowed;background:var(--ms-input-bg-disabled, rgba(107, 114, 128, .05))}.ms--disabled .ms__toggle{opacity:var(--ms-disabled-input-opacity, .6)}.ms--no-checkboxes .ms__option{gap:0;padding-left:var(--ms-option-padding-h, calc(1.2 * var(--ms-rem)))}.ms--no-checkboxes .ms__option-content{padding-left:0}.ml-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(.6 * var(--ms-rem));font-size:calc(1.2 * var(--ms-rem));color:#111827}.ml-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(.4 * var(--ms-rem))}.ml-debug-info details summary:hover{background-color:#f3f4f6}.ml-debug-info details summary:focus{outline:2px solid #3b82f6;outline-offset:2px}.ml-debug-info .ml-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(.4 * var(--ms-rem))}.ml-debug-info .ml-debug-stats span{display:flex;justify-content:space-between;padding:2px 4px;font-family:monospace;font-size:calc(1 * var(--ms-rem))}.ml-debug-info .ml-debug-stats span:before{content:"•";margin-right:calc(.4 * var(--ms-rem));color:#3b82f6}', bs = typeof HTMLElement < "u" ? HTMLElement : class {
2438
2438
  }, Se = /* @__PURE__ */ new Set();
2439
2439
  function rt() {
2440
2440
  return Array.from(Se);
@@ -2557,8 +2557,8 @@ class at extends bs {
2557
2557
  disconnectedCallback() {
2558
2558
  Se.delete(this), this.picker && this.picker.destroy();
2559
2559
  }
2560
- attributeChangedCallback(t, s, o) {
2561
- if (s !== o) {
2560
+ attributeChangedCallback(t, s, i) {
2561
+ if (s !== i) {
2562
2562
  if (t === "input-size") {
2563
2563
  this.applyInputSizeStyles();
2564
2564
  return;
@@ -2580,19 +2580,19 @@ class at extends bs {
2580
2580
  t && t.remove();
2581
2581
  const s = document.createElement("div");
2582
2582
  s.className = "ml-debug-info";
2583
- const o = document.createElement("details"), r = document.createElement("summary");
2583
+ const i = document.createElement("details"), r = document.createElement("summary");
2584
2584
  r.textContent = "Debug Info";
2585
2585
  const a = document.createElement("div");
2586
- a.className = "ml-debug-stats", o.appendChild(r), o.appendChild(a), s.appendChild(o), this.shadow.appendChild(s), this.updateDebugInfo();
2586
+ a.className = "ml-debug-stats", i.appendChild(r), i.appendChild(a), s.appendChild(i), this.shadow.appendChild(s), this.updateDebugInfo();
2587
2587
  }
2588
2588
  updateDebugInfo() {
2589
2589
  var m, g;
2590
2590
  const t = this.shadow.querySelector(".ml-debug-stats");
2591
2591
  if (!t || !this.picker) return;
2592
- const s = "1.3.0", o = rt().length, a = this.picker.getSelected().length, n = ((m = this._options) == null ? void 0 : m.length) || 0, l = this.picker, c = l.isOpen || !1, d = l.searchTerm || "", h = l.isLoading || !1, u = ((g = l.filteredOptions) == null ? void 0 : g.length) || 0;
2592
+ const s = "1.4.0", i = rt().length, a = this.picker.getSelected().length, n = ((m = this._options) == null ? void 0 : m.length) || 0, l = this.picker, c = l.isOpen || !1, d = l.searchTerm || "", h = l.isLoading || !1, u = ((g = l.filteredOptions) == null ? void 0 : g.length) || 0;
2593
2593
  t.innerHTML = `
2594
2594
  <span>Version: ${s}</span>
2595
- <span>Total Instances: ${o}</span>
2595
+ <span>Total Instances: ${i}</span>
2596
2596
  <span>Options: ${n}</span>
2597
2597
  <span>Filtered: ${u}</span>
2598
2598
  <span>Selected: ${a}</span>
@@ -2612,14 +2612,14 @@ class at extends bs {
2612
2612
  const t = [], s = Array.from(this.children);
2613
2613
  if (s.length === 0)
2614
2614
  return null;
2615
- let o = !1;
2615
+ let i = !1;
2616
2616
  for (const c of s)
2617
2617
  if (c.tagName === "OPTION") {
2618
2618
  const d = c, h = {
2619
2619
  value: d.value || ((r = d.textContent) == null ? void 0 : r.trim()) || "",
2620
2620
  label: ((a = d.textContent) == null ? void 0 : a.trim()) || d.value || ""
2621
2621
  };
2622
- d.hasAttribute("selected") && (this._declarativeSelectedValues || (this._declarativeSelectedValues = []), this._declarativeSelectedValues.push(h.value)), d.hasAttribute("disabled") && (h.disabled = !0), d.hasAttribute("data-icon") && (h.icon = d.getAttribute("data-icon")), d.hasAttribute("data-subtitle") && (h.subtitle = d.getAttribute("data-subtitle")), t.push(h), o = !0;
2622
+ d.hasAttribute("selected") && (this._declarativeSelectedValues || (this._declarativeSelectedValues = []), this._declarativeSelectedValues.push(h.value)), d.hasAttribute("disabled") && (h.disabled = !0), d.hasAttribute("data-icon") && (h.icon = d.getAttribute("data-icon")), d.hasAttribute("data-subtitle") && (h.subtitle = d.getAttribute("data-subtitle")), t.push(h), i = !0;
2623
2623
  } else if (c.tagName === "OPTGROUP") {
2624
2624
  const d = c, h = d.label || d.getAttribute("label") || "Group", u = Array.from(d.querySelectorAll("option"));
2625
2625
  for (const m of u) {
@@ -2628,10 +2628,10 @@ class at extends bs {
2628
2628
  label: ((l = m.textContent) == null ? void 0 : l.trim()) || m.value || "",
2629
2629
  group: h
2630
2630
  };
2631
- m.hasAttribute("selected") && (this._declarativeSelectedValues || (this._declarativeSelectedValues = []), this._declarativeSelectedValues.push(g.value)), m.hasAttribute("disabled") && (g.disabled = !0), m.hasAttribute("data-icon") && (g.icon = m.getAttribute("data-icon")), m.hasAttribute("data-subtitle") && (g.subtitle = m.getAttribute("data-subtitle")), t.push(g), o = !0;
2631
+ m.hasAttribute("selected") && (this._declarativeSelectedValues || (this._declarativeSelectedValues = []), this._declarativeSelectedValues.push(g.value)), m.hasAttribute("disabled") && (g.disabled = !0), m.hasAttribute("data-icon") && (g.icon = m.getAttribute("data-icon")), m.hasAttribute("data-subtitle") && (g.subtitle = m.getAttribute("data-subtitle")), t.push(g), i = !0;
2632
2632
  }
2633
2633
  }
2634
- return o ? (S.debug(`[MultiSelectElement] Parsed ${t.length} declarative options from Light DOM`), s.forEach((c) => {
2634
+ return i ? (S.debug(`[MultiSelectElement] Parsed ${t.length} declarative options from Light DOM`), s.forEach((c) => {
2635
2635
  (c.tagName === "OPTION" || c.tagName === "OPTGROUP") && c.remove();
2636
2636
  }), t) : null;
2637
2637
  }
@@ -2641,10 +2641,10 @@ class at extends bs {
2641
2641
  if (this._declarativeSelectedValues && this._declarativeSelectedValues.length > 0)
2642
2642
  t = this._declarativeSelectedValues, S.debug(`[MultiSelectElement] Using ${t.length} declaratively selected values`);
2643
2643
  else {
2644
- const o = this.getAttribute("initial-values");
2645
- if (o)
2644
+ const i = this.getAttribute("initial-values");
2645
+ if (i)
2646
2646
  try {
2647
- t = JSON.parse(o);
2647
+ t = JSON.parse(i);
2648
2648
  } catch (r) {
2649
2649
  S.error("[MultiSelectElement] Failed to parse initial-values:", r);
2650
2650
  }
@@ -2725,17 +2725,17 @@ class at extends bs {
2725
2725
  badgeTooltipDelay: parseInt(this.getAttribute("badge-tooltip-delay") || "300"),
2726
2726
  badgeTooltipOffset: parseInt(this.getAttribute("badge-tooltip-offset") || "8"),
2727
2727
  // Count badge callback
2728
- getCounterCallback: this._getCounterCallback || ((o, r) => r !== void 0 ? `+${r} more` : `${o} selected`),
2728
+ getCounterCallback: this._getCounterCallback || ((i, r) => r !== void 0 ? `+${r} more` : `${i} selected`),
2729
2729
  // Data and callbacks
2730
2730
  options: this._options,
2731
2731
  beforeSearchCallback: this._beforeSearchCallback,
2732
2732
  searchCallback: this._searchCallback,
2733
2733
  addNewCallback: this._addNewCallback,
2734
- selectCallback: (o) => {
2734
+ selectCallback: (i) => {
2735
2735
  var r;
2736
- this._selectCallback && this._selectCallback(o), this.dispatchEvent(new CustomEvent("select", {
2736
+ this._selectCallback && this._selectCallback(i), this.dispatchEvent(new CustomEvent("select", {
2737
2737
  detail: {
2738
- option: o,
2738
+ option: i,
2739
2739
  selectedOptions: (r = this.picker) == null ? void 0 : r.getSelected(),
2740
2740
  selectedValues: (() => {
2741
2741
  var n;
@@ -2745,11 +2745,11 @@ class at extends bs {
2745
2745
  }
2746
2746
  }));
2747
2747
  },
2748
- deselectCallback: (o) => {
2748
+ deselectCallback: (i) => {
2749
2749
  var r;
2750
- this._deselectCallback && this._deselectCallback(o), this.dispatchEvent(new CustomEvent("deselect", {
2750
+ this._deselectCallback && this._deselectCallback(i), this.dispatchEvent(new CustomEvent("deselect", {
2751
2751
  detail: {
2752
- option: o,
2752
+ option: i,
2753
2753
  selectedOptions: (r = this.picker) == null ? void 0 : r.getSelected(),
2754
2754
  selectedValues: (() => {
2755
2755
  var n;
@@ -2759,10 +2759,10 @@ class at extends bs {
2759
2759
  }
2760
2760
  }));
2761
2761
  },
2762
- changeCallback: (o) => {
2763
- this._changeCallback && this._changeCallback(o), this.dispatchEvent(new CustomEvent("change", {
2762
+ changeCallback: (i) => {
2763
+ this._changeCallback && this._changeCallback(i), this.dispatchEvent(new CustomEvent("change", {
2764
2764
  detail: {
2765
- selectedOptions: o,
2765
+ selectedOptions: i,
2766
2766
  selectedValues: (() => {
2767
2767
  var a;
2768
2768
  const r = (a = this.picker) == null ? void 0 : a.getValue();
@@ -2777,10 +2777,10 @@ class at extends bs {
2777
2777
  hostElement: this
2778
2778
  };
2779
2779
  if (t && (this.containerElement.dataset.initialValues = JSON.stringify(t)), this.picker = new us(this.containerElement, s), this._customStylesCallback) {
2780
- const o = this._customStylesCallback();
2781
- if (o) {
2780
+ const i = this._customStylesCallback();
2781
+ if (i) {
2782
2782
  const r = document.createElement("style");
2783
- r.className = "ml-custom-styles", r.textContent = o, this.shadow.appendChild(r);
2783
+ r.className = "ml-custom-styles", r.textContent = i, this.shadow.appendChild(r);
2784
2784
  }
2785
2785
  }
2786
2786
  setTimeout(() => this.applyInputSizeStyles(), 0);
@@ -2870,8 +2870,8 @@ class at extends bs {
2870
2870
  if (this._customStylesCallback = t, this.picker && t) {
2871
2871
  const s = t();
2872
2872
  if (s) {
2873
- const o = this.shadow.querySelector("style.ml-custom-styles");
2874
- o && o.remove();
2873
+ const i = this.shadow.querySelector("style.ml-custom-styles");
2874
+ i && i.remove();
2875
2875
  const r = document.createElement("style");
2876
2876
  r.className = "ml-custom-styles", r.textContent = s, this.shadow.appendChild(r), this.picker.renderBadges();
2877
2877
  }
@@ -3090,10 +3090,10 @@ class at extends bs {
3090
3090
  }
3091
3091
  typeof window < "u" && typeof customElements < "u" && (customElements.get("web-multiselect") || customElements.define("web-multiselect", at));
3092
3092
  typeof window < "u" && (window.components = window.components || {}, window.components["web-multiselect"] = {
3093
- version: () => "1.3.0",
3093
+ version: () => "1.4.0",
3094
3094
  config: {
3095
3095
  name: "@keenmate/web-multiselect",
3096
- version: "1.3.0",
3096
+ version: "1.4.0",
3097
3097
  author: "Keenmate",
3098
3098
  license: "MIT",
3099
3099
  repository: "git+https://github.com/keenmate/web-multiselect.git",