@db-ux/v-core-components 4.5.3 → 4.5.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/db-ux.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import { defineComponent as W, ref as o, onMounted as ae, watch as $, openBlock as h, createElementBlock as b, normalizeClass as U, unref as l, createElementVNode as E, Fragment as X, createTextVNode as D, toDisplayString as L, createCommentVNode as P, renderSlot as M, useId as ge, renderList as ye, createBlock as Q, onUnmounted as be, withCtx as H, createVNode as le } from "vue";
1
+ import { defineComponent as W, ref as o, onMounted as ae, watch as T, openBlock as f, createElementBlock as w, normalizeClass as U, unref as l, createElementVNode as E, Fragment as X, createTextVNode as D, toDisplayString as I, createCommentVNode as P, renderSlot as M, useId as me, renderList as ye, createBlock as Q, onUnmounted as be, withCtx as H, createVNode as le } from "vue";
2
2
  const Ue = () => {
3
3
  if (typeof window < "u") {
4
4
  if (window.crypto?.randomUUID)
@@ -26,7 +26,7 @@ const Ue = () => {
26
26
  if (typeof window > "u" || typeof navigator > "u") return !1;
27
27
  const e = navigator.userAgent, a = /iP(ad|hone|od)/.test(e), i = !!e.match(/Safari/) && !e.match(/CriOS|FxiOS|OPiOS|EdgiOS/);
28
28
  return a && i;
29
- }, J = (e, a) => new Promise(() => setTimeout(e, a)), N = (e) => {
29
+ }, J = (e, a) => new Promise(() => setTimeout(e, a)), F = (e) => {
30
30
  if (e != null)
31
31
  return String(typeof e == "string" ? e === "true" : e);
32
32
  }, V = (e, a) => {
@@ -40,11 +40,11 @@ const Ue = () => {
40
40
  return e === "any" ? "any" : Number(e);
41
41
  }, Ze = (e, a) => a && ["number", "range"].includes(a) ? xe(e) : e, lt = (e) => typeof e == "string" ? e === "true" : e, de = (e) => {
42
42
  if (e != null)
43
- return N(!lt(e));
43
+ return F(!lt(e));
44
44
  }, te = (e, a) => (a === void 0 || lt(a)) && !!e, _e = (e) => e.querySelector('input[type="search"]'), ll = (e, a) => {
45
45
  const i = e.id ?? e.value ?? Ue();
46
46
  return `${a}${i}`;
47
- }, Mt = (e) => e.key !== void 0, Ft = ({
47
+ }, Mt = (e) => e.key !== void 0, Nt = ({
48
48
  semantic: e,
49
49
  role: a,
50
50
  ariaLive: i
@@ -63,7 +63,7 @@ const Ue = () => {
63
63
  default:
64
64
  return "article";
65
65
  }
66
- }, Nt = ["id"], Ot = ["aria-disabled", "name", "open"], Rt = /* @__PURE__ */ W({
66
+ }, Ft = ["id"], Ot = ["aria-disabled", "name", "open"], Rt = /* @__PURE__ */ W({
67
67
  name: "DBAccordionItem",
68
68
  __name: "accordion-item",
69
69
  props: {
@@ -86,7 +86,7 @@ const Ue = () => {
86
86
  const a = e, i = o(!1), n = o(void 0), t = o(!1), d = o(null);
87
87
  ae(() => {
88
88
  a.defaultOpen && (i.value = a.defaultOpen), t.value = !0;
89
- }), $(
89
+ }), T(
90
90
  () => [d.value, t.value],
91
91
  () => {
92
92
  d.value && t.value;
@@ -95,7 +95,7 @@ const Ue = () => {
95
95
  immediate: !0,
96
96
  flush: "post"
97
97
  }
98
- ), $(
98
+ ), T(
99
99
  () => [a.name],
100
100
  () => {
101
101
  a.name && (n.value = a.name);
@@ -105,37 +105,37 @@ const Ue = () => {
105
105
  flush: "post"
106
106
  }
107
107
  );
108
- function v(u) {
109
- u?.preventDefault();
110
- const f = !i.value;
111
- a.onToggle && a.onToggle(f), i.value = f;
108
+ function c(r) {
109
+ r?.preventDefault();
110
+ const v = !i.value;
111
+ a.onToggle && a.onToggle(v), i.value = v;
112
112
  }
113
- return (u, f) => (h(), b("li", {
113
+ return (r, v) => (f(), w("li", {
114
114
  id: e.id ?? e.propOverrides?.id,
115
115
  class: U(l(G)("db-accordion-item", a.class))
116
116
  }, [
117
117
  E("details", {
118
- "aria-disabled": l(N)(e.disabled),
118
+ "aria-disabled": l(F)(e.disabled),
119
119
  ref_key: "_ref",
120
120
  ref: d,
121
121
  name: n.value,
122
122
  open: i.value
123
123
  }, [
124
124
  E("summary", {
125
- onClick: f[0] || (f[0] = async (g) => v(g))
125
+ onClick: v[0] || (v[0] = async (m) => c(m))
126
126
  }, [
127
- e.headlinePlain ? (h(), b(X, { key: 0 }, [
128
- D(L(e.headlinePlain), 1)
127
+ e.headlinePlain ? (f(), w(X, { key: 0 }, [
128
+ D(I(e.headlinePlain), 1)
129
129
  ], 64)) : P("", !0),
130
- e.headlinePlain ? P("", !0) : M(u.$slots, "headline", { key: 1 })
130
+ e.headlinePlain ? P("", !0) : M(r.$slots, "headline", { key: 1 })
131
131
  ]),
132
132
  E("div", null, [
133
- e.text ? (h(), b(X, { key: 0 }, [
134
- D(L(e.text), 1)
135
- ], 64)) : M(u.$slots, "default", { key: 1 })
133
+ e.text ? (f(), w(X, { key: 0 }, [
134
+ D(I(e.text), 1)
135
+ ], 64)) : M(r.$slots, "default", { key: 1 })
136
136
  ])
137
137
  ], 8, Ot)
138
- ], 10, Nt));
138
+ ], 10, Ft));
139
139
  }
140
140
  }), zt = ["id", "data-variant"], nl = /* @__PURE__ */ W({
141
141
  name: "DBAccordion",
@@ -155,10 +155,10 @@ const Ue = () => {
155
155
  propOverrides: { default: void 0 }
156
156
  },
157
157
  setup(e) {
158
- const a = ge(), i = e, n = o(""), t = o(!1), d = o(!1), v = o(null);
158
+ const a = me(), i = e, n = o(""), t = o(!1), d = o(!1), c = o(null);
159
159
  ae(() => {
160
160
  t.value = !0, d.value = !0;
161
- }), $(
161
+ }), T(
162
162
  () => [t.value, i.name, i.behavior],
163
163
  () => {
164
164
  t.value && (i.behavior === "single" ? i.name ? n.value !== i.name && (n.value = i.name) : n.value = `accordion-${a}` : n.value = "");
@@ -167,31 +167,31 @@ const Ue = () => {
167
167
  immediate: !0,
168
168
  flush: "post"
169
169
  }
170
- ), $(
171
- () => [v.value, n.value],
170
+ ), T(
171
+ () => [c.value, n.value],
172
172
  () => {
173
- if (v.value) {
174
- const f = v.value.getElementsByTagName("details");
175
- if (f)
176
- for (const g of Array.from(f))
177
- n.value === "" ? g.removeAttribute("name") : g.name = n.value ?? "";
173
+ if (c.value) {
174
+ const v = c.value.getElementsByTagName("details");
175
+ if (v)
176
+ for (const m of Array.from(v))
177
+ n.value === "" ? m.removeAttribute("name") : m.name = n.value ?? "";
178
178
  }
179
179
  },
180
180
  {
181
181
  immediate: !0,
182
182
  flush: "post"
183
183
  }
184
- ), $(
185
- () => [v.value, d.value, i.initOpenIndex],
184
+ ), T(
185
+ () => [c.value, d.value, i.initOpenIndex],
186
186
  () => {
187
- if (v.value && d.value) {
187
+ if (c.value && d.value) {
188
188
  if (i.initOpenIndex && i.initOpenIndex.length > 0) {
189
- const f = v.value.getElementsByTagName("details");
190
- if (f) {
191
- const g = i.behavior === "single" && i.initOpenIndex.length > 1 ? [i.initOpenIndex[0]] : i.initOpenIndex;
192
- Array.from(f).forEach(
193
- (w, I) => {
194
- g?.includes(I) && (w.open = !0);
189
+ const v = c.value.getElementsByTagName("details");
190
+ if (v) {
191
+ const m = i.behavior === "single" && i.initOpenIndex.length > 1 ? [i.initOpenIndex[0]] : i.initOpenIndex;
192
+ Array.from(v).forEach(
193
+ (p, S) => {
194
+ m?.includes(S) && (p.open = !0);
195
195
  }
196
196
  );
197
197
  }
@@ -204,31 +204,31 @@ const Ue = () => {
204
204
  flush: "post"
205
205
  }
206
206
  );
207
- function u() {
207
+ function r() {
208
208
  try {
209
209
  return typeof i.items == "string" ? JSON.parse(i.items) : i.items;
210
- } catch (f) {
211
- console.error(f);
210
+ } catch (v) {
211
+ console.error(v);
212
212
  }
213
213
  return [];
214
214
  }
215
- return (f, g) => (h(), b("ul", {
215
+ return (v, m) => (f(), w("ul", {
216
216
  ref_key: "_ref",
217
- ref: v,
217
+ ref: c,
218
218
  id: e.id ?? e.propOverrides?.id,
219
219
  class: U(l(G)("db-accordion", i.class)),
220
220
  "data-variant": e.variant
221
221
  }, [
222
- e.items ? P("", !0) : M(f.$slots, "default", { key: 0 }),
223
- e.items ? (h(!0), b(X, { key: 1 }, ye(u(), (w, I) => (h(), Q(Rt, {
224
- key: `accordion-item-${I}`,
225
- headlinePlain: w.headlinePlain,
226
- disabled: w.disabled,
227
- text: w.text
222
+ e.items ? P("", !0) : M(v.$slots, "default", { key: 0 }),
223
+ e.items ? (f(!0), w(X, { key: 1 }, ye(r(), (p, S) => (f(), Q(Rt, {
224
+ key: `accordion-item-${S}`,
225
+ headlinePlain: p.headlinePlain,
226
+ disabled: p.disabled,
227
+ text: p.text
228
228
  }, null, 8, ["headlinePlain", "disabled", "text"]))), 128)) : P("", !0)
229
229
  ], 10, zt));
230
230
  }
231
- }), ol = ["divider", "card"], dl = ["multiple", "single"], Pt = "OVERWRITE_DEFAULT_ID", pe = "LABEL SHOULD BE SET", nt = " ", Vt = "MESSAGE SHOULD BE SET", et = "-label", tt = "-select", ve = "-message", fe = "-valid-message", he = "-invalid-message", Ne = "-placeholder", at = "-datalist", ce = "TODO: Add a validMessage", _ = "TODO: Add an invalidMessage", ot = "Remove", qt = "Back", Ut = "Selected", Gt = "BurgerMenu", Wt = "brand", Ht = 4, Ge = "Close", sl = "density", ul = "color";
231
+ }), ol = ["divider", "card"], dl = ["multiple", "single"], Pt = "OVERWRITE_DEFAULT_ID", pe = "LABEL SHOULD BE SET", nt = " ", Vt = "MESSAGE SHOULD BE SET", et = "-label", tt = "-select", ve = "-message", fe = "-valid-message", he = "-invalid-message", Fe = "-placeholder", at = "-datalist", ce = "TODO: Add a validMessage", _ = "TODO: Add an invalidMessage", ot = "Remove", qt = "Back", Ut = "Selected", Gt = "BurgerMenu", Wt = "brand", Ht = 4, Ge = "Close", sl = "density", ul = "color";
232
232
  var dt = /* @__PURE__ */ ((e) => (e.FUNCTIONAL = "functional", e.REGULAR = "regular", e.EXPRESSIVE = "expressive", e))(dt || {});
233
233
  const rl = Object.entries(dt).map(([, e]) => e);
234
234
  var st = /* @__PURE__ */ ((e) => (e.PRIMARY = "primary", e))(st || {}), ut = /* @__PURE__ */ ((e) => (e.NEUTRAL_BG_LEVEL_1 = "neutral-bg-basic-level-1", e.NEUTRAL_BG_LEVEL_2 = "neutral-bg-basic-level-2", e.NEUTRAL_BG_LEVEL_3 = "neutral-bg-basic-level-3", e.NEUTRAL_BG_TRANSPARENT_SEMI = "neutral-bg-basic-transparent-semi", e.NEUTRAL_BG_TRANSPARENT_FULL = "neutral-bg-basic-transparent-full", e.BRAND_BG_LEVEL_1 = "brand-bg-basic-level-1", e.BRAND_BG_LEVEL_2 = "brand-bg-basic-level-2", e.BRAND_BG_LEVEL_3 = "brand-bg-basic-level-3", e.BRAND_BG_TRANSPARENT_SEMI = "brand-bg-basic-transparent-semi", e.BRAND_BG_TRANSPARENT_FULL = "brand-bg-basic-transparent-full", e.SUCCESSFUL_BG_LEVEL_1 = "successful-bg-basic-level-1", e.SUCCESSFUL_BG_LEVEL_2 = "successful-bg-basic-level-2", e.SUCCESSFUL_BG_LEVEL_3 = "successful-bg-basic-level-3", e.SUCCESSFUL_BG_TRANSPARENT_SEMI = "successful-bg-basic-transparent-semi", e.SUCCESSFUL_BG_TRANSPARENT_FULL = "successful-bg-basic-transparent-full", e.CRITICAL_BG_LEVEL_1 = "critical-bg-basic-level-1", e.CRITICAL_BG_LEVEL_2 = "critical-bg-basic-level-2", e.CRITICAL_BG_LEVEL_3 = "critical-bg-basic-level-3", e.CRITICAL_BG_TRANSPARENT_SEMI = "critical-bg-basic-transparent-semi", e.CRITICAL_BG_TRANSPARENT_Full = "critical-bg-basic-transparent-full", e.WARNING_BG_LEVEL_1 = "warning-bg-basic-level-1", e.WARNING_BG_LEVEL_2 = "warning-bg-basic-level-2", e.WARNING_BG_LEVEL_3 = "warning-bg-basic-level-3", e.WARNING_BG_TRANSPARENT_SEMI = "warning-bg-basic-transparent-semi", e.WARNING_BG_TRANSPARENT_FULL = "warning-bg-basic-transparent-full", e.INFORMATIONAL_BG_LEVEL_1 = "informational-bg-basic-level-1", e.INFORMATIONAL_BG_LEVEL_2 = "informational-bg-basic-level-2", e.INFORMATIONAL_BG_LEVEL_3 = "informational-bg-basic-level-3", e.INFORMATIONAL_BG_TRANSPARENT_SEMI = "informational-bg-basic-transparent-semi", e.INFORMATIONAL_BG_TRANSPARENT_FULL = "informational-bg-basic-transparent-full", e))(ut || {});
@@ -272,7 +272,7 @@ const fl = Object.entries(rt).map(([, e]) => e), Xt = {
272
272
  const a = e, i = o(!1), n = o(null);
273
273
  return ae(() => {
274
274
  i.value = !0;
275
- }), $(
275
+ }), T(
276
276
  () => [n.value, i.value],
277
277
  () => {
278
278
  if (n.value && i.value && a.placement?.startsWith("corner")) {
@@ -284,7 +284,7 @@ const fl = Object.entries(rt).map(([, e]) => e), Xt = {
284
284
  immediate: !0,
285
285
  flush: "post"
286
286
  }
287
- ), (t, d) => (h(), b("span", {
287
+ ), (t, d) => (f(), w("span", {
288
288
  ref_key: "_ref",
289
289
  ref: n,
290
290
  id: e.id ?? e.propOverrides?.id,
@@ -293,11 +293,11 @@ const fl = Object.entries(rt).map(([, e]) => e), Xt = {
293
293
  "data-size": e.size,
294
294
  "data-emphasis": e.emphasis,
295
295
  "data-placement": e.placement,
296
- "data-wrap": l(N)(e.wrap),
296
+ "data-wrap": l(F)(e.wrap),
297
297
  "data-label": e.placement?.startsWith("corner") && (e.label ?? l(pe))
298
298
  }, [
299
- e.text ? (h(), b(X, { key: 0 }, [
300
- D(L(e.text), 1)
299
+ e.text ? (f(), w(X, { key: 0 }, [
300
+ D(I(e.text), 1)
301
301
  ], 64)) : M(t.$slots, "default", { key: 1 })
302
302
  ], 10, Kt));
303
303
  }
@@ -318,16 +318,16 @@ const fl = Object.entries(rt).map(([, e]) => e), Xt = {
318
318
  },
319
319
  setup(e) {
320
320
  const a = e, i = o(null);
321
- return (n, t) => (h(), b("div", {
321
+ return (n, t) => (f(), w("div", {
322
322
  ref_key: "_ref",
323
323
  ref: i,
324
324
  "data-icon": e.hideLogo ? "none" : e.icon ?? l(Wt),
325
- "data-show-icon": l(N)(e.showIcon),
325
+ "data-show-icon": l(F)(e.showIcon),
326
326
  id: e.id ?? e.propOverrides?.id,
327
327
  class: U(l(G)("db-brand", a.class))
328
328
  }, [
329
- e.text ? (h(), b(X, { key: 0 }, [
330
- D(L(e.text), 1)
329
+ e.text ? (f(), w(X, { key: 0 }, [
330
+ D(I(e.text), 1)
331
331
  ], 64)) : M(n.$slots, "default", { key: 1 })
332
332
  ], 10, Yt));
333
333
  }
@@ -369,7 +369,7 @@ const fl = Object.entries(rt).map(([, e]) => e), Xt = {
369
369
  function t(d) {
370
370
  a.onClick && a.onClick(d);
371
371
  }
372
- return (d, v) => (h(), b("button", {
372
+ return (d, c) => (f(), w("button", {
373
373
  ref_key: "_ref",
374
374
  ref: i,
375
375
  id: e.id ?? e.propOverrides?.id,
@@ -377,21 +377,21 @@ const fl = Object.entries(rt).map(([, e]) => e), Xt = {
377
377
  type: n(),
378
378
  disabled: l(V)(e.disabled, "disabled"),
379
379
  "data-icon": e.iconLeading ?? e.icon,
380
- "data-show-icon": l(N)(e.showIconLeading ?? e.showIcon),
380
+ "data-show-icon": l(F)(e.showIconLeading ?? e.showIcon),
381
381
  "data-icon-trailing": e.iconTrailing,
382
- "data-show-icon-trailing": l(N)(e.showIconTrailing),
382
+ "data-show-icon-trailing": l(F)(e.showIconTrailing),
383
383
  "data-size": e.size,
384
384
  "data-width": e.width,
385
385
  "data-variant": e.variant,
386
- "data-wrap": l(N)(e.wrap),
387
- "data-no-text": l(N)(e.noText),
386
+ "data-wrap": l(F)(e.wrap),
387
+ "data-no-text": l(F)(e.noText),
388
388
  name: e.name,
389
389
  form: e.form,
390
390
  value: e.value,
391
- onClick: v[0] || (v[0] = async (u) => t(u))
391
+ onClick: c[0] || (c[0] = async (r) => t(r))
392
392
  }, [
393
- e.text ? (h(), b(X, { key: 0 }, [
394
- D(L(e.text), 1)
393
+ e.text ? (f(), w(X, { key: 0 }, [
394
+ D(I(e.text), 1)
395
395
  ], 64)) : M(d.$slots, "default", { key: 1 })
396
396
  ], 10, Jt));
397
397
  }
@@ -416,7 +416,7 @@ const fl = Object.entries(rt).map(([, e]) => e), Xt = {
416
416
  function n(t) {
417
417
  a.onClick && a.onClick(t);
418
418
  }
419
- return (t, d) => (h(), b("div", {
419
+ return (t, d) => (f(), w("div", {
420
420
  ref_key: "_ref",
421
421
  ref: i,
422
422
  id: e.id ?? e.propOverrides?.id,
@@ -424,7 +424,7 @@ const fl = Object.entries(rt).map(([, e]) => e), Xt = {
424
424
  "data-behavior": e.behavior,
425
425
  "data-elevation-level": e.elevationLevel,
426
426
  "data-spacing": e.spacing,
427
- onClick: d[0] || (d[0] = async (v) => n(v))
427
+ onClick: d[0] || (d[0] = async (c) => n(c))
428
428
  }, [
429
429
  M(t.$slots, "default")
430
430
  ], 10, Qt));
@@ -440,27 +440,27 @@ const fl = Object.entries(rt).map(([, e]) => e), Xt = {
440
440
  }, ct = (e, a, i, n) => {
441
441
  Oe(e, (t) => {
442
442
  J(() => {
443
- const d = a.checked ? a.checked : a.defaultChecked ? a.defaultChecked : e.checked, v = {
443
+ const d = a.checked ? a.checked : a.defaultChecked ? a.defaultChecked : e.checked, c = {
444
444
  ...t,
445
445
  target: {
446
446
  ...t.target,
447
447
  checked: d
448
448
  }
449
449
  };
450
- i(v);
450
+ i(c);
451
451
  }, 1);
452
452
  }, n);
453
453
  }, We = (e, a, i, n) => {
454
454
  Oe(e, (t) => {
455
455
  J(() => {
456
- const d = a.value ? a.value : a.defaultValue ? a.defaultValue : e.value, v = {
456
+ const d = a.value ? a.value : a.defaultValue ? a.defaultValue : e.value, c = {
457
457
  ...t,
458
458
  target: {
459
459
  ...t.target,
460
460
  value: d
461
461
  }
462
462
  };
463
- i(v);
463
+ i(c);
464
464
  }, 1);
465
465
  }, n);
466
466
  }, Zt = ["id", "data-icon", "data-semantic", "data-size", "data-wrap", "data-show-icon-leading"], ee = /* @__PURE__ */ W({
@@ -482,7 +482,7 @@ const fl = Object.entries(rt).map(([, e]) => e), Xt = {
482
482
  },
483
483
  setup(e) {
484
484
  const a = e, i = o(null);
485
- return (n, t) => (h(), b("span", {
485
+ return (n, t) => (f(), w("span", {
486
486
  ref_key: "_ref",
487
487
  ref: i,
488
488
  id: e.id ?? e.propOverrides?.id,
@@ -490,11 +490,11 @@ const fl = Object.entries(rt).map(([, e]) => e), Xt = {
490
490
  "data-icon": e.icon,
491
491
  "data-semantic": e.semantic,
492
492
  "data-size": e.size,
493
- "data-wrap": l(N)(e.wrap),
494
- "data-show-icon-leading": l(N)(e.showIcon ?? !0)
493
+ "data-wrap": l(F)(e.wrap),
494
+ "data-show-icon-leading": l(F)(e.showIcon ?? !0)
495
495
  }, [
496
- e.text ? (h(), b(X, { key: 0 }, [
497
- D(L(e.text), 1)
496
+ e.text ? (f(), w(X, { key: 0 }, [
497
+ D(I(e.text), 1)
498
498
  ], 64)) : M(n.$slots, "default", { key: 1 })
499
499
  ], 10, Zt));
500
500
  }
@@ -541,12 +541,12 @@ const fl = Object.entries(rt).map(([, e]) => e), Xt = {
541
541
  },
542
542
  emits: ["update:checked"],
543
543
  setup(e, { emit: a }) {
544
- const i = ge(), n = a, t = e, d = o(!1), v = o(void 0), u = o(void 0), f = o(void 0), g = o(void 0), w = o(void 0), I = o(void 0), B = o(""), m = o(void 0), c = o(null);
544
+ const i = me(), n = a, t = e, d = o(!1), c = o(void 0), r = o(void 0), v = o(void 0), m = o(void 0), p = o(void 0), S = o(void 0), $ = o(""), g = o(void 0), h = o(null);
545
545
  ae(() => {
546
- d.value = !0, j(), w.value = t.invalidMessage || _;
546
+ d.value = !0, j(), p.value = t.invalidMessage || _;
547
547
  }), be(() => {
548
- m.value?.abort();
549
- }), $(
548
+ g.value?.abort();
549
+ }), T(
550
550
  () => [t.id, t.propOverrides?.id],
551
551
  () => {
552
552
  (t.id ?? t.propOverrides?.id) && j();
@@ -555,60 +555,60 @@ const fl = Object.entries(rt).map(([, e]) => e), Xt = {
555
555
  immediate: !0,
556
556
  flush: "post"
557
557
  }
558
- ), $(
559
- () => [c.value, t.invalidMessage],
558
+ ), T(
559
+ () => [h.value, t.invalidMessage],
560
560
  () => {
561
- w.value = t.invalidMessage || c.value?.validationMessage || _;
561
+ p.value = t.invalidMessage || h.value?.validationMessage || _;
562
562
  },
563
563
  {
564
564
  immediate: !0,
565
565
  flush: "post"
566
566
  }
567
- ), $(
568
- () => [v.value],
567
+ ), T(
568
+ () => [c.value],
569
569
  () => {
570
- if (v.value) {
571
- const A = v.value + ve;
572
- u.value = A, f.value = v.value + fe, g.value = v.value + he, te(t.message, t.showMessage) && (I.value = A), s();
570
+ if (c.value) {
571
+ const A = c.value + ve;
572
+ r.value = A, v.value = c.value + fe, m.value = c.value + he, te(t.message, t.showMessage) && (S.value = A), s();
573
573
  }
574
574
  },
575
575
  {
576
576
  immediate: !0,
577
577
  flush: "post"
578
578
  }
579
- ), $(
580
- () => [d.value, c.value, t.indeterminate],
579
+ ), T(
580
+ () => [d.value, h.value, t.indeterminate],
581
581
  () => {
582
- c.value && t.indeterminate !== void 0 && (c.value.indeterminate = !!V(t.indeterminate));
582
+ h.value && t.indeterminate !== void 0 && (h.value.indeterminate = !!V(t.indeterminate));
583
583
  },
584
584
  {
585
585
  immediate: !0,
586
586
  flush: "post"
587
587
  }
588
- ), $(
589
- () => [d.value, c.value, t.checked],
588
+ ), T(
589
+ () => [d.value, h.value, t.checked],
590
590
  () => {
591
- d.value && c.value && (t.checked != null && (c.value.checked = !!V(t.checked)), d.value = !1);
591
+ d.value && h.value && (t.checked != null && (h.value.checked = !!V(t.checked)), d.value = !1);
592
592
  },
593
593
  {
594
594
  immediate: !0,
595
595
  flush: "post"
596
596
  }
597
- ), $(
598
- () => [c.value],
597
+ ), T(
598
+ () => [h.value],
599
599
  () => {
600
- if (c.value) {
601
- let x = m.value;
602
- x || (x = new AbortController(), m.value = x), ct(
603
- c.value,
600
+ if (h.value) {
601
+ let L = g.value;
602
+ L || (L = new AbortController(), g.value = L), ct(
603
+ h.value,
604
604
  {
605
605
  checked: t.checked,
606
606
  defaultChecked: void 0
607
607
  },
608
608
  (O) => {
609
- k(O);
609
+ y(O);
610
610
  },
611
- x.signal
611
+ L.signal
612
612
  );
613
613
  }
614
614
  },
@@ -617,86 +617,86 @@ const fl = Object.entries(rt).map(([, e]) => e), Xt = {
617
617
  flush: "post"
618
618
  }
619
619
  );
620
- function S() {
620
+ function b() {
621
621
  return !!(t.validMessage ?? t.validation === "valid");
622
622
  }
623
623
  function s() {
624
- !c.value?.validity.valid || t.validation === "invalid" ? (I.value = g.value, w.value = t.invalidMessage || c.value?.validationMessage || _, re() && (B.value = w.value, J(() => B.value = "", 1e3))) : S() && c.value?.validity.valid && t.required ? (I.value = f.value, re() && (B.value = t.validMessage ?? ce, J(() => B.value = "", 1e3))) : te(t.message, t.showMessage) ? I.value = u.value : I.value = void 0;
624
+ !h.value?.validity.valid || t.validation === "invalid" ? (S.value = m.value, p.value = t.invalidMessage || h.value?.validationMessage || _, re() && ($.value = p.value, J(() => $.value = "", 1e3))) : b() && h.value?.validity.valid && t.required ? (S.value = v.value, re() && ($.value = t.validMessage ?? ce, J(() => $.value = "", 1e3))) : te(t.message, t.showMessage) ? S.value = r.value : S.value = void 0;
625
625
  }
626
- function k(A, x) {
626
+ function y(A, L) {
627
627
  t.onChange && t.onChange(A), ue(n, A, "checked"), s();
628
628
  }
629
- function y(A) {
629
+ function k(A) {
630
630
  t.onBlur && t.onBlur(A);
631
631
  }
632
- function p(A) {
632
+ function B(A) {
633
633
  t.onFocus && t.onFocus(A);
634
634
  }
635
635
  function j() {
636
636
  const A = t.id ?? t.propOverrides?.id ?? `checkbox-${i}`;
637
- v.value = A, u.value = A + ve, f.value = A + fe, g.value = A + he;
637
+ c.value = A, r.value = A + ve, v.value = A + fe, m.value = A + he;
638
638
  }
639
- return (A, x) => (h(), b("div", {
639
+ return (A, L) => (f(), w("div", {
640
640
  class: U(l(G)("db-checkbox", t.class)),
641
641
  "data-size": e.size,
642
642
  "data-hide-asterisk": l(de)(e.showRequiredAsterisk),
643
643
  "data-hide-label": l(de)(e.showLabel)
644
644
  }, [
645
- E("label", { for: v.value }, [
645
+ E("label", { for: c.value }, [
646
646
  E("input", {
647
647
  type: "checkbox",
648
648
  "aria-invalid": e.validation === "invalid",
649
649
  "data-custom-validity": e.validation,
650
650
  ref_key: "_ref",
651
- ref: c,
652
- id: v.value,
651
+ ref: h,
652
+ id: c.value,
653
653
  name: e.name,
654
654
  checked: l(V)(e.checked, "checked"),
655
655
  disabled: l(V)(e.disabled, "disabled"),
656
656
  value: e.value,
657
657
  required: l(V)(e.required, "required"),
658
- onChange: x[0] || (x[0] = async (O) => k(O)),
659
- onBlur: x[1] || (x[1] = async (O) => y(O)),
660
- onFocus: x[2] || (x[2] = async (O) => p(O)),
661
- "aria-describedby": e.ariaDescribedBy ?? I.value
658
+ onChange: L[0] || (L[0] = async (O) => y(O)),
659
+ onBlur: L[1] || (L[1] = async (O) => k(O)),
660
+ onFocus: L[2] || (L[2] = async (O) => B(O)),
661
+ "aria-describedby": e.ariaDescribedBy ?? S.value
662
662
  }, null, 40, ta),
663
- e.label ? (h(), b(X, { key: 0 }, [
664
- D(L(e.label), 1)
663
+ e.label ? (f(), w(X, { key: 0 }, [
664
+ D(I(e.label), 1)
665
665
  ], 64)) : M(A.$slots, "default", { key: 1 })
666
666
  ], 8, ea),
667
- l(te)(e.message, e.showMessage) ? (h(), Q(ee, {
667
+ l(te)(e.message, e.showMessage) ? (f(), Q(ee, {
668
668
  key: 0,
669
669
  size: "small",
670
670
  icon: e.messageIcon,
671
- id: u.value
671
+ id: r.value
672
672
  }, {
673
673
  default: H(() => [
674
- D(L(e.message), 1)
674
+ D(I(e.message), 1)
675
675
  ]),
676
676
  _: 1
677
677
  }, 8, ["icon", "id"])) : P("", !0),
678
- S() ? (h(), Q(ee, {
678
+ b() ? (f(), Q(ee, {
679
679
  key: 1,
680
680
  size: "small",
681
681
  semantic: "successful",
682
- id: f.value
682
+ id: v.value
683
683
  }, {
684
684
  default: H(() => [
685
- D(L(e.validMessage || l(ce)), 1)
685
+ D(I(e.validMessage || l(ce)), 1)
686
686
  ]),
687
687
  _: 1
688
688
  }, 8, ["id"])) : P("", !0),
689
689
  le(ee, {
690
690
  size: "small",
691
691
  semantic: "critical",
692
- id: g.value
692
+ id: m.value
693
693
  }, {
694
694
  default: H(() => [
695
- D(L(w.value), 1)
695
+ D(I(p.value), 1)
696
696
  ]),
697
697
  _: 1
698
698
  }, 8, ["id"]),
699
- E("span", aa, L(B.value), 1)
699
+ E("span", aa, I($.value), 1)
700
700
  ], 10, _t));
701
701
  }
702
702
  }), ia = ["id", "data-icon", "data-show-icon", "data-icon-trailing", "data-show-icon-trailing", "data-size", "data-width", "data-variant", "data-no-text"], xl = /* @__PURE__ */ W({
@@ -723,42 +723,42 @@ const fl = Object.entries(rt).map(([, e]) => e), Xt = {
723
723
  },
724
724
  setup(e) {
725
725
  const a = e, i = o(null);
726
- return (n, t) => (h(), b("div", {
726
+ return (n, t) => (f(), w("div", {
727
727
  ref_key: "_ref",
728
728
  ref: i,
729
729
  id: e.id ?? e.propOverrides?.id,
730
730
  class: U(l(G)("db-custom-button", a.class)),
731
731
  "data-icon": e.iconLeading ?? e.icon,
732
- "data-show-icon": l(N)(e.showIconLeading ?? e.showIcon),
732
+ "data-show-icon": l(F)(e.showIconLeading ?? e.showIcon),
733
733
  "data-icon-trailing": e.iconTrailing,
734
- "data-show-icon-trailing": l(N)(e.showIconTrailing),
734
+ "data-show-icon-trailing": l(F)(e.showIconTrailing),
735
735
  "data-size": e.size,
736
736
  "data-width": e.width,
737
737
  "data-variant": e.variant,
738
- "data-no-text": l(N)(e.noText)
738
+ "data-no-text": l(F)(e.noText)
739
739
  }, [
740
740
  M(n.$slots, "default")
741
741
  ], 10, ia));
742
742
  }
743
743
  });
744
- class me {
744
+ class ge {
745
745
  static callbacks = {};
746
746
  static _instance = null;
747
747
  static runCallbacks(a) {
748
- for (const i of Object.values(me.callbacks))
748
+ for (const i of Object.values(ge.callbacks))
749
749
  typeof i == "function" && i(a);
750
750
  }
751
751
  constructor() {
752
- if (me._instance)
753
- return me._instance;
754
- me._instance = this, self.document && self.document.addEventListener("click", (a) => me.runCallbacks(a));
752
+ if (ge._instance)
753
+ return ge._instance;
754
+ ge._instance = this, self.document && self.document.addEventListener("click", (a) => ge.runCallbacks(a));
755
755
  }
756
756
  addCallback(a) {
757
757
  const i = Ue();
758
- return me.callbacks[i] = a, i;
758
+ return ge.callbacks[i] = a, i;
759
759
  }
760
760
  removeCallback(a) {
761
- delete me.callbacks[a];
761
+ delete ge.callbacks[a];
762
762
  }
763
763
  }
764
764
  class se {
@@ -794,15 +794,15 @@ const la = (e) => {
794
794
  right: t
795
795
  } = e.getBoundingClientRect(), {
796
796
  innerHeight: d,
797
- innerWidth: v
797
+ innerWidth: c
798
798
  } = window;
799
- let u = a < 0, f = i > d, g = n < 0, w = t > v;
800
- const I = e.dataset.outsideVy, B = e.dataset.outsideVx, m = e?.parentElement?.getBoundingClientRect();
801
- return m && (I && (e.dataset.outsideVy === "top" ? u = m.top - (i - m.bottom) < 0 : f = m.bottom + (m.top - a) > d), B && (e.dataset.outsideVx === "left" ? g = m.left - (t - m.right) < 0 : w = m.right + (m.left - n) > v)), {
802
- outTop: u,
803
- outBottom: f,
804
- outLeft: g,
805
- outRight: w
799
+ let r = a < 0, v = i > d, m = n < 0, p = t > c;
800
+ const S = e.dataset.outsideVy, $ = e.dataset.outsideVx, g = e?.parentElement?.getBoundingClientRect();
801
+ return g && (S && (e.dataset.outsideVy === "top" ? r = g.top - (i - g.bottom) < 0 : v = g.bottom + (g.top - a) > d), $ && (e.dataset.outsideVx === "left" ? m = g.left - (t - g.right) < 0 : p = g.right + (g.left - n) > c)), {
802
+ outTop: r,
803
+ outBottom: v,
804
+ outLeft: m,
805
+ outRight: p
806
806
  };
807
807
  }, na = (e) => {
808
808
  const {
@@ -824,13 +824,13 @@ const la = (e) => {
824
824
  top: n,
825
825
  bottom: t,
826
826
  childHeight: d,
827
- childWidth: v,
828
- width: u,
829
- right: f,
830
- left: g,
831
- correctedPlacement: w
827
+ childWidth: c,
828
+ width: r,
829
+ right: v,
830
+ left: m,
831
+ correctedPlacement: p
832
832
  } = vt(e, a, i);
833
- e.dataset.width === "full" && (e.style.inlineSize = `${u}px`), w === "top" || w === "bottom" || w === "top-start" || w === "bottom-start" ? e.style.insetInlineStart = `${g}px` : (w === "top-end" || w === "bottom-end") && (e.style.insetInlineStart = `${f - v}px`), w?.startsWith("top") ? e.style.insetBlockStart = `${n - d}px` : w?.startsWith("bottom") && (e.style.insetBlockStart = `${t}px`), e.style.position = "fixed";
833
+ e.dataset.width === "full" && (e.style.inlineSize = `${r}px`), p === "top" || p === "bottom" || p === "top-start" || p === "bottom-start" ? e.style.insetInlineStart = `${m}px` : (p === "top-end" || p === "bottom-end") && (e.style.insetInlineStart = `${v - c}px`), p?.startsWith("top") ? e.style.insetBlockStart = `${n - d}px` : p?.startsWith("bottom") && (e.style.insetBlockStart = `${t}px`), e.style.position = "fixed";
834
834
  }, vt = (e, a, i) => {
835
835
  if (!e || !a)
836
836
  return {
@@ -849,98 +849,98 @@ const la = (e) => {
849
849
  const n = e.getBoundingClientRect(), {
850
850
  top: t,
851
851
  height: d,
852
- bottom: v,
853
- right: u,
854
- left: f,
855
- width: g
852
+ bottom: c,
853
+ right: r,
854
+ left: v,
855
+ width: m
856
856
  } = a.getBoundingClientRect(), {
857
- innerHeight: w,
858
- innerWidth: I
857
+ innerHeight: p,
858
+ innerWidth: S
859
859
  } = window;
860
- let B = n.height, m = n.width;
861
- (i === "bottom" || i === "top") && (m = m / 2), (i === "left" || i === "right") && (B = B / 2);
862
- const c = v + B > w, S = t - B < 0, s = f - m < 0, k = u + m > I;
863
- let y = i;
864
- return i.startsWith("bottom") ? c ? (y = i?.replace("bottom", "top"), s && k ? y = "top" : s ? y = "top-start" : k && (y = "top-end")) : s && k ? y = "bottom" : s ? y = "bottom-start" : k && (y = "bottom-end") : i.startsWith("top") ? S ? (y = i?.replace("top", "bottom"), s && k ? y = "bottom" : s ? y = "bottom-start" : k && (y = "bottom-end")) : s && k ? y = "top" : s ? y = "top-start" : k && (y = "top-end") : i.startsWith("left") ? s ? (y = i?.replace("left", "right"), c && S ? y = "right" : c ? y = "right-end" : S && (y = "right-start")) : c && S ? y = "left" : c ? y = "left-end" : S && (y = "left-start") : y.startsWith("right") && (k ? (y = i?.replace("right", "left"), c && S ? y = "left" : c ? y = "left-end" : S && (y = "left-start")) : c && S ? y = "right" : c ? y = "right-end" : S && (y = "right-start")), {
860
+ let $ = n.height, g = n.width;
861
+ (i === "bottom" || i === "top") && (g = g / 2), (i === "left" || i === "right") && ($ = $ / 2);
862
+ const h = c + $ > p, b = t - $ < 0, s = v - g < 0, y = r + g > S;
863
+ let k = i;
864
+ return i.startsWith("bottom") ? h ? (k = i?.replace("bottom", "top"), s && y ? k = "top" : s ? k = "top-start" : y && (k = "top-end")) : s && y ? k = "bottom" : s ? k = "bottom-start" : y && (k = "bottom-end") : i.startsWith("top") ? b ? (k = i?.replace("top", "bottom"), s && y ? k = "bottom" : s ? k = "bottom-start" : y && (k = "bottom-end")) : s && y ? k = "top" : s ? k = "top-start" : y && (k = "top-end") : i.startsWith("left") ? s ? (k = i?.replace("left", "right"), h && b ? k = "right" : h ? k = "right-end" : b && (k = "right-start")) : h && b ? k = "left" : h ? k = "left-end" : b && (k = "left-start") : k.startsWith("right") && (y ? (k = i?.replace("right", "left"), h && b ? k = "left" : h ? k = "left-end" : b && (k = "left-start")) : h && b ? k = "right" : h ? k = "right-end" : b && (k = "right-start")), {
865
865
  top: t,
866
- bottom: v,
867
- right: u,
866
+ bottom: c,
867
+ right: r,
868
868
  height: d,
869
- width: g,
870
- left: f,
869
+ width: m,
870
+ left: v,
871
871
  childHeight: n.height,
872
872
  childWidth: n.width,
873
- correctedPlacement: y,
874
- innerWidth: I,
875
- innerHeight: w
873
+ correctedPlacement: k,
874
+ innerWidth: S,
875
+ innerHeight: p
876
876
  };
877
- }, da = 10, Fe = /* @__PURE__ */ new WeakMap(), sa = (e) => {
878
- if (Fe.has(e))
879
- return Fe.get(e);
877
+ }, da = 10, Ne = /* @__PURE__ */ new WeakMap(), sa = (e) => {
878
+ if (Ne.has(e))
879
+ return Ne.get(e);
880
880
  let a = e.parentElement, i = 0;
881
881
  for (; a && i < da; ) {
882
882
  if (a.dataset.correctedPlacement)
883
- return Fe.set(e, a), a;
883
+ return Ne.set(e, a), a;
884
884
  a = a.parentElement, i += 1;
885
885
  }
886
- return Fe.set(e, null), null;
886
+ return Ne.set(e, null), null;
887
887
  }, ft = (e, a, i) => {
888
888
  if (!e || !a) return;
889
- const n = getComputedStyle(a), t = ["absolute", "fixed"].includes(n.position), d = sa(e), v = !d && !t, u = getComputedStyle(e)?.getPropertyValue("--db-popover-distance") ?? "0px";
889
+ const n = getComputedStyle(a), t = ["absolute", "fixed"].includes(n.position), d = sa(e), c = !d && !t, r = getComputedStyle(e)?.getPropertyValue("--db-popover-distance") ?? "0px";
890
890
  let {
891
- top: f,
892
- height: g,
893
- width: w,
894
- childHeight: I,
895
- childWidth: B,
896
- right: m,
897
- left: c,
898
- bottom: S,
891
+ top: v,
892
+ height: m,
893
+ width: p,
894
+ childHeight: S,
895
+ childWidth: $,
896
+ right: g,
897
+ left: h,
898
+ bottom: b,
899
899
  correctedPlacement: s,
900
- innerWidth: k,
901
- innerHeight: y
900
+ innerWidth: y,
901
+ innerHeight: k
902
902
  } = vt(e, a, i);
903
903
  if (d) {
904
- const p = d.getBoundingClientRect();
905
- c = Math.abs(c - p.left), m = (w + Math.abs(m - p.right)) * 1.5, f = Math.abs(f - p.top), S = (g + Math.abs(S - p.bottom)) * 1.5;
904
+ const B = d.getBoundingClientRect();
905
+ h = Math.abs(h - B.left), g = (p + Math.abs(g - B.right)) * 1.5, v = Math.abs(v - B.top), b = (m + Math.abs(b - B.bottom)) * 1.5;
906
906
  }
907
- if (t && (c = 0, m = w, f = 0, S = g, ["auto", "inherit", "0"].includes(n.zIndex) && (a.style.zIndex = "1")), B > w && (s.startsWith("bottom") || s.startsWith("top"))) {
908
- const p = w / 2 / B * 100;
909
- s.endsWith("start") ? e.style.setProperty("--db-tooltip-arrow-inline-start", `${p}%`) : s.endsWith("end") ? e.style.setProperty("--db-tooltip-arrow-inline-start", `${100 - p}%`) : e.style.setProperty("--db-tooltip-arrow-inline-start", "50%");
907
+ if (t && (h = 0, g = p, v = 0, b = m, ["auto", "inherit", "0"].includes(n.zIndex) && (a.style.zIndex = "1")), $ > p && (s.startsWith("bottom") || s.startsWith("top"))) {
908
+ const B = p / 2 / $ * 100;
909
+ s.endsWith("start") ? e.style.setProperty("--db-tooltip-arrow-inline-start", `${B}%`) : s.endsWith("end") ? e.style.setProperty("--db-tooltip-arrow-inline-start", `${100 - B}%`) : e.style.setProperty("--db-tooltip-arrow-inline-start", "50%");
910
910
  }
911
- if (I > g && (s.startsWith("left") || s.startsWith("bottom"))) {
912
- const p = g / 2 / I * 100;
913
- s.endsWith("start") ? e.style.setProperty("--db-tooltip-arrow-block-start", `${p}%`) : s.endsWith("end") ? e.style.setProperty("--db-tooltip-arrow-block-start", `${100 - p}%`) : e.style.setProperty("--db-tooltip-arrow-block-start", "50%");
911
+ if (S > m && (s.startsWith("left") || s.startsWith("bottom"))) {
912
+ const B = m / 2 / S * 100;
913
+ s.endsWith("start") ? e.style.setProperty("--db-tooltip-arrow-block-start", `${B}%`) : s.endsWith("end") ? e.style.setProperty("--db-tooltip-arrow-block-start", `${100 - B}%`) : e.style.setProperty("--db-tooltip-arrow-block-start", "50%");
914
914
  }
915
915
  if (s === "right" || s === "left")
916
- e.style.insetBlockStart = `${f + g / 2}px`;
916
+ e.style.insetBlockStart = `${v + m / 2}px`;
917
917
  else if (s === "right-start" || s === "left-start") {
918
- const p = f + I;
919
- e.style.insetBlockStart = `${f}px`, e.style.insetBlockEnd = `${!t && p > y ? y : p}px`;
918
+ const B = v + S;
919
+ e.style.insetBlockStart = `${v}px`, e.style.insetBlockEnd = `${!t && B > k ? k : B}px`;
920
920
  } else if (s === "right-end" || s === "left-end") {
921
- const p = S - I;
922
- e.style.insetBlockStart = `${!t && p < 0 ? 0 : p}px`, e.style.insetBlockEnd = `${S}px`;
921
+ const B = b - S;
922
+ e.style.insetBlockStart = `${!t && B < 0 ? 0 : B}px`, e.style.insetBlockEnd = `${b}px`;
923
923
  } else if (s === "top" || s === "bottom")
924
- e.style.insetInlineStart = `${c + w / 2}px`;
924
+ e.style.insetInlineStart = `${h + p / 2}px`;
925
925
  else if (s === "top-start" || s === "bottom-start") {
926
- const p = c + B;
927
- e.style.insetInlineStart = `${c}px`, e.style.insetInlineEnd = `${!t && p > k ? k : p}px`;
926
+ const B = h + $;
927
+ e.style.insetInlineStart = `${h}px`, e.style.insetInlineEnd = `${!t && B > y ? y : B}px`;
928
928
  } else if (s === "top-end" || s === "bottom-end") {
929
- const p = m - B;
930
- e.style.insetInlineStart = `${!t && p < 0 ? 0 : p}px`, e.style.insetInlineEnd = `${m}px`;
929
+ const B = g - $;
930
+ e.style.insetInlineStart = `${!t && B < 0 ? 0 : B}px`, e.style.insetInlineEnd = `${g}px`;
931
931
  }
932
932
  if (s?.startsWith("right")) {
933
- const p = m + B;
934
- e.style.insetInlineStart = `calc(${m}px + ${u})`, e.style.insetInlineEnd = `calc(${v && p > k ? k : p}px + ${u})`;
933
+ const B = g + $;
934
+ e.style.insetInlineStart = `calc(${g}px + ${r})`, e.style.insetInlineEnd = `calc(${c && B > y ? y : B}px + ${r})`;
935
935
  } else if (s?.startsWith("left")) {
936
- const p = c - B;
937
- e.style.insetInlineStart = `calc(${v && p < 0 ? 0 : p}px - ${u})`, e.style.insetInlineEnd = `calc(${m}px - ${u})`;
936
+ const B = h - $;
937
+ e.style.insetInlineStart = `calc(${c && B < 0 ? 0 : B}px - ${r})`, e.style.insetInlineEnd = `calc(${g}px - ${r})`;
938
938
  } else if (s?.startsWith("top")) {
939
- const p = f - I;
940
- e.style.insetBlockStart = `calc(${v && p < 0 ? 0 : p}px - ${u})`, e.style.insetBlockEnd = `calc(${t ? p : S}px - ${u})`;
939
+ const B = v - S;
940
+ e.style.insetBlockStart = `calc(${c && B < 0 ? 0 : B}px - ${r})`, e.style.insetBlockEnd = `calc(${t ? B : b}px - ${r})`;
941
941
  } else if (s?.startsWith("bottom")) {
942
- const p = S + I;
943
- e.style.insetBlockStart = `calc(${t ? p : S}px + ${u})`, e.style.insetBlockEnd = `calc(${v && p > y ? y : p}px + ${u})`;
942
+ const B = b + S;
943
+ e.style.insetBlockStart = `calc(${t ? B : b}px + ${r})`, e.style.insetBlockEnd = `calc(${c && B > k ? k : B}px + ${r})`;
944
944
  }
945
945
  e.style.position = "fixed", e.dataset.correctedPlacement = s;
946
946
  }, ua = ["id", "data-width"], ra = /* @__PURE__ */ W({
@@ -957,7 +957,7 @@ const la = (e) => {
957
957
  },
958
958
  setup(e) {
959
959
  const a = e, i = o(null);
960
- return (n, t) => (h(), b("article", {
960
+ return (n, t) => (f(), w("article", {
961
961
  "data-spacing": "none",
962
962
  ref_key: "_ref",
963
963
  ref: i,
@@ -995,7 +995,7 @@ const la = (e) => {
995
995
  emits: ["update:checked"],
996
996
  setup(e, { emit: a }) {
997
997
  const i = a, n = e, t = o(!1), d = o(null);
998
- $(
998
+ T(
999
999
  () => [n.isGroupTitle, n.showDivider],
1000
1000
  () => {
1001
1001
  t.value = !!(n.isGroupTitle || n.showDivider);
@@ -1005,14 +1005,14 @@ const la = (e) => {
1005
1005
  flush: "post"
1006
1006
  }
1007
1007
  );
1008
- function v(f) {
1009
- f.stopPropagation(), n.onChange && n.onChange(f), ue(i, f, "checked");
1008
+ function c(v) {
1009
+ v.stopPropagation(), n.onChange && n.onChange(v), ue(i, v, "checked");
1010
1010
  }
1011
- function u() {
1011
+ function r() {
1012
1012
  if (!(n.isGroupTitle || n.type === "checkbox"))
1013
1013
  return V(n.checked, "checked") ? "check" : "x_placeholder";
1014
1014
  }
1015
- return (f, g) => (h(), b("li", {
1015
+ return (v, m) => (f(), w("li", {
1016
1016
  ref_key: "_ref",
1017
1017
  ref: d,
1018
1018
  id: e.id ?? e.propOverrides?.id,
@@ -1022,13 +1022,13 @@ const la = (e) => {
1022
1022
  "db-radio": e.type !== "checkbox" && !e.isGroupTitle
1023
1023
  })
1024
1024
  ),
1025
- "data-divider": l(N)(t.value)
1025
+ "data-divider": l(F)(t.value)
1026
1026
  }, [
1027
- e.isGroupTitle ? (h(), b("span", ha, L(e.groupTitle), 1)) : (h(), b("label", {
1027
+ e.isGroupTitle ? (f(), w("span", ha, I(e.groupTitle), 1)) : (f(), w("label", {
1028
1028
  key: 0,
1029
1029
  "data-icon": e.type !== "checkbox" && e.icon ? e.icon : void 0,
1030
- "data-show-icon": l(N)(e.showIcon),
1031
- "data-icon-trailing": u()
1030
+ "data-show-icon": l(F)(e.showIcon),
1031
+ "data-icon-trailing": r()
1032
1032
  }, [
1033
1033
  E("input", {
1034
1034
  class: "db-custom-select-list-item-checkbox",
@@ -1039,11 +1039,11 @@ const la = (e) => {
1039
1039
  checked: l(V)(e.checked, "checked"),
1040
1040
  disabled: l(V)(e.disabled, "disabled"),
1041
1041
  value: e.value,
1042
- onChange: g[0] || (g[0] = async (w) => v(w))
1042
+ onChange: m[0] || (m[0] = async (p) => c(p))
1043
1043
  }, null, 40, fa),
1044
- e.label ? (h(), b(X, { key: 0 }, [
1045
- D(L(e.label), 1)
1046
- ], 64)) : M(f.$slots, "default", { key: 1 })
1044
+ e.label ? (f(), w(X, { key: 0 }, [
1045
+ D(I(e.label), 1)
1046
+ ], 64)) : M(v.$slots, "default", { key: 1 })
1047
1047
  ], 8, va))
1048
1048
  ], 10, ca));
1049
1049
  }
@@ -1062,7 +1062,7 @@ const la = (e) => {
1062
1062
  },
1063
1063
  setup(e) {
1064
1064
  const a = e, i = o(null);
1065
- return (n, t) => (h(), b("div", {
1065
+ return (n, t) => (f(), w("div", {
1066
1066
  role: e.multiple ? "group" : "radiogroup",
1067
1067
  "aria-label": e.label,
1068
1068
  ref_key: "_ref",
@@ -1145,12 +1145,12 @@ const la = (e) => {
1145
1145
  },
1146
1146
  emits: ["update:value"],
1147
1147
  setup(e, { emit: a }) {
1148
- const i = ge(), n = a, t = e, d = o(void 0), v = o(void 0), u = o(void 0), f = o(void 0), g = o(void 0), w = o(void 0), I = o(void 0), B = o(""), m = o(""), c = o(void 0), S = o(null);
1148
+ const i = me(), n = a, t = e, d = o(void 0), c = o(void 0), r = o(void 0), v = o(void 0), m = o(void 0), p = o(void 0), S = o(void 0), $ = o(""), g = o(""), h = o(void 0), b = o(null);
1149
1149
  ae(() => {
1150
- O(), g.value = t.invalidMessage || _;
1150
+ O(), m.value = t.invalidMessage || _;
1151
1151
  }), be(() => {
1152
- c.value?.abort();
1153
- }), $(
1152
+ h.value?.abort();
1153
+ }), T(
1154
1154
  () => [t.id, t.propOverrides?.id],
1155
1155
  () => {
1156
1156
  (t.id ?? t.propOverrides?.id) && O();
@@ -1159,49 +1159,49 @@ const la = (e) => {
1159
1159
  immediate: !0,
1160
1160
  flush: "post"
1161
1161
  }
1162
- ), $(
1163
- () => [S.value, t.invalidMessage],
1162
+ ), T(
1163
+ () => [b.value, t.invalidMessage],
1164
1164
  () => {
1165
- g.value = t.invalidMessage || S.value?.validationMessage || _;
1165
+ m.value = t.invalidMessage || b.value?.validationMessage || _;
1166
1166
  },
1167
1167
  {
1168
1168
  immediate: !0,
1169
1169
  flush: "post"
1170
1170
  }
1171
- ), $(
1171
+ ), T(
1172
1172
  () => [d.value],
1173
1173
  () => {
1174
1174
  if (d.value) {
1175
- const F = d.value + ve;
1176
- v.value = F, u.value = d.value + fe, f.value = d.value + he, w.value = t.dataListId ?? d.value + at, te(t.message, t.showMessage) && (I.value = F), k();
1175
+ const N = d.value + ve;
1176
+ c.value = N, r.value = d.value + fe, v.value = d.value + he, p.value = t.dataListId ?? d.value + at, te(t.message, t.showMessage) && (S.value = N), y();
1177
1177
  }
1178
1178
  },
1179
1179
  {
1180
1180
  immediate: !0,
1181
1181
  flush: "post"
1182
1182
  }
1183
- ), $(
1183
+ ), T(
1184
1184
  () => [t.value],
1185
1185
  () => {
1186
- t.value !== void 0 && (B.value = t.value);
1186
+ t.value !== void 0 && ($.value = t.value);
1187
1187
  },
1188
1188
  {
1189
1189
  immediate: !0,
1190
1190
  flush: "post"
1191
1191
  }
1192
- ), $(
1193
- () => [S.value],
1192
+ ), T(
1193
+ () => [b.value],
1194
1194
  () => {
1195
- if (S.value) {
1196
- let R = c.value;
1197
- R || (R = new AbortController(), c.value = R), We(
1198
- S.value,
1195
+ if (b.value) {
1196
+ let R = h.value;
1197
+ R || (R = new AbortController(), h.value = R), We(
1198
+ b.value,
1199
1199
  {
1200
1200
  value: t.value,
1201
1201
  defaultValue: void 0
1202
1202
  },
1203
1203
  (z) => {
1204
- p(z), y(z);
1204
+ B(z), k(z);
1205
1205
  },
1206
1206
  R.signal
1207
1207
  );
@@ -1215,51 +1215,51 @@ const la = (e) => {
1215
1215
  function s() {
1216
1216
  return !!(t.validMessage ?? t.validation === "valid");
1217
1217
  }
1218
- function k() {
1219
- !S.value?.validity.valid || t.validation === "invalid" ? (I.value = f.value, g.value = t.invalidMessage || S.value?.validationMessage || _, re() && (m.value = g.value, J(() => m.value = "", 1e3))) : s() && S.value?.validity.valid && (t.required || t.minLength || t.maxLength || t.pattern) ? (I.value = u.value, re() && (m.value = t.validMessage ?? ce, J(() => m.value = "", 1e3))) : te(t.message, t.showMessage) ? I.value = v.value : I.value = void 0;
1218
+ function y() {
1219
+ !b.value?.validity.valid || t.validation === "invalid" ? (S.value = v.value, m.value = t.invalidMessage || b.value?.validationMessage || _, re() && (g.value = m.value, J(() => g.value = "", 1e3))) : s() && b.value?.validity.valid && (t.required || t.minLength || t.maxLength || t.pattern) ? (S.value = r.value, re() && (g.value = t.validMessage ?? ce, J(() => g.value = "", 1e3))) : te(t.message, t.showMessage) ? S.value = c.value : S.value = void 0;
1220
1220
  }
1221
- function y(F, K) {
1222
- t.input && t.input(F), B.value = F.target.value, t.onInput && t.onInput(F), ue(n, F), k();
1221
+ function k(N, K) {
1222
+ t.input && t.input(N), $.value = N.target.value, t.onInput && t.onInput(N), ue(n, N), y();
1223
1223
  }
1224
- function p(F, K) {
1225
- t.onChange && t.onChange(F), ue(n, F), k();
1224
+ function B(N, K) {
1225
+ t.onChange && t.onChange(N), ue(n, N), y();
1226
1226
  }
1227
- function j(F) {
1228
- t.onBlur && t.onBlur(F);
1227
+ function j(N) {
1228
+ t.onBlur && t.onBlur(N);
1229
1229
  }
1230
- function A(F) {
1231
- t.onFocus && t.onFocus(F);
1230
+ function A(N) {
1231
+ t.onFocus && t.onFocus(N);
1232
1232
  }
1233
- function x() {
1234
- const F = t.dataList;
1233
+ function L() {
1234
+ const N = t.dataList;
1235
1235
  return Array.from(
1236
- (Ct(F) ? F?.map((K) => ({
1236
+ (Ct(N) ? N?.map((K) => ({
1237
1237
  value: K,
1238
1238
  label: void 0
1239
- })) : F) || []
1239
+ })) : N) || []
1240
1240
  );
1241
1241
  }
1242
1242
  function O() {
1243
- const F = t.id ?? t.propOverrides?.id ?? `input-${i}`;
1244
- d.value = F, v.value = F + ve, u.value = F + fe, f.value = F + he, w.value = F + at;
1243
+ const N = t.id ?? t.propOverrides?.id ?? `input-${i}`;
1244
+ d.value = N, c.value = N + ve, r.value = N + fe, v.value = N + he, p.value = N + at;
1245
1245
  }
1246
- return (F, K) => (h(), b("div", {
1246
+ return (N, K) => (f(), w("div", {
1247
1247
  class: U(l(G)("db-input", t.class)),
1248
1248
  "data-variant": e.variant,
1249
1249
  "data-hide-label": l(de)(e.showLabel),
1250
- "data-show-icon": l(N)(e.showIconLeading ?? e.showIcon),
1250
+ "data-show-icon": l(F)(e.showIconLeading ?? e.showIcon),
1251
1251
  "data-icon": e.iconLeading ?? e.icon,
1252
1252
  "data-icon-trailing": e.iconTrailing,
1253
1253
  "data-hide-asterisk": l(de)(e.showRequiredAsterisk),
1254
- "data-show-icon-trailing": l(N)(e.showIconTrailing)
1254
+ "data-show-icon-trailing": l(F)(e.showIconTrailing)
1255
1255
  }, [
1256
- E("label", { for: d.value }, L(e.label ?? l(pe)), 9, wa),
1256
+ E("label", { for: d.value }, I(e.label ?? l(pe)), 9, wa),
1257
1257
  E("input", {
1258
1258
  "aria-invalid": e.validation === "invalid",
1259
1259
  "data-custom-validity": e.validation,
1260
1260
  "data-field-sizing": e.fieldSizing,
1261
1261
  ref_key: "_ref",
1262
- ref: S,
1262
+ ref: b,
1263
1263
  id: d.value,
1264
1264
  name: e.name,
1265
1265
  type: e.type || "text",
@@ -1269,7 +1269,7 @@ const la = (e) => {
1269
1269
  disabled: l(V)(e.disabled, "disabled"),
1270
1270
  required: l(V)(e.required, "required"),
1271
1271
  step: l(Dt)(e.step),
1272
- value: e.value ?? B.value,
1272
+ value: e.value ?? $.value,
1273
1273
  maxLength: l(xe)(e.maxLength, e.maxlength),
1274
1274
  minLength: l(xe)(e.minLength, e.minlength),
1275
1275
  max: l(Ze)(e.max, e.type),
@@ -1282,59 +1282,59 @@ const la = (e) => {
1282
1282
  autoFocus: l(V)(e.autofocus, "autofocus"),
1283
1283
  enterKeyHint: e.enterkeyhint,
1284
1284
  inputMode: e.inputmode,
1285
- onInput: K[0] || (K[0] = async (R) => y(R)),
1286
- onChange: K[1] || (K[1] = async (R) => p(R)),
1285
+ onInput: K[0] || (K[0] = async (R) => k(R)),
1286
+ onChange: K[1] || (K[1] = async (R) => B(R)),
1287
1287
  onBlur: K[2] || (K[2] = async (R) => j(R)),
1288
1288
  onFocus: K[3] || (K[3] = async (R) => A(R)),
1289
- list: e.dataList && w.value,
1290
- "aria-describedby": e.ariaDescribedBy ?? I.value,
1289
+ list: e.dataList && p.value,
1290
+ "aria-describedby": e.ariaDescribedBy ?? S.value,
1291
1291
  role: ["datetime-local", "date", "time", "week", "month", "color"].includes(
1292
1292
  e.type ?? ""
1293
1293
  ) && l(At)() ? "textbox" : void 0
1294
1294
  }, null, 40, ka),
1295
- e.dataList ? (h(), b("datalist", {
1295
+ e.dataList ? (f(), w("datalist", {
1296
1296
  key: 0,
1297
- id: w.value
1297
+ id: p.value
1298
1298
  }, [
1299
- (h(!0), b(X, null, ye(x(), (R) => (h(), b("option", {
1300
- key: w.value + "-option-" + R.value,
1299
+ (f(!0), w(X, null, ye(L(), (R) => (f(), w("option", {
1300
+ key: p.value + "-option-" + R.value,
1301
1301
  value: R.value
1302
- }, L(R.label), 9, Ba))), 128))
1302
+ }, I(R.label), 9, Ba))), 128))
1303
1303
  ], 8, pa)) : P("", !0),
1304
- M(F.$slots, "default"),
1305
- l(te)(e.message, e.showMessage) ? (h(), Q(ee, {
1304
+ M(N.$slots, "default"),
1305
+ l(te)(e.message, e.showMessage) ? (f(), Q(ee, {
1306
1306
  key: 1,
1307
1307
  size: e.messageSize || "small",
1308
1308
  icon: e.messageIcon,
1309
- id: v.value
1309
+ id: c.value
1310
1310
  }, {
1311
1311
  default: H(() => [
1312
- D(L(e.message), 1)
1312
+ D(I(e.message), 1)
1313
1313
  ]),
1314
1314
  _: 1
1315
1315
  }, 8, ["size", "icon", "id"])) : P("", !0),
1316
- s() ? (h(), Q(ee, {
1316
+ s() ? (f(), Q(ee, {
1317
1317
  key: 2,
1318
1318
  semantic: "successful",
1319
- id: u.value,
1319
+ id: r.value,
1320
1320
  size: e.validMessageSize || "small"
1321
1321
  }, {
1322
1322
  default: H(() => [
1323
- D(L(e.validMessage || l(ce)), 1)
1323
+ D(I(e.validMessage || l(ce)), 1)
1324
1324
  ]),
1325
1325
  _: 1
1326
1326
  }, 8, ["id", "size"])) : P("", !0),
1327
1327
  le(ee, {
1328
1328
  semantic: "critical",
1329
- id: f.value,
1329
+ id: v.value,
1330
1330
  size: e.invalidMessageSize || "small"
1331
1331
  }, {
1332
1332
  default: H(() => [
1333
- D(L(g.value), 1)
1333
+ D(I(m.value), 1)
1334
1334
  ]),
1335
1335
  _: 1
1336
1336
  }, 8, ["id", "size"]),
1337
- E("span", Sa, L(m.value), 1)
1337
+ E("span", Sa, I(g.value), 1)
1338
1338
  ], 10, ya));
1339
1339
  }
1340
1340
  }), La = ["id", "data-emphasis", "data-wrap", "data-animation", "data-delay", "data-width", "data-show-arrow", "data-placement"], ht = /* @__PURE__ */ W({
@@ -1357,30 +1357,30 @@ const la = (e) => {
1357
1357
  wrap: { type: [Boolean, String], default: void 0 }
1358
1358
  },
1359
1359
  setup(e) {
1360
- const a = ge(), i = e, n = o(Pt), t = o(!1), d = o(void 0), v = o(void 0), u = o(null);
1360
+ const a = me(), i = e, n = o(Pt), t = o(!1), d = o(void 0), c = o(void 0), r = o(null);
1361
1361
  ae(() => {
1362
- S(), t.value = !0;
1363
- }), $(
1362
+ b(), t.value = !0;
1363
+ }), T(
1364
1364
  () => [i.id, i.propOverrides?.id],
1365
1365
  () => {
1366
- (i.id ?? i.propOverrides?.id) && S();
1366
+ (i.id ?? i.propOverrides?.id) && b();
1367
1367
  },
1368
1368
  {
1369
1369
  immediate: !0,
1370
1370
  flush: "post"
1371
1371
  }
1372
- ), $(
1373
- () => [u.value, t.value, n.value],
1372
+ ), T(
1373
+ () => [r.value, t.value, n.value],
1374
1374
  () => {
1375
- if (u.value && t.value && n.value) {
1376
- const s = w();
1377
- s && (I(s), ["mouseenter", "focusin"].forEach((k) => {
1378
- s.addEventListener(k, () => c(s));
1379
- }), s.addEventListener("keydown", (k) => g(k)), ["mouseleave", "focusout"].forEach((k) => {
1380
- s.addEventListener(k, () => m());
1381
- }), s.dataset.hasTooltip = "true", i.variant === "label" ? s.setAttribute("aria-labelledby", n.value) : s.setAttribute("aria-describedby", n.value)), typeof window < "u" && "IntersectionObserver" in window && (v.value = new IntersectionObserver((k) => {
1382
- const y = k.find(({ target: p }) => p === w());
1383
- y && !y.isIntersecting && g(!1);
1375
+ if (r.value && t.value && n.value) {
1376
+ const s = p();
1377
+ s && (S(s), ["mouseenter", "focusin"].forEach((y) => {
1378
+ s.addEventListener(y, () => h(s));
1379
+ }), s.addEventListener("keydown", (y) => m(y)), ["mouseleave", "focusout"].forEach((y) => {
1380
+ s.addEventListener(y, () => g());
1381
+ }), s.dataset.hasTooltip = "true", i.variant === "label" ? s.setAttribute("aria-labelledby", n.value) : s.setAttribute("aria-describedby", n.value)), typeof window < "u" && "IntersectionObserver" in window && (c.value = new IntersectionObserver((y) => {
1382
+ const k = y.find(({ target: B }) => B === p());
1383
+ k && !k.isIntersecting && m(!1);
1384
1384
  })), t.value = !1;
1385
1385
  }
1386
1386
  },
@@ -1389,57 +1389,57 @@ const la = (e) => {
1389
1389
  flush: "post"
1390
1390
  }
1391
1391
  );
1392
- function f(s) {
1392
+ function v(s) {
1393
1393
  s.stopPropagation();
1394
1394
  }
1395
- function g(s) {
1396
- (!s || s.key === "Escape") && u.value && getComputedStyle(u.value).visibility === "visible" && w().blur();
1395
+ function m(s) {
1396
+ (!s || s.key === "Escape") && r.value && getComputedStyle(r.value).visibility === "visible" && p().blur();
1397
1397
  }
1398
- function w() {
1399
- let s = u.value.parentElement;
1398
+ function p() {
1399
+ let s = r.value.parentElement;
1400
1400
  return s && s.localName.includes("tooltip") && (s = s.parentElement), s;
1401
1401
  }
1402
- function I(s) {
1403
- s && u.value && J(() => {
1404
- u.value && ft(
1405
- u.value,
1402
+ function S(s) {
1403
+ s && r.value && J(() => {
1404
+ r.value && ft(
1405
+ r.value,
1406
1406
  s,
1407
1407
  i.placement ?? "bottom"
1408
1408
  );
1409
1409
  }, 1);
1410
1410
  }
1411
- function B(s, k) {
1412
- s?.target?.contains && s?.target?.contains(u.value) && I(k);
1411
+ function $(s, y) {
1412
+ s?.target?.contains && s?.target?.contains(r.value) && S(y);
1413
1413
  }
1414
- function m() {
1414
+ function g() {
1415
1415
  d.value && new se().removeCallback(
1416
1416
  d.value
1417
- ), v.value?.unobserve(w());
1417
+ ), c.value?.unobserve(p());
1418
1418
  }
1419
- function c(s) {
1419
+ function h(s) {
1420
1420
  d.value = new se().addCallback(
1421
- (k) => B(k, s)
1422
- ), I(s), v.value?.observe(w());
1421
+ (y) => $(y, s)
1422
+ ), S(s), c.value?.observe(p());
1423
1423
  }
1424
- function S() {
1424
+ function b() {
1425
1425
  n.value = i.id ?? i.propOverrides?.id ?? "tooltip-" + a;
1426
1426
  }
1427
- return (s, k) => (h(), b("i", {
1427
+ return (s, y) => (f(), w("i", {
1428
1428
  role: "tooltip",
1429
1429
  "aria-hidden": "true",
1430
1430
  "data-gap": "true",
1431
1431
  ref_key: "_ref",
1432
- ref: u,
1432
+ ref: r,
1433
1433
  class: U(l(G)("db-tooltip", i.class)),
1434
1434
  id: n.value,
1435
1435
  "data-emphasis": e.emphasis,
1436
- "data-wrap": l(N)(e.wrap),
1437
- "data-animation": l(N)(e.animation ?? !0),
1436
+ "data-wrap": l(F)(e.wrap),
1437
+ "data-animation": l(F)(e.animation ?? !0),
1438
1438
  "data-delay": e.delay,
1439
1439
  "data-width": e.width,
1440
- "data-show-arrow": l(N)(e.showArrow ?? !0),
1440
+ "data-show-arrow": l(F)(e.showArrow ?? !0),
1441
1441
  "data-placement": e.placement,
1442
- onClick: k[0] || (k[0] = async (y) => f(y))
1442
+ onClick: y[0] || (y[0] = async (k) => v(k))
1443
1443
  }, [
1444
1444
  M(s.$slots, "default")
1445
1445
  ], 10, La));
@@ -1477,7 +1477,7 @@ const la = (e) => {
1477
1477
  function t() {
1478
1478
  return a.removeButton ? a.removeButton : ot;
1479
1479
  }
1480
- return (d, v) => (h(), b("div", {
1480
+ return (d, c) => (f(), w("div", {
1481
1481
  ref_key: "_ref",
1482
1482
  ref: i,
1483
1483
  id: e.id ?? e.propOverrides?.id,
@@ -1485,17 +1485,17 @@ const la = (e) => {
1485
1485
  "data-semantic": e.semantic,
1486
1486
  "data-emphasis": e.emphasis,
1487
1487
  "data-icon": e.icon,
1488
- "data-show-check-state": l(N)(e.showCheckState ?? !0),
1489
- "data-show-icon": l(N)(e.showIcon),
1490
- "data-no-text": l(N)(e.noText),
1491
- "data-overflow": l(N)(e.overflow)
1488
+ "data-show-check-state": l(F)(e.showCheckState ?? !0),
1489
+ "data-show-icon": l(F)(e.showIcon),
1490
+ "data-no-text": l(F)(e.noText),
1491
+ "data-overflow": l(F)(e.overflow)
1492
1492
  }, [
1493
1493
  M(d.$slots, "content"),
1494
1494
  M(d.$slots, "default"),
1495
- e.text ? (h(), b(X, { key: 0 }, [
1496
- D(L(e.text), 1)
1495
+ e.text ? (f(), w(X, { key: 0 }, [
1496
+ D(I(e.text), 1)
1497
1497
  ], 64)) : P("", !0),
1498
- e.behavior === "removable" ? (h(), b("button", {
1498
+ e.behavior === "removable" ? (f(), w("button", {
1499
1499
  key: 1,
1500
1500
  class: "db-button db-tab-remove-button",
1501
1501
  "data-icon": "cross",
@@ -1503,18 +1503,18 @@ const la = (e) => {
1503
1503
  "data-no-text": "true",
1504
1504
  "data-variant": "ghost",
1505
1505
  type: "button",
1506
- onClick: v[0] || (v[0] = async (u) => n(u))
1506
+ onClick: c[0] || (c[0] = async (r) => n(r))
1507
1507
  }, [
1508
1508
  le(ht, { variant: "label" }, {
1509
1509
  default: H(() => [
1510
- D(L(t()), 1)
1510
+ D(I(t()), 1)
1511
1511
  ]),
1512
1512
  _: 1
1513
1513
  })
1514
1514
  ])) : P("", !0)
1515
1515
  ], 10, xa));
1516
1516
  }
1517
- }), $a = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-variant", "data-required", "data-hide-asterisk", "data-placement", "data-selected-type", "data-hide-label", "data-icon", "data-show-icon"], Ca = ["id"], Ea = ["id", "form", "name", "data-custom-validity", "multiple", "disabled", "required"], Aa = ["disabled", "value"], Da = ["open"], Ma = ["id", "aria-disabled", "tabIndex", "aria-labelledby"], Fa = ["data-visually-hidden", "id"], Na = {
1517
+ }), $a = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-variant", "data-required", "data-hide-asterisk", "data-placement", "data-selected-type", "data-hide-label", "data-icon", "data-show-icon"], Ca = ["id"], Ea = ["id", "form", "name", "data-custom-validity", "multiple", "disabled", "required"], Aa = ["disabled", "value"], Da = ["open"], Ma = ["id", "aria-disabled", "tabIndex", "aria-labelledby"], Na = ["data-visually-hidden", "id"], Fa = {
1518
1518
  key: 0,
1519
1519
  "data-visually-hidden": "true"
1520
1520
  }, Oa = { key: 1 }, Ra = { key: 0 }, za = { key: 0 }, Pa = { class: "db-checkbox db-custom-select-list-item" }, Va = ["form", "checked"], qa = ["aria-hidden", "id"], Ua = {
@@ -1588,17 +1588,17 @@ const la = (e) => {
1588
1588
  },
1589
1589
  emits: ["update:values"],
1590
1590
  setup(e, { emit: a }) {
1591
- const i = ge(), n = a, t = e, d = o(void 0), v = o(void 0), u = o(void 0), f = o(void 0), g = o(void 0), w = o(void 0), I = o(void 0), B = o(void 0), m = o(void 0), c = o(void 0), S = o("no-validation"), s = o(!1), k = o(void 0), y = o(void 0), p = o(""), j = o(void 0), A = o(""), x = o([]), O = o(!1), F = o(!1), K = o(0), R = o([]), z = o([]), Z = o(!1), Y = o(void 0), Se = o(0), we = o(void 0), $e = o(void 0), Re = o(void 0), ze = o(!1), Ce = o(!1), mt = o(null), q = o(null), oe = o(null), De = o(null), Pe = o(null);
1591
+ const i = me(), n = a, t = e, d = o(void 0), c = o(void 0), r = o(void 0), v = o(void 0), m = o(void 0), p = o(void 0), S = o(void 0), $ = o(void 0), g = o(void 0), h = o(void 0), b = o("no-validation"), s = o(!1), y = o(void 0), k = o(void 0), B = o(""), j = o(void 0), A = o(""), L = o([]), O = o(!1), N = o(!1), K = o(0), R = o([]), z = o([]), Z = o(!1), Y = o(void 0), Se = o(0), we = o(void 0), $e = o(void 0), Re = o(void 0), ze = o(!1), Ce = o(!1), mt = o(null), q = o(null), oe = o(null), De = o(null), Pe = o(null);
1592
1592
  ae(() => {
1593
- Ye(), g.value = t.invalidMessage || _, typeof window < "u" && "IntersectionObserver" in window && ($e.value = new IntersectionObserver((r) => {
1593
+ Ye(), m.value = t.invalidMessage || _, typeof window < "u" && "IntersectionObserver" in window && ($e.value = new IntersectionObserver((u) => {
1594
1594
  if (q.value) {
1595
- const T = r.find(({ target: C }) => C === q.value);
1596
- T && !T.isIntersecting && q.value.open && (q.value.open = !1);
1595
+ const x = u.find(({ target: C }) => C === q.value);
1596
+ x && !x.isIntersecting && q.value.open && (q.value.open = !1);
1597
1597
  }
1598
1598
  }));
1599
1599
  }), be(() => {
1600
- k.value?.abort();
1601
- }), $(
1600
+ y.value?.abort();
1601
+ }), T(
1602
1602
  () => [t.id, t.propOverrides?.id],
1603
1603
  () => {
1604
1604
  (t.id ?? t.propOverrides?.id) && Ye();
@@ -1607,38 +1607,38 @@ const la = (e) => {
1607
1607
  immediate: !0,
1608
1608
  flush: "post"
1609
1609
  }
1610
- ), $(
1610
+ ), T(
1611
1611
  () => [q.value],
1612
1612
  () => {
1613
1613
  q.value && q.value.addEventListener(
1614
1614
  "focusout",
1615
- (r) => Ee(r)
1615
+ (u) => Ee(u)
1616
1616
  );
1617
1617
  },
1618
1618
  {
1619
1619
  immediate: !0,
1620
1620
  flush: "post"
1621
1621
  }
1622
- ), $(
1622
+ ), T(
1623
1623
  () => [d.value],
1624
1624
  () => {
1625
1625
  if (d.value) {
1626
- const r = d.value + ve;
1627
- I.value = d.value + et, w.value = d.value + tt, u.value = d.value + fe, f.value = d.value + he, m.value = d.value + Ne, te(t.message, t.showMessage) ? Te(r) : Te();
1626
+ const u = d.value + ve;
1627
+ S.value = d.value + et, p.value = d.value + tt, r.value = d.value + fe, v.value = d.value + he, g.value = d.value + Fe, te(t.message, t.showMessage) ? Te(u) : Te();
1628
1628
  }
1629
1629
  },
1630
1630
  {
1631
1631
  immediate: !0,
1632
1632
  flush: "post"
1633
1633
  }
1634
- ), $(
1635
- () => [q.value, y.value],
1634
+ ), T(
1635
+ () => [q.value, k.value],
1636
1636
  () => {
1637
1637
  if (q.value) {
1638
- const r = q.value.querySelector("summary");
1639
- r && r.setAttribute(
1638
+ const u = q.value.querySelector("summary");
1639
+ u && u.setAttribute(
1640
1640
  "aria-describedby",
1641
- t.ariaDescribedBy ?? (y.value || "")
1641
+ t.ariaDescribedBy ?? (k.value || "")
1642
1642
  );
1643
1643
  }
1644
1644
  },
@@ -1646,7 +1646,7 @@ const la = (e) => {
1646
1646
  immediate: !0,
1647
1647
  flush: "post"
1648
1648
  }
1649
- ), $(
1649
+ ), T(
1650
1650
  () => [t.showNoResults, t.showLoading, z.value],
1651
1651
  () => {
1652
1652
  t.showNoResults !== void 0 ? Z.value = t.showNoResults : z.value && (Z.value = z.value.length === 0);
@@ -1655,7 +1655,7 @@ const la = (e) => {
1655
1655
  immediate: !0,
1656
1656
  flush: "post"
1657
1657
  }
1658
- ), $(
1658
+ ), T(
1659
1659
  () => [t.showSelectAll, K.value, t.multiple],
1660
1660
  () => {
1661
1661
  O.value = !!(t.multiple && (t.showSelectAll ?? K.value > 5));
@@ -1664,26 +1664,26 @@ const la = (e) => {
1664
1664
  immediate: !0,
1665
1665
  flush: "post"
1666
1666
  }
1667
- ), $(
1667
+ ), T(
1668
1668
  () => [t.showSearch, K.value],
1669
1669
  () => {
1670
- F.value = t.showSearch ?? K.value > 9;
1670
+ N.value = t.showSearch ?? K.value > 9;
1671
1671
  },
1672
1672
  {
1673
1673
  immediate: !0,
1674
1674
  flush: "post"
1675
1675
  }
1676
- ), $(
1676
+ ), T(
1677
1677
  () => [t.values],
1678
1678
  () => {
1679
- const r = t.values;
1680
- Array.isArray(r) ? R.value !== r && (R.value = r) : r == null && R.value?.length !== 0 && (R.value = []);
1679
+ const u = t.values;
1680
+ Array.isArray(u) ? R.value !== u && (R.value = u) : u == null && R.value?.length !== 0 && (R.value = []);
1681
1681
  },
1682
1682
  {
1683
1683
  immediate: !0,
1684
1684
  flush: "post"
1685
1685
  }
1686
- ), $(
1686
+ ), T(
1687
1687
  () => [R.value, oe.value],
1688
1688
  () => {
1689
1689
  oe.value && Xe();
@@ -1692,20 +1692,20 @@ const la = (e) => {
1692
1692
  immediate: !0,
1693
1693
  flush: "post"
1694
1694
  }
1695
- ), $(
1695
+ ), T(
1696
1696
  () => [oe.value],
1697
1697
  () => {
1698
1698
  if (oe.value) {
1699
- let r = k.value;
1700
- r || (r = new AbortController(), k.value = r);
1701
- const T = t.values;
1699
+ let u = y.value;
1700
+ u || (u = new AbortController(), y.value = u);
1701
+ const x = t.values;
1702
1702
  Oe(
1703
1703
  oe.value,
1704
1704
  () => {
1705
- const C = T || (oe.value.value ? [oe.value.value] : []);
1705
+ const C = x || (oe.value.value ? [oe.value.value] : []);
1706
1706
  Le(C), Xe();
1707
1707
  },
1708
- r.signal
1708
+ u.signal
1709
1709
  );
1710
1710
  }
1711
1711
  },
@@ -1713,16 +1713,16 @@ const la = (e) => {
1713
1713
  immediate: !0,
1714
1714
  flush: "post"
1715
1715
  }
1716
- ), $(
1716
+ ), T(
1717
1717
  () => [t.validation],
1718
1718
  () => {
1719
- S.value = t.validation;
1719
+ b.value = t.validation;
1720
1720
  },
1721
1721
  {
1722
1722
  immediate: !0,
1723
1723
  flush: "post"
1724
1724
  }
1725
- ), $(
1725
+ ), T(
1726
1726
  () => [R.value, K.value],
1727
1727
  () => {
1728
1728
  R.value?.length === 0 ? (ze.value = !1, Ce.value = !1) : R.value?.length === K.value ? (Ce.value = !1, ze.value = !0) : R.value && (Ce.value = !0);
@@ -1731,41 +1731,41 @@ const la = (e) => {
1731
1731
  immediate: !0,
1732
1732
  flush: "post"
1733
1733
  }
1734
- ), $(
1734
+ ), T(
1735
1735
  () => [t.options],
1736
1736
  () => {
1737
- z.value = t.options, K.value = t.options?.filter((r) => !r.isGroupTitle).length ?? 0;
1737
+ z.value = t.options, K.value = t.options?.filter((u) => !u.isGroupTitle).length ?? 0;
1738
1738
  },
1739
1739
  {
1740
1740
  immediate: !0,
1741
1741
  flush: "post"
1742
1742
  }
1743
- ), $(
1743
+ ), T(
1744
1744
  () => [t.searchValue],
1745
1745
  () => {
1746
1746
  if (Re.value = t.searchValue, t.searchValue) {
1747
- const r = t.searchValue;
1748
- Ke(r);
1747
+ const u = t.searchValue;
1748
+ Ke(u);
1749
1749
  }
1750
1750
  },
1751
1751
  {
1752
1752
  immediate: !0,
1753
1753
  flush: "post"
1754
1754
  }
1755
- ), $(
1755
+ ), T(
1756
1756
  () => [t.options, R.value],
1757
1757
  () => {
1758
- t.options?.length && (x.value = t.options?.filter(
1759
- (r) => !r.value || !R.value?.includes ? !1 : !r.isGroupTitle && R.value?.includes(r.value)
1758
+ t.options?.length && (L.value = t.options?.filter(
1759
+ (u) => !u.value || !R.value?.includes ? !1 : !u.isGroupTitle && R.value?.includes(u.value)
1760
1760
  ));
1761
1761
  },
1762
1762
  {
1763
1763
  immediate: !0,
1764
1764
  flush: "post"
1765
1765
  }
1766
- ), $(
1766
+ ), T(
1767
1767
  () => [
1768
- x.value,
1768
+ L.value,
1769
1769
  t.selectedType,
1770
1770
  t.amountText,
1771
1771
  t.selectedLabels,
@@ -1773,33 +1773,33 @@ const la = (e) => {
1773
1773
  ],
1774
1774
  () => {
1775
1775
  if (t.selectedLabels) {
1776
- p.value = t.selectedLabels;
1776
+ B.value = t.selectedLabels;
1777
1777
  return;
1778
1778
  }
1779
- if (x.value?.length) {
1779
+ if (L.value?.length) {
1780
1780
  if (t.transformSelectedLabels) {
1781
- const r = x.value, T = t.transformSelectedLabels;
1782
- p.value = T(r);
1781
+ const u = L.value, x = t.transformSelectedLabels;
1782
+ B.value = x(u);
1783
1783
  return;
1784
1784
  }
1785
- t.selectedType === "amount" ? p.value = t.amountText ? t.amountText : `${x.value?.length} ${Ut}` : p.value = x.value?.map((r) => Ie(r)).join(", ");
1785
+ t.selectedType === "amount" ? B.value = t.amountText ? t.amountText : `${L.value?.length} ${Ut}` : B.value = L.value?.map((u) => Ie(u)).join(", ");
1786
1786
  } else
1787
- p.value = "";
1787
+ B.value = "";
1788
1788
  },
1789
1789
  {
1790
1790
  immediate: !0,
1791
1791
  flush: "post"
1792
1792
  }
1793
- ), $(
1794
- () => [x.value],
1793
+ ), T(
1794
+ () => [L.value],
1795
1795
  () => {
1796
- t.onAmountChange && t.onAmountChange(x.value?.length ?? 0);
1796
+ t.onAmountChange && t.onAmountChange(L.value?.length ?? 0);
1797
1797
  },
1798
1798
  {
1799
1799
  immediate: !0,
1800
1800
  flush: "post"
1801
1801
  }
1802
- ), $(
1802
+ ), T(
1803
1803
  () => [Ce.value, De.value],
1804
1804
  () => {
1805
1805
  De.value && (De.value.indeterminate = !!Ce.value);
@@ -1808,31 +1808,31 @@ const la = (e) => {
1808
1808
  immediate: !0,
1809
1809
  flush: "post"
1810
1810
  }
1811
- ), $(
1811
+ ), T(
1812
1812
  () => [oe.value, t.invalidMessage],
1813
1813
  () => {
1814
- g.value = t.invalidMessage || oe.value?.validationMessage || _;
1814
+ m.value = t.invalidMessage || oe.value?.validationMessage || _;
1815
1815
  },
1816
1816
  {
1817
1817
  immediate: !0,
1818
1818
  flush: "post"
1819
1819
  }
1820
1820
  );
1821
- function gt(r) {
1822
- r?.target?.contains && r?.target?.contains(q.value) && Ve();
1821
+ function gt(u) {
1822
+ u?.target?.contains && u?.target?.contains(q.value) && Ve();
1823
1823
  }
1824
1824
  function He() {
1825
1825
  return !!(t.validMessage ?? t.validation === "valid");
1826
1826
  }
1827
1827
  function Xe() {
1828
- oe.value && (oe.value.value = yt()), !oe.value?.validity.valid || t.validation === "invalid" ? (Te(f.value), g.value = t.invalidMessage || oe.value?.validationMessage || _, re() && (A.value = g.value, J(() => A.value = "", 1e3)), s.value && (S.value = t.validation ?? "invalid")) : He() && oe.value?.validity.valid && t.required ? (Te(u.value), re() && (A.value = t.validMessage ?? ce, J(() => A.value = "", 1e3)), S.value = t.validation ?? "valid") : te(t.message, t.showMessage) ? (Te(v.value), S.value = t.validation ?? "no-validation") : (Te(m.value), S.value = t.validation ?? "no-validation");
1828
+ oe.value && (oe.value.value = yt()), !oe.value?.validity.valid || t.validation === "invalid" ? (Te(v.value), m.value = t.invalidMessage || oe.value?.validationMessage || _, re() && (A.value = m.value, J(() => A.value = "", 1e3)), s.value && (b.value = t.validation ?? "invalid")) : He() && oe.value?.validity.valid && t.required ? (Te(r.value), re() && (A.value = t.validMessage ?? ce, J(() => A.value = "", 1e3)), b.value = t.validation ?? "valid") : te(t.message, t.showMessage) ? (Te(c.value), b.value = t.validation ?? "no-validation") : (Te(g.value), b.value = t.validation ?? "no-validation");
1829
1829
  }
1830
- function bt(r) {
1831
- t.onDropdownToggle && (r.stopPropagation(), t.onDropdownToggle(r)), r.target instanceof HTMLDetailsElement && r.target.open ? (Y.value = new me().addCallback(
1832
- (T) => Lt(T)
1830
+ function bt(u) {
1831
+ t.onDropdownToggle && (u.stopPropagation(), t.onDropdownToggle(u)), u.target instanceof HTMLDetailsElement && u.target.open ? (Y.value = new ge().addCallback(
1832
+ (x) => Lt(x)
1833
1833
  ), we.value = new se().addCallback(
1834
- (T) => gt(T)
1835
- ), Ve(), $e.value?.observe(q.value), r.target.dataset.test || je()) : (Y.value && new me().removeCallback(
1834
+ (x) => gt(x)
1835
+ ), Ve(), $e.value?.observe(q.value), u.target.dataset.test || je()) : (Y.value && new ge().removeCallback(
1836
1836
  Y.value
1837
1837
  ), we.value && new se().removeCallback(
1838
1838
  we.value
@@ -1841,51 +1841,51 @@ const la = (e) => {
1841
1841
  function yt() {
1842
1842
  return R.value?.length ? R.value.at(0) ?? "" : "";
1843
1843
  }
1844
- function Te(r) {
1845
- const T = [];
1846
- r && T.push(r), j.value && p.value?.length && T.push(j.value), y.value = T.join(" ");
1844
+ function Te(u) {
1845
+ const x = [];
1846
+ u && x.push(u), j.value && B.value?.length && x.push(j.value), k.value = x.join(" ");
1847
1847
  }
1848
1848
  function wt() {
1849
1849
  return t.selectAllLabel ?? pe;
1850
1850
  }
1851
- function Ie(r) {
1852
- return r.label ?? r.value?.toString() ?? "";
1851
+ function Ie(u) {
1852
+ return u.label ?? u.value?.toString() ?? "";
1853
1853
  }
1854
- function kt(r) {
1855
- return r && R.value?.includes ? R.value?.includes(r) : !1;
1854
+ function kt(u) {
1855
+ return u && R.value?.includes ? R.value?.includes(u) : !1;
1856
1856
  }
1857
- function pt(r) {
1858
- const T = t.removeTagsTexts, C = t.options;
1859
- if (T && C) {
1860
- const ie = C.findIndex((ne) => ne.value === r.value);
1861
- if (ie >= 0 && ie < T.length)
1862
- return T[ie];
1857
+ function pt(u) {
1858
+ const x = t.removeTagsTexts, C = t.options;
1859
+ if (x && C) {
1860
+ const ie = C.findIndex((ne) => ne.value === u.value);
1861
+ if (ie >= 0 && ie < x.length)
1862
+ return x[ie];
1863
1863
  }
1864
- return `${ot} ${Ie(r)}`;
1864
+ return `${ot} ${Ie(u)}`;
1865
1865
  }
1866
- function Bt(r, T) {
1867
- T && T.stopPropagation(), qe(r.value), Ae();
1866
+ function Bt(u, x) {
1867
+ x && x.stopPropagation(), qe(u.value), Ae();
1868
1868
  }
1869
1869
  function Ve() {
1870
1870
  if (q.value) {
1871
- const r = q.value.querySelector("article");
1872
- r && J(() => {
1871
+ const u = q.value.querySelector("article");
1872
+ u && J(() => {
1873
1873
  oa(
1874
- r,
1874
+ u,
1875
1875
  q.value,
1876
1876
  t.placement ?? "bottom"
1877
1877
  );
1878
1878
  }, 1);
1879
1879
  }
1880
1880
  }
1881
- function St(r) {
1881
+ function St(u) {
1882
1882
  if (q.value?.open) {
1883
1883
  if (self.document) {
1884
- const T = self.document.activeElement;
1885
- if (T)
1886
- if (T.getAttribute("type") === "checkbox" || T.getAttribute("type") === "radio") {
1887
- const ie = T?.closest("li");
1888
- if (r.key === "ArrowDown" || r.key === "ArrowRight") {
1884
+ const x = self.document.activeElement;
1885
+ if (x)
1886
+ if (x.getAttribute("type") === "checkbox" || x.getAttribute("type") === "radio") {
1887
+ const ie = x?.closest("li");
1888
+ if (u.key === "ArrowDown" || u.key === "ArrowRight") {
1889
1889
  let ne = ie?.nextElementSibling;
1890
1890
  for (; ne; ) {
1891
1891
  const ke = ne.querySelector("input");
@@ -1895,7 +1895,7 @@ const la = (e) => {
1895
1895
  }
1896
1896
  ne = ne.nextElementSibling;
1897
1897
  }
1898
- ne || Me(T);
1898
+ ne || Me(x);
1899
1899
  } else {
1900
1900
  let ne = ie?.previousElementSibling;
1901
1901
  for (; ne; ) {
@@ -1910,8 +1910,8 @@ const la = (e) => {
1910
1910
  const ke = q.value.querySelector(
1911
1911
  'input[type="checkbox"]'
1912
1912
  );
1913
- if (ke && ke !== T)
1914
- Me(T);
1913
+ if (ke && ke !== x)
1914
+ Me(x);
1915
1915
  else {
1916
1916
  const Je = _e(q.value);
1917
1917
  if (Je)
@@ -1930,79 +1930,79 @@ const la = (e) => {
1930
1930
  }
1931
1931
  }
1932
1932
  } else
1933
- T.getAttribute("type") === "search" && (r.key === "ArrowUp" || r.key === "ArrowLeft") ? (Ee(void 0, !0), Ae()) : Me(T);
1933
+ x.getAttribute("type") === "search" && (u.key === "ArrowUp" || u.key === "ArrowLeft") ? (Ee(void 0, !0), Ae()) : Me(x);
1934
1934
  }
1935
- } else (r.key === "ArrowDown" || r.key === "ArrowRight") && (Ve(), q.value && (q.value.open = !0), je());
1936
- r.stopPropagation(), r.preventDefault();
1935
+ } else (u.key === "ArrowDown" || u.key === "ArrowRight") && (Ve(), q.value && (q.value.open = !0), je());
1936
+ u.stopPropagation(), u.preventDefault();
1937
1937
  }
1938
- function It(r) {
1939
- if (r.stopPropagation(), r.key === "Escape" && q.value?.open)
1938
+ function It(u) {
1939
+ if (u.stopPropagation(), u.key === "Escape" && q.value?.open)
1940
1940
  Ee(void 0, !0), Ae();
1941
- else if (r.key === "Enter" && q.value?.open) {
1941
+ else if (u.key === "Enter" && q.value?.open) {
1942
1942
  if (self.document) {
1943
- const T = self.document.activeElement;
1944
- if (["checkbox", "radio"].includes(T.getAttribute("type") || ""))
1945
- T.click(), r.preventDefault();
1946
- else if (T.getAttribute("type") === "search") {
1943
+ const x = self.document.activeElement;
1944
+ if (["checkbox", "radio"].includes(x.getAttribute("type") || ""))
1945
+ x.click(), u.preventDefault();
1946
+ else if (x.getAttribute("type") === "search") {
1947
1947
  const C = z.value?.find(
1948
1948
  (ie) => !ie.isGroupTitle && !ie.disabled
1949
1949
  );
1950
- C?.value && (qe(C.value), r.preventDefault());
1950
+ C?.value && (qe(C.value), u.preventDefault());
1951
1951
  }
1952
1952
  }
1953
- } else (r.key === "ArrowDown" || r.key === "ArrowUp" || r.key === "ArrowLeft" || r.key === "ArrowRight") && St(r);
1953
+ } else (u.key === "ArrowDown" || u.key === "ArrowUp" || u.key === "ArrowLeft" || u.key === "ArrowRight") && St(u);
1954
1954
  }
1955
- function Ee(r, T) {
1955
+ function Ee(u, x) {
1956
1956
  if (q.value) {
1957
- if (T)
1957
+ if (x)
1958
1958
  q.value.open = !1, Ae();
1959
- else if (q.value.open && r && r.relatedTarget) {
1960
- const C = r.relatedTarget;
1959
+ else if (q.value.open && u && u.relatedTarget) {
1960
+ const C = u.relatedTarget;
1961
1961
  !q.value.contains(C) && C.localName !== "dialog" && J(() => q.value.open = !1, 1);
1962
1962
  }
1963
1963
  }
1964
1964
  }
1965
- function Lt(r) {
1966
- if (r) {
1967
- const T = r.target;
1968
- q.value?.open && !q.value.contains(T) && (q.value.open = !1);
1965
+ function Lt(u) {
1966
+ if (u) {
1967
+ const x = u.target;
1968
+ q.value?.open && !q.value.contains(x) && (q.value.open = !1);
1969
1969
  }
1970
1970
  }
1971
- function Le(r) {
1972
- (/* @__PURE__ */ new Date()).getTime() - Se.value < 200 || (R.value = r, s.value = !0, t.onOptionSelected && t.onOptionSelected(r ?? []), ue(
1971
+ function Le(u) {
1972
+ (/* @__PURE__ */ new Date()).getTime() - Se.value < 200 || (R.value = u, s.value = !0, t.onOptionSelected && t.onOptionSelected(u ?? []), ue(
1973
1973
  n,
1974
1974
  {
1975
1975
  target: {
1976
- values: r
1976
+ values: u
1977
1977
  }
1978
1978
  },
1979
1979
  "values"
1980
1980
  ), Se.value = (/* @__PURE__ */ new Date()).getTime());
1981
1981
  }
1982
- function qe(r) {
1983
- r && (t.multiple ? R.value?.includes(r) ? Le(R.value.filter((T) => T !== r)) : Le([...R.value || [], r]) : (Le([r]), Ee(void 0, !0)));
1982
+ function qe(u) {
1983
+ u && (t.multiple ? R.value?.includes(u) ? Le(R.value.filter((x) => x !== u)) : Le([...R.value || [], u]) : (Le([u]), Ee(void 0, !0)));
1984
1984
  }
1985
- function xt(r) {
1986
- if (r.stopPropagation(), R.value?.length === K.value)
1985
+ function xt(u) {
1986
+ if (u.stopPropagation(), R.value?.length === K.value)
1987
1987
  Le([]);
1988
1988
  else {
1989
- const T = F.value && Pe.value ? Pe.value.value : void 0;
1989
+ const x = N.value && Pe.value ? Pe.value.value : void 0;
1990
1990
  Le(
1991
1991
  t.options ? t.options.filter(
1992
- (C) => !C.isGroupTitle && (!T || C.value?.toLowerCase().includes(T.toLowerCase()))
1992
+ (C) => !C.isGroupTitle && (!x || C.value?.toLowerCase().includes(x.toLowerCase()))
1993
1993
  ).map((C) => C.value ?? "") : []
1994
1994
  );
1995
1995
  }
1996
1996
  }
1997
- function Me(r) {
1997
+ function Me(u) {
1998
1998
  if (q.value) {
1999
- const T = Array.from(
1999
+ const x = Array.from(
2000
2000
  q.value.querySelectorAll(
2001
2001
  'input[type="checkbox"],input[type="radio"]'
2002
2002
  )
2003
2003
  );
2004
- if (T.length) {
2005
- const C = T.at(0), ie = C === r && T.length > 1 ? T.at(1) : C;
2004
+ if (x.length) {
2005
+ const C = x.at(0), ie = C === u && x.length > 1 ? x.at(1) : C;
2006
2006
  ie && J(() => {
2007
2007
  ie.focus();
2008
2008
  }, 1);
@@ -2011,108 +2011,108 @@ const la = (e) => {
2011
2011
  }
2012
2012
  function je() {
2013
2013
  if (q.value) {
2014
- const r = _e(q.value);
2015
- r ? J(() => {
2016
- r.focus();
2014
+ const u = _e(q.value);
2015
+ u ? J(() => {
2016
+ u.focus();
2017
2017
  }, 1) : Me();
2018
2018
  }
2019
2019
  }
2020
- function Ke(r) {
2021
- if (r === void 0)
2020
+ function Ke(u) {
2021
+ if (u === void 0)
2022
2022
  return;
2023
- let T;
2024
- if (typeof r == "string")
2025
- T = r;
2023
+ let x;
2024
+ if (typeof u == "string")
2025
+ x = u;
2026
2026
  else {
2027
- const C = r;
2028
- C.stopPropagation(), t.onSearch && t.onSearch(C), T = C.target.value, Re.value = T;
2027
+ const C = u;
2028
+ C.stopPropagation(), t.onSearch && t.onSearch(C), x = C.target.value, Re.value = x;
2029
2029
  }
2030
- !t.options || !T || T.length === 0 ? z.value = t.options : t.searchFilter ? z.value = t.options.filter(
2031
- (C) => t.searchFilter(C, T)
2030
+ !t.options || !x || x.length === 0 ? z.value = t.options : t.searchFilter ? z.value = t.options.filter(
2031
+ (C) => t.searchFilter(C, x)
2032
2032
  ) : z.value = t.options.filter(
2033
- (C) => !C.isGroupTitle && Ie(C).toLowerCase().includes(T.toLowerCase())
2033
+ (C) => !C.isGroupTitle && Ie(C).toLowerCase().includes(x.toLowerCase())
2034
2034
  );
2035
2035
  }
2036
- function Tt(r) {
2037
- r.stopPropagation(), Le([]), Ae();
2036
+ function Tt(u) {
2037
+ u.stopPropagation(), Le([]), Ae();
2038
2038
  }
2039
2039
  function Ae() {
2040
2040
  q.value && q.value.querySelector("summary")?.focus();
2041
2041
  }
2042
2042
  function Ye() {
2043
- const r = t.id ?? t.propOverrides?.id ?? `custom-select-${i}`;
2044
- d.value = r, v.value = r + ve, u.value = r + fe, f.value = r + he, w.value = r + tt, I.value = r + et, B.value = r + "-summary", m.value = r + Ne, j.value = r + "-selected-labels", c.value = r + "-info";
2043
+ const u = t.id ?? t.propOverrides?.id ?? `custom-select-${i}`;
2044
+ d.value = u, c.value = u + ve, r.value = u + fe, v.value = u + he, p.value = u + tt, S.value = u + et, $.value = u + "-summary", g.value = u + Fe, j.value = u + "-selected-labels", h.value = u + "-info";
2045
2045
  }
2046
- function $t(r) {
2047
- r.stopPropagation();
2046
+ function $t(u) {
2047
+ u.stopPropagation();
2048
2048
  }
2049
- return (r, T) => (h(), b("div", {
2049
+ return (u, x) => (f(), w("div", {
2050
2050
  id: d.value,
2051
2051
  ref_key: "_ref",
2052
2052
  ref: mt,
2053
2053
  class: U(l(G)("db-custom-select", t.class)),
2054
- "aria-invalid": S.value === "invalid",
2055
- "data-custom-validity": S.value,
2054
+ "aria-invalid": b.value === "invalid",
2055
+ "data-custom-validity": b.value,
2056
2056
  "data-width": e.formFieldWidth,
2057
2057
  "data-variant": e.variant === "floating" && e.selectedType === "tag" && e.multiple ? "above" : e.variant,
2058
- "data-required": l(N)(e.required),
2058
+ "data-required": l(F)(e.required),
2059
2059
  "data-hide-asterisk": l(de)(e.showRequiredAsterisk),
2060
2060
  "data-placement": e.placement,
2061
2061
  "data-selected-type": e.multiple ? e.selectedType : "text",
2062
2062
  "data-hide-label": l(de)(e.showLabel),
2063
2063
  "data-icon": e.icon,
2064
- "data-show-icon": l(N)(e.showIcon)
2064
+ "data-show-icon": l(F)(e.showIcon)
2065
2065
  }, [
2066
- E("label", { id: I.value }, [
2067
- D(L(e.label ?? l(pe)), 1),
2066
+ E("label", { id: S.value }, [
2067
+ D(I(e.label ?? l(pe)), 1),
2068
2068
  E("select", {
2069
2069
  role: "none",
2070
2070
  hidden: !0,
2071
- id: w.value,
2071
+ id: p.value,
2072
2072
  tabIndex: -1,
2073
2073
  ref_key: "selectRef",
2074
2074
  ref: oe,
2075
2075
  form: e.form,
2076
2076
  name: e.name,
2077
- "data-custom-validity": S.value,
2077
+ "data-custom-validity": b.value,
2078
2078
  multiple: l(V)(e.multiple, "multiple"),
2079
2079
  disabled: l(V)(e.disabled, "disabled"),
2080
2080
  required: l(V)(e.required, "required"),
2081
- onChange: T[0] || (T[0] = async (C) => $t(C))
2081
+ onChange: x[0] || (x[0] = async (C) => $t(C))
2082
2082
  }, [
2083
- e.options?.length ? (h(!0), b(X, { key: 0 }, ye(e.options, (C, ie) => (h(), b("option", {
2083
+ e.options?.length ? (f(!0), w(X, { key: 0 }, ye(e.options, (C, ie) => (f(), w("option", {
2084
2084
  key: ie,
2085
2085
  disabled: C.disabled,
2086
2086
  value: C.value
2087
- }, L(Ie(C)), 9, Aa))), 128)) : P("", !0)
2087
+ }, I(Ie(C)), 9, Aa))), 128)) : P("", !0)
2088
2088
  ], 40, Ea)
2089
2089
  ], 8, Ca),
2090
2090
  E("details", {
2091
2091
  ref_key: "detailsRef",
2092
2092
  ref: q,
2093
2093
  open: e.open,
2094
- onToggle: T[2] || (T[2] = async (C) => bt(C)),
2095
- onKeydown: T[3] || (T[3] = async (C) => It(C))
2094
+ onToggle: x[2] || (x[2] = async (C) => bt(C)),
2095
+ onKeydown: x[3] || (x[3] = async (C) => It(C))
2096
2096
  }, [
2097
- M(r.$slots, "default"),
2098
- e.options ? (h(), b(X, { key: 0 }, [
2097
+ M(u.$slots, "default"),
2098
+ e.options ? (f(), w(X, { key: 0 }, [
2099
2099
  E("summary", {
2100
2100
  class: "db-custom-select-form-field",
2101
- id: B.value,
2102
- "aria-disabled": l(N)(e.disabled),
2101
+ id: $.value,
2102
+ "aria-disabled": l(F)(e.disabled),
2103
2103
  tabIndex: e.disabled ? -1 : void 0,
2104
- "aria-labelledby": I.value
2104
+ "aria-labelledby": S.value
2105
2105
  }, [
2106
- p.value?.length ? (h(), b("span", {
2106
+ B.value?.length ? (f(), w("span", {
2107
2107
  key: 0,
2108
- "data-visually-hidden": l(N)(e.selectedType === "tag"),
2108
+ "data-visually-hidden": l(F)(e.selectedType === "tag"),
2109
2109
  id: j.value
2110
2110
  }, [
2111
- e.selectedPrefix ? (h(), b("span", Na, L(e.selectedPrefix), 1)) : P("", !0),
2112
- D(" " + L(p.value), 1)
2113
- ], 8, Fa)) : P("", !0),
2114
- e.selectedType === "tag" ? (h(), b("div", Oa, [
2115
- (h(!0), b(X, null, ye(x.value, (C, ie) => (h(), Q(Ta, {
2111
+ e.selectedPrefix ? (f(), w("span", Fa, I(e.selectedPrefix), 1)) : P("", !0),
2112
+ D(" " + I(B.value), 1)
2113
+ ], 8, Na)) : P("", !0),
2114
+ e.selectedType === "tag" ? (f(), w("div", Oa, [
2115
+ (f(!0), w(X, null, ye(L.value, (C, ie) => (f(), Q(Ta, {
2116
2116
  key: ie,
2117
2117
  emphasis: "strong",
2118
2118
  behavior: "removable",
@@ -2120,7 +2120,7 @@ const la = (e) => {
2120
2120
  onRemove: (ne) => Bt(C, ne)
2121
2121
  }, {
2122
2122
  default: H(() => [
2123
- D(L(Ie(C)), 1)
2123
+ D(I(Ie(C)), 1)
2124
2124
  ]),
2125
2125
  _: 2
2126
2126
  }, 1032, ["removeButton", "onRemove"]))), 128))
@@ -2128,7 +2128,7 @@ const la = (e) => {
2128
2128
  ], 8, Ma),
2129
2129
  le(ra, { width: e.dropdownWidth }, {
2130
2130
  default: H(() => [
2131
- F.value ? (h(), b("div", Ra, [
2131
+ N.value ? (f(), w("div", Ra, [
2132
2132
  le(Ia, {
2133
2133
  type: "search",
2134
2134
  ref_key: "searchInputRef",
@@ -2139,22 +2139,22 @@ const la = (e) => {
2139
2139
  value: Re.value,
2140
2140
  label: e.searchLabel ?? l(pe),
2141
2141
  placeholder: e.searchPlaceholder ?? e.searchLabel,
2142
- ariaDescribedBy: Z.value || e.showLoading ? c.value : void 0,
2142
+ ariaDescribedBy: Z.value || e.showLoading ? h.value : void 0,
2143
2143
  onInput: (C) => Ke(C)
2144
2144
  }, null, 8, ["name", "form", "value", "label", "placeholder", "ariaDescribedBy", "onInput"])
2145
2145
  ])) : P("", !0),
2146
- Z.value || e.showLoading ? (h(), Q(ee, {
2146
+ Z.value || e.showLoading ? (f(), Q(ee, {
2147
2147
  key: 1,
2148
- id: c.value,
2148
+ id: h.value,
2149
2149
  icon: e.showLoading ? "circular_arrows" : void 0,
2150
2150
  semantic: e.showLoading ? "informational" : "warning"
2151
2151
  }, {
2152
2152
  default: H(() => [
2153
- D(L((e.showLoading ? e.loadingText : e.noResultsText) ?? l(Vt)), 1)
2153
+ D(I((e.showLoading ? e.loadingText : e.noResultsText) ?? l(Vt)), 1)
2154
2154
  ]),
2155
2155
  _: 1
2156
- }, 8, ["id", "icon", "semantic"])) : (h(), b(X, { key: 2 }, [
2157
- O.value ? (h(), b("div", za, [
2156
+ }, 8, ["id", "icon", "semantic"])) : (f(), w(X, { key: 2 }, [
2157
+ O.value ? (f(), w("div", za, [
2158
2158
  E("div", Pa, [
2159
2159
  E("label", null, [
2160
2160
  E("input", {
@@ -2164,9 +2164,9 @@ const la = (e) => {
2164
2164
  ref: De,
2165
2165
  form: d.value,
2166
2166
  checked: ze.value,
2167
- onChange: T[1] || (T[1] = async (C) => xt(C))
2167
+ onChange: x[1] || (x[1] = async (C) => xt(C))
2168
2168
  }, null, 40, Va),
2169
- D(L(wt()), 1)
2169
+ D(I(wt()), 1)
2170
2170
  ])
2171
2171
  ])
2172
2172
  ])) : P("", !0),
@@ -2175,7 +2175,7 @@ const la = (e) => {
2175
2175
  label: e.listLabel ?? e.label ?? l(pe)
2176
2176
  }, {
2177
2177
  default: H(() => [
2178
- (h(!0), b(X, null, ye(z.value, (C, ie) => (h(), Q(ma, {
2178
+ (f(!0), w(X, null, ye(z.value, (C, ie) => (f(), Q(ma, {
2179
2179
  key: ie,
2180
2180
  type: e.multiple ? "checkbox" : "radio",
2181
2181
  showDivider: C.showDivider,
@@ -2189,8 +2189,8 @@ const la = (e) => {
2189
2189
  onChange: (ne) => qe(C.value)
2190
2190
  }, {
2191
2191
  default: H(() => [
2192
- C.isGroupTitle ? P("", !0) : (h(), b(X, { key: 0 }, [
2193
- D(L(Ie(C)), 1)
2192
+ C.isGroupTitle ? P("", !0) : (f(), w(X, { key: 0 }, [
2193
+ D(I(Ie(C)), 1)
2194
2194
  ], 64))
2195
2195
  ]),
2196
2196
  _: 2
@@ -2210,7 +2210,7 @@ const la = (e) => {
2210
2210
  onClick: (C) => Ee(void 0, !0)
2211
2211
  }, {
2212
2212
  default: H(() => [
2213
- D(L(e.mobileCloseButtonText ?? l(Ge)), 1)
2213
+ D(I(e.mobileCloseButtonText ?? l(Ge)), 1)
2214
2214
  ]),
2215
2215
  _: 1
2216
2216
  }, 8, ["name", "form", "onClick"])
@@ -2220,7 +2220,7 @@ const la = (e) => {
2220
2220
  }, 8, ["width"])
2221
2221
  ], 64)) : P("", !0)
2222
2222
  ], 40, Da),
2223
- (e.showClearSelection ?? !0) && R.value?.length ? (h(), Q(Be, {
2223
+ (e.showClearSelection ?? !0) && R.value?.length ? (f(), Q(Be, {
2224
2224
  key: 0,
2225
2225
  icon: "cross",
2226
2226
  variant: "ghost",
@@ -2232,10 +2232,10 @@ const la = (e) => {
2232
2232
  onClick: (C) => Tt(C)
2233
2233
  }, {
2234
2234
  default: H(() => [
2235
- D(L(e.clearSelectionText), 1),
2235
+ D(I(e.clearSelectionText), 1),
2236
2236
  le(ht, { placement: "top" }, {
2237
2237
  default: H(() => [
2238
- D(L(e.clearSelectionText), 1)
2238
+ D(I(e.clearSelectionText), 1)
2239
2239
  ]),
2240
2240
  _: 1
2241
2241
  })
@@ -2244,42 +2244,42 @@ const la = (e) => {
2244
2244
  }, 8, ["name", "form", "disabled", "onClick"])) : P("", !0),
2245
2245
  E("span", {
2246
2246
  class: "db-custom-select-placeholder",
2247
- "aria-hidden": l(N)(!0),
2248
- id: m.value
2249
- }, L(e.placeholder ?? e.label), 9, qa),
2250
- l(te)(e.message, e.showMessage) ? (h(), Q(ee, {
2247
+ "aria-hidden": l(F)(!0),
2248
+ id: g.value
2249
+ }, I(e.placeholder ?? e.label), 9, qa),
2250
+ l(te)(e.message, e.showMessage) ? (f(), Q(ee, {
2251
2251
  key: 1,
2252
2252
  size: "small",
2253
2253
  icon: e.messageIcon,
2254
- id: v.value
2254
+ id: c.value
2255
2255
  }, {
2256
2256
  default: H(() => [
2257
- D(L(e.message), 1)
2257
+ D(I(e.message), 1)
2258
2258
  ]),
2259
2259
  _: 1
2260
2260
  }, 8, ["icon", "id"])) : P("", !0),
2261
- He() ? (h(), Q(ee, {
2261
+ He() ? (f(), Q(ee, {
2262
2262
  key: 2,
2263
2263
  size: "small",
2264
2264
  semantic: "successful",
2265
- id: u.value
2265
+ id: r.value
2266
2266
  }, {
2267
2267
  default: H(() => [
2268
- D(L(e.validMessage || l(ce)), 1)
2268
+ D(I(e.validMessage || l(ce)), 1)
2269
2269
  ]),
2270
2270
  _: 1
2271
2271
  }, 8, ["id"])) : P("", !0),
2272
2272
  le(ee, {
2273
2273
  size: "small",
2274
2274
  semantic: "critical",
2275
- id: f.value
2275
+ id: v.value
2276
2276
  }, {
2277
2277
  default: H(() => [
2278
- D(L(g.value), 1)
2278
+ D(I(m.value), 1)
2279
2279
  ]),
2280
2280
  _: 1
2281
2281
  }, 8, ["id"]),
2282
- E("span", Ua, L(A.value), 1)
2282
+ E("span", Ua, I(A.value), 1)
2283
2283
  ], 10, $a));
2284
2284
  }
2285
2285
  }), $l = ["fixed", "auto", "full"], Ga = ["id"], Cl = /* @__PURE__ */ W({
@@ -2295,7 +2295,7 @@ const la = (e) => {
2295
2295
  },
2296
2296
  setup(e) {
2297
2297
  const a = e, i = o(null);
2298
- return (n, t) => (h(), b("summary", {
2298
+ return (n, t) => (f(), w("summary", {
2299
2299
  ref_key: "_ref",
2300
2300
  ref: i,
2301
2301
  id: e.id ?? e.propOverrides?.id,
@@ -2321,7 +2321,7 @@ const la = (e) => {
2321
2321
  },
2322
2322
  setup(e) {
2323
2323
  const a = e, i = o(null);
2324
- return (n, t) => (h(), b("div", {
2324
+ return (n, t) => (f(), w("div", {
2325
2325
  ref_key: "_ref",
2326
2326
  ref: i,
2327
2327
  id: e.id ?? e.propOverrides?.id,
@@ -2332,7 +2332,7 @@ const la = (e) => {
2332
2332
  class: U(l(G)("db-divider", a.class))
2333
2333
  }, null, 10, Wa));
2334
2334
  }
2335
- }), Ml = ["none", "_"], Fl = ["horizontal", "vertical"], Ha = ["id", "data-position", "data-backdrop", "data-direction", "data-variant"], Xa = ["data-spacing", "data-width", "data-direction", "data-rounded"], ja = { class: "db-drawer-header" }, Ka = { class: "db-drawer-header-text" }, Ya = { class: "db-drawer-content" }, Ja = /* @__PURE__ */ W({
2335
+ }), Ml = ["none", "_"], Nl = ["horizontal", "vertical"], Ha = ["id", "data-position", "data-backdrop", "data-direction", "data-variant"], Xa = ["data-spacing", "data-width", "data-direction", "data-rounded"], ja = { class: "db-drawer-header" }, Ka = { class: "db-drawer-header-text" }, Ya = { class: "db-drawer-content" }, Ja = /* @__PURE__ */ W({
2336
2336
  name: "DBDrawer",
2337
2337
  __name: "drawer",
2338
2338
  props: {
@@ -2359,22 +2359,22 @@ const la = (e) => {
2359
2359
  setup(e) {
2360
2360
  const a = e, i = o(!1), n = o(null), t = o(null);
2361
2361
  ae(() => {
2362
- v(), i.value = !0;
2363
- }), $(
2362
+ c(), i.value = !0;
2363
+ }), T(
2364
2364
  () => [a.open],
2365
2365
  () => {
2366
- v();
2366
+ c();
2367
2367
  },
2368
2368
  {
2369
2369
  immediate: !0,
2370
2370
  flush: "post"
2371
2371
  }
2372
- ), $(
2372
+ ), T(
2373
2373
  () => [n.value, i.value, a.position],
2374
2374
  () => {
2375
2375
  if (n.value && i.value && a.position === "absolute") {
2376
- const f = n.value.parentElement;
2377
- f && (f.style.position = "relative");
2376
+ const v = n.value.parentElement;
2377
+ v && (v.style.position = "relative");
2378
2378
  }
2379
2379
  },
2380
2380
  {
@@ -2382,28 +2382,28 @@ const la = (e) => {
2382
2382
  flush: "post"
2383
2383
  }
2384
2384
  );
2385
- function d(u, f) {
2386
- u && (Mt(u) ? u.key === "Escape" && (u.preventDefault(), a.onClose && a.onClose(u)) : (f && (u.stopPropagation(), a.onClose && a.onClose(u)), u.target?.nodeName === "DIALOG" && u.type === "click" && a.backdrop !== "none" && a.onClose && a.onClose(u)));
2385
+ function d(r, v) {
2386
+ r && (Mt(r) ? r.key === "Escape" && (r.preventDefault(), a.onClose && a.onClose(r)) : (v && (r.stopPropagation(), a.onClose && a.onClose(r)), r.target?.nodeName === "DIALOG" && r.type === "click" && a.backdrop !== "none" && a.onClose && a.onClose(r)));
2387
2387
  }
2388
- function v() {
2388
+ function c() {
2389
2389
  if (n.value) {
2390
- const u = !!a.open;
2391
- u && !n.value.open && (t.value && t.value.removeAttribute(
2390
+ const r = !!a.open;
2391
+ r && !n.value.open && (t.value && t.value.removeAttribute(
2392
2392
  "data-transition"
2393
2393
  ), a.position === "absolute" || a.backdrop === "none" || a.variant === "inside" ? n.value.show() : n.value.showModal(), J(() => {
2394
2394
  t.value && (t.value.dataset.transition = "open");
2395
- }, 1)), !u && n.value.open && (t.value && (t.value.dataset.transition = "close"), J(() => {
2395
+ }, 1)), !r && n.value.open && (t.value && (t.value.dataset.transition = "close"), J(() => {
2396
2396
  n.value?.close();
2397
2397
  }, 401));
2398
2398
  }
2399
2399
  }
2400
- return (u, f) => (h(), b("dialog", {
2400
+ return (r, v) => (f(), w("dialog", {
2401
2401
  class: "db-drawer",
2402
2402
  id: e.id ?? e.propOverrides?.id,
2403
2403
  ref_key: "_ref",
2404
2404
  ref: n,
2405
- onClick: f[0] || (f[0] = async (g) => d(g)),
2406
- onKeydown: f[1] || (f[1] = async (g) => d(g)),
2405
+ onClick: v[0] || (v[0] = async (m) => d(m)),
2406
+ onKeydown: v[1] || (v[1] = async (m) => d(m)),
2407
2407
  "data-position": e.position,
2408
2408
  "data-backdrop": e.backdrop,
2409
2409
  "data-direction": e.direction,
@@ -2416,11 +2416,11 @@ const la = (e) => {
2416
2416
  "data-spacing": e.spacing,
2417
2417
  "data-width": e.width,
2418
2418
  "data-direction": e.direction,
2419
- "data-rounded": l(N)(e.rounded)
2419
+ "data-rounded": l(F)(e.rounded)
2420
2420
  }, [
2421
2421
  E("header", ja, [
2422
2422
  E("div", Ka, [
2423
- M(u.$slots, "drawer-header")
2423
+ M(r.$slots, "drawer-header")
2424
2424
  ]),
2425
2425
  le(Be, {
2426
2426
  class: "button-close-drawer",
@@ -2428,21 +2428,21 @@ const la = (e) => {
2428
2428
  variant: "ghost",
2429
2429
  id: e.closeButtonId,
2430
2430
  noText: !0,
2431
- onClick: (g) => d(g, !0)
2431
+ onClick: (m) => d(m, !0)
2432
2432
  }, {
2433
2433
  default: H(() => [
2434
- D(L(e.closeButtonText ?? l(Ge)), 1)
2434
+ D(I(e.closeButtonText ?? l(Ge)), 1)
2435
2435
  ]),
2436
2436
  _: 1
2437
2437
  }, 8, ["id", "onClick"])
2438
2438
  ]),
2439
2439
  E("div", Ya, [
2440
- M(u.$slots, "default")
2440
+ M(r.$slots, "default")
2441
2441
  ])
2442
2442
  ], 10, Xa)
2443
2443
  ], 40, Ha));
2444
2444
  }
2445
- }), Nl = ["none", "strong", "weak", "invisible"], Ol = ["left", "right", "up", "down"], Rl = ["modal", "inside"], zl = ["fixed", "absolute"], Qa = (e) => {
2445
+ }), Fl = ["none", "strong", "weak", "invisible"], Ol = ["left", "right", "up", "down"], Rl = ["modal", "inside"], zl = ["fixed", "absolute"], Qa = (e) => {
2446
2446
  const {
2447
2447
  target: a
2448
2448
  } = e;
@@ -2497,12 +2497,12 @@ class Za {
2497
2497
  if (!this.triangleData)
2498
2498
  return;
2499
2499
  if (a === "fill-gap") {
2500
- const v = `${this.triangleData.itemRect.height + 2 * this.triangleData.padding}px`, u = `${this.triangleData.parentElementWidth - this.triangleData.padding}px`;
2500
+ const c = `${this.triangleData.itemRect.height + 2 * this.triangleData.padding}px`, r = `${this.triangleData.parentElementWidth - this.triangleData.padding}px`;
2501
2501
  return {
2502
- lb: `${u} ${v}`,
2503
- lt: `${u} 0`,
2502
+ lb: `${r} ${c}`,
2503
+ lt: `${r} 0`,
2504
2504
  rt: "100% 0",
2505
- rb: `100% ${v}`
2505
+ rb: `100% ${c}`
2506
2506
  };
2507
2507
  }
2508
2508
  const i = this.getTriangleTipX(), n = this.getTriangleTipY(), t = `${i}px ${n}px`, d = `${i}px ${n}px`;
@@ -2548,7 +2548,7 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
2548
2548
  const a = e, i = o(!1), n = o(!1), t = o(null);
2549
2549
  ae(() => {
2550
2550
  i.value = !0;
2551
- }), $(
2551
+ }), T(
2552
2552
  () => [i.value, t.value],
2553
2553
  () => {
2554
2554
  i.value && t.value && a.forceMobile && (it(t.value, {
@@ -2561,14 +2561,14 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
2561
2561
  flush: "post"
2562
2562
  }
2563
2563
  );
2564
- function d(u) {
2565
- const f = !V(a.drawerOpen, "drawerOpen");
2566
- a.onToggle && a.onToggle(f);
2564
+ function d(r) {
2565
+ const v = !V(a.drawerOpen, "drawerOpen");
2566
+ a.onToggle && a.onToggle(v);
2567
2567
  }
2568
- function v(u) {
2569
- Qa(u) && d();
2568
+ function c(r) {
2569
+ Qa(r) && d();
2570
2570
  }
2571
- return (u, f) => (h(), b("header", {
2571
+ return (r, v) => (f(), w("header", {
2572
2572
  ref_key: "_ref",
2573
2573
  ref: t,
2574
2574
  class: U(l(G)("db-header", a.class)),
@@ -2583,39 +2583,39 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
2583
2583
  closeButtonId: e.closeButtonId,
2584
2584
  closeButtonText: e.closeButtonText,
2585
2585
  open: l(V)(e.drawerOpen),
2586
- onClose: (g) => d()
2586
+ onClose: (m) => d()
2587
2587
  }, {
2588
2588
  default: H(() => [
2589
2589
  E("div", ei, [
2590
2590
  E("div", {
2591
2591
  class: "db-header-navigation",
2592
- onClick: f[0] || (f[0] = async (g) => v(g))
2592
+ onClick: v[0] || (v[0] = async (m) => c(m))
2593
2593
  }, [
2594
- M(u.$slots, "default")
2594
+ M(r.$slots, "default")
2595
2595
  ]),
2596
2596
  E("div", ti, [
2597
- M(u.$slots, "meta-navigation")
2597
+ M(r.$slots, "meta-navigation")
2598
2598
  ])
2599
2599
  ]),
2600
2600
  E("div", ai, [
2601
- M(u.$slots, "secondary-action")
2601
+ M(r.$slots, "secondary-action")
2602
2602
  ])
2603
2603
  ]),
2604
2604
  _: 3
2605
2605
  }, 8, ["closeButtonId", "closeButtonText", "open", "onClose"]),
2606
2606
  E("div", ii, [
2607
- M(u.$slots, "meta-navigation")
2607
+ M(r.$slots, "meta-navigation")
2608
2608
  ]),
2609
2609
  E("div", li, [
2610
2610
  E("div", ni, [
2611
- M(u.$slots, "brand")
2611
+ M(r.$slots, "brand")
2612
2612
  ]),
2613
2613
  E("div", oi, [
2614
2614
  E("div", di, [
2615
- M(u.$slots, "default")
2615
+ M(r.$slots, "default")
2616
2616
  ]),
2617
2617
  E("div", si, [
2618
- M(u.$slots, "primary-action")
2618
+ M(r.$slots, "primary-action")
2619
2619
  ])
2620
2620
  ]),
2621
2621
  E("div", ui, [
@@ -2624,16 +2624,16 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
2624
2624
  icon: "menu",
2625
2625
  variant: "ghost",
2626
2626
  noText: !0,
2627
- onClick: (g) => d()
2627
+ onClick: (m) => d()
2628
2628
  }, {
2629
2629
  default: H(() => [
2630
- D(L(e.burgerMenuLabel ?? l(Gt)), 1)
2630
+ D(I(e.burgerMenuLabel ?? l(Gt)), 1)
2631
2631
  ]),
2632
2632
  _: 1
2633
2633
  }, 8, ["onClick"])
2634
2634
  ]),
2635
2635
  E("div", ci, [
2636
- M(u.$slots, "secondary-action")
2636
+ M(r.$slots, "secondary-action")
2637
2637
  ])
2638
2638
  ])
2639
2639
  ])
@@ -2656,7 +2656,7 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
2656
2656
  },
2657
2657
  setup(e) {
2658
2658
  const a = e, i = o(null);
2659
- return (n, t) => (h(), b("span", {
2659
+ return (n, t) => (f(), w("span", {
2660
2660
  "aria-hidden": "true",
2661
2661
  ref_key: "_ref",
2662
2662
  ref: i,
@@ -2666,8 +2666,8 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
2666
2666
  "data-icon-weight": e.weight,
2667
2667
  "data-icon-variant": e.variant
2668
2668
  }, [
2669
- e.text ? (h(), b(X, { key: 0 }, [
2670
- D(L(e.text), 1)
2669
+ e.text ? (f(), w(X, { key: 0 }, [
2670
+ D(I(e.text), 1)
2671
2671
  ], 64)) : M(n.$slots, "default", { key: 1 })
2672
2672
  ], 10, vi));
2673
2673
  }
@@ -2722,7 +2722,7 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
2722
2722
  function n(t) {
2723
2723
  a.onClick && a.onClick(t);
2724
2724
  }
2725
- return (t, d) => (h(), b("a", {
2725
+ return (t, d) => (f(), w("a", {
2726
2726
  ref_key: "_ref",
2727
2727
  ref: i,
2728
2728
  id: e.id ?? e.propOverrides?.id,
@@ -2733,17 +2733,17 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
2733
2733
  role: e.role,
2734
2734
  referrerPolicy: e.referrerpolicy ?? e.referrerPolicy,
2735
2735
  hrefLang: e.hreflang,
2736
- "aria-disabled": l(N)(e.disabled),
2736
+ "aria-disabled": l(F)(e.disabled),
2737
2737
  tabIndex: e.disabled ? -1 : 0,
2738
2738
  "data-size": e.size,
2739
- "data-show-icon-trailing": l(N)(e.showIcon ?? !0),
2739
+ "data-show-icon-trailing": l(F)(e.showIcon ?? !0),
2740
2740
  "data-variant": e.variant,
2741
2741
  "data-content": e.content || "internal",
2742
- "data-wrap": l(N)(e.wrap),
2743
- onClick: d[0] || (d[0] = async (v) => n(v))
2742
+ "data-wrap": l(F)(e.wrap),
2743
+ onClick: d[0] || (d[0] = async (c) => n(c))
2744
2744
  }, [
2745
- e.text ? (h(), b(X, { key: 0 }, [
2746
- D(L(e.text), 1)
2745
+ e.text ? (f(), w(X, { key: 0 }, [
2746
+ D(I(e.text), 1)
2747
2747
  ], 64)) : M(t.$slots, "default", { key: 1 })
2748
2748
  ], 10, fi));
2749
2749
  }
@@ -2760,7 +2760,7 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
2760
2760
  },
2761
2761
  setup(e) {
2762
2762
  const a = e, i = o(null);
2763
- return (n, t) => (h(), b("nav", {
2763
+ return (n, t) => (f(), w("nav", {
2764
2764
  ref_key: "_ref",
2765
2765
  ref: i,
2766
2766
  id: e.id ?? e.propOverrides?.id,
@@ -2771,7 +2771,7 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
2771
2771
  ])
2772
2772
  ], 10, hi));
2773
2773
  }
2774
- }), mi = ["id", "data-width", "data-icon", "data-show-icon", "data-active", "data-wrap", "aria-disabled"], gi = ["aria-haspopup", "aria-expanded", "disabled"], bi = ["data-force-close"], yi = {
2774
+ }), mi = ["id", "data-width", "data-icon", "data-show-icon", "data-active", "data-wrap", "aria-disabled"], gi = ["id", "aria-haspopup", "aria-expanded", "aria-controls", "disabled"], bi = ["id", "aria-labelledby", "data-force-close"], yi = {
2775
2775
  key: 0,
2776
2776
  class: "db-mobile-navigation-back"
2777
2777
  }, Kl = /* @__PURE__ */ W({
@@ -2799,14 +2799,16 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
2799
2799
  text: { default: void 0 }
2800
2800
  },
2801
2801
  setup(e) {
2802
- const a = e, i = o(!1), n = o(!1), t = o(!0), d = o(!1), v = o(!1), u = o(void 0), f = o(null);
2802
+ const a = me(), i = e, n = o(!1), t = o(!1), d = o(!0), c = o(!1), r = o(!1), v = o(void 0), m = o(void 0), p = o(void 0), S = o(null);
2803
2803
  ae(() => {
2804
- i.value = !0;
2805
- }), $(
2806
- () => [a.subNavigationExpanded],
2804
+ n.value = !0;
2805
+ const b = `sub-nav-${i.id ?? a}`;
2806
+ m.value = b, p.value = `${b}-toggle`;
2807
+ }), T(
2808
+ () => [i.subNavigationExpanded],
2807
2809
  () => {
2808
- a.subNavigationExpanded !== void 0 && (d.value = !!V(
2809
- a.subNavigationExpanded,
2810
+ i.subNavigationExpanded !== void 0 && (c.value = !!V(
2811
+ i.subNavigationExpanded,
2810
2812
  "subNavigationExpanded"
2811
2813
  ));
2812
2814
  },
@@ -2814,15 +2816,15 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
2814
2816
  immediate: !0,
2815
2817
  flush: "post"
2816
2818
  }
2817
- ), $(
2818
- () => [i.value, f.value],
2819
+ ), T(
2820
+ () => [n.value, S.value],
2819
2821
  () => {
2820
- if (i.value && f.value) {
2821
- const B = f.value.querySelector("menu");
2822
- B && (B.children?.length > 0 ? (n.value = !0, u.value || (u.value = new Za(
2823
- f.value,
2824
- B
2825
- ))) : t.value = !1);
2822
+ if (n.value && S.value) {
2823
+ const b = S.value.querySelector("menu");
2824
+ b && (b.children?.length > 0 ? (t.value = !0, v.value || (v.value = new Za(
2825
+ S.value,
2826
+ b
2827
+ ))) : d.value = !1);
2826
2828
  }
2827
2829
  },
2828
2830
  {
@@ -2830,68 +2832,72 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
2830
2832
  flush: "post"
2831
2833
  }
2832
2834
  );
2833
- function g(B) {
2834
- B?.target?.nodeName === "A" && (v.value = !0, J(() => {
2835
- v.value = !1;
2835
+ function $(b) {
2836
+ b?.target?.nodeName === "A" && (r.value = !0, J(() => {
2837
+ r.value = !1;
2836
2838
  }, 1e3));
2837
2839
  }
2838
- function w(B) {
2839
- a.onClick && (B.stopPropagation(), a.onClick(B)), n.value && (d.value = !0);
2840
+ function g(b) {
2841
+ i.onClick && (b.stopPropagation(), i.onClick(b)), t.value && (c.value = !0);
2840
2842
  }
2841
- function I(B) {
2842
- B.stopPropagation(), d.value = !1;
2843
+ function h(b) {
2844
+ b.stopPropagation(), c.value = !1;
2843
2845
  }
2844
- return (B, m) => (h(), b("li", {
2846
+ return (b, s) => (f(), w("li", {
2845
2847
  ref_key: "_ref",
2846
- ref: f,
2848
+ ref: S,
2847
2849
  id: e.id ?? e.propOverrides?.id,
2848
- onMouseover: m[2] || (m[2] = async (c) => u.value?.enableFollow()),
2849
- onMouseleave: m[3] || (m[3] = async (c) => u.value?.disableFollow()),
2850
- onMousemove: m[4] || (m[4] = async (c) => u.value?.followByMouseEvent(c)),
2851
- class: U(l(G)("db-navigation-item", a.class)),
2850
+ onMouseover: s[2] || (s[2] = async (y) => v.value?.enableFollow()),
2851
+ onMouseleave: s[3] || (s[3] = async (y) => v.value?.disableFollow()),
2852
+ onMousemove: s[4] || (s[4] = async (y) => v.value?.followByMouseEvent(y)),
2853
+ class: U(l(G)("db-navigation-item", i.class)),
2852
2854
  "data-width": e.width,
2853
2855
  "data-icon": e.icon,
2854
- "data-show-icon": l(N)(e.showIcon),
2856
+ "data-show-icon": l(F)(e.showIcon),
2855
2857
  "data-active": e.active,
2856
- "data-wrap": l(N)(e.wrap),
2857
- "aria-disabled": l(N)(e.disabled)
2858
+ "data-wrap": l(F)(e.wrap),
2859
+ "aria-disabled": l(F)(e.disabled)
2858
2860
  }, [
2859
- t.value ? P("", !0) : (h(), b(X, { key: 0 }, [
2860
- e.text ? (h(), b(X, { key: 0 }, [
2861
- D(L(e.text), 1)
2862
- ], 64)) : M(B.$slots, "default", { key: 1 })
2861
+ d.value ? P("", !0) : (f(), w(X, { key: 0 }, [
2862
+ e.text ? (f(), w(X, { key: 0 }, [
2863
+ D(I(e.text), 1)
2864
+ ], 64)) : M(b.$slots, "default", { key: 1 })
2863
2865
  ], 64)),
2864
- t.value ? (h(), b(X, { key: 1 }, [
2866
+ d.value ? (f(), w(X, { key: 1 }, [
2865
2867
  E("button", {
2866
2868
  class: "db-navigation-item-expand-button",
2867
- "aria-haspopup": n.value,
2868
- "aria-expanded": d.value,
2869
+ id: p.value,
2870
+ "aria-haspopup": t.value ? "true" : void 0,
2871
+ "aria-expanded": c.value,
2872
+ "aria-controls": m.value,
2869
2873
  disabled: l(V)(e.disabled, "disabled"),
2870
- onClick: m[0] || (m[0] = async (c) => w(c))
2874
+ onClick: s[0] || (s[0] = async (y) => g(y))
2871
2875
  }, [
2872
- e.text ? (h(), b(X, { key: 0 }, [
2873
- D(L(e.text), 1)
2874
- ], 64)) : M(B.$slots, "default", { key: 1 })
2876
+ e.text ? (f(), w(X, { key: 0 }, [
2877
+ D(I(e.text), 1)
2878
+ ], 64)) : M(b.$slots, "default", { key: 1 })
2875
2879
  ], 8, gi),
2876
2880
  E("menu", {
2877
2881
  class: "db-sub-navigation",
2878
- "data-force-close": v.value,
2879
- onClick: m[1] || (m[1] = async (c) => g(c))
2882
+ id: m.value,
2883
+ "aria-labelledby": p.value,
2884
+ "data-force-close": r.value,
2885
+ onClick: s[1] || (s[1] = async (y) => $(y))
2880
2886
  }, [
2881
- n.value ? (h(), b("div", yi, [
2887
+ t.value ? (f(), w("div", yi, [
2882
2888
  le(Be, {
2883
2889
  icon: "arrow_left",
2884
2890
  variant: "ghost",
2885
2891
  id: e.backButtonId,
2886
- onClick: (c) => I(c)
2892
+ onClick: (y) => h(y)
2887
2893
  }, {
2888
2894
  default: H(() => [
2889
- D(L(e.backButtonText ?? l(qt)), 1)
2895
+ D(I(e.backButtonText ?? l(qt)), 1)
2890
2896
  ]),
2891
2897
  _: 1
2892
2898
  }, 8, ["id", "onClick"])
2893
2899
  ])) : P("", !0),
2894
- M(B.$slots, "sub-navigation")
2900
+ M(b.$slots, "sub-navigation")
2895
2901
  ], 8, bi)
2896
2902
  ], 64)) : P("", !0)
2897
2903
  ], 42, mi));
@@ -2931,12 +2937,12 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
2931
2937
  function n(t) {
2932
2938
  t && (t.stopPropagation(), a.onClose && a.onClose(t));
2933
2939
  }
2934
- return (t, d) => (h(), b("div", {
2940
+ return (t, d) => (f(), w("div", {
2935
2941
  ref_key: "_ref",
2936
2942
  ref: i,
2937
2943
  id: e.id ?? e.propOverrides?.id,
2938
2944
  class: U(l(G)("db-notification", a.class)),
2939
- role: l(Ft)({
2945
+ role: l(Nt)({
2940
2946
  semantic: e.semantic,
2941
2947
  role: e.role,
2942
2948
  ariaLive: e.ariaLive
@@ -2945,29 +2951,29 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
2945
2951
  "data-semantic": e.semantic,
2946
2952
  "data-variant": e.variant,
2947
2953
  "data-icon": l(V)(e.showIcon) !== !1 ? e.icon : void 0,
2948
- "data-show-icon": l(N)(e.showIcon),
2954
+ "data-show-icon": l(F)(e.showIcon),
2949
2955
  "data-link-variant": e.linkVariant
2950
2956
  }, [
2951
2957
  M(t.$slots, "image"),
2952
- l(te)(e.headline, e.showHeadline) ? (h(), b("header", ki, L(e.headline), 1)) : P("", !0),
2958
+ l(te)(e.headline, e.showHeadline) ? (f(), w("header", ki, I(e.headline), 1)) : P("", !0),
2953
2959
  E("p", null, [
2954
- e.text ? (h(), b(X, { key: 0 }, [
2955
- D(L(e.text), 1)
2960
+ e.text ? (f(), w(X, { key: 0 }, [
2961
+ D(I(e.text), 1)
2956
2962
  ], 64)) : M(t.$slots, "default", { key: 1 })
2957
2963
  ]),
2958
- l(te)(e.timestamp, e.showTimestamp) ? (h(), b("span", pi, L(e.timestamp), 1)) : P("", !0),
2964
+ l(te)(e.timestamp, e.showTimestamp) ? (f(), w("span", pi, I(e.timestamp), 1)) : P("", !0),
2959
2965
  M(t.$slots, "link"),
2960
- l(V)(e.closeable, "closeable") ? (h(), Q(Be, {
2966
+ l(V)(e.closeable, "closeable") ? (f(), Q(Be, {
2961
2967
  key: 2,
2962
2968
  icon: "cross",
2963
2969
  variant: "ghost",
2964
2970
  size: "small",
2965
2971
  id: e.closeButtonId,
2966
2972
  noText: !0,
2967
- onClick: (v) => n(v)
2973
+ onClick: (c) => n(c)
2968
2974
  }, {
2969
2975
  default: H(() => [
2970
- D(L(e.closeButtonText ?? l(Ge)), 1)
2976
+ D(I(e.closeButtonText ?? l(Ge)), 1)
2971
2977
  ]),
2972
2978
  _: 1
2973
2979
  }, 8, ["id", "onClick"])) : P("", !0)
@@ -2998,14 +3004,14 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
2998
3004
  }) : i.value = !0;
2999
3005
  }), be(() => {
3000
3006
  typeof window < "u" && document.documentElement.classList.contains("db-page-document") && document.documentElement.classList.remove("db-page-document");
3001
- }), (t, d) => (h(), b("div", {
3007
+ }), (t, d) => (f(), w("div", {
3002
3008
  ref_key: "_ref",
3003
3009
  ref: n,
3004
3010
  id: e.id ?? e.propOverrides?.id,
3005
3011
  class: U(l(G)("db-page", a.class)),
3006
3012
  "data-variant": e.variant,
3007
- "data-fade-in": l(N)(e.fadeIn),
3008
- "data-fonts-loaded": l(N)(i.value)
3013
+ "data-fade-in": l(F)(e.fadeIn),
3014
+ "data-fonts-loaded": l(F)(i.value)
3009
3015
  }, [
3010
3016
  M(t.$slots, "header"),
3011
3017
  E("main", {
@@ -3036,25 +3042,25 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
3036
3042
  width: { default: void 0 }
3037
3043
  },
3038
3044
  setup(e) {
3039
- const a = e, i = o(!1), n = o(!1), t = o(void 0), d = o(void 0), v = o(null);
3045
+ const a = e, i = o(!1), n = o(!1), t = o(void 0), d = o(void 0), c = o(null);
3040
3046
  ae(() => {
3041
3047
  i.value = !0;
3042
- }), $(
3043
- () => [v.value, i.value],
3048
+ }), T(
3049
+ () => [c.value, i.value],
3044
3050
  () => {
3045
- if (v.value && i.value) {
3051
+ if (c.value && i.value) {
3046
3052
  i.value = !1;
3047
- const m = B();
3048
- m && (m.ariaHasPopup = "true"), f(), v.value.addEventListener(
3053
+ const g = $();
3054
+ g && (g.ariaHasPopup = "true"), v(), c.value.addEventListener(
3049
3055
  "keydown",
3050
- (c) => u(c)
3051
- ), ["mouseenter", "focusin"].forEach((c) => {
3052
- v.value.addEventListener(c, () => w());
3053
- }), ["mouseleave", "focusout"].forEach((c) => {
3054
- v.value.addEventListener(c, () => I());
3055
- }), typeof window < "u" && "IntersectionObserver" in window && (d.value = new IntersectionObserver((c) => {
3056
- const S = c.find(({ target: s }) => s === B());
3057
- S && !S.isIntersecting && u(!1);
3056
+ (h) => r(h)
3057
+ ), ["mouseenter", "focusin"].forEach((h) => {
3058
+ c.value.addEventListener(h, () => p());
3059
+ }), ["mouseleave", "focusout"].forEach((h) => {
3060
+ c.value.addEventListener(h, () => S());
3061
+ }), typeof window < "u" && "IntersectionObserver" in window && (d.value = new IntersectionObserver((h) => {
3062
+ const b = h.find(({ target: s }) => s === $());
3063
+ b && !b.isIntersecting && r(!1);
3058
3064
  }));
3059
3065
  }
3060
3066
  },
@@ -3062,12 +3068,12 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
3062
3068
  immediate: !0,
3063
3069
  flush: "post"
3064
3070
  }
3065
- ), $(
3066
- () => [v.value, n.value],
3071
+ ), T(
3072
+ () => [c.value, n.value],
3067
3073
  () => {
3068
- if (v.value) {
3069
- const m = B();
3070
- m && (m.ariaExpanded = (!!n.value).toString());
3074
+ if (c.value) {
3075
+ const g = $();
3076
+ g && (g.ariaExpanded = (!!n.value).toString());
3071
3077
  }
3072
3078
  },
3073
3079
  {
@@ -3075,69 +3081,69 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
3075
3081
  flush: "post"
3076
3082
  }
3077
3083
  );
3078
- function u(m) {
3079
- if (!m || m.key === "Escape")
3080
- for (const c of Array.from(v.value.children))
3081
- c.blur();
3084
+ function r(g) {
3085
+ if (!g || g.key === "Escape")
3086
+ for (const h of Array.from(c.value.children))
3087
+ h.blur();
3082
3088
  }
3083
- function f() {
3084
- if (!v.value) return;
3085
- const m = v.value.querySelector("article");
3086
- m && J(() => {
3089
+ function v() {
3090
+ if (!c.value) return;
3091
+ const g = c.value.querySelector("article");
3092
+ g && J(() => {
3087
3093
  ft(
3088
- m,
3089
- v.value,
3094
+ g,
3095
+ c.value,
3090
3096
  a.placement ?? "bottom"
3091
3097
  );
3092
3098
  }, 1);
3093
3099
  }
3094
- function g(m) {
3095
- m?.target?.contains && m?.target?.contains(v.value) && f();
3100
+ function m(g) {
3101
+ g?.target?.contains && g?.target?.contains(c.value) && v();
3096
3102
  }
3097
- function w() {
3103
+ function p() {
3098
3104
  n.value = !0, t.value = new se().addCallback(
3099
- (c) => g(c)
3100
- ), f();
3101
- const m = B();
3102
- m && d.value?.observe(m);
3105
+ (h) => m(h)
3106
+ ), v();
3107
+ const g = $();
3108
+ g && d.value?.observe(g);
3103
3109
  }
3104
- function I(m) {
3110
+ function S(g) {
3105
3111
  {
3106
3112
  n.value = !1, t.value && new se().removeCallback(
3107
3113
  t.value
3108
3114
  );
3109
- const c = B();
3110
- c && d.value?.unobserve(c);
3115
+ const h = $();
3116
+ h && d.value?.unobserve(h);
3111
3117
  }
3112
3118
  }
3113
- function B() {
3114
- if (v.value) {
3115
- const m = Array.from(v.value.children);
3116
- if (m.length >= 2) {
3117
- const c = m[0];
3118
- return c.tagName.includes("-") ? c.children?.length > 0 ? c.children[0] : null : c;
3119
+ function $() {
3120
+ if (c.value) {
3121
+ const g = Array.from(c.value.children);
3122
+ if (g.length >= 2) {
3123
+ const h = g[0];
3124
+ return h.tagName.includes("-") ? h.children?.length > 0 ? h.children[0] : null : h;
3119
3125
  }
3120
3126
  }
3121
3127
  return null;
3122
3128
  }
3123
- return (m, c) => (h(), b("div", {
3129
+ return (g, h) => (f(), w("div", {
3124
3130
  ref_key: "_ref",
3125
- ref: v,
3131
+ ref: c,
3126
3132
  id: e.id ?? e.propOverrides?.id,
3127
3133
  class: U(l(G)("db-popover", a.class))
3128
3134
  }, [
3129
- M(m.$slots, "trigger"),
3135
+ M(g.$slots, "trigger"),
3130
3136
  E("article", {
3131
3137
  class: "db-popover-content",
3132
3138
  "data-spacing": e.spacing,
3133
- "data-gap": l(N)(e.gap),
3134
- "data-animation": l(N)(e.animation ?? !0),
3135
- "data-open": l(N)(e.open),
3139
+ "data-gap": l(F)(e.gap),
3140
+ "data-animation": l(F)(e.animation ?? !0),
3141
+ "data-open": l(F)(e.open),
3136
3142
  "data-delay": e.delay,
3137
3143
  "data-width": e.width,
3138
3144
  "data-placement": e.placement
3139
3145
  }, [
3140
- M(m.$slots, "default")
3146
+ M(g.$slots, "default")
3141
3147
  ], 8, Ii)
3142
3148
  ], 10, Si));
3143
3149
  }
@@ -3174,50 +3180,50 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
3174
3180
  },
3175
3181
  emits: ["update:value"],
3176
3182
  setup(e, { emit: a }) {
3177
- const i = ge(), n = a, t = e, d = o(!1), v = o(void 0), u = o(void 0), f = o(null);
3183
+ const i = me(), n = a, t = e, d = o(!1), c = o(void 0), r = o(void 0), v = o(null);
3178
3184
  ae(() => {
3179
- d.value = !0, m();
3185
+ d.value = !0, g();
3180
3186
  }), be(() => {
3181
- u.value?.abort();
3182
- }), $(
3187
+ r.value?.abort();
3188
+ }), T(
3183
3189
  () => [t.id, t.propOverrides?.id],
3184
3190
  () => {
3185
- (t.id ?? t.propOverrides?.id) && m();
3191
+ (t.id ?? t.propOverrides?.id) && g();
3186
3192
  },
3187
3193
  {
3188
3194
  immediate: !0,
3189
3195
  flush: "post"
3190
3196
  }
3191
- ), $(
3192
- () => [d.value, f.value, t.checked],
3197
+ ), T(
3198
+ () => [d.value, v.value, t.checked],
3193
3199
  () => {
3194
- t.checked && d.value && f.value && (f.value.checked = !0);
3200
+ t.checked && d.value && v.value && (v.value.checked = !0);
3195
3201
  },
3196
3202
  {
3197
3203
  immediate: !0,
3198
3204
  flush: "post"
3199
3205
  }
3200
- ), $(
3201
- () => [f.value],
3206
+ ), T(
3207
+ () => [v.value],
3202
3208
  () => {
3203
- if (f.value) {
3204
- let c = u.value;
3205
- c || (c = new AbortController(), u.value = c), Oe(
3206
- f.value,
3207
- (S) => {
3209
+ if (v.value) {
3210
+ let h = r.value;
3211
+ h || (h = new AbortController(), r.value = h), Oe(
3212
+ v.value,
3213
+ (b) => {
3208
3214
  J(() => {
3209
- const s = t.checked ? t.checked : f.value.checked, k = {
3210
- ...S,
3215
+ const s = t.checked ? t.checked : v.value.checked, y = {
3216
+ ...b,
3211
3217
  target: {
3212
- ...S.target,
3218
+ ...b.target,
3213
3219
  value: "",
3214
3220
  checked: s
3215
3221
  }
3216
3222
  };
3217
- w(k), g(k);
3223
+ p(y), m(y);
3218
3224
  }, 1);
3219
3225
  },
3220
- c.signal
3226
+ h.signal
3221
3227
  );
3222
3228
  }
3223
3229
  },
@@ -3226,48 +3232,48 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
3226
3232
  flush: "post"
3227
3233
  }
3228
3234
  );
3229
- function g(c, S) {
3230
- t.input && t.input(c), t.onInput && t.onInput(c), ue(n, c);
3235
+ function m(h, b) {
3236
+ t.input && t.input(h), t.onInput && t.onInput(h), ue(n, h);
3231
3237
  }
3232
- function w(c, S) {
3233
- t.onChange && t.onChange(c), ue(n, c);
3238
+ function p(h, b) {
3239
+ t.onChange && t.onChange(h), ue(n, h);
3234
3240
  }
3235
- function I(c) {
3236
- t.onBlur && t.onBlur(c);
3241
+ function S(h) {
3242
+ t.onBlur && t.onBlur(h);
3237
3243
  }
3238
- function B(c) {
3239
- t.onFocus && t.onFocus(c);
3244
+ function $(h) {
3245
+ t.onFocus && t.onFocus(h);
3240
3246
  }
3241
- function m() {
3242
- v.value = t.id ?? t.propOverrides?.id ?? `radio-${i}`;
3247
+ function g() {
3248
+ c.value = t.id ?? t.propOverrides?.id ?? `radio-${i}`;
3243
3249
  }
3244
- return (c, S) => (h(), b("label", {
3250
+ return (h, b) => (f(), w("label", {
3245
3251
  "data-size": e.size,
3246
3252
  "data-hide-label": l(de)(e.showLabel),
3247
3253
  "data-hide-asterisk": l(de)(e.showRequiredAsterisk),
3248
3254
  class: U(l(G)("db-radio", t.class)),
3249
- for: v.value
3255
+ for: c.value
3250
3256
  }, [
3251
3257
  E("input", {
3252
3258
  type: "radio",
3253
3259
  "aria-invalid": e.validation === "invalid",
3254
3260
  "data-custom-validity": e.validation,
3255
3261
  ref_key: "_ref",
3256
- ref: f,
3257
- id: v.value,
3262
+ ref: v,
3263
+ id: c.value,
3258
3264
  name: e.name,
3259
3265
  checked: l(V)(e.checked, "checked"),
3260
3266
  disabled: l(V)(e.disabled, "disabled"),
3261
3267
  value: e.value,
3262
3268
  required: l(V)(e.required, "required"),
3263
- onInput: S[0] || (S[0] = async (s) => g(s)),
3264
- onChange: S[1] || (S[1] = async (s) => w(s)),
3265
- onBlur: S[2] || (S[2] = async (s) => I(s)),
3266
- onFocus: S[3] || (S[3] = async (s) => B(s))
3269
+ onInput: b[0] || (b[0] = async (s) => m(s)),
3270
+ onChange: b[1] || (b[1] = async (s) => p(s)),
3271
+ onBlur: b[2] || (b[2] = async (s) => S(s)),
3272
+ onFocus: b[3] || (b[3] = async (s) => $(s))
3267
3273
  }, null, 40, xi),
3268
- e.label ? (h(), b(X, { key: 0 }, [
3269
- D(L(e.label), 1)
3270
- ], 64)) : M(c.$slots, "default", { key: 1 })
3274
+ e.label ? (f(), w(X, { key: 0 }, [
3275
+ D(I(e.label), 1)
3276
+ ], 64)) : M(h.$slots, "default", { key: 1 })
3271
3277
  ], 10, Li));
3272
3278
  }
3273
3279
  }), Ti = ["id", "data-spacing", "data-width"], nn = /* @__PURE__ */ W({
@@ -3285,7 +3291,7 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
3285
3291
  },
3286
3292
  setup(e) {
3287
3293
  const a = e, i = o(null);
3288
- return (n, t) => (h(), b("section", {
3294
+ return (n, t) => (f(), w("section", {
3289
3295
  ref_key: "_ref",
3290
3296
  ref: i,
3291
3297
  id: e.id ?? e.propOverrides?.id,
@@ -3296,7 +3302,7 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
3296
3302
  M(n.$slots, "default")
3297
3303
  ], 10, Ti));
3298
3304
  }
3299
- }), $i = ["data-variant", "data-hide-label", "data-hide-asterisk", "data-icon", "data-show-icon"], Ci = ["for"], Ei = ["aria-invalid", "data-custom-validity", "required", "disabled", "id", "name", "size", "value", "autocomplete", "multiple", "aria-describedby"], Ai = ["data-show-empty-option"], Di = ["label"], Mi = ["value", "selected", "disabled"], Fi = ["value", "disabled", "selected"], Ni = ["id"], Oi = {
3305
+ }), $i = ["data-variant", "data-hide-label", "data-hide-asterisk", "data-icon", "data-show-icon"], Ci = ["for"], Ei = ["aria-invalid", "data-custom-validity", "required", "disabled", "id", "name", "size", "value", "autocomplete", "multiple", "aria-describedby"], Ai = ["data-show-empty-option"], Di = ["label"], Mi = ["value", "selected", "disabled"], Ni = ["value", "disabled", "selected"], Fi = ["id"], Oi = {
3300
3306
  "data-visually-hidden": "true",
3301
3307
  role: "status"
3302
3308
  }, on = /* @__PURE__ */ W({
@@ -3346,12 +3352,12 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
3346
3352
  },
3347
3353
  emits: ["update:value"],
3348
3354
  setup(e, { emit: a }) {
3349
- const i = ge(), n = a, t = e, d = o(void 0), v = o(void 0), u = o(void 0), f = o(void 0), g = o(void 0), w = o(""), I = o(void 0), B = o(""), m = o(!1), c = o(""), S = o(void 0), s = o(null);
3355
+ const i = me(), n = a, t = e, d = o(void 0), c = o(void 0), r = o(void 0), v = o(void 0), m = o(void 0), p = o(""), S = o(void 0), $ = o(""), g = o(!1), h = o(""), b = o(void 0), s = o(null);
3350
3356
  ae(() => {
3351
- m.value = !0, R(), g.value = t.invalidMessage || _;
3357
+ g.value = !0, R(), m.value = t.invalidMessage || _;
3352
3358
  }), be(() => {
3353
- S.value?.abort();
3354
- }), $(
3359
+ b.value?.abort();
3360
+ }), T(
3355
3361
  () => [t.id, t.propOverrides?.id],
3356
3362
  () => {
3357
3363
  (t.id ?? t.propOverrides?.id) && R();
@@ -3360,42 +3366,42 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
3360
3366
  immediate: !0,
3361
3367
  flush: "post"
3362
3368
  }
3363
- ), $(
3369
+ ), T(
3364
3370
  () => [s.value, t.invalidMessage],
3365
3371
  () => {
3366
- g.value = t.invalidMessage || s.value?.validationMessage || _;
3372
+ m.value = t.invalidMessage || s.value?.validationMessage || _;
3367
3373
  },
3368
3374
  {
3369
3375
  immediate: !0,
3370
3376
  flush: "post"
3371
3377
  }
3372
- ), $(
3373
- () => [d.value, m.value],
3378
+ ), T(
3379
+ () => [d.value, g.value],
3374
3380
  () => {
3375
- if (d.value && m.value) {
3376
- const z = d.value + ve, Z = d.value + Ne;
3377
- v.value = z, u.value = d.value + fe, f.value = d.value + he, w.value = Z, te(t.message, t.showMessage) ? I.value = z : t.placeholder ? I.value = Z : I.value = void 0, y(), m.value = !1;
3381
+ if (d.value && g.value) {
3382
+ const z = d.value + ve, Z = d.value + Fe;
3383
+ c.value = z, r.value = d.value + fe, v.value = d.value + he, p.value = Z, te(t.message, t.showMessage) ? S.value = z : t.placeholder ? S.value = Z : S.value = void 0, k(), g.value = !1;
3378
3384
  }
3379
3385
  },
3380
3386
  {
3381
3387
  immediate: !0,
3382
3388
  flush: "post"
3383
3389
  }
3384
- ), $(
3390
+ ), T(
3385
3391
  () => [t.value],
3386
3392
  () => {
3387
- B.value = t.value;
3393
+ $.value = t.value;
3388
3394
  },
3389
3395
  {
3390
3396
  immediate: !0,
3391
3397
  flush: "post"
3392
3398
  }
3393
- ), $(
3399
+ ), T(
3394
3400
  () => [s.value],
3395
3401
  () => {
3396
3402
  if (s.value) {
3397
- let Y = S.value;
3398
- Y || (Y = new AbortController(), S.value = Y), We(
3403
+ let Y = b.value;
3404
+ Y || (Y = new AbortController(), b.value = Y), We(
3399
3405
  s.value,
3400
3406
  {
3401
3407
  value: t.value,
@@ -3413,28 +3419,28 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
3413
3419
  flush: "post"
3414
3420
  }
3415
3421
  );
3416
- function k() {
3422
+ function y() {
3417
3423
  return !!(t.validMessage ?? t.validation === "valid");
3418
3424
  }
3419
- function y() {
3420
- !s.value?.validity.valid || t.validation === "invalid" ? (I.value = f.value, g.value = t.invalidMessage || s.value?.validationMessage || _, re() && (c.value = g.value, J(() => c.value = "", 1e3))) : k() && s.value?.validity.valid && t.required ? (I.value = u.value, re() && (c.value = t.validMessage ?? ce, J(() => c.value = "", 1e3))) : te(t.message, t.showMessage) ? I.value = v.value : t.placeholder ? I.value = w.value : I.value = void 0;
3425
+ function k() {
3426
+ !s.value?.validity.valid || t.validation === "invalid" ? (S.value = v.value, m.value = t.invalidMessage || s.value?.validationMessage || _, re() && (h.value = m.value, J(() => h.value = "", 1e3))) : y() && s.value?.validity.valid && t.required ? (S.value = r.value, re() && (h.value = t.validMessage ?? ce, J(() => h.value = "", 1e3))) : te(t.message, t.showMessage) ? S.value = c.value : t.placeholder ? S.value = p.value : S.value = void 0;
3421
3427
  }
3422
- function p(z) {
3428
+ function B(z) {
3423
3429
  t.onClick && t.onClick(z);
3424
3430
  }
3425
3431
  function j(z, Z) {
3426
- t.input && t.input(z), B.value = z.target.value, t.onInput && t.onInput(z), ue(n, z), y();
3432
+ t.input && t.input(z), $.value = z.target.value, t.onInput && t.onInput(z), ue(n, z), k();
3427
3433
  }
3428
3434
  function A(z, Z) {
3429
- t.onChange && t.onChange(z), ue(n, z), y();
3435
+ t.onChange && t.onChange(z), ue(n, z), k();
3430
3436
  }
3431
- function x(z) {
3437
+ function L(z) {
3432
3438
  t.onBlur && t.onBlur(z);
3433
3439
  }
3434
3440
  function O(z) {
3435
3441
  t.onFocus && t.onFocus(z);
3436
3442
  }
3437
- function F(z) {
3443
+ function N(z) {
3438
3444
  return z.label ?? z.value?.toString();
3439
3445
  }
3440
3446
  function K() {
@@ -3442,17 +3448,17 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
3442
3448
  }
3443
3449
  function R() {
3444
3450
  const z = t.id ?? t.propOverrides?.id ?? `select-${i}`;
3445
- d.value = z, v.value = z + ve, u.value = z + fe, f.value = z + he, w.value = z + Ne;
3451
+ d.value = z, c.value = z + ve, r.value = z + fe, v.value = z + he, p.value = z + Fe;
3446
3452
  }
3447
- return (z, Z) => (h(), b("div", {
3453
+ return (z, Z) => (f(), w("div", {
3448
3454
  class: U(l(G)("db-select", t.class)),
3449
3455
  "data-variant": e.variant,
3450
3456
  "data-hide-label": l(de)(e.showLabel),
3451
3457
  "data-hide-asterisk": l(de)(e.showRequiredAsterisk),
3452
3458
  "data-icon": e.icon,
3453
- "data-show-icon": l(N)(e.showIcon)
3459
+ "data-show-icon": l(F)(e.showIcon)
3454
3460
  }, [
3455
- E("label", { for: d.value }, L(e.label ?? l(pe)), 9, Ci),
3461
+ E("label", { for: d.value }, I(e.label ?? l(pe)), 9, Ci),
3456
3462
  E("select", {
3457
3463
  "aria-invalid": e.validation === "invalid",
3458
3464
  "data-custom-validity": e.validation,
@@ -3463,79 +3469,79 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
3463
3469
  id: d.value,
3464
3470
  name: e.name,
3465
3471
  size: e.size,
3466
- value: e.value ?? B.value,
3472
+ value: e.value ?? $.value,
3467
3473
  autocomplete: e.autocomplete,
3468
3474
  multiple: e.multiple,
3469
3475
  onInput: Z[0] || (Z[0] = async (Y) => j(Y)),
3470
- onClick: Z[1] || (Z[1] = async (Y) => p(Y)),
3476
+ onClick: Z[1] || (Z[1] = async (Y) => B(Y)),
3471
3477
  onChange: Z[2] || (Z[2] = async (Y) => A(Y)),
3472
- onBlur: Z[3] || (Z[3] = async (Y) => x(Y)),
3478
+ onBlur: Z[3] || (Z[3] = async (Y) => L(Y)),
3473
3479
  onFocus: Z[4] || (Z[4] = async (Y) => O(Y)),
3474
- "aria-describedby": e.ariaDescribedBy ?? I.value
3480
+ "aria-describedby": e.ariaDescribedBy ?? S.value
3475
3481
  }, [
3476
- e.variant === "floating" || e.placeholder ? (h(), b("option", {
3482
+ e.variant === "floating" || e.placeholder ? (f(), w("option", {
3477
3483
  key: 0,
3478
3484
  class: "placeholder",
3479
3485
  value: "",
3480
- "data-show-empty-option": l(N)(K())
3486
+ "data-show-empty-option": l(F)(K())
3481
3487
  }, null, 8, Ai)) : P("", !0),
3482
- e.options?.length ? (h(!0), b(X, { key: 1 }, ye(e.options, (Y, Se) => (h(), b(X, { key: Se }, [
3483
- Y.options ? (h(), b("optgroup", {
3488
+ e.options?.length ? (f(!0), w(X, { key: 1 }, ye(e.options, (Y, Se) => (f(), w(X, { key: Se }, [
3489
+ Y.options ? (f(), w("optgroup", {
3484
3490
  key: 0,
3485
- label: F(Y)
3491
+ label: N(Y)
3486
3492
  }, [
3487
- (h(!0), b(X, null, ye(Y.options, (we, $e) => (h(), b("option", {
3493
+ (f(!0), w(X, null, ye(Y.options, (we, $e) => (f(), w("option", {
3488
3494
  key: $e,
3489
3495
  value: we.value,
3490
3496
  selected: we.selected,
3491
3497
  disabled: we.disabled
3492
- }, L(F(we)), 9, Mi))), 128))
3493
- ], 8, Di)) : (h(), b("option", {
3498
+ }, I(N(we)), 9, Mi))), 128))
3499
+ ], 8, Di)) : (f(), w("option", {
3494
3500
  key: 1,
3495
3501
  value: Y.value,
3496
3502
  disabled: Y.disabled,
3497
3503
  selected: Y.selected
3498
- }, L(F(Y)), 9, Fi))
3504
+ }, I(N(Y)), 9, Ni))
3499
3505
  ], 64))), 128)) : M(z.$slots, "default", { key: 2 })
3500
3506
  ], 40, Ei),
3501
- e.placeholder ? (h(), b("span", {
3507
+ e.placeholder ? (f(), w("span", {
3502
3508
  key: 0,
3503
3509
  class: "db-select-placeholder",
3504
- id: w.value
3505
- }, L(e.placeholder), 9, Ni)) : P("", !0),
3506
- l(te)(e.message, e.showMessage) ? (h(), Q(ee, {
3510
+ id: p.value
3511
+ }, I(e.placeholder), 9, Fi)) : P("", !0),
3512
+ l(te)(e.message, e.showMessage) ? (f(), Q(ee, {
3507
3513
  key: 1,
3508
3514
  size: "small",
3509
3515
  icon: e.messageIcon,
3510
- id: v.value
3516
+ id: c.value
3511
3517
  }, {
3512
3518
  default: H(() => [
3513
- D(L(e.message), 1)
3519
+ D(I(e.message), 1)
3514
3520
  ]),
3515
3521
  _: 1
3516
3522
  }, 8, ["icon", "id"])) : P("", !0),
3517
- k() ? (h(), Q(ee, {
3523
+ y() ? (f(), Q(ee, {
3518
3524
  key: 2,
3519
3525
  size: "small",
3520
3526
  semantic: "successful",
3521
- id: u.value
3527
+ id: r.value
3522
3528
  }, {
3523
3529
  default: H(() => [
3524
- D(L(e.validMessage || l(ce)), 1)
3530
+ D(I(e.validMessage || l(ce)), 1)
3525
3531
  ]),
3526
3532
  _: 1
3527
3533
  }, 8, ["id"])) : P("", !0),
3528
3534
  le(ee, {
3529
3535
  size: "small",
3530
3536
  semantic: "critical",
3531
- id: f.value
3537
+ id: v.value
3532
3538
  }, {
3533
3539
  default: H(() => [
3534
- D(L(g.value), 1)
3540
+ D(I(m.value), 1)
3535
3541
  ]),
3536
3542
  _: 1
3537
3543
  }, 8, ["id"]),
3538
- E("span", Oi, L(c.value), 1)
3544
+ E("span", Oi, I(h.value), 1)
3539
3545
  ], 10, $i));
3540
3546
  }
3541
3547
  }), Ri = ["id", "data-gap", "data-variant", "data-direction", "data-alignment", "data-justify-content", "data-wrap"], dn = /* @__PURE__ */ W({
@@ -3557,7 +3563,7 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
3557
3563
  },
3558
3564
  setup(e) {
3559
3565
  const a = e, i = o(null);
3560
- return (n, t) => (h(), b("div", {
3566
+ return (n, t) => (f(), w("div", {
3561
3567
  ref_key: "_ref",
3562
3568
  ref: i,
3563
3569
  id: e.id ?? e.propOverrides?.id,
@@ -3567,7 +3573,7 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
3567
3573
  "data-direction": e.direction,
3568
3574
  "data-alignment": e.alignment,
3569
3575
  "data-justify-content": e.justifyContent,
3570
- "data-wrap": l(N)(e.wrap)
3576
+ "data-wrap": l(F)(e.wrap)
3571
3577
  }, [
3572
3578
  M(n.$slots, "default")
3573
3579
  ], 10, Ri));
@@ -3618,12 +3624,12 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
3618
3624
  },
3619
3625
  emits: ["update:checked"],
3620
3626
  setup(e, { emit: a }) {
3621
- const i = ge(), n = a, t = e, d = o(void 0), v = o(void 0), u = o(void 0), f = o(void 0), g = o(void 0), w = o(void 0), I = o(""), B = o(void 0), m = o(null);
3627
+ const i = me(), n = a, t = e, d = o(void 0), c = o(void 0), r = o(void 0), v = o(void 0), m = o(void 0), p = o(void 0), S = o(""), $ = o(void 0), g = o(null);
3622
3628
  ae(() => {
3623
- j(), S(), g.value = t.invalidMessage || _;
3629
+ j(), b(), m.value = t.invalidMessage || _;
3624
3630
  }), be(() => {
3625
- B.value?.abort();
3626
- }), $(
3631
+ $.value?.abort();
3632
+ }), T(
3627
3633
  () => [t.id, t.propOverrides?.id],
3628
3634
  () => {
3629
3635
  (t.id ?? t.propOverrides?.id) && j();
@@ -3632,7 +3638,7 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
3632
3638
  immediate: !0,
3633
3639
  flush: "post"
3634
3640
  }
3635
- ), $(
3641
+ ), T(
3636
3642
  () => [
3637
3643
  t.validation,
3638
3644
  t.required,
@@ -3643,28 +3649,28 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
3643
3649
  t.checked
3644
3650
  ],
3645
3651
  () => {
3646
- S();
3652
+ b();
3647
3653
  },
3648
3654
  {
3649
3655
  immediate: !0,
3650
3656
  flush: "post"
3651
3657
  }
3652
- ), $(
3653
- () => [m.value, t.invalidMessage],
3658
+ ), T(
3659
+ () => [g.value, t.invalidMessage],
3654
3660
  () => {
3655
- g.value = t.invalidMessage || m.value?.validationMessage || _;
3661
+ m.value = t.invalidMessage || g.value?.validationMessage || _;
3656
3662
  },
3657
3663
  {
3658
3664
  immediate: !0,
3659
3665
  flush: "post"
3660
3666
  }
3661
- ), $(
3662
- () => [m.value],
3667
+ ), T(
3668
+ () => [g.value],
3663
3669
  () => {
3664
- if (m.value) {
3665
- let x = B.value;
3666
- x || (x = new AbortController(), B.value = x), ct(
3667
- m.value,
3670
+ if (g.value) {
3671
+ let L = $.value;
3672
+ L || (L = new AbortController(), $.value = L), ct(
3673
+ g.value,
3668
3674
  {
3669
3675
  checked: t.checked,
3670
3676
  defaultChecked: void 0
@@ -3672,7 +3678,7 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
3672
3678
  (O) => {
3673
3679
  s(O);
3674
3680
  },
3675
- x.signal
3681
+ L.signal
3676
3682
  );
3677
3683
  }
3678
3684
  },
@@ -3681,46 +3687,46 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
3681
3687
  flush: "post"
3682
3688
  }
3683
3689
  );
3684
- function c() {
3690
+ function h() {
3685
3691
  return !!(t.validMessage ?? t.validation === "valid");
3686
3692
  }
3687
- function S() {
3688
- if (!m.value?.validity?.valid || t.validation === "invalid") {
3689
- w.value = f.value, g.value = t.invalidMessage || m.value?.validationMessage || _, re() && (I.value = g.value || _, J(() => {
3690
- I.value = "";
3693
+ function b() {
3694
+ if (!g.value?.validity?.valid || t.validation === "invalid") {
3695
+ p.value = v.value, m.value = t.invalidMessage || g.value?.validationMessage || _, re() && (S.value = m.value || _, J(() => {
3696
+ S.value = "";
3691
3697
  }, 1e3));
3692
3698
  return;
3693
3699
  }
3694
- if (c() && m.value?.validity?.valid && t.required) {
3695
- w.value = u.value, re() && (I.value = t.validMessage ?? ce, J(() => {
3696
- I.value = "";
3700
+ if (h() && g.value?.validity?.valid && t.required) {
3701
+ p.value = r.value, re() && (S.value = t.validMessage ?? ce, J(() => {
3702
+ S.value = "";
3697
3703
  }, 1e3));
3698
3704
  return;
3699
3705
  }
3700
3706
  if (te(t.message, t.showMessage)) {
3701
- w.value = v.value;
3707
+ p.value = c.value;
3702
3708
  return;
3703
3709
  }
3704
- w.value = void 0;
3710
+ p.value = void 0;
3705
3711
  }
3706
- function s(A, x) {
3707
- t.onChange && t.onChange(A), S(), ue(n, A, "checked");
3712
+ function s(A, L) {
3713
+ t.onChange && t.onChange(A), b(), ue(n, A, "checked");
3708
3714
  }
3709
- function k(A) {
3715
+ function y(A) {
3710
3716
  t.onBlur && t.onBlur(A);
3711
3717
  }
3712
- function y(A) {
3718
+ function k(A) {
3713
3719
  t.onFocus && t.onFocus(A);
3714
3720
  }
3715
- function p(A) {
3716
- A.key === "Enter" && (A.preventDefault(), t.disabled || m.value?.click());
3721
+ function B(A) {
3722
+ A.key === "Enter" && (A.preventDefault(), t.disabled || g.value?.click());
3717
3723
  }
3718
3724
  function j() {
3719
3725
  const A = t.id ?? t.propOverrides?.id ?? `switch-${i}`;
3720
- d.value = A, v.value = `${A}${ve}`, u.value = `${A}${fe}`, f.value = `${A}${he}`;
3726
+ d.value = A, c.value = `${A}${ve}`, r.value = `${A}${fe}`, v.value = `${A}${he}`;
3721
3727
  }
3722
- return (A, x) => (h(), b("div", {
3723
- "data-visual-aid": l(N)(e.visualAid),
3728
+ return (A, L) => (f(), w("div", {
3729
+ "data-visual-aid": l(F)(e.visualAid),
3724
3730
  "data-size": e.size,
3725
3731
  "data-hide-label": l(de)(e.showLabel),
3726
3732
  "data-variant": e.variant,
@@ -3734,59 +3740,59 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
3734
3740
  role: "switch",
3735
3741
  id: d.value,
3736
3742
  ref_key: "_ref",
3737
- ref: m,
3743
+ ref: g,
3738
3744
  checked: l(V)(e.checked, "checked"),
3739
3745
  value: e.value,
3740
3746
  disabled: l(V)(e.disabled, "disabled"),
3741
3747
  "aria-invalid": e.validation === "invalid" ? "true" : void 0,
3742
- "aria-describedby": w.value,
3748
+ "aria-describedby": p.value,
3743
3749
  name: e.name,
3744
3750
  required: l(V)(e.required, "required"),
3745
3751
  "data-aid-icon": e.iconLeading ?? e.icon,
3746
3752
  "data-aid-icon-trailing": e.iconTrailing,
3747
- onChange: x[0] || (x[0] = async (O) => s(O)),
3748
- onBlur: x[1] || (x[1] = async (O) => k(O)),
3749
- onFocus: x[2] || (x[2] = async (O) => y(O)),
3750
- onKeydown: x[3] || (x[3] = async (O) => p(O))
3753
+ onChange: L[0] || (L[0] = async (O) => s(O)),
3754
+ onBlur: L[1] || (L[1] = async (O) => y(O)),
3755
+ onFocus: L[2] || (L[2] = async (O) => k(O)),
3756
+ onKeydown: L[3] || (L[3] = async (O) => B(O))
3751
3757
  }, null, 40, Vi),
3752
- e.label ? (h(), b(X, { key: 0 }, [
3753
- D(L(e.label), 1)
3758
+ e.label ? (f(), w(X, { key: 0 }, [
3759
+ D(I(e.label), 1)
3754
3760
  ], 64)) : M(A.$slots, "default", { key: 1 })
3755
3761
  ], 8, Pi),
3756
- l(te)(e.message, e.showMessage) ? (h(), Q(ee, {
3762
+ l(te)(e.message, e.showMessage) ? (f(), Q(ee, {
3757
3763
  key: 0,
3758
3764
  size: "small",
3759
3765
  semantic: "adaptive",
3760
- id: v.value,
3766
+ id: c.value,
3761
3767
  icon: e.messageIcon
3762
3768
  }, {
3763
3769
  default: H(() => [
3764
- D(L(e.message), 1)
3770
+ D(I(e.message), 1)
3765
3771
  ]),
3766
3772
  _: 1
3767
3773
  }, 8, ["id", "icon"])) : P("", !0),
3768
- c() ? (h(), Q(ee, {
3774
+ h() ? (f(), Q(ee, {
3769
3775
  key: 1,
3770
3776
  size: "small",
3771
3777
  semantic: "successful",
3772
- id: u.value
3778
+ id: r.value
3773
3779
  }, {
3774
3780
  default: H(() => [
3775
- D(L(e.validMessage ?? l(ce)), 1)
3781
+ D(I(e.validMessage ?? l(ce)), 1)
3776
3782
  ]),
3777
3783
  _: 1
3778
3784
  }, 8, ["id"])) : P("", !0),
3779
3785
  le(ee, {
3780
3786
  size: "small",
3781
3787
  semantic: "critical",
3782
- id: f.value
3788
+ id: v.value
3783
3789
  }, {
3784
3790
  default: H(() => [
3785
- D(L(g.value), 1)
3791
+ D(I(m.value), 1)
3786
3792
  ]),
3787
3793
  _: 1
3788
3794
  }, 8, ["id"]),
3789
- E("span", qi, L(I.value), 1)
3795
+ E("span", qi, I(S.value), 1)
3790
3796
  ], 10, zi));
3791
3797
  }
3792
3798
  }), Ui = ["for", "data-icon", "data-icon-trailing", "data-show-icon", "data-show-icon-trailing", "data-no-text"], Gi = ["disabled", "aria-selected", "checked", "name", "id"], Wi = /* @__PURE__ */ W({
@@ -3816,21 +3822,21 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
3816
3822
  },
3817
3823
  emits: ["update:checked"],
3818
3824
  setup(e, { emit: a }) {
3819
- const i = a, n = e, t = o(!1), d = o(void 0), v = o(!1), u = o(!1), f = o(void 0), g = o(null);
3825
+ const i = a, n = e, t = o(!1), d = o(void 0), c = o(!1), r = o(!1), v = o(void 0), m = o(null);
3820
3826
  ae(() => {
3821
- f.value = w, v.value = !0;
3827
+ v.value = p, c.value = !0;
3822
3828
  }), be(() => {
3823
- u.value && g.value && f.value && (g.value.closest("[role=tablist]")?.removeEventListener("change", f.value), u.value = !1);
3824
- }), $(
3825
- () => [g.value, v.value, f.value],
3829
+ r.value && m.value && v.value && (m.value.closest("[role=tablist]")?.removeEventListener("change", v.value), r.value = !1);
3830
+ }), T(
3831
+ () => [m.value, c.value, v.value],
3826
3832
  () => {
3827
- g.value && v.value && f.value && (v.value = !1, u.value || (g.value.closest("[role=tablist]")?.addEventListener("change", f.value), u.value = !0), (n.active || g.value.checked) && (t.value = !0, g.value.click()));
3833
+ m.value && c.value && v.value && (c.value = !1, r.value || (m.value.closest("[role=tablist]")?.addEventListener("change", v.value), r.value = !0), (n.active || m.value.checked) && (t.value = !0, m.value.click()));
3828
3834
  },
3829
3835
  {
3830
3836
  immediate: !0,
3831
3837
  flush: "post"
3832
3838
  }
3833
- ), $(
3839
+ ), T(
3834
3840
  () => [n.name],
3835
3841
  () => {
3836
3842
  n.name && (d.value = n.name);
@@ -3840,13 +3846,13 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
3840
3846
  flush: "post"
3841
3847
  }
3842
3848
  );
3843
- function w(B) {
3844
- B.stopPropagation(), t.value = B.target === g.value;
3849
+ function p($) {
3850
+ $.stopPropagation(), t.value = $.target === m.value;
3845
3851
  }
3846
- function I(B) {
3847
- n.onChange && n.onChange(B), ue(i, B, "checked");
3852
+ function S($) {
3853
+ n.onChange && n.onChange($), ue(i, $, "checked");
3848
3854
  }
3849
- return (B, m) => (h(), b("li", {
3855
+ return ($, g) => (f(), w("li", {
3850
3856
  role: "none",
3851
3857
  class: U(l(G)("db-tab-item", n.class))
3852
3858
  }, [
@@ -3854,9 +3860,9 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
3854
3860
  for: e.id ?? e.propOverrides?.id,
3855
3861
  "data-icon": e.iconLeading ?? e.icon,
3856
3862
  "data-icon-trailing": e.iconTrailing,
3857
- "data-show-icon": l(N)(e.showIconLeading ?? e.showIcon),
3858
- "data-show-icon-trailing": l(N)(e.showIconTrailing),
3859
- "data-no-text": l(N)(e.noText)
3863
+ "data-show-icon": l(F)(e.showIconLeading ?? e.showIcon),
3864
+ "data-show-icon-trailing": l(F)(e.showIconTrailing),
3865
+ "data-no-text": l(F)(e.noText)
3860
3866
  }, [
3861
3867
  E("input", {
3862
3868
  type: "radio",
@@ -3865,15 +3871,15 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
3865
3871
  "aria-selected": t.value,
3866
3872
  checked: l(V)(e.checked, "checked"),
3867
3873
  ref_key: "_ref",
3868
- ref: g,
3874
+ ref: m,
3869
3875
  name: d.value,
3870
3876
  id: e.id ?? e.propOverrides?.id,
3871
- onInput: m[0] || (m[0] = async (c) => I(c))
3877
+ onInput: g[0] || (g[0] = async (h) => S(h))
3872
3878
  }, null, 40, Gi),
3873
- e.label ? (h(), b(X, { key: 0 }, [
3874
- D(L(e.label), 1)
3879
+ e.label ? (f(), w(X, { key: 0 }, [
3880
+ D(I(e.label), 1)
3875
3881
  ], 64)) : P("", !0),
3876
- M(B.$slots, "default")
3882
+ M($.$slots, "default")
3877
3883
  ], 8, Ui)
3878
3884
  ], 2));
3879
3885
  }
@@ -3890,7 +3896,7 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
3890
3896
  },
3891
3897
  setup(e) {
3892
3898
  const a = e, i = o(null);
3893
- return (n, t) => (h(), b("div", {
3899
+ return (n, t) => (f(), w("div", {
3894
3900
  ref_key: "_ref",
3895
3901
  ref: i,
3896
3902
  id: e.id ?? e.propOverrides?.id,
@@ -3916,15 +3922,15 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
3916
3922
  setup(e) {
3917
3923
  const a = e, i = o(null);
3918
3924
  return ae(() => {
3919
- }), (n, t) => (h(), b("section", {
3925
+ }), (n, t) => (f(), w("section", {
3920
3926
  role: "tabpanel",
3921
3927
  ref_key: "_ref",
3922
3928
  ref: i,
3923
3929
  class: U(l(G)("db-tab-panel", a.class)),
3924
3930
  id: e.id ?? e.propOverrides?.id
3925
3931
  }, [
3926
- e.content ? (h(), b(X, { key: 0 }, [
3927
- D(L(e.content), 1)
3932
+ e.content ? (f(), w(X, { key: 0 }, [
3933
+ D(I(e.content), 1)
3928
3934
  ], 64)) : P("", !0),
3929
3935
  M(n.$slots, "default")
3930
3936
  ], 10, Ki));
@@ -3954,20 +3960,20 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
3954
3960
  tabSelect: {}
3955
3961
  },
3956
3962
  setup(e) {
3957
- const a = ge(), i = e, n = o(""), t = o(!1), d = o(!1), v = o(!1), u = o(null), f = o(void 0), g = o(null);
3963
+ const a = me(), i = e, n = o(""), t = o(!1), d = o(!1), c = o(!1), r = o(null), v = o(void 0), m = o(null);
3958
3964
  ae(() => {
3959
3965
  n.value = `tabs-${i.name || a}`, t.value = !0;
3960
3966
  }), be(() => {
3961
- f.value?.disconnect(), f.value = void 0;
3962
- }), $(
3963
- () => [g.value, t.value],
3967
+ v.value?.disconnect(), v.value = void 0;
3968
+ }), T(
3969
+ () => [m.value, t.value],
3964
3970
  () => {
3965
- if (g.value && t.value) {
3966
- m(), c(!0);
3967
- const s = g.value.querySelector(".db-tab-list");
3968
- s && new MutationObserver((y) => {
3969
- y.forEach((p) => {
3970
- (p.removedNodes.length || p.addedNodes.length) && (m(), c());
3971
+ if (m.value && t.value) {
3972
+ g(), h(!0);
3973
+ const s = m.value.querySelector(".db-tab-list");
3974
+ s && new MutationObserver((k) => {
3975
+ k.forEach((B) => {
3976
+ (B.removedNodes.length || B.addedNodes.length) && (g(), h());
3971
3977
  });
3972
3978
  }).observe(s, {
3973
3979
  childList: !0,
@@ -3980,7 +3986,7 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
3980
3986
  flush: "post"
3981
3987
  }
3982
3988
  );
3983
- function w() {
3989
+ function p() {
3984
3990
  try {
3985
3991
  return typeof i.tabs == "string" ? JSON.parse(i.tabs) : i.tabs;
3986
3992
  } catch (s) {
@@ -3988,144 +3994,144 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
3988
3994
  }
3989
3995
  return [];
3990
3996
  }
3991
- function I(s) {
3992
- const k = s.scrollWidth > s.clientWidth;
3993
- d.value = k && s.scrollLeft > 1, v.value = k && s.scrollLeft < s.scrollWidth - s.clientWidth;
3997
+ function S(s) {
3998
+ const y = s.scrollWidth > s.clientWidth;
3999
+ d.value = y && s.scrollLeft > 1, c.value = y && s.scrollLeft < s.scrollWidth - s.clientWidth;
3994
4000
  }
3995
- function B(s) {
3996
- let k = Number(i.arrowScrollDistance) || 100;
3997
- s && (k *= -1), u.value?.scrollBy({
4001
+ function $(s) {
4002
+ let y = Number(i.arrowScrollDistance) || 100;
4003
+ s && (y *= -1), r.value?.scrollBy({
3998
4004
  top: 0,
3999
- left: k,
4005
+ left: y,
4000
4006
  behavior: "smooth"
4001
4007
  });
4002
4008
  }
4003
- function m() {
4004
- if (g.value) {
4005
- const s = g.value.querySelector(".db-tab-list");
4009
+ function g() {
4010
+ if (m.value) {
4011
+ const s = m.value.querySelector(".db-tab-list");
4006
4012
  if (s) {
4007
- const k = s.querySelector('[role="tablist"]');
4008
- if (k && (k.setAttribute(
4013
+ const y = s.querySelector('[role="tablist"]');
4014
+ if (y && (y.setAttribute(
4009
4015
  "aria-orientation",
4010
4016
  i.orientation || "horizontal"
4011
- ), i.behavior === "arrows" && (u.value = k, I(k), k.addEventListener("scroll", () => {
4012
- I(k);
4013
- }), !f.value))) {
4014
- const y = new ResizeObserver(() => {
4015
- I(k);
4017
+ ), i.behavior === "arrows" && (r.value = y, S(y), y.addEventListener("scroll", () => {
4018
+ S(y);
4019
+ }), !v.value))) {
4020
+ const k = new ResizeObserver(() => {
4021
+ S(y);
4016
4022
  });
4017
- y.observe(k), f.value = y;
4023
+ k.observe(y), v.value = k;
4018
4024
  }
4019
4025
  }
4020
4026
  }
4021
4027
  }
4022
- function c(s) {
4023
- if (g.value) {
4024
- const k = Array.from(
4025
- g.value.getElementsByClassName("db-tab-item")
4026
- ), y = Array.from(
4027
- g.value.querySelectorAll(
4028
+ function h(s) {
4029
+ if (m.value) {
4030
+ const y = Array.from(
4031
+ m.value.getElementsByClassName("db-tab-item")
4032
+ ), k = Array.from(
4033
+ m.value.querySelectorAll(
4028
4034
  ":is(:scope > .db-tab-panel, :scope > db-tab-panel > .db-tab-panel)"
4029
4035
  )
4030
4036
  );
4031
- for (const p of k) {
4032
- const j = k.indexOf(p), A = p.querySelector("label"), x = p.querySelector("input");
4033
- if (x && A) {
4034
- if (!x.id) {
4037
+ for (const B of y) {
4038
+ const j = y.indexOf(B), A = B.querySelector("label"), L = B.querySelector("input");
4039
+ if (L && A) {
4040
+ if (!L.id) {
4035
4041
  const O = `${n.value}-tab-${j}`;
4036
- A.setAttribute("for", O), x.id = O, x.setAttribute("name", n.value), y.length > j && x.setAttribute(
4042
+ A.setAttribute("for", O), L.id = O, L.setAttribute("name", n.value), k.length > j && L.setAttribute(
4037
4043
  "aria-controls",
4038
4044
  `${n.value}-tab-panel-${j}`
4039
4045
  );
4040
4046
  }
4041
4047
  if (s) {
4042
- const O = !i.initialSelectedMode || i.initialSelectedMode === "auto", F = i.initialSelectedIndex == null && j === 0 || Number(i.initialSelectedIndex) === j;
4043
- O && F && x.click();
4048
+ const O = !i.initialSelectedMode || i.initialSelectedMode === "auto", N = i.initialSelectedIndex == null && j === 0 || Number(i.initialSelectedIndex) === j;
4049
+ O && N && L.click();
4044
4050
  }
4045
4051
  }
4046
4052
  }
4047
- for (const p of y) {
4048
- if (p.id) continue;
4049
- const j = y.indexOf(p);
4050
- p.id = `${n.value}-tab-panel-${j}`, p.setAttribute("aria-labelledby", `${n.value}-tab-${j}`);
4053
+ for (const B of k) {
4054
+ if (B.id) continue;
4055
+ const j = k.indexOf(B);
4056
+ B.id = `${n.value}-tab-panel-${j}`, B.setAttribute("aria-labelledby", `${n.value}-tab-${j}`);
4051
4057
  }
4052
4058
  }
4053
4059
  }
4054
- function S(s) {
4060
+ function b(s) {
4055
4061
  if (s.stopPropagation(), s.target) {
4056
- const y = s.target.parentElement;
4057
- if (y && y.parentElement && y.parentElement?.nodeName === "LI") {
4058
- const p = y.parentElement;
4059
- if (p) {
4060
- const j = p.parentElement;
4062
+ const k = s.target.parentElement;
4063
+ if (k && k.parentElement && k.parentElement?.nodeName === "LI") {
4064
+ const B = k.parentElement;
4065
+ if (B) {
4066
+ const j = B.parentElement;
4061
4067
  if (j) {
4062
- const A = Array.from(j.children).indexOf(p);
4068
+ const A = Array.from(j.children).indexOf(B);
4063
4069
  i.onIndexChange && i.onIndexChange(A), i.onTabSelect && i.onTabSelect(s);
4064
4070
  }
4065
4071
  }
4066
4072
  }
4067
4073
  }
4068
4074
  }
4069
- return (s, k) => (h(), b("div", {
4075
+ return (s, y) => (f(), w("div", {
4070
4076
  ref_key: "_ref",
4071
- ref: g,
4077
+ ref: m,
4072
4078
  id: e.id ?? e.propOverrides?.id,
4073
4079
  class: U(l(G)("db-tabs", i.class)),
4074
4080
  "data-orientation": e.orientation,
4075
4081
  "data-scroll-behavior": e.behavior,
4076
4082
  "data-alignment": e.alignment ?? "start",
4077
4083
  "data-width": e.width ?? "auto",
4078
- onInput: k[0] || (k[0] = async (y) => S(y)),
4079
- onChange: k[1] || (k[1] = async (y) => S(y))
4084
+ onInput: y[0] || (y[0] = async (k) => b(k)),
4085
+ onChange: y[1] || (y[1] = async (k) => b(k))
4080
4086
  }, [
4081
- d.value ? (h(), Q(Be, {
4087
+ d.value ? (f(), Q(Be, {
4082
4088
  key: 0,
4083
4089
  class: "tabs-scroll-left",
4084
4090
  variant: "ghost",
4085
4091
  icon: "chevron_left",
4086
4092
  type: "button",
4087
4093
  noText: !0,
4088
- onClick: (y) => B(!0)
4094
+ onClick: (k) => $(!0)
4089
4095
  }, {
4090
- default: H(() => [...k[2] || (k[2] = [
4096
+ default: H(() => [...y[2] || (y[2] = [
4091
4097
  D(" Scroll left ", -1)
4092
4098
  ])]),
4093
4099
  _: 1
4094
4100
  }, 8, ["onClick"])) : P("", !0),
4095
- e.tabs ? (h(), b(X, { key: 1 }, [
4101
+ e.tabs ? (f(), w(X, { key: 1 }, [
4096
4102
  le(ji, null, {
4097
4103
  default: H(() => [
4098
- (h(!0), b(X, null, ye(w(), (y, p) => (h(), Q(Wi, {
4099
- key: e.name + "tab-item" + p,
4100
- active: y.active,
4101
- label: y.label,
4102
- iconTrailing: y.iconTrailing,
4103
- icon: y.icon,
4104
- noText: y.noText
4104
+ (f(!0), w(X, null, ye(p(), (k, B) => (f(), Q(Wi, {
4105
+ key: e.name + "tab-item" + B,
4106
+ active: k.active,
4107
+ label: k.label,
4108
+ iconTrailing: k.iconTrailing,
4109
+ icon: k.icon,
4110
+ noText: k.noText
4105
4111
  }, null, 8, ["active", "label", "iconTrailing", "icon", "noText"]))), 128))
4106
4112
  ]),
4107
4113
  _: 1
4108
4114
  }),
4109
- (h(!0), b(X, null, ye(w(), (y, p) => (h(), Q(Yi, {
4110
- key: e.name + "tab-panel" + p,
4111
- content: y.content
4115
+ (f(!0), w(X, null, ye(p(), (k, B) => (f(), Q(Yi, {
4116
+ key: e.name + "tab-panel" + B,
4117
+ content: k.content
4112
4118
  }, {
4113
4119
  default: H(() => [
4114
- D(L(y.children), 1)
4120
+ D(I(k.children), 1)
4115
4121
  ]),
4116
4122
  _: 2
4117
4123
  }, 1032, ["content"]))), 128))
4118
4124
  ], 64)) : P("", !0),
4119
- v.value ? (h(), Q(Be, {
4125
+ c.value ? (f(), Q(Be, {
4120
4126
  key: 2,
4121
4127
  class: "tabs-scroll-right",
4122
4128
  variant: "ghost",
4123
4129
  icon: "chevron_right",
4124
4130
  type: "button",
4125
4131
  noText: !0,
4126
- onClick: (y) => B()
4132
+ onClick: (k) => $()
4127
4133
  }, {
4128
- default: H(() => [...k[3] || (k[3] = [
4134
+ default: H(() => [...y[3] || (y[3] = [
4129
4135
  D(" Scroll right ", -1)
4130
4136
  ])]),
4131
4137
  _: 1
@@ -4188,12 +4194,12 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
4188
4194
  },
4189
4195
  emits: ["update:value"],
4190
4196
  setup(e, { emit: a }) {
4191
- const i = ge(), n = a, t = e, d = o(void 0), v = o(void 0), u = o(void 0), f = o(void 0), g = o(void 0), w = o(void 0), I = o(""), B = o(""), m = o(void 0), c = o(null);
4197
+ const i = me(), n = a, t = e, d = o(void 0), c = o(void 0), r = o(void 0), v = o(void 0), m = o(void 0), p = o(void 0), S = o(""), $ = o(""), g = o(void 0), h = o(null);
4192
4198
  ae(() => {
4193
- A(), g.value = t.invalidMessage || _;
4199
+ A(), m.value = t.invalidMessage || _;
4194
4200
  }), be(() => {
4195
- m.value?.abort();
4196
- }), $(
4201
+ g.value?.abort();
4202
+ }), T(
4197
4203
  () => [t.id, t.propOverrides?.id],
4198
4204
  () => {
4199
4205
  (t.id ?? t.propOverrides?.id) && A();
@@ -4202,51 +4208,51 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
4202
4208
  immediate: !0,
4203
4209
  flush: "post"
4204
4210
  }
4205
- ), $(
4206
- () => [c.value, t.invalidMessage],
4211
+ ), T(
4212
+ () => [h.value, t.invalidMessage],
4207
4213
  () => {
4208
- g.value = t.invalidMessage || c.value?.validationMessage || _;
4214
+ m.value = t.invalidMessage || h.value?.validationMessage || _;
4209
4215
  },
4210
4216
  {
4211
4217
  immediate: !0,
4212
4218
  flush: "post"
4213
4219
  }
4214
- ), $(
4220
+ ), T(
4215
4221
  () => [d.value],
4216
4222
  () => {
4217
4223
  if (d.value) {
4218
- const x = d.value + ve;
4219
- v.value = x, u.value = d.value + fe, f.value = d.value + he, te(t.message, t.showMessage) && (w.value = x), s();
4224
+ const L = d.value + ve;
4225
+ c.value = L, r.value = d.value + fe, v.value = d.value + he, te(t.message, t.showMessage) && (p.value = L), s();
4220
4226
  }
4221
4227
  },
4222
4228
  {
4223
4229
  immediate: !0,
4224
4230
  flush: "post"
4225
4231
  }
4226
- ), $(
4232
+ ), T(
4227
4233
  () => [t.value],
4228
4234
  () => {
4229
- t.value !== void 0 && (I.value = t.value);
4235
+ t.value !== void 0 && (S.value = t.value);
4230
4236
  },
4231
4237
  {
4232
4238
  immediate: !0,
4233
4239
  flush: "post"
4234
4240
  }
4235
- ), $(
4236
- () => [c.value],
4241
+ ), T(
4242
+ () => [h.value],
4237
4243
  () => {
4238
- if (c.value) {
4239
- let F = m.value;
4240
- F || (F = new AbortController(), m.value = F), We(
4241
- c.value,
4244
+ if (h.value) {
4245
+ let N = g.value;
4246
+ N || (N = new AbortController(), g.value = N), We(
4247
+ h.value,
4242
4248
  {
4243
4249
  value: t.value,
4244
4250
  defaultValue: void 0
4245
4251
  },
4246
4252
  (K) => {
4247
- y(K), k(K);
4253
+ k(K), y(K);
4248
4254
  },
4249
- F.signal
4255
+ N.signal
4250
4256
  );
4251
4257
  }
4252
4258
  },
@@ -4255,41 +4261,41 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
4255
4261
  flush: "post"
4256
4262
  }
4257
4263
  );
4258
- function S() {
4264
+ function b() {
4259
4265
  return !!(t.validMessage ?? t.validation === "valid");
4260
4266
  }
4261
4267
  function s() {
4262
- !c.value?.validity.valid || t.validation === "invalid" ? (w.value = f.value, g.value = t.invalidMessage || c.value?.validationMessage || _, re() && (B.value = g.value, J(() => B.value = "", 1e3))) : S() && c.value?.validity.valid && (t.required || t.minLength || t.maxLength) ? (w.value = u.value, re() && (B.value = t.validMessage ?? ce, J(() => B.value = "", 1e3))) : te(t.message, t.showMessage) ? w.value = v.value : w.value = void 0;
4268
+ !h.value?.validity.valid || t.validation === "invalid" ? (p.value = v.value, m.value = t.invalidMessage || h.value?.validationMessage || _, re() && ($.value = m.value, J(() => $.value = "", 1e3))) : b() && h.value?.validity.valid && (t.required || t.minLength || t.maxLength) ? (p.value = r.value, re() && ($.value = t.validMessage ?? ce, J(() => $.value = "", 1e3))) : te(t.message, t.showMessage) ? p.value = c.value : p.value = void 0;
4263
4269
  }
4264
- function k(x, O) {
4265
- t.input && t.input(x), I.value = x.target.value, t.onInput && t.onInput(x), ue(n, x), s();
4270
+ function y(L, O) {
4271
+ t.input && t.input(L), S.value = L.target.value, t.onInput && t.onInput(L), ue(n, L), s();
4266
4272
  }
4267
- function y(x, O) {
4268
- t.onChange && t.onChange(x), ue(n, x), s();
4273
+ function k(L, O) {
4274
+ t.onChange && t.onChange(L), ue(n, L), s();
4269
4275
  }
4270
- function p(x) {
4271
- t.onBlur && t.onBlur(x);
4276
+ function B(L) {
4277
+ t.onBlur && t.onBlur(L);
4272
4278
  }
4273
- function j(x) {
4274
- t.onFocus && t.onFocus(x);
4279
+ function j(L) {
4280
+ t.onFocus && t.onFocus(L);
4275
4281
  }
4276
4282
  function A() {
4277
- const x = t.id ?? t.propOverrides?.id ?? `textarea-${i}`;
4278
- d.value = x, v.value = x + ve, u.value = x + fe, f.value = x + he;
4283
+ const L = t.id ?? t.propOverrides?.id ?? `textarea-${i}`;
4284
+ d.value = L, c.value = L + ve, r.value = L + fe, v.value = L + he;
4279
4285
  }
4280
- return (x, O) => (h(), b("div", {
4286
+ return (L, O) => (f(), w("div", {
4281
4287
  class: U(l(G)("db-textarea", t.class)),
4282
4288
  "data-variant": e.variant,
4283
4289
  "data-hide-asterisk": l(de)(e.showRequiredAsterisk),
4284
4290
  "data-hide-label": l(de)(e.showLabel)
4285
4291
  }, [
4286
- E("label", { for: d.value }, L(e.label ?? l(pe)), 9, Zi),
4292
+ E("label", { for: d.value }, I(e.label ?? l(pe)), 9, Zi),
4287
4293
  E("textarea", {
4288
4294
  "aria-invalid": e.validation === "invalid",
4289
4295
  "data-custom-validity": e.validation,
4290
4296
  "data-field-sizing": e.fieldSizing,
4291
4297
  ref_key: "_ref",
4292
- ref: c,
4298
+ ref: h,
4293
4299
  id: d.value,
4294
4300
  "data-resize": e.resize,
4295
4301
  "data-hide-resizer": l(de)(e.showResizer ?? !0),
@@ -4303,52 +4309,52 @@ const _a = ["id", "data-width", "data-on-forcing-mobile"], ei = { class: "db-hea
4303
4309
  wrap: e.wrap,
4304
4310
  spellcheck: e.spellCheck,
4305
4311
  autocomplete: e.autocomplete,
4306
- onInput: O[0] || (O[0] = async (F) => k(F)),
4307
- onChange: O[1] || (O[1] = async (F) => y(F)),
4308
- onBlur: O[2] || (O[2] = async (F) => p(F)),
4309
- onFocus: O[3] || (O[3] = async (F) => j(F)),
4310
- value: e.value ?? I.value,
4311
- "aria-describedby": e.ariaDescribedBy ?? w.value,
4312
+ onInput: O[0] || (O[0] = async (N) => y(N)),
4313
+ onChange: O[1] || (O[1] = async (N) => k(N)),
4314
+ onBlur: O[2] || (O[2] = async (N) => B(N)),
4315
+ onFocus: O[3] || (O[3] = async (N) => j(N)),
4316
+ value: e.value ?? S.value,
4317
+ "aria-describedby": e.ariaDescribedBy ?? p.value,
4312
4318
  placeholder: e.placeholder ?? l(nt),
4313
4319
  rows: l(xe)(e.rows, l(Ht)),
4314
4320
  cols: l(xe)(e.cols)
4315
- }, L(e.value), 41, _i),
4316
- l(te)(e.message, e.showMessage) ? (h(), Q(ee, {
4321
+ }, I(e.value), 41, _i),
4322
+ l(te)(e.message, e.showMessage) ? (f(), Q(ee, {
4317
4323
  key: 0,
4318
4324
  size: "small",
4319
4325
  icon: e.messageIcon,
4320
- id: v.value
4326
+ id: c.value
4321
4327
  }, {
4322
4328
  default: H(() => [
4323
- D(L(e.message), 1)
4329
+ D(I(e.message), 1)
4324
4330
  ]),
4325
4331
  _: 1
4326
4332
  }, 8, ["icon", "id"])) : P("", !0),
4327
- S() ? (h(), Q(ee, {
4333
+ b() ? (f(), Q(ee, {
4328
4334
  key: 1,
4329
4335
  size: "small",
4330
4336
  semantic: "successful",
4331
- id: u.value
4337
+ id: r.value
4332
4338
  }, {
4333
4339
  default: H(() => [
4334
- D(L(e.validMessage || l(ce)), 1)
4340
+ D(I(e.validMessage || l(ce)), 1)
4335
4341
  ]),
4336
4342
  _: 1
4337
4343
  }, 8, ["id"])) : P("", !0),
4338
4344
  le(ee, {
4339
4345
  size: "small",
4340
4346
  semantic: "critical",
4341
- id: f.value
4347
+ id: v.value
4342
4348
  }, {
4343
4349
  default: H(() => [
4344
- D(L(g.value), 1)
4350
+ D(I(m.value), 1)
4345
4351
  ]),
4346
4352
  _: 1
4347
4353
  }, 8, ["id"]),
4348
- E("span", el, L(B.value), 1)
4354
+ E("span", el, I($.value), 1)
4349
4355
  ], 10, Qi));
4350
4356
  }
4351
- }), yn = ["none", "both", "horizontal", "vertical"], wn = ["hard", "soft", "off"], kn = ["description", "label"], pn = ["adaptive", "neutral", "critical", "informational", "warning", "successful"], Bn = ["medium", "small", "large", "none"], Sn = ["medium", "small", "large", "none"], tl = ["left", "right", "left-start", "left-end", "right-start", "right-end"], al = ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"], In = [...tl, ...al], Ln = ["none", "3x-large", "2x-large", "x-large", "large", "medium", "small", "x-small", "2x-small", "3x-small"], xn = ["horizontal", "vertical"], Tn = ["full", "auto"], $n = ["full", "medium", "large", "small"], Cn = ["none", "slow", "fast"], En = ["auto", "fixed"], An = ["small", "medium"], Dn = ["weak", "strong"], Mn = ["invalid", "valid", "no-validation"], Fn = ["fixed", "content"], Nn = ["above", "floating"], On = ["leading", "trailing"], Rn = ["off", "on", "name", "honorific-prefix", "given-name", "additional-name", "family-name", "honorific-suffix", "nickname", "email", "username", "new-password", "current-password", "one-time-code", "organization-title", "organization", "street-address", "shipping", "billing", "address-line1", "address-line2", "address-line3", "address-level4", "address-level3", "address-level2", "address-level1", "country", "country-name", "postal-code", "cc-name", "cc-given-name", "cc-additional-name", "cc-family-name", "cc-number", "cc-exp", "cc-exp-month", "cc-exp-year", "cc-csc", "cc-type", "transaction-currency", "transaction-amount", "language", "bday", "bday-day", "bday-month", "bday-year", "sex", "tel", "tel-country-code", "tel-national", "tel-area-code", "tel-local", "tel-extension", "impp", "url", "photo", "webauthn"], zn = ["_self", "_blank", "_parent", "_top"], Pn = ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "same-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url"], Vn = ["start", "center"];
4357
+ }), yn = ["none", "both", "horizontal", "vertical"], wn = ["hard", "soft", "off"], kn = ["description", "label"], pn = ["adaptive", "neutral", "critical", "informational", "warning", "successful"], Bn = ["medium", "small", "large", "none"], Sn = ["medium", "small", "large", "none"], tl = ["left", "right", "left-start", "left-end", "right-start", "right-end"], al = ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"], In = [...tl, ...al], Ln = ["none", "3x-large", "2x-large", "x-large", "large", "medium", "small", "x-small", "2x-small", "3x-small"], xn = ["horizontal", "vertical"], Tn = ["full", "auto"], $n = ["full", "medium", "large", "small"], Cn = ["none", "slow", "fast"], En = ["auto", "fixed"], An = ["small", "medium"], Dn = ["weak", "strong"], Mn = ["invalid", "valid", "no-validation"], Nn = ["fixed", "content"], Fn = ["above", "floating"], On = ["leading", "trailing"], Rn = ["off", "on", "name", "honorific-prefix", "given-name", "additional-name", "family-name", "honorific-suffix", "nickname", "email", "username", "new-password", "current-password", "one-time-code", "organization-title", "organization", "street-address", "shipping", "billing", "address-line1", "address-line2", "address-line3", "address-level4", "address-level3", "address-level2", "address-level1", "country", "country-name", "postal-code", "cc-name", "cc-given-name", "cc-additional-name", "cc-family-name", "cc-number", "cc-exp", "cc-exp-month", "cc-exp-year", "cc-csc", "cc-type", "transaction-currency", "transaction-amount", "language", "bday", "bday-day", "bday-month", "bday-year", "sex", "tel", "tel-country-code", "tel-national", "tel-area-code", "tel-local", "tel-extension", "impp", "url", "photo", "webauthn"], zn = ["_self", "_blank", "_parent", "_top"], Pn = ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "same-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url"], Vn = ["start", "center"];
4352
4358
  export {
4353
4359
  dl as AccordionBehaviorList,
4354
4360
  ol as AccordionVariantList,
@@ -4418,7 +4424,7 @@ export {
4418
4424
  Vt as DEFAULT_MESSAGE,
4419
4425
  ve as DEFAULT_MESSAGE_ID_SUFFIX,
4420
4426
  nt as DEFAULT_PLACEHOLDER,
4421
- Ne as DEFAULT_PLACEHOLDER_ID_SUFFIX,
4427
+ Fe as DEFAULT_PLACEHOLDER_ID_SUFFIX,
4422
4428
  ot as DEFAULT_REMOVE,
4423
4429
  Ht as DEFAULT_ROWS,
4424
4430
  Ut as DEFAULT_SELECTED,
@@ -4431,20 +4437,20 @@ export {
4431
4437
  sl as DENSITY_CONST,
4432
4438
  jt as DESKTOP_VIEWPORT,
4433
4439
  Ml as DividerMarginList,
4434
- Fl as DividerVariantList,
4435
- me as DocumentClickListener,
4440
+ Nl as DividerVariantList,
4441
+ ge as DocumentClickListener,
4436
4442
  se as DocumentScrollListener,
4437
- Nl as DrawerBackdropList,
4443
+ Fl as DrawerBackdropList,
4438
4444
  Ol as DrawerDirectionList,
4439
4445
  zl as DrawerPositionList,
4440
4446
  Rl as DrawerVariantList,
4441
4447
  Dn as EmphasisList,
4442
- Fn as FieldSizingList,
4448
+ Nn as FieldSizingList,
4443
4449
  Ln as GapSpacingList,
4444
4450
  ql as IconWeightList,
4445
4451
  Ul as InputTypeList,
4446
4452
  On as LabelVariantHorizontalList,
4447
- Nn as LabelVariantList,
4453
+ Fn as LabelVariantList,
4448
4454
  Xl as LinkContentList,
4449
4455
  Pn as LinkReferrerPolicyList,
4450
4456
  Hl as LinkSizeList,
@@ -4487,11 +4493,11 @@ export {
4487
4493
  G as cls,
4488
4494
  J as delay,
4489
4495
  V as getBoolean,
4490
- N as getBooleanAsString,
4496
+ F as getBooleanAsString,
4491
4497
  vt as getFloatingProps,
4492
4498
  de as getHideProp,
4493
4499
  Ze as getInputValue,
4494
- Ft as getNotificationRole,
4500
+ Nt as getNotificationRole,
4495
4501
  xe as getNumber,
4496
4502
  ll as getOptionKey,
4497
4503
  _e as getSearchInput,