@db-ux/v-core-components 2.2.1 → 2.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/db-ux.es.js +200 -200
  2. package/dist/db-ux.umd.js +1 -1
  3. package/package.json +4 -4
package/dist/db-ux.es.js CHANGED
@@ -1,7 +1,7 @@
1
1
  var _a = Object.defineProperty;
2
2
  var Ta = (i, a, l) => a in i ? _a(i, a, { enumerable: !0, configurable: !0, writable: !0, value: l }) : i[a] = l;
3
3
  var de = (i, a, l) => Ta(i, typeof a != "symbol" ? a + "" : a, l);
4
- import { defineComponent as P, ref as s, createElementBlock as w, openBlock as m, unref as n, normalizeClass as z, renderSlot as C, Fragment as U, createTextVNode as D, toDisplayString as _, createCommentVNode as V, createElementVNode as T, createBlock as Z, withCtx as G, onMounted as Y, watch as A, createVNode as ae, renderList as be, onUnmounted as Ea } from "vue";
4
+ import { defineComponent as P, ref as s, createElementBlock as B, openBlock as m, unref as n, normalizeClass as z, renderSlot as C, Fragment as U, createTextVNode as D, toDisplayString as _, createCommentVNode as V, createElementVNode as T, createBlock as Z, withCtx as G, onMounted as Y, watch as A, createVNode as ae, renderList as be, onUnmounted as Ea } from "vue";
5
5
  const Q = () => {
6
6
  var i, a;
7
7
  if (typeof window < "u") {
@@ -41,7 +41,7 @@ const Q = () => {
41
41
  }, ee = (i, a) => (a === void 0 || !!a) && !!i, Qe = (i) => i.querySelector('input[type="search"]'), Yi = (i, a) => {
42
42
  const l = i.id ?? i.value ?? Q();
43
43
  return `${a}${l}`;
44
- }, Da = ["id", "type", "disabled", "aria-label", "data-icon", "data-hide-icon", "data-size", "data-state", "data-width", "data-variant", "data-no-text", "name", "form", "value", "aria-describedby", "aria-expanded", "aria-pressed"], we = /* @__PURE__ */ P({
44
+ }, Da = ["id", "type", "disabled", "aria-label", "data-icon", "data-hide-icon", "data-size", "data-state", "data-width", "data-variant", "data-no-text", "name", "form", "value", "aria-describedby", "aria-expanded", "aria-pressed"], Be = /* @__PURE__ */ P({
45
45
  __name: "button",
46
46
  props: {
47
47
  ariaexpanded: { type: Boolean, default: void 0 },
@@ -73,7 +73,7 @@ const Q = () => {
73
73
  function e(t) {
74
74
  a.onClick && a.onClick(t);
75
75
  }
76
- return (t, p) => (m(), w("button", {
76
+ return (t, p) => (m(), B("button", {
77
77
  ref_key: "_ref",
78
78
  ref: l,
79
79
  id: t.id,
@@ -96,12 +96,12 @@ const Q = () => {
96
96
  "aria-pressed": t.ariapressed,
97
97
  onClick: p[0] || (p[0] = async (d) => e(d))
98
98
  }, [
99
- t.text ? (m(), w(U, { key: 0 }, [
99
+ t.text ? (m(), B(U, { key: 0 }, [
100
100
  D(_(t.text), 1)
101
101
  ], 64)) : C(t.$slots, "default", { key: 1 })
102
102
  ], 10, Da));
103
103
  }
104
- }), Le = "OVERWRITE_DEFAULT_ID", Be = "LABEL SHOULD BE SET", ta = " ", Fa = "MESSAGE SHOULD BE SET", Ze = "-label", xe = "-select", fe = "-message", pe = "-valid-message", he = "-invalid-message", ze = "-placeholder", ea = "-datalist", me = "TODO: Add a validMessage", ie = "TODO: Add an invalidMessage", ia = "Remove", Na = "Back", Ma = "Selected", za = "BurgerMenu", Ra = "brand", Va = 4, Ge = "Close", Ki = "density", Ji = "color";
104
+ }), Le = "OVERWRITE_DEFAULT_ID", we = "LABEL SHOULD BE SET", ta = " ", Fa = "MESSAGE SHOULD BE SET", Ze = "-label", xe = "-select", fe = "-message", pe = "-valid-message", he = "-invalid-message", ze = "-placeholder", ea = "-datalist", me = "TODO: Add a validMessage", ie = "TODO: Add an invalidMessage", ia = "Remove", Na = "Back", Ma = "Selected", za = "BurgerMenu", Ra = "brand", Va = 4, Ge = "Close", Ki = "density", Ji = "color";
105
105
  var la = /* @__PURE__ */ ((i) => (i.FUNCTIONAL = "functional", i.REGULAR = "regular", i.EXPRESSIVE = "expressive", i))(la || {});
106
106
  const Qi = Object.entries(la).map(([, i]) => i);
107
107
  var oa = /* @__PURE__ */ ((i) => (i.PRIMARY = "primary", i))(oa || {}), da = /* @__PURE__ */ ((i) => (i.NEUTRAL_BG_LEVEL_1 = "neutral-bg-basic-level-1", i.NEUTRAL_BG_LEVEL_2 = "neutral-bg-basic-level-2", i.NEUTRAL_BG_LEVEL_3 = "neutral-bg-basic-level-3", i.NEUTRAL_BG_TRANSPARENT_SEMI = "neutral-bg-basic-transparent-semi", i.NEUTRAL_BG_TRANSPARENT_FULL = "neutral-bg-basic-transparent-full", i.BRAND_BG_LEVEL_1 = "brand-bg-basic-level-1", i.BRAND_BG_LEVEL_2 = "brand-bg-basic-level-2", i.BRAND_BG_LEVEL_3 = "brand-bg-basic-level-3", i.BRAND_BG_TRANSPARENT_SEMI = "brand-bg-basic-transparent-semi", i.BRAND_BG_TRANSPARENT_FULL = "brand-bg-basic-transparent-full", i.SUCCESSFUL_BG_LEVEL_1 = "successful-bg-basic-level-1", i.SUCCESSFUL_BG_LEVEL_2 = "successful-bg-basic-level-2", i.SUCCESSFUL_BG_LEVEL_3 = "successful-bg-basic-level-3", i.SUCCESSFUL_BG_TRANSPARENT_SEMI = "successful-bg-basic-transparent-semi", i.SUCCESSFUL_BG_TRANSPARENT_FULL = "successful-bg-basic-transparent-full", i.CRITICAL_BG_LEVEL_1 = "critical-bg-basic-level-1", i.CRITICAL_BG_LEVEL_2 = "critical-bg-basic-level-2", i.CRITICAL_BG_LEVEL_3 = "critical-bg-basic-level-3", i.CRITICAL_BG_TRANSPARENT_SEMI = "critical-bg-basic-transparent-semi", i.CRITICAL_BG_TRANSPARENT_Full = "critical-bg-basic-transparent-full", i.WARNING_BG_LEVEL_1 = "warning-bg-basic-level-1", i.WARNING_BG_LEVEL_2 = "warning-bg-basic-level-2", i.WARNING_BG_LEVEL_3 = "warning-bg-basic-level-3", i.WARNING_BG_TRANSPARENT_SEMI = "warning-bg-basic-transparent-semi", i.WARNING_BG_TRANSPARENT_FULL = "warning-bg-basic-transparent-full", i.INFORMATIONAL_BG_LEVEL_1 = "informational-bg-basic-level-1", i.INFORMATIONAL_BG_LEVEL_2 = "informational-bg-basic-level-2", i.INFORMATIONAL_BG_LEVEL_3 = "informational-bg-basic-level-3", i.INFORMATIONAL_BG_TRANSPARENT_SEMI = "informational-bg-basic-transparent-semi", i.INFORMATIONAL_BG_TRANSPARENT_FULL = "informational-bg-basic-transparent-full", i))(da || {});
@@ -159,7 +159,7 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
159
159
  function e(t) {
160
160
  t.stopPropagation(), a.onClose && a.onClose(t);
161
161
  }
162
- return (t, p) => (m(), w("article", {
162
+ return (t, p) => (m(), B("article", {
163
163
  ref_key: "_ref",
164
164
  ref: l,
165
165
  id: t.id,
@@ -172,15 +172,15 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
172
172
  "data-link-variant": t.linkVariant
173
173
  }, [
174
174
  C(t.$slots, "image"),
175
- n(ee)(t.headline, t.showHeadline) ? (m(), w("header", Ga, _(t.headline), 1)) : V("", !0),
175
+ n(ee)(t.headline, t.showHeadline) ? (m(), B("header", Ga, _(t.headline), 1)) : V("", !0),
176
176
  T("p", null, [
177
- t.text ? (m(), w(U, { key: 0 }, [
177
+ t.text ? (m(), B(U, { key: 0 }, [
178
178
  D(_(t.text), 1)
179
179
  ], 64)) : C(t.$slots, "default", { key: 1 })
180
180
  ]),
181
- n(ee)(t.timestamp, t.showTimestamp) ? (m(), w("span", Wa, _(t.timestamp), 1)) : V("", !0),
181
+ n(ee)(t.timestamp, t.showTimestamp) ? (m(), B("span", Wa, _(t.timestamp), 1)) : V("", !0),
182
182
  C(t.$slots, "link"),
183
- n(M)(t.closeable, "closeable") ? (m(), Z(we, {
183
+ n(M)(t.closeable, "closeable") ? (m(), Z(Be, {
184
184
  key: 2,
185
185
  icon: "cross",
186
186
  variant: "ghost",
@@ -231,7 +231,7 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
231
231
  }
232
232
  ), (t, p) => {
233
233
  var d;
234
- return m(), w("span", {
234
+ return m(), B("span", {
235
235
  ref_key: "_ref",
236
236
  ref: e,
237
237
  id: t.id,
@@ -240,9 +240,9 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
240
240
  "data-size": t.size,
241
241
  "data-emphasis": t.emphasis,
242
242
  "data-placement": t.placement,
243
- "data-label": ((d = t.placement) == null ? void 0 : d.startsWith("corner")) && (t.label ?? n(Be))
243
+ "data-label": ((d = t.placement) == null ? void 0 : d.startsWith("corner")) && (t.label ?? n(we))
244
244
  }, [
245
- t.text ? (m(), w(U, { key: 0 }, [
245
+ t.text ? (m(), B(U, { key: 0 }, [
246
246
  D(_(t.text), 1)
247
247
  ], 64)) : C(t.$slots, "default", { key: 1 })
248
248
  ], 10, Oa);
@@ -264,7 +264,7 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
264
264
  },
265
265
  setup(i) {
266
266
  const a = i, l = s(null);
267
- return (e, t) => (m(), w("div", {
267
+ return (e, t) => (m(), B("div", {
268
268
  ref_key: "_ref",
269
269
  ref: l,
270
270
  "data-icon": e.hideLogo ? "none" : e.icon ?? n(Ra),
@@ -272,7 +272,7 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
272
272
  id: e.id,
273
273
  class: z(n(R)("db-brand", a.class))
274
274
  }, [
275
- e.text ? (m(), w(U, { key: 0 }, [
275
+ e.text ? (m(), B(U, { key: 0 }, [
276
276
  D(_(e.text), 1)
277
277
  ], 64)) : C(e.$slots, "default", { key: 1 })
278
278
  ], 10, Xa));
@@ -296,7 +296,7 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
296
296
  function e(t) {
297
297
  a.onClick && a.onClick(t);
298
298
  }
299
- return (t, p) => (m(), w("div", {
299
+ return (t, p) => (m(), B("div", {
300
300
  ref_key: "_ref",
301
301
  ref: l,
302
302
  id: t.id,
@@ -330,7 +330,7 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
330
330
  },
331
331
  setup(i) {
332
332
  const a = i, l = s(null);
333
- return (e, t) => (m(), w("span", {
333
+ return (e, t) => (m(), B("span", {
334
334
  ref_key: "_ref",
335
335
  ref: l,
336
336
  id: e.id,
@@ -340,7 +340,7 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
340
340
  "data-size": e.size,
341
341
  "data-hide-icon-before": n(K)(e.showIcon ?? !0)
342
342
  }, [
343
- e.text ? (m(), w(U, { key: 0 }, [
343
+ e.text ? (m(), B(U, { key: 0 }, [
344
344
  D(_(e.text), 1)
345
345
  ], 64)) : C(e.$slots, "default", { key: 1 })
346
346
  ], 10, ja));
@@ -386,11 +386,11 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
386
386
  },
387
387
  emits: ["update:checked"],
388
388
  setup(i, { emit: a }) {
389
- const l = a, e = i, t = s(!1), p = s(void 0), d = s(void 0), B = s(void 0), c = s(void 0), v = s(void 0), u = s(""), L = s(""), g = s(null);
389
+ const l = a, e = i, t = s(!1), p = s(void 0), d = s(void 0), w = s(void 0), c = s(void 0), v = s(void 0), u = s(""), L = s(""), g = s(null);
390
390
  Y(() => {
391
391
  t.value = !0;
392
392
  const b = e.id ?? `checkbox-${Q()}`;
393
- p.value = b, d.value = b + fe, B.value = b + pe, c.value = b + he, v.value = e.invalidMessage || ie;
393
+ p.value = b, d.value = b + fe, w.value = b + pe, c.value = b + he, v.value = e.invalidMessage || ie;
394
394
  }), A(
395
395
  () => [g.value, e.invalidMessage],
396
396
  () => {
@@ -406,7 +406,7 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
406
406
  () => {
407
407
  if (p.value) {
408
408
  const b = p.value + fe;
409
- d.value = b, B.value = p.value + pe, c.value = p.value + he, ee(e.message, e.showMessage) && (u.value = b);
409
+ d.value = b, w.value = p.value + pe, c.value = p.value + he, ee(e.message, e.showMessage) && (u.value = b);
410
410
  }
411
411
  },
412
412
  {
@@ -437,7 +437,7 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
437
437
  }
438
438
  function f() {
439
439
  var b, S, O;
440
- !((b = g.value) != null && b.validity.valid) || e.validation === "invalid" ? (u.value = c.value, v.value = e.invalidMessage || ((S = g.value) == null ? void 0 : S.validationMessage) || ie, ve() && (L.value = v.value, x(() => L.value = "", 1e3))) : h() && ((O = g.value) != null && O.validity.valid) && e.required ? (u.value = B.value, ve() && (L.value = e.validMessage ?? me, x(() => L.value = "", 1e3))) : ee(e.message, e.showMessage) ? u.value = d.value : u.value = "";
440
+ !((b = g.value) != null && b.validity.valid) || e.validation === "invalid" ? (u.value = c.value, v.value = e.invalidMessage || ((S = g.value) == null ? void 0 : S.validationMessage) || ie, ve() && (L.value = v.value, x(() => L.value = "", 1e3))) : h() && ((O = g.value) != null && O.validity.valid) && e.required ? (u.value = w.value, ve() && (L.value = e.validMessage ?? me, x(() => L.value = "", 1e3))) : ee(e.message, e.showMessage) ? u.value = d.value : u.value = "";
441
441
  }
442
442
  function r(b) {
443
443
  e.onChange && e.onChange(b), se(l, b, "checked"), f();
@@ -448,7 +448,7 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
448
448
  function E(b) {
449
449
  e.onFocus && e.onFocus(b);
450
450
  }
451
- return (b, S) => (m(), w("div", {
451
+ return (b, S) => (m(), B("div", {
452
452
  class: z(n(R)("db-checkbox", e.class)),
453
453
  "data-size": b.size,
454
454
  "data-hide-label": n(K)(b.showLabel)
@@ -471,7 +471,7 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
471
471
  onFocus: S[2] || (S[2] = async (O) => E(O)),
472
472
  "aria-describedby": b.ariaDescribedBy ?? u.value
473
473
  }, null, 40, Ja),
474
- b.label ? (m(), w(U, { key: 0 }, [
474
+ b.label ? (m(), B(U, { key: 0 }, [
475
475
  D(_(b.label), 1)
476
476
  ], 64)) : C(b.$slots, "default", { key: 1 })
477
477
  ], 8, Ka),
@@ -490,7 +490,7 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
490
490
  key: 1,
491
491
  size: "small",
492
492
  semantic: "successful",
493
- id: B.value
493
+ id: w.value
494
494
  }, {
495
495
  default: G(() => [
496
496
  D(_(b.validMessage || n(me)), 1)
@@ -526,7 +526,7 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
526
526
  },
527
527
  setup(i) {
528
528
  const a = i, l = s(null);
529
- return (e, t) => (m(), w("div", {
529
+ return (e, t) => (m(), B("div", {
530
530
  ref_key: "_ref",
531
531
  ref: l,
532
532
  id: e.id,
@@ -573,25 +573,25 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
573
573
  flush: "post"
574
574
  }
575
575
  );
576
- function t(d, B) {
577
- d.key === "Escape" && d.preventDefault(), B && d.stopPropagation(), (B || d.key === "Escape" || d.target.nodeName === "DIALOG" && d.type === "click" && a.backdrop !== "none") && a.onClose && a.onClose(d);
576
+ function t(d, w) {
577
+ d.key === "Escape" && d.preventDefault(), w && d.stopPropagation(), (w || d.key === "Escape" || d.target.nodeName === "DIALOG" && d.type === "click" && a.backdrop !== "none") && a.onClose && a.onClose(d);
578
578
  }
579
579
  function p() {
580
580
  if (l.value) {
581
581
  const d = !!a.open;
582
582
  d && !l.value.open && (e.value && (e.value.hidden = !1), a.backdrop === "none" || a.variant === "inside" ? l.value.show() : l.value.showModal()), !d && l.value.open && (e.value && (e.value.hidden = !0), x(() => {
583
- var B;
584
- e.value && (e.value.hidden = !1), (B = l.value) == null || B.close();
583
+ var w;
584
+ e.value && (e.value.hidden = !1), (w = l.value) == null || w.close();
585
585
  }, 401));
586
586
  }
587
587
  }
588
- return (d, B) => (m(), w("dialog", {
588
+ return (d, w) => (m(), B("dialog", {
589
589
  class: "db-drawer",
590
590
  id: d.id,
591
591
  ref_key: "_ref",
592
592
  ref: l,
593
- onClick: B[0] || (B[0] = async (c) => t(c)),
594
- onKeydown: B[1] || (B[1] = async (c) => t(c)),
593
+ onClick: w[0] || (w[0] = async (c) => t(c)),
594
+ onKeydown: w[1] || (w[1] = async (c) => t(c)),
595
595
  "data-backdrop": d.backdrop,
596
596
  "data-variant": d.variant
597
597
  }, [
@@ -608,7 +608,7 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
608
608
  T("div", tt, [
609
609
  C(d.$slots, "drawer-header")
610
610
  ]),
611
- ae(we, {
611
+ ae(Be, {
612
612
  class: "button-close-drawer",
613
613
  icon: "cross",
614
614
  variant: "ghost",
@@ -639,10 +639,10 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
639
639
  innerHeight: p,
640
640
  innerWidth: d
641
641
  } = window;
642
- let B = a < 0, c = l > p, v = e < 0, u = t > d;
642
+ let w = a < 0, c = l > p, v = e < 0, u = t > d;
643
643
  const L = i.dataset.outsideVy, g = i.dataset.outsideVx, h = (f = i == null ? void 0 : i.parentElement) == null ? void 0 : f.getBoundingClientRect();
644
- return h && (L && (i.dataset.outsideVy === "top" ? B = h.top - (l - h.bottom) < 0 : c = h.bottom + (h.top - a) > p), g && (i.dataset.outsideVx === "left" ? v = h.left - (t - h.right) < 0 : u = h.right + (h.left - e) > d)), {
645
- outTop: B,
644
+ return h && (L && (i.dataset.outsideVy === "top" ? w = h.top - (l - h.bottom) < 0 : c = h.bottom + (h.top - a) > p), g && (i.dataset.outsideVx === "left" ? v = h.left - (t - h.right) < 0 : u = h.right + (h.left - e) > d)), {
645
+ outTop: w,
646
646
  outBottom: c,
647
647
  outLeft: v,
648
648
  outRight: u
@@ -668,18 +668,18 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
668
668
  bottom: t,
669
669
  childHeight: p,
670
670
  childWidth: d,
671
- width: B,
671
+ width: w,
672
672
  right: c,
673
673
  left: v,
674
674
  correctedPlacement: u
675
675
  } = sa(i, a, l);
676
- i.dataset.width === "full" && (i.style.inlineSize = `${B}px`), u === "top" || u === "bottom" || u === "top-start" || u === "bottom-start" ? i.style.insetInlineStart = `${v}px` : (u === "top-end" || u === "bottom-end") && (i.style.insetInlineStart = `${c - d}px`), u != null && u.startsWith("top") ? i.style.insetBlockStart = `${e - p}px` : u != null && u.startsWith("bottom") && (i.style.insetBlockStart = `${t}px`), i.style.position = "fixed";
676
+ i.dataset.width === "full" && (i.style.inlineSize = `${w}px`), u === "top" || u === "bottom" || u === "top-start" || u === "bottom-start" ? i.style.insetInlineStart = `${v}px` : (u === "top-end" || u === "bottom-end") && (i.style.insetInlineStart = `${c - d}px`), u != null && u.startsWith("top") ? i.style.insetBlockStart = `${e - p}px` : u != null && u.startsWith("bottom") && (i.style.insetBlockStart = `${t}px`), i.style.position = "fixed";
677
677
  }, sa = (i, a, l) => {
678
678
  const e = i.getBoundingClientRect(), {
679
679
  top: t,
680
680
  height: p,
681
681
  bottom: d,
682
- right: B,
682
+ right: w,
683
683
  left: c,
684
684
  width: v
685
685
  } = a.getBoundingClientRect(), {
@@ -688,12 +688,12 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
688
688
  } = window;
689
689
  let g = e.height, h = e.width;
690
690
  (l === "bottom" || l === "top") && (h = h / 2), (l === "left" || l === "right") && (g = g / 2);
691
- const f = d + g > u, r = t - g < 0, I = c - h < 0, E = B + h > L;
691
+ const f = d + g > u, r = t - g < 0, I = c - h < 0, E = w + h > L;
692
692
  let b = l;
693
693
  return l.startsWith("bottom") ? f ? (b = l == null ? void 0 : l.replace("bottom", "top"), I && E ? b = "top" : I ? b = "top-start" : E && (b = "top-end")) : I && E ? b = "bottom" : I ? b = "bottom-start" : E && (b = "bottom-end") : l.startsWith("top") ? r ? (b = l == null ? void 0 : l.replace("top", "bottom"), I && E ? b = "bottom" : I ? b = "bottom-start" : E && (b = "bottom-end")) : I && E ? b = "top" : I ? b = "top-start" : E && (b = "top-end") : l.startsWith("left") ? I ? (b = l == null ? void 0 : l.replace("left", "right"), f && r ? b = "right" : f ? b = "right-end" : r && (b = "right-start")) : f && r ? b = "left" : f ? b = "left-end" : r && (b = "left-start") : b.startsWith("right") && (E ? (b = l == null ? void 0 : l.replace("right", "left"), f && r ? b = "left" : f ? b = "left-end" : r && (b = "left-start")) : f && r ? b = "right" : f ? b = "right-end" : r && (b = "right-start")), {
694
694
  top: t,
695
695
  bottom: d,
696
- right: B,
696
+ right: w,
697
697
  height: p,
698
698
  width: v,
699
699
  left: c,
@@ -708,7 +708,7 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
708
708
  top: t,
709
709
  height: p,
710
710
  width: d,
711
- childHeight: B,
711
+ childHeight: w,
712
712
  childWidth: c,
713
713
  right: v,
714
714
  left: u,
@@ -721,17 +721,17 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
721
721
  const r = d / 2 / c * 100;
722
722
  g.endsWith("start") ? i.style.setProperty("--db-tooltip-arrow-inline-start", `${r}%`) : g.endsWith("end") && i.style.setProperty("--db-tooltip-arrow-inline-start", `${100 - r}%`);
723
723
  }
724
- if (B > p && (g.startsWith("left") || g.startsWith("bottom"))) {
725
- const r = p / 2 / B * 100;
724
+ if (w > p && (g.startsWith("left") || g.startsWith("bottom"))) {
725
+ const r = p / 2 / w * 100;
726
726
  g.endsWith("start") ? i.style.setProperty("--db-tooltip-arrow-block-start", `${r}%`) : g.endsWith("end") && i.style.setProperty("--db-tooltip-arrow-block-start", `${100 - r}%`);
727
727
  }
728
728
  if (g === "right" || g === "left")
729
729
  i.style.insetBlockStart = `${t + p / 2}px`;
730
730
  else if (g === "right-start" || g === "left-start") {
731
- const r = t + B;
731
+ const r = t + w;
732
732
  i.style.insetBlockStart = `${t}px`, i.style.insetBlockEnd = `${r > f ? f : r}px`;
733
733
  } else if (g === "right-end" || g === "left-end") {
734
- const r = L - B;
734
+ const r = L - w;
735
735
  i.style.insetBlockStart = `${r < 0 ? 0 : r}px`, i.style.insetBlockEnd = `${L}px`;
736
736
  } else if (g === "top" || g === "bottom")
737
737
  i.style.insetInlineStart = `${u + d / 2}px`;
@@ -749,10 +749,10 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
749
749
  const r = u - c;
750
750
  i.style.insetInlineStart = `calc(${r < 0 ? 0 : r}px - ${e})`, i.style.insetInlineEnd = `calc(${v}px - ${e})`;
751
751
  } else if (g != null && g.startsWith("top")) {
752
- const r = t - B;
752
+ const r = t - w;
753
753
  i.style.insetBlockStart = `calc(${r < 0 ? 0 : r}px - ${e})`, i.style.insetBlockEnd = `calc(${L}px - ${e})`;
754
754
  } else if (g != null && g.startsWith("bottom")) {
755
- const r = L + B;
755
+ const r = L + w;
756
756
  i.style.insetBlockStart = `calc(${L}px + ${e})`, i.style.insetBlockEnd = `calc(${r > f ? f : r}px + ${e})`;
757
757
  }
758
758
  i.style.position = "fixed", i.setAttribute("data-corrected-placement", g);
@@ -815,10 +815,10 @@ class st {
815
815
  if (!this.triangleData)
816
816
  return;
817
817
  if (a === "fill-gap") {
818
- const d = `${this.triangleData.itemRect.height + 2 * this.triangleData.padding}px`, B = `${this.triangleData.parentElementWidth - this.triangleData.padding}px`;
818
+ const d = `${this.triangleData.itemRect.height + 2 * this.triangleData.padding}px`, w = `${this.triangleData.parentElementWidth - this.triangleData.padding}px`;
819
819
  return {
820
- lb: `${B} ${d}`,
821
- lt: `${B} 0`,
820
+ lb: `${w} ${d}`,
821
+ lt: `${w} 0`,
822
822
  rt: "100% 0",
823
823
  rb: `100% ${d}`
824
824
  };
@@ -885,10 +885,10 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
885
885
  const v = !M(a.drawerOpen, "drawerOpen");
886
886
  a.onToggle && a.onToggle(v);
887
887
  }
888
- function B(c) {
888
+ function w(c) {
889
889
  ra(c) && d();
890
890
  }
891
- return (c, v) => (m(), w("header", {
891
+ return (c, v) => (m(), B("header", {
892
892
  ref_key: "_ref",
893
893
  ref: p,
894
894
  class: z(n(R)("db-header", a.class)),
@@ -907,7 +907,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
907
907
  T("div", rt, [
908
908
  T("div", {
909
909
  class: "db-header-navigation",
910
- onClick: v[0] || (v[0] = async (u) => B(u))
910
+ onClick: v[0] || (v[0] = async (u) => w(u))
911
911
  }, [
912
912
  C(c.$slots, "default")
913
913
  ]),
@@ -938,7 +938,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
938
938
  ]),
939
939
  T("div", yt, [
940
940
  T("div", kt, [
941
- ae(we, {
941
+ ae(Be, {
942
942
  icon: "menu",
943
943
  variant: "ghost",
944
944
  id: l.value + "-burger-menu",
@@ -958,7 +958,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
958
958
  ])
959
959
  ], 10, ut));
960
960
  }
961
- }), Bt = ["id", "data-icon", "data-icon-weight", "data-icon-variant"], ul = /* @__PURE__ */ P({
961
+ }), wt = ["id", "data-icon", "data-icon-weight", "data-icon-variant"], ul = /* @__PURE__ */ P({
962
962
  __name: "icon",
963
963
  props: {
964
964
  variant: { default: void 0 },
@@ -974,7 +974,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
974
974
  },
975
975
  setup(i) {
976
976
  const a = i, l = s(null);
977
- return (e, t) => (m(), w("span", {
977
+ return (e, t) => (m(), B("span", {
978
978
  "aria-hidden": "true",
979
979
  ref_key: "_ref",
980
980
  ref: l,
@@ -984,12 +984,12 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
984
984
  "data-icon-weight": e.weight,
985
985
  "data-icon-variant": e.variant
986
986
  }, [
987
- e.text ? (m(), w(U, { key: 0 }, [
987
+ e.text ? (m(), B(U, { key: 0 }, [
988
988
  D(_(e.text), 1)
989
989
  ], 64)) : C(e.$slots, "default", { key: 1 })
990
- ], 10, Bt));
990
+ ], 10, wt));
991
991
  }
992
- }), wt = ["data-variant", "data-hide-label", "data-hide-icon", "data-icon", "data-icon-after", "data-hide-icon-after"], It = ["for"], $t = ["aria-invalid", "data-custom-validity", "data-field-sizing", "id", "name", "type", "placeholder", "disabled", "required", "step", "value", "maxLength", "minLength", "max", "min", "readOnly", "form", "pattern", "size", "autoComplete", "autoFocus", "list", "aria-describedby"], Lt = ["id"], _t = ["value"], Tt = {
992
+ }), Bt = ["data-variant", "data-hide-label", "data-hide-icon", "data-icon", "data-icon-after", "data-hide-icon-after"], It = ["for"], $t = ["aria-invalid", "data-custom-validity", "data-field-sizing", "id", "name", "type", "placeholder", "disabled", "required", "step", "value", "maxLength", "minLength", "max", "min", "readOnly", "form", "pattern", "size", "autoComplete", "autoFocus", "list", "aria-describedby"], Lt = ["id"], _t = ["value"], Tt = {
993
993
  "data-visually-hidden": "true",
994
994
  role: "status"
995
995
  }, Et = /* @__PURE__ */ P({
@@ -1047,10 +1047,10 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
1047
1047
  },
1048
1048
  emits: ["update:value"],
1049
1049
  setup(i, { emit: a }) {
1050
- const l = a, e = i, t = s(void 0), p = s(void 0), d = s(void 0), B = s(void 0), c = s(void 0), v = s(void 0), u = s(""), L = s(""), g = s(""), h = s(null);
1050
+ const l = a, e = i, t = s(void 0), p = s(void 0), d = s(void 0), w = s(void 0), c = s(void 0), v = s(void 0), u = s(""), L = s(""), g = s(""), h = s(null);
1051
1051
  Y(() => {
1052
1052
  const y = e.id ?? `input-${Q()}`;
1053
- t.value = y, p.value = y + fe, d.value = y + pe, B.value = y + he, v.value = y + ea, c.value = e.invalidMessage || ie;
1053
+ t.value = y, p.value = y + fe, d.value = y + pe, w.value = y + he, v.value = y + ea, c.value = e.invalidMessage || ie;
1054
1054
  }), A(
1055
1055
  () => [h.value, e.invalidMessage],
1056
1056
  () => {
@@ -1066,7 +1066,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
1066
1066
  () => {
1067
1067
  if (t.value) {
1068
1068
  const y = t.value + fe;
1069
- p.value = y, d.value = t.value + pe, B.value = t.value + he, v.value = e.dataListId ?? t.value + ea, ee(e.message, e.showMessage) && (u.value = y);
1069
+ p.value = y, d.value = t.value + pe, w.value = t.value + he, v.value = e.dataListId ?? t.value + ea, ee(e.message, e.showMessage) && (u.value = y);
1070
1070
  }
1071
1071
  },
1072
1072
  {
@@ -1088,7 +1088,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
1088
1088
  }
1089
1089
  function r() {
1090
1090
  var y, W, k;
1091
- !((y = h.value) != null && y.validity.valid) || e.validation === "invalid" ? (u.value = B.value, c.value = e.invalidMessage || ((W = h.value) == null ? void 0 : W.validationMessage) || ie, ve() && (g.value = c.value, x(() => g.value = "", 1e3))) : f() && ((k = h.value) != null && k.validity.valid) && (e.required || e.minLength || e.maxLength || e.pattern) ? (u.value = d.value, ve() && (g.value = e.validMessage ?? me, x(() => g.value = "", 1e3))) : ee(e.message, e.showMessage) ? u.value = p.value : u.value = "";
1091
+ !((y = h.value) != null && y.validity.valid) || e.validation === "invalid" ? (u.value = w.value, c.value = e.invalidMessage || ((W = h.value) == null ? void 0 : W.validationMessage) || ie, ve() && (g.value = c.value, x(() => g.value = "", 1e3))) : f() && ((k = h.value) != null && k.validity.valid) && (e.required || e.minLength || e.maxLength || e.pattern) ? (u.value = d.value, ve() && (g.value = e.validMessage ?? me, x(() => g.value = "", 1e3))) : ee(e.message, e.showMessage) ? u.value = p.value : u.value = "";
1092
1092
  }
1093
1093
  function I(y) {
1094
1094
  e.input && e.input(y), L.value = y.target.value, e.onInput && e.onInput(y), se(l, y), r();
@@ -1111,7 +1111,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
1111
1111
  })) : y) || []
1112
1112
  );
1113
1113
  }
1114
- return (y, W) => (m(), w("div", {
1114
+ return (y, W) => (m(), B("div", {
1115
1115
  class: z(n(R)("db-input", e.class)),
1116
1116
  "data-variant": y.variant,
1117
1117
  "data-hide-label": n(K)(y.showLabel),
@@ -1120,7 +1120,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
1120
1120
  "data-icon-after": y.iconAfter,
1121
1121
  "data-hide-icon-after": n(K)(y.showIcon)
1122
1122
  }, [
1123
- T("label", { for: t.value }, _(y.label ?? n(Be)), 9, It),
1123
+ T("label", { for: t.value }, _(y.label ?? n(we)), 9, It),
1124
1124
  T("input", {
1125
1125
  "aria-invalid": y.validation === "invalid",
1126
1126
  "data-custom-validity": y.validation,
@@ -1152,11 +1152,11 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
1152
1152
  list: y.dataList && v.value,
1153
1153
  "aria-describedby": y.ariaDescribedBy ?? u.value
1154
1154
  }, null, 40, $t),
1155
- y.dataList ? (m(), w("datalist", {
1155
+ y.dataList ? (m(), B("datalist", {
1156
1156
  key: 0,
1157
1157
  id: v.value
1158
1158
  }, [
1159
- (m(!0), w(U, null, be(O(), (k) => (m(), w("option", {
1159
+ (m(!0), B(U, null, be(O(), (k) => (m(), B("option", {
1160
1160
  key: v.value + "-option-" + k.value,
1161
1161
  value: k.value
1162
1162
  }, _(k.label), 9, _t))), 128))
@@ -1187,7 +1187,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
1187
1187
  ae(te, {
1188
1188
  size: "small",
1189
1189
  semantic: "critical",
1190
- id: B.value
1190
+ id: w.value
1191
1191
  }, {
1192
1192
  default: G(() => [
1193
1193
  D(_(c.value), 1)
@@ -1195,7 +1195,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
1195
1195
  _: 1
1196
1196
  }, 8, ["id"]),
1197
1197
  T("span", Tt, _(g.value), 1)
1198
- ], 10, wt));
1198
+ ], 10, Bt));
1199
1199
  }
1200
1200
  }), Ct = ["id", "href", "target", "rel", "role", "hrefLang", "aria-disabled", "tabIndex", "aria-selected", "aria-label", "aria-current", "data-size", "data-hide-icon-after", "data-variant", "data-content"], rl = /* @__PURE__ */ P({
1201
1201
  __name: "link",
@@ -1228,7 +1228,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
1228
1228
  function e(t) {
1229
1229
  a.onClick && a.onClick(t);
1230
1230
  }
1231
- return (t, p) => (m(), w("a", {
1231
+ return (t, p) => (m(), B("a", {
1232
1232
  ref_key: "_ref",
1233
1233
  ref: l,
1234
1234
  id: t.id,
@@ -1249,7 +1249,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
1249
1249
  "data-content": t.content || "internal",
1250
1250
  onClick: p[0] || (p[0] = async (d) => e(d))
1251
1251
  }, [
1252
- t.text ? (m(), w(U, { key: 0 }, [
1252
+ t.text ? (m(), B(U, { key: 0 }, [
1253
1253
  D(_(t.text), 1)
1254
1254
  ], 64)) : C(t.$slots, "default", { key: 1 })
1255
1255
  ], 10, Ct));
@@ -1278,7 +1278,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
1278
1278
  }) : l.value = !0;
1279
1279
  }), Ea(() => {
1280
1280
  typeof window < "u" && document.documentElement.classList.contains("db-page-document") && document.documentElement.classList.remove("db-page-document");
1281
- }), (t, p) => (m(), w("div", {
1281
+ }), (t, p) => (m(), B("div", {
1282
1282
  ref_key: "_ref",
1283
1283
  ref: e,
1284
1284
  id: t.id,
@@ -1338,7 +1338,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
1338
1338
  flush: "post"
1339
1339
  }
1340
1340
  );
1341
- function B(u) {
1341
+ function w(u) {
1342
1342
  e.onChange && e.onChange(u), se(l, u);
1343
1343
  }
1344
1344
  function c(u) {
@@ -1347,7 +1347,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
1347
1347
  function v(u) {
1348
1348
  e.onFocus && e.onFocus(u);
1349
1349
  }
1350
- return (u, L) => (m(), w("label", {
1350
+ return (u, L) => (m(), B("label", {
1351
1351
  "data-size": u.size,
1352
1352
  "data-hide-label": n(K)(u.showLabel),
1353
1353
  class: z(n(R)("db-radio", e.class)),
@@ -1366,11 +1366,11 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
1366
1366
  "aria-describedby": u.describedbyid ?? u.ariaDescribedBy,
1367
1367
  value: u.value,
1368
1368
  required: n(M)(u.required, "required"),
1369
- onChange: L[0] || (L[0] = async (g) => B(g)),
1369
+ onChange: L[0] || (L[0] = async (g) => w(g)),
1370
1370
  onBlur: L[1] || (L[1] = async (g) => c(g)),
1371
1371
  onFocus: L[2] || (L[2] = async (g) => v(g))
1372
1372
  }, null, 40, Ft),
1373
- u.label ? (m(), w(U, { key: 0 }, [
1373
+ u.label ? (m(), B(U, { key: 0 }, [
1374
1374
  D(_(u.label), 1)
1375
1375
  ], 64)) : C(u.$slots, "default", { key: 1 })
1376
1376
  ], 10, Dt));
@@ -1391,7 +1391,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
1391
1391
  const a = i, l = s(Le), e = s(null);
1392
1392
  return Y(() => {
1393
1393
  l.value = a.id || "section-" + Q();
1394
- }), (t, p) => (m(), w("section", {
1394
+ }), (t, p) => (m(), B("section", {
1395
1395
  ref_key: "_ref",
1396
1396
  ref: e,
1397
1397
  id: l.value,
@@ -1448,11 +1448,11 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
1448
1448
  },
1449
1449
  emits: ["update:value"],
1450
1450
  setup(i, { emit: a }) {
1451
- const l = a, e = i, t = s(void 0), p = s(void 0), d = s(void 0), B = s(void 0), c = s(void 0), v = s(""), u = s(""), L = s(""), g = s(!1), h = s(""), f = s(null);
1451
+ const l = a, e = i, t = s(void 0), p = s(void 0), d = s(void 0), w = s(void 0), c = s(void 0), v = s(""), u = s(""), L = s(""), g = s(!1), h = s(""), f = s(null);
1452
1452
  Y(() => {
1453
1453
  g.value = !0;
1454
1454
  const k = e.id ?? `select-${Q()}`;
1455
- t.value = k, p.value = k + fe, d.value = k + pe, B.value = k + he, v.value = k + ze, c.value = e.invalidMessage || ie;
1455
+ t.value = k, p.value = k + fe, d.value = k + pe, w.value = k + he, v.value = k + ze, c.value = e.invalidMessage || ie;
1456
1456
  }), A(
1457
1457
  () => [f.value, e.invalidMessage],
1458
1458
  () => {
@@ -1468,7 +1468,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
1468
1468
  () => {
1469
1469
  if (t.value && g.value) {
1470
1470
  const k = t.value + fe, X = t.value + ze;
1471
- p.value = k, d.value = t.value + pe, B.value = t.value + he, v.value = X, ee(e.message, e.showMessage) ? u.value = k : u.value = X, g.value = !1;
1471
+ p.value = k, d.value = t.value + pe, w.value = t.value + he, v.value = X, ee(e.message, e.showMessage) ? u.value = k : u.value = X, g.value = !1;
1472
1472
  }
1473
1473
  },
1474
1474
  {
@@ -1490,7 +1490,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
1490
1490
  }
1491
1491
  function I() {
1492
1492
  var k, X, le;
1493
- !((k = f.value) != null && k.validity.valid) || e.validation === "invalid" ? (u.value = B.value, c.value = e.invalidMessage || ((X = f.value) == null ? void 0 : X.validationMessage) || ie, ve() && (h.value = c.value, x(() => h.value = "", 1e3))) : r() && ((le = f.value) != null && le.validity.valid) && e.required ? (u.value = d.value, ve() && (h.value = e.validMessage ?? me, x(() => h.value = "", 1e3))) : ee(e.message, e.showMessage) ? u.value = p.value : u.value = v.value;
1493
+ !((k = f.value) != null && k.validity.valid) || e.validation === "invalid" ? (u.value = w.value, c.value = e.invalidMessage || ((X = f.value) == null ? void 0 : X.validationMessage) || ie, ve() && (h.value = c.value, x(() => h.value = "", 1e3))) : r() && ((le = f.value) != null && le.validity.valid) && e.required ? (u.value = d.value, ve() && (h.value = e.validMessage ?? me, x(() => h.value = "", 1e3))) : ee(e.message, e.showMessage) ? u.value = p.value : u.value = v.value;
1494
1494
  }
1495
1495
  function E(k) {
1496
1496
  e.onClick && e.onClick(k);
@@ -1513,14 +1513,14 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
1513
1513
  }
1514
1514
  return (k, X) => {
1515
1515
  var le;
1516
- return m(), w("div", {
1516
+ return m(), B("div", {
1517
1517
  class: z(n(R)("db-select", e.class)),
1518
1518
  "data-variant": k.variant,
1519
1519
  "data-hide-label": n(K)(k.showLabel),
1520
1520
  "data-icon": k.icon,
1521
1521
  "data-hide-icon": n(K)(k.showIcon)
1522
1522
  }, [
1523
- T("label", { for: t.value }, _(k.label ?? n(Be)), 9, zt),
1523
+ T("label", { for: t.value }, _(k.label ?? n(we)), 9, zt),
1524
1524
  T("select", {
1525
1525
  "aria-invalid": k.validation === "invalid",
1526
1526
  "data-custom-validity": k.validation,
@@ -1542,18 +1542,18 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
1542
1542
  "aria-describedby": k.ariaDescribedBy ?? u.value
1543
1543
  }, [
1544
1544
  X[5] || (X[5] = T("option", { hidden: !0 }, null, -1)),
1545
- (le = k.options) != null && le.length ? (m(!0), w(U, { key: 0 }, be(k.options, (J, Fe) => (m(), w(U, { key: Fe }, [
1546
- J.options ? (m(), w("optgroup", {
1545
+ (le = k.options) != null && le.length ? (m(!0), B(U, { key: 0 }, be(k.options, (J, Fe) => (m(), B(U, { key: Fe }, [
1546
+ J.options ? (m(), B("optgroup", {
1547
1547
  key: 0,
1548
1548
  label: W(J)
1549
1549
  }, [
1550
- (m(!0), w(U, null, be(J.options, (ye, Te) => (m(), w("option", {
1550
+ (m(!0), B(U, null, be(J.options, (ye, Te) => (m(), B("option", {
1551
1551
  key: Te,
1552
1552
  value: ye.value,
1553
1553
  selected: ye.selected,
1554
1554
  disabled: ye.disabled
1555
1555
  }, _(W(ye)), 9, Pt))), 128))
1556
- ], 8, Vt)) : (m(), w("option", {
1556
+ ], 8, Vt)) : (m(), B("option", {
1557
1557
  key: 1,
1558
1558
  value: J.value,
1559
1559
  disabled: J.disabled,
@@ -1587,7 +1587,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
1587
1587
  ae(te, {
1588
1588
  size: "small",
1589
1589
  semantic: "critical",
1590
- id: B.value
1590
+ id: w.value
1591
1591
  }, {
1592
1592
  default: G(() => [
1593
1593
  D(_(c.value), 1)
@@ -1644,7 +1644,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
1644
1644
  flush: "post"
1645
1645
  }
1646
1646
  );
1647
- function B(u) {
1647
+ function w(u) {
1648
1648
  var L;
1649
1649
  e.onChange && e.onChange(u), p.value = (L = u.target) == null ? void 0 : L.checked, se(l, u, "checked");
1650
1650
  }
@@ -1654,7 +1654,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
1654
1654
  function v(u) {
1655
1655
  e.onFocus && e.onFocus(u);
1656
1656
  }
1657
- return (u, L) => (m(), w("label", {
1657
+ return (u, L) => (m(), B("label", {
1658
1658
  "data-visual-aid": n(H)(u.visualAid),
1659
1659
  "data-size": u.size,
1660
1660
  "data-hide-label": n(K)(u.showLabel),
@@ -1679,11 +1679,11 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
1679
1679
  required: n(M)(u.required, "required"),
1680
1680
  "data-aid-icon": u.icon,
1681
1681
  "data-aid-icon-after": u.iconAfter,
1682
- onChange: L[0] || (L[0] = async (g) => B(g)),
1682
+ onChange: L[0] || (L[0] = async (g) => w(g)),
1683
1683
  onBlur: L[1] || (L[1] = async (g) => c(g)),
1684
1684
  onFocus: L[2] || (L[2] = async (g) => v(g))
1685
1685
  }, null, 40, Ot),
1686
- u.label ? (m(), w(U, { key: 0 }, [
1686
+ u.label ? (m(), B(U, { key: 0 }, [
1687
1687
  D(_(u.label), 1)
1688
1688
  ], 64)) : C(u.$slots, "default", { key: 1 })
1689
1689
  ], 10, Wt));
@@ -1712,13 +1712,13 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
1712
1712
  },
1713
1713
  emits: ["update:checked"],
1714
1714
  setup(i, { emit: a }) {
1715
- const l = a, e = i, t = s(!1), p = s(void 0), d = s(!1), B = s(null);
1715
+ const l = a, e = i, t = s(!1), p = s(void 0), d = s(!1), w = s(null);
1716
1716
  Y(() => {
1717
1717
  d.value = !0;
1718
1718
  }), A(
1719
- () => [B.value, d.value],
1719
+ () => [w.value, d.value],
1720
1720
  () => {
1721
- d.value && B.value && (e.active && B.value.click(), d.value = !1);
1721
+ d.value && w.value && (e.active && w.value.click(), d.value = !1);
1722
1722
  },
1723
1723
  {
1724
1724
  immediate: !0,
@@ -1738,7 +1738,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
1738
1738
  var u;
1739
1739
  v.stopPropagation(), e.onChange && e.onChange(v), t.value = (u = v.target) == null ? void 0 : u.checked, se(l, v, "checked");
1740
1740
  }
1741
- return (v, u) => (m(), w("li", {
1741
+ return (v, u) => (m(), B("li", {
1742
1742
  role: "none",
1743
1743
  class: z(n(R)("db-tab-item", e.class))
1744
1744
  }, [
@@ -1758,12 +1758,12 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
1758
1758
  "aria-controls": v.controls,
1759
1759
  checked: n(M)(v.checked, "checked"),
1760
1760
  ref_key: "_ref",
1761
- ref: B,
1761
+ ref: w,
1762
1762
  name: p.value,
1763
1763
  id: v.id,
1764
1764
  onInput: u[0] || (u[0] = async (L) => c(L))
1765
1765
  }, null, 40, Ht),
1766
- v.label ? (m(), w(U, { key: 0 }, [
1766
+ v.label ? (m(), B(U, { key: 0 }, [
1767
1767
  D(_(v.label), 1)
1768
1768
  ], 64)) : V("", !0),
1769
1769
  C(v.$slots, "default")
@@ -1825,10 +1825,10 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
1825
1825
  f.addEventListener(r, () => h(f));
1826
1826
  }), f.addEventListener("keydown", (r) => c(r)), ["mouseleave", "focusout"].forEach((r) => {
1827
1827
  f.addEventListener(r, () => g());
1828
- }), f.setAttribute("data-has-tooltip", "true"), a.variant === "label" ? f.setAttribute("aria-labelledby", l.value) : f.setAttribute("aria-describedby", l.value)), p.value = new IntersectionObserver((r) => {
1828
+ }), f.setAttribute("data-has-tooltip", "true"), a.variant === "label" ? f.setAttribute("aria-labelledby", l.value) : f.setAttribute("aria-describedby", l.value)), typeof window < "u" && "IntersectionObserver" in window && (p.value = new IntersectionObserver((r) => {
1829
1829
  const I = r.find(({ target: E }) => E === v());
1830
1830
  I && !I.isIntersecting && c(!1);
1831
- }), e.value = !1;
1831
+ })), e.value = !1;
1832
1832
  }
1833
1833
  },
1834
1834
  {
@@ -1836,7 +1836,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
1836
1836
  flush: "post"
1837
1837
  }
1838
1838
  );
1839
- function B(f) {
1839
+ function w(f) {
1840
1840
  f.stopPropagation();
1841
1841
  }
1842
1842
  function c(f) {
@@ -1871,7 +1871,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
1871
1871
  (I) => L(I, f)
1872
1872
  ), u(f), (r = p.value) == null || r.observe(v());
1873
1873
  }
1874
- return (f, r) => (m(), w("i", {
1874
+ return (f, r) => (m(), B("i", {
1875
1875
  role: "tooltip",
1876
1876
  "aria-hidden": "true",
1877
1877
  "data-gap": "true",
@@ -1885,7 +1885,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
1885
1885
  "data-width": f.width,
1886
1886
  "data-show-arrow": n(H)(f.showArrow ?? !0),
1887
1887
  "data-placement": f.placement,
1888
- onClick: r[0] || (r[0] = async (I) => B(I))
1888
+ onClick: r[0] || (r[0] = async (I) => w(I))
1889
1889
  }, [
1890
1890
  C(f.$slots, "default")
1891
1891
  ], 10, Yt));
@@ -1920,11 +1920,11 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
1920
1920
  l.value = !0, A(
1921
1921
  () => [l.value, a.disabled, e.value],
1922
1922
  () => {
1923
- var d, B;
1923
+ var d, w;
1924
1924
  if (l.value && e.value && a.disabled !== void 0) {
1925
1925
  const c = (d = e.value) == null ? void 0 : d.querySelector(
1926
1926
  "button:not(.db-tab-remove-button)"
1927
- ), v = (B = e.value) == null ? void 0 : B.querySelector("input");
1927
+ ), v = (w = e.value) == null ? void 0 : w.querySelector("input");
1928
1928
  for (const u of [c, v])
1929
1929
  u && (u.disabled = !!a.disabled);
1930
1930
  }
@@ -1940,7 +1940,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
1940
1940
  function p() {
1941
1941
  return a.removeButton ? a.removeButton : ia;
1942
1942
  }
1943
- return (d, B) => (m(), w("div", {
1943
+ return (d, w) => (m(), B("div", {
1944
1944
  ref_key: "_ref",
1945
1945
  ref: e,
1946
1946
  id: d.id,
@@ -1956,10 +1956,10 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
1956
1956
  }, [
1957
1957
  C(d.$slots, "content"),
1958
1958
  C(d.$slots, "default"),
1959
- d.text ? (m(), w(U, { key: 0 }, [
1959
+ d.text ? (m(), B(U, { key: 0 }, [
1960
1960
  D(_(d.text), 1)
1961
1961
  ], 64)) : V("", !0),
1962
- d.behavior === "removable" ? (m(), w("button", {
1962
+ d.behavior === "removable" ? (m(), B("button", {
1963
1963
  key: 1,
1964
1964
  class: "db-button db-tab-remove-button",
1965
1965
  "data-icon": "cross",
@@ -1967,7 +1967,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
1967
1967
  "data-no-text": "true",
1968
1968
  "data-variant": "ghost",
1969
1969
  type: "button",
1970
- onClick: B[0] || (B[0] = async (c) => t(c))
1970
+ onClick: w[0] || (w[0] = async (c) => t(c))
1971
1971
  }, [
1972
1972
  ae(ca, { variant: "label" }, {
1973
1973
  default: G(() => [
@@ -2031,10 +2031,10 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2031
2031
  },
2032
2032
  emits: ["update:value"],
2033
2033
  setup(i, { emit: a }) {
2034
- const l = a, e = i, t = s(void 0), p = s(void 0), d = s(void 0), B = s(void 0), c = s(void 0), v = s(""), u = s(""), L = s(""), g = s(null);
2034
+ const l = a, e = i, t = s(void 0), p = s(void 0), d = s(void 0), w = s(void 0), c = s(void 0), v = s(""), u = s(""), L = s(""), g = s(null);
2035
2035
  Y(() => {
2036
2036
  const S = e.id ?? `textarea-${Q()}`;
2037
- t.value = S, p.value = S + fe, d.value = S + pe, B.value = S + he, c.value = e.invalidMessage || ie;
2037
+ t.value = S, p.value = S + fe, d.value = S + pe, w.value = S + he, c.value = e.invalidMessage || ie;
2038
2038
  }), A(
2039
2039
  () => [g.value, e.invalidMessage],
2040
2040
  () => {
@@ -2050,7 +2050,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2050
2050
  () => {
2051
2051
  if (t.value) {
2052
2052
  const S = t.value + fe;
2053
- p.value = S, d.value = t.value + pe, B.value = t.value + he, ee(e.message, e.showMessage) && (v.value = S);
2053
+ p.value = S, d.value = t.value + pe, w.value = t.value + he, ee(e.message, e.showMessage) && (v.value = S);
2054
2054
  }
2055
2055
  },
2056
2056
  {
@@ -2072,7 +2072,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2072
2072
  }
2073
2073
  function f() {
2074
2074
  var S, O, y;
2075
- !((S = g.value) != null && S.validity.valid) || e.validation === "invalid" ? (v.value = B.value, c.value = e.invalidMessage || ((O = g.value) == null ? void 0 : O.validationMessage) || ie, ve() && (L.value = c.value, x(() => L.value = "", 1e3))) : h() && ((y = g.value) != null && y.validity.valid) && (e.required || e.minLength || e.maxLength) ? (v.value = d.value, ve() && (L.value = e.validMessage ?? me, x(() => L.value = "", 1e3))) : ee(e.message, e.showMessage) ? v.value = p.value : v.value = "";
2075
+ !((S = g.value) != null && S.validity.valid) || e.validation === "invalid" ? (v.value = w.value, c.value = e.invalidMessage || ((O = g.value) == null ? void 0 : O.validationMessage) || ie, ve() && (L.value = c.value, x(() => L.value = "", 1e3))) : h() && ((y = g.value) != null && y.validity.valid) && (e.required || e.minLength || e.maxLength) ? (v.value = d.value, ve() && (L.value = e.validMessage ?? me, x(() => L.value = "", 1e3))) : ee(e.message, e.showMessage) ? v.value = p.value : v.value = "";
2076
2076
  }
2077
2077
  function r(S) {
2078
2078
  e.input && e.input(S), u.value = S.target.value, e.onInput && e.onInput(S), se(l, S), f();
@@ -2086,12 +2086,12 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2086
2086
  function b(S) {
2087
2087
  e.onFocus && e.onFocus(S);
2088
2088
  }
2089
- return (S, O) => (m(), w("div", {
2089
+ return (S, O) => (m(), B("div", {
2090
2090
  class: z(n(R)("db-textarea", e.class)),
2091
2091
  "data-variant": S.variant,
2092
2092
  "data-hide-label": n(K)(S.showLabel)
2093
2093
  }, [
2094
- T("label", { for: t.value }, _(S.label ?? n(Be)), 9, Zt),
2094
+ T("label", { for: t.value }, _(S.label ?? n(we)), 9, Zt),
2095
2095
  T("textarea", {
2096
2096
  "aria-invalid": S.validation === "invalid",
2097
2097
  "data-custom-validity": S.validation,
@@ -2146,7 +2146,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2146
2146
  ae(te, {
2147
2147
  size: "small",
2148
2148
  semantic: "critical",
2149
- id: B.value
2149
+ id: w.value
2150
2150
  }, {
2151
2151
  default: G(() => [
2152
2152
  D(_(c.value), 1)
@@ -2182,7 +2182,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2182
2182
  text: { default: void 0 }
2183
2183
  },
2184
2184
  setup(i) {
2185
- const a = i, l = s(!1), e = s(!1), t = s(!0), p = s(!1), d = s(!1), B = s(
2185
+ const a = i, l = s(!1), e = s(!1), t = s(!0), p = s(!1), d = s(!1), w = s(
2186
2186
  "sub-navigation-" + Q()
2187
2187
  ), c = s(void 0), v = s(null);
2188
2188
  Y(() => {
@@ -2227,7 +2227,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2227
2227
  function g(h) {
2228
2228
  h.stopPropagation(), p.value = !1;
2229
2229
  }
2230
- return (h, f) => (m(), w("li", {
2230
+ return (h, f) => (m(), B("li", {
2231
2231
  ref_key: "_ref",
2232
2232
  ref: v,
2233
2233
  id: h.id,
@@ -2251,12 +2251,12 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2251
2251
  "data-wrap": n(H)(h.wrap),
2252
2252
  "aria-disabled": n(H)(h.disabled)
2253
2253
  }, [
2254
- t.value ? V("", !0) : (m(), w(U, { key: 0 }, [
2255
- h.text ? (m(), w(U, { key: 0 }, [
2254
+ t.value ? V("", !0) : (m(), B(U, { key: 0 }, [
2255
+ h.text ? (m(), B(U, { key: 0 }, [
2256
2256
  D(_(h.text), 1)
2257
2257
  ], 64)) : C(h.$slots, "default", { key: 1 })
2258
2258
  ], 64)),
2259
- t.value ? (m(), w(U, { key: 1 }, [
2259
+ t.value ? (m(), B(U, { key: 1 }, [
2260
2260
  T("button", {
2261
2261
  class: "db-navigation-item-expand-button",
2262
2262
  "aria-haspopup": e.value,
@@ -2264,18 +2264,18 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2264
2264
  disabled: n(M)(h.disabled, "disabled"),
2265
2265
  onClick: f[0] || (f[0] = async (r) => L(r))
2266
2266
  }, [
2267
- h.text ? (m(), w(U, { key: 0 }, [
2267
+ h.text ? (m(), B(U, { key: 0 }, [
2268
2268
  D(_(h.text), 1)
2269
2269
  ], 64)) : C(h.$slots, "default", { key: 1 })
2270
2270
  ], 8, ti),
2271
2271
  T("menu", {
2272
2272
  class: "db-sub-navigation",
2273
2273
  "data-auto-close": d.value,
2274
- id: B.value,
2274
+ id: w.value,
2275
2275
  onClick: f[1] || (f[1] = async (r) => u(r))
2276
2276
  }, [
2277
- e.value ? (m(), w("div", li, [
2278
- ae(we, {
2277
+ e.value ? (m(), B("div", li, [
2278
+ ae(Be, {
2279
2279
  icon: "arrow_left",
2280
2280
  variant: "ghost",
2281
2281
  id: h.backButtonId,
@@ -2333,12 +2333,12 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2333
2333
  flush: "post"
2334
2334
  }
2335
2335
  );
2336
- function B(c) {
2336
+ function w(c) {
2337
2337
  c == null || c.preventDefault();
2338
2338
  const v = !e.value;
2339
2339
  a.onToggle && a.onToggle(v), e.value = v;
2340
2340
  }
2341
- return (c, v) => (m(), w("li", {
2341
+ return (c, v) => (m(), B("li", {
2342
2342
  id: l.value,
2343
2343
  class: z(n(R)("db-accordion-item", a.class))
2344
2344
  }, [
@@ -2350,15 +2350,15 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2350
2350
  open: e.value
2351
2351
  }, [
2352
2352
  T("summary", {
2353
- onClick: v[0] || (v[0] = async (u) => B(u))
2353
+ onClick: v[0] || (v[0] = async (u) => w(u))
2354
2354
  }, [
2355
- c.headlinePlain ? (m(), w(U, { key: 0 }, [
2355
+ c.headlinePlain ? (m(), B(U, { key: 0 }, [
2356
2356
  D(_(c.headlinePlain), 1)
2357
2357
  ], 64)) : V("", !0),
2358
2358
  c.headlinePlain ? V("", !0) : C(c.$slots, "headline", { key: 1 })
2359
2359
  ]),
2360
2360
  T("div", null, [
2361
- c.text ? (m(), w(U, { key: 0 }, [
2361
+ c.text ? (m(), B(U, { key: 0 }, [
2362
2362
  D(_(c.text), 1)
2363
2363
  ], 64)) : C(c.$slots, "default", { key: 1 })
2364
2364
  ])
@@ -2431,7 +2431,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2431
2431
  flush: "post"
2432
2432
  }
2433
2433
  );
2434
- function B() {
2434
+ function w() {
2435
2435
  try {
2436
2436
  return typeof a.items == "string" ? JSON.parse(a.items) : a.items;
2437
2437
  } catch (c) {
@@ -2439,7 +2439,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2439
2439
  }
2440
2440
  return [];
2441
2441
  }
2442
- return (c, v) => (m(), w("ul", {
2442
+ return (c, v) => (m(), B("ul", {
2443
2443
  ref_key: "_ref",
2444
2444
  ref: d,
2445
2445
  id: l.value,
@@ -2447,7 +2447,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2447
2447
  "data-variant": c.variant
2448
2448
  }, [
2449
2449
  c.items ? V("", !0) : C(c.$slots, "default", { key: 0 }),
2450
- c.items ? (m(!0), w(U, { key: 1 }, be(B(), (u, L) => (m(), Z(ni, {
2450
+ c.items ? (m(!0), B(U, { key: 1 }, be(w(), (u, L) => (m(), Z(ni, {
2451
2451
  key: `accordion-item-${L}`,
2452
2452
  headlinePlain: u.headlinePlain,
2453
2453
  disabled: u.disabled,
@@ -2470,7 +2470,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2470
2470
  const a = i, l = s(Le), e = s(null);
2471
2471
  return Y(() => {
2472
2472
  l.value = a.id || "navigation-" + Q();
2473
- }), (t, p) => (m(), w("nav", {
2473
+ }), (t, p) => (m(), B("nav", {
2474
2474
  ref_key: "_ref",
2475
2475
  ref: e,
2476
2476
  id: l.value,
@@ -2512,15 +2512,15 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2512
2512
  const h = g();
2513
2513
  h && (h.ariaHasPopup = "true"), c(), d.value.addEventListener(
2514
2514
  "keydown",
2515
- (f) => B(f)
2515
+ (f) => w(f)
2516
2516
  ), ["mouseenter", "focusin"].forEach((f) => {
2517
2517
  d.value.addEventListener(f, () => u());
2518
2518
  }), ["mouseleave", "focusout"].forEach((f) => {
2519
2519
  d.value.addEventListener(f, () => L());
2520
- }), p.value = new IntersectionObserver((f) => {
2520
+ }), typeof window < "u" && "IntersectionObserver" in window && (p.value = new IntersectionObserver((f) => {
2521
2521
  const r = f.find(({ target: I }) => I === g());
2522
- r && !r.isIntersecting && B(!1);
2523
- });
2522
+ r && !r.isIntersecting && w(!1);
2523
+ }));
2524
2524
  }
2525
2525
  },
2526
2526
  {
@@ -2540,7 +2540,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2540
2540
  flush: "post"
2541
2541
  }
2542
2542
  );
2543
- function B(h) {
2543
+ function w(h) {
2544
2544
  if (!h || h.key === "Escape")
2545
2545
  for (const f of Array.from(d.value.children))
2546
2546
  f.blur();
@@ -2589,7 +2589,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2589
2589
  }
2590
2590
  return null;
2591
2591
  }
2592
- return (h, f) => (m(), w("div", {
2592
+ return (h, f) => (m(), B("div", {
2593
2593
  ref_key: "_ref",
2594
2594
  ref: d,
2595
2595
  id: h.id,
@@ -2624,7 +2624,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2624
2624
  const a = i, l = s(Le), e = s(null);
2625
2625
  return Y(() => {
2626
2626
  l.value = a.id || "tab-list-" + Q();
2627
- }), (t, p) => (m(), w("div", {
2627
+ }), (t, p) => (m(), B("div", {
2628
2628
  ref_key: "_ref",
2629
2629
  ref: e,
2630
2630
  id: l.value,
@@ -2650,7 +2650,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2650
2650
  setup(i) {
2651
2651
  const a = i, l = s(null);
2652
2652
  return Y(() => {
2653
- }), (e, t) => (m(), w("section", {
2653
+ }), (e, t) => (m(), B("section", {
2654
2654
  role: "tabpanel",
2655
2655
  ref_key: "_ref",
2656
2656
  ref: l,
@@ -2658,7 +2658,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2658
2658
  id: e.id,
2659
2659
  "aria-labelledby": e.labelledBy
2660
2660
  }, [
2661
- e.content ? (m(), w(U, { key: 0 }, [
2661
+ e.content ? (m(), B(U, { key: 0 }, [
2662
2662
  D(_(e.content), 1)
2663
2663
  ], 64)) : V("", !0),
2664
2664
  C(e.$slots, "default")
@@ -2688,7 +2688,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2688
2688
  alignment: { default: void 0 }
2689
2689
  },
2690
2690
  setup(i) {
2691
- const a = i, l = s("tabs-" + Q()), e = s(""), t = s(!1), p = s(!1), d = s(!1), B = s(null), c = s(null);
2691
+ const a = i, l = s("tabs-" + Q()), e = s(""), t = s(!1), p = s(!1), d = s(!1), w = s(null), c = s(null);
2692
2692
  Y(() => {
2693
2693
  l.value = a.id || l.value, e.value = `tabs-${a.name || Q()}`, t.value = !0;
2694
2694
  }), A(
@@ -2727,7 +2727,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2727
2727
  function L(r) {
2728
2728
  var E;
2729
2729
  let I = Number(a.arrowScrollDistance) || 100;
2730
- r && (I *= -1), (E = B.value) == null || E.scrollBy({
2730
+ r && (I *= -1), (E = w.value) == null || E.scrollBy({
2731
2731
  top: 0,
2732
2732
  left: I,
2733
2733
  behavior: "smooth"
@@ -2741,7 +2741,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2741
2741
  I && (I.setAttribute(
2742
2742
  "aria-orientation",
2743
2743
  a.orientation || "horizontal"
2744
- ), a.behavior === "arrows" && (B.value = I, u(I), I.addEventListener("scroll", () => {
2744
+ ), a.behavior === "arrows" && (w.value = I, u(I), I.addEventListener("scroll", () => {
2745
2745
  u(I);
2746
2746
  })));
2747
2747
  }
@@ -2792,7 +2792,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2792
2792
  }
2793
2793
  a.onTabSelect && a.onTabSelect(r);
2794
2794
  }
2795
- return (r, I) => (m(), w("div", {
2795
+ return (r, I) => (m(), B("div", {
2796
2796
  ref_key: "_ref",
2797
2797
  ref: c,
2798
2798
  id: l.value,
@@ -2803,7 +2803,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2803
2803
  "data-width": r.width ?? "auto",
2804
2804
  onInput: I[0] || (I[0] = async (E) => f(E))
2805
2805
  }, [
2806
- p.value ? (m(), Z(we, {
2806
+ p.value ? (m(), Z(Be, {
2807
2807
  key: 0,
2808
2808
  class: "tabs-scroll-left",
2809
2809
  variant: "ghost",
@@ -2818,10 +2818,10 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2818
2818
  _: 1,
2819
2819
  __: [1]
2820
2820
  }, 8, ["onClick"])) : V("", !0),
2821
- r.tabs ? (m(), w(U, { key: 1 }, [
2821
+ r.tabs ? (m(), B(U, { key: 1 }, [
2822
2822
  ae(pi, null, {
2823
2823
  default: G(() => [
2824
- (m(!0), w(U, null, be(v(), (E, b) => (m(), Z(jt, {
2824
+ (m(!0), B(U, null, be(v(), (E, b) => (m(), Z(jt, {
2825
2825
  key: r.name + "tab-item" + b,
2826
2826
  active: E.active,
2827
2827
  label: E.label,
@@ -2832,7 +2832,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2832
2832
  ]),
2833
2833
  _: 1
2834
2834
  }),
2835
- (m(!0), w(U, null, be(v(), (E, b) => (m(), Z(mi, {
2835
+ (m(!0), B(U, null, be(v(), (E, b) => (m(), Z(mi, {
2836
2836
  key: r.name + "tab-panel" + b,
2837
2837
  content: E.content
2838
2838
  }, {
@@ -2842,7 +2842,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2842
2842
  _: 2
2843
2843
  }, 1032, ["content"]))), 128))
2844
2844
  ], 64)) : V("", !0),
2845
- d.value ? (m(), Z(we, {
2845
+ d.value ? (m(), Z(Be, {
2846
2846
  key: 2,
2847
2847
  class: "tabs-scroll-right",
2848
2848
  variant: "ghost",
@@ -2860,7 +2860,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2860
2860
  C(r.$slots, "default")
2861
2861
  ], 42, gi));
2862
2862
  }
2863
- }), Bl = ["adaptive", "neutral", "critical", "informational", "warning", "successful"], wl = ["medium", "small", "large", "none"], Il = ["medium", "small", "large", "none"], bi = ["left", "right", "left-start", "left-end", "right-start", "right-end"], yi = ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"], $l = [...bi, ...yi], Ll = ["none", "3x-large", "2x-large", "x-large", "large", "medium", "small", "x-small", "2x-small", "3x-small"], _l = ["horizontal", "vertical"], Tl = ["full", "auto"], El = ["full", "medium", "large", "small"], Cl = ["none", "slow", "fast"], Al = ["auto", "fixed"], Dl = ["small", "medium"], Fl = ["weak", "strong"], Nl = ["invalid", "valid", "no-validation"], Ml = ["fixed", "content"], zl = ["above", "floating"], Rl = ["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"], Vl = ["time", "true", "false", "date", "page", "step", "location"], Pl = ["_self", "_blank", "_parent", "_top"], Ul = ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "same-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url"], ql = ["start", "center"], ki = ["id", "data-gap", "data-variant", "data-direction", "data-alignment", "data-justify-content", "data-wrap"], Gl = /* @__PURE__ */ P({
2863
+ }), wl = ["adaptive", "neutral", "critical", "informational", "warning", "successful"], Bl = ["medium", "small", "large", "none"], Il = ["medium", "small", "large", "none"], bi = ["left", "right", "left-start", "left-end", "right-start", "right-end"], yi = ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"], $l = [...bi, ...yi], Ll = ["none", "3x-large", "2x-large", "x-large", "large", "medium", "small", "x-small", "2x-small", "3x-small"], _l = ["horizontal", "vertical"], Tl = ["full", "auto"], El = ["full", "medium", "large", "small"], Cl = ["none", "slow", "fast"], Al = ["auto", "fixed"], Dl = ["small", "medium"], Fl = ["weak", "strong"], Nl = ["invalid", "valid", "no-validation"], Ml = ["fixed", "content"], zl = ["above", "floating"], Rl = ["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"], Vl = ["time", "true", "false", "date", "page", "step", "location"], Pl = ["_self", "_blank", "_parent", "_top"], Ul = ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "same-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url"], ql = ["start", "center"], ki = ["id", "data-gap", "data-variant", "data-direction", "data-alignment", "data-justify-content", "data-wrap"], Gl = /* @__PURE__ */ P({
2864
2864
  __name: "stack",
2865
2865
  props: {
2866
2866
  variant: { default: void 0 },
@@ -2878,7 +2878,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2878
2878
  },
2879
2879
  setup(i) {
2880
2880
  const a = i, l = s(null);
2881
- return (e, t) => (m(), w("div", {
2881
+ return (e, t) => (m(), B("div", {
2882
2882
  ref_key: "_ref",
2883
2883
  ref: l,
2884
2884
  id: e.id,
@@ -2893,7 +2893,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2893
2893
  C(e.$slots, "default")
2894
2894
  ], 10, ki));
2895
2895
  }
2896
- }), Si = ["role", "aria-label", "id"], Bi = /* @__PURE__ */ P({
2896
+ }), Si = ["role", "aria-label", "id"], wi = /* @__PURE__ */ P({
2897
2897
  __name: "custom-select-list",
2898
2898
  props: {
2899
2899
  label: { default: void 0 },
@@ -2907,7 +2907,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2907
2907
  },
2908
2908
  setup(i) {
2909
2909
  const a = i, l = s(null);
2910
- return (e, t) => (m(), w("div", {
2910
+ return (e, t) => (m(), B("div", {
2911
2911
  role: e.multiple ? "group" : "radiogroup",
2912
2912
  "aria-label": e.label,
2913
2913
  ref_key: "_ref",
@@ -2920,7 +2920,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2920
2920
  ])
2921
2921
  ], 10, Si));
2922
2922
  }
2923
- }), wi = ["id", "data-divider"], Ii = ["data-icon", "data-hide-icon", "data-icon-after"], $i = ["type", "name", "form", "checked", "disabled", "value"], Li = { key: 1 }, _i = /* @__PURE__ */ P({
2923
+ }), Bi = ["id", "data-divider"], Ii = ["data-icon", "data-hide-icon", "data-icon-after"], $i = ["type", "name", "form", "checked", "disabled", "value"], Li = { key: 1 }, _i = /* @__PURE__ */ P({
2924
2924
  __name: "custom-select-list-item",
2925
2925
  props: {
2926
2926
  groupTitle: { default: void 0 },
@@ -2958,14 +2958,14 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2958
2958
  flush: "post"
2959
2959
  }
2960
2960
  );
2961
- function B(v) {
2961
+ function w(v) {
2962
2962
  v.stopPropagation(), e.onChange && e.onChange(v), se(l, v, "checked");
2963
2963
  }
2964
2964
  function c() {
2965
2965
  if (!(e.isGroupTitle || e.type === "checkbox"))
2966
2966
  return M(e.checked, "checked") ? "check" : "x_placeholder";
2967
2967
  }
2968
- return (v, u) => (m(), w("li", {
2968
+ return (v, u) => (m(), B("li", {
2969
2969
  ref_key: "_ref",
2970
2970
  ref: d,
2971
2971
  id: t.value,
@@ -2977,7 +2977,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2977
2977
  ),
2978
2978
  "data-divider": n(H)(p.value)
2979
2979
  }, [
2980
- v.isGroupTitle ? (m(), w("span", Li, _(v.groupTitle), 1)) : (m(), w("label", {
2980
+ v.isGroupTitle ? (m(), B("span", Li, _(v.groupTitle), 1)) : (m(), B("label", {
2981
2981
  key: 0,
2982
2982
  "data-icon": v.type !== "checkbox" && v.icon ? v.icon : void 0,
2983
2983
  "data-hide-icon": n(K)(v.showIcon),
@@ -2992,13 +2992,13 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
2992
2992
  checked: n(M)(v.checked, "checked"),
2993
2993
  disabled: n(M)(v.disabled, "disabled"),
2994
2994
  value: v.value,
2995
- onChange: u[0] || (u[0] = async (L) => B(L))
2995
+ onChange: u[0] || (u[0] = async (L) => w(L))
2996
2996
  }, null, 40, $i),
2997
- v.label ? (m(), w(U, { key: 0 }, [
2997
+ v.label ? (m(), B(U, { key: 0 }, [
2998
2998
  D(_(v.label), 1)
2999
2999
  ], 64)) : C(v.$slots, "default", { key: 1 })
3000
3000
  ], 8, Ii))
3001
- ], 10, wi));
3001
+ ], 10, Bi));
3002
3002
  }
3003
3003
  }), Ti = ["id", "data-width"], Ei = /* @__PURE__ */ P({
3004
3004
  __name: "custom-select-dropdown",
@@ -3013,7 +3013,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
3013
3013
  },
3014
3014
  setup(i) {
3015
3015
  const a = i, l = s(null);
3016
- return (e, t) => (m(), w("article", {
3016
+ return (e, t) => (m(), B("article", {
3017
3017
  "data-spacing": "none",
3018
3018
  ref_key: "_ref",
3019
3019
  ref: l,
@@ -3112,15 +3112,15 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3112
3112
  },
3113
3113
  emits: ["update:values"],
3114
3114
  setup(i, { emit: a }) {
3115
- const l = a, e = i, t = s(void 0), p = s(void 0), d = s(void 0), B = s(void 0), c = s(void 0), v = s(void 0), u = s(void 0), L = s(void 0), g = s(void 0), h = s(void 0), f = s("no-validation"), r = s(""), I = s(""), E = s(void 0), b = s(""), S = s([]), O = s(!1), y = s(!1), W = s(0), k = s([]), X = s([]), le = s(!1), J = s(void 0), Fe = s(0), ye = s(void 0), Te = s(void 0), Ve = s(void 0), Pe = s(!1), Ee = s(!1), va = s(null), N = s(null), ke = s(null), Ne = s(null), Ue = s(null);
3115
+ const l = a, e = i, t = s(void 0), p = s(void 0), d = s(void 0), w = s(void 0), c = s(void 0), v = s(void 0), u = s(void 0), L = s(void 0), g = s(void 0), h = s(void 0), f = s("no-validation"), r = s(""), I = s(""), E = s(void 0), b = s(""), S = s([]), O = s(!1), y = s(!1), W = s(0), k = s([]), X = s([]), le = s(!1), J = s(void 0), Fe = s(0), ye = s(void 0), Te = s(void 0), Ve = s(void 0), Pe = s(!1), Ee = s(!1), va = s(null), N = s(null), ke = s(null), Ne = s(null), Ue = s(null);
3116
3116
  Y(() => {
3117
3117
  const o = e.id ?? `custom-select-${Q()}`;
3118
- t.value = o, p.value = o + fe, d.value = o + pe, B.value = o + he, v.value = o + xe, u.value = o + Ze, L.value = o + "-summary", g.value = o + ze, E.value = o + "-selected-labels", h.value = o + "-info", c.value = e.invalidMessage || ie, Te.value = new IntersectionObserver(($) => {
3118
+ t.value = o, p.value = o + fe, d.value = o + pe, w.value = o + he, v.value = o + xe, u.value = o + Ze, L.value = o + "-summary", g.value = o + ze, E.value = o + "-selected-labels", h.value = o + "-info", c.value = e.invalidMessage || ie, typeof window < "u" && "IntersectionObserver" in window && (Te.value = new IntersectionObserver(($) => {
3119
3119
  if (N.value) {
3120
3120
  const F = $.find(({ target: j }) => j === N.value);
3121
3121
  F && !F.isIntersecting && N.value.open && (N.value.open = !1);
3122
3122
  }
3123
- });
3123
+ }));
3124
3124
  }), A(
3125
3125
  () => [N.value],
3126
3126
  () => {
@@ -3138,7 +3138,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3138
3138
  () => {
3139
3139
  if (t.value) {
3140
3140
  const o = t.value + fe;
3141
- u.value = t.value + Ze, v.value = t.value + xe, d.value = t.value + pe, B.value = t.value + he, g.value = t.value + ze, ee(e.message, e.showMessage) ? Oe(o) : Oe();
3141
+ u.value = t.value + Ze, v.value = t.value + xe, d.value = t.value + pe, w.value = t.value + he, g.value = t.value + ze, ee(e.message, e.showMessage) ? Oe(o) : Oe();
3142
3142
  }
3143
3143
  },
3144
3144
  {
@@ -3328,12 +3328,12 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3328
3328
  }
3329
3329
  function pa() {
3330
3330
  var o, $, F;
3331
- ke.value && (ke.value.value = ma()), !((o = ke.value) != null && o.validity.valid) || e.validation === "invalid" ? (r.value = B.value, c.value = e.invalidMessage || (($ = ke.value) == null ? void 0 : $.validationMessage) || ie, ve() && (b.value = c.value, x(() => b.value = "", 1e3)), f.value = e.validation ?? "invalid") : We() && ((F = ke.value) != null && F.validity.valid) && e.required ? (r.value = d.value, ve() && (b.value = e.validMessage ?? me, x(() => b.value = "", 1e3)), f.value = e.validation ?? "valid") : ee(e.message, e.showMessage) ? (r.value = p.value, f.value = e.validation ?? "no-validation") : (r.value = g.value, f.value = e.validation ?? "no-validation");
3331
+ ke.value && (ke.value.value = ma()), !((o = ke.value) != null && o.validity.valid) || e.validation === "invalid" ? (r.value = w.value, c.value = e.invalidMessage || (($ = ke.value) == null ? void 0 : $.validationMessage) || ie, ve() && (b.value = c.value, x(() => b.value = "", 1e3)), f.value = e.validation ?? "invalid") : We() && ((F = ke.value) != null && F.validity.valid) && e.required ? (r.value = d.value, ve() && (b.value = e.validMessage ?? me, x(() => b.value = "", 1e3)), f.value = e.validation ?? "valid") : ee(e.message, e.showMessage) ? (r.value = p.value, f.value = e.validation ?? "no-validation") : (r.value = g.value, f.value = e.validation ?? "no-validation");
3332
3332
  }
3333
3333
  function ha(o) {
3334
3334
  var $, F;
3335
3335
  e.onDropdownToggle && (o.stopPropagation(), e.onDropdownToggle(o)), o.target.open ? (J.value = new Re().addCallback(
3336
- (j) => wa(j)
3336
+ (j) => Ba(j)
3337
3337
  ), ye.value = new Ie().addCallback(
3338
3338
  (j) => fa(j)
3339
3339
  ), qe(), ($ = Te.value) == null || $.observe(N.value), o.target.dataset.test || He()) : (J.value && new Re().removeCallback(
@@ -3352,7 +3352,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3352
3352
  o && $.push(o), E.value && ((F = I.value) != null && F.length) && $.push(E.value), r.value = $.join(" ");
3353
3353
  }
3354
3354
  function ga() {
3355
- return e.selectAllLabel ?? Be;
3355
+ return e.selectAllLabel ?? we;
3356
3356
  }
3357
3357
  function $e(o) {
3358
3358
  var $;
@@ -3415,7 +3415,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3415
3415
  } else (o.key === "ArrowDown" || o.key === "ArrowRight") && (qe(), N.value && (N.value.open = !0), He());
3416
3416
  o.stopPropagation(), o.preventDefault();
3417
3417
  }
3418
- function Ba(o) {
3418
+ function wa(o) {
3419
3419
  var $;
3420
3420
  o.stopPropagation(), o.key === "Escape" && (($ = N.value) != null && $.open) ? (Ce("close"), Ae()) : (o.key === "ArrowDown" || o.key === "ArrowUp" || o.key === "ArrowLeft" || o.key === "ArrowRight") && Sa(o);
3421
3421
  }
@@ -3429,7 +3429,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3429
3429
  }
3430
3430
  }
3431
3431
  }
3432
- function wa(o) {
3432
+ function Ba(o) {
3433
3433
  var $;
3434
3434
  if (o) {
3435
3435
  const F = o.target;
@@ -3510,7 +3510,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3510
3510
  }
3511
3511
  return (o, $) => {
3512
3512
  var F, j, oe;
3513
- return m(), w("div", {
3513
+ return m(), B("div", {
3514
3514
  id: t.value,
3515
3515
  ref_key: "_ref",
3516
3516
  ref: va,
@@ -3527,7 +3527,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3527
3527
  "data-hide-icon": n(K)(o.showIcon)
3528
3528
  }, [
3529
3529
  T("label", { id: u.value }, [
3530
- D(_(o.label ?? n(Be)), 1),
3530
+ D(_(o.label ?? n(we)), 1),
3531
3531
  T("select", {
3532
3532
  role: "none",
3533
3533
  hidden: !0,
@@ -3542,7 +3542,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3542
3542
  required: n(M)(o.required, "required"),
3543
3543
  onChange: $[0] || ($[0] = async (q) => La(q))
3544
3544
  }, [
3545
- (F = o.options) != null && F.length ? (m(!0), w(U, { key: 0 }, be(o.options, (q, ge) => (m(), w("option", {
3545
+ (F = o.options) != null && F.length ? (m(!0), B(U, { key: 0 }, be(o.options, (q, ge) => (m(), B("option", {
3546
3546
  key: ge,
3547
3547
  disabled: q.disabled,
3548
3548
  value: q.value
@@ -3554,23 +3554,23 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3554
3554
  ref: N,
3555
3555
  open: o.open,
3556
3556
  onToggle: $[2] || ($[2] = async (q) => ha(q)),
3557
- onKeydown: $[3] || ($[3] = async (q) => Ba(q))
3557
+ onKeydown: $[3] || ($[3] = async (q) => wa(q))
3558
3558
  }, [
3559
3559
  C(o.$slots, "default"),
3560
- o.options ? (m(), w(U, { key: 0 }, [
3560
+ o.options ? (m(), B(U, { key: 0 }, [
3561
3561
  T("summary", {
3562
3562
  class: "db-custom-select-form-field",
3563
3563
  id: L.value,
3564
3564
  "aria-disabled": n(H)(o.disabled),
3565
3565
  "aria-labelledby": u.value
3566
3566
  }, [
3567
- (j = I.value) != null && j.length ? (m(), w("span", {
3567
+ (j = I.value) != null && j.length ? (m(), B("span", {
3568
3568
  key: 0,
3569
3569
  "data-visually-hidden": n(H)(o.selectedType === "tag"),
3570
3570
  id: E.value
3571
3571
  }, _(I.value), 9, zi)) : V("", !0),
3572
- o.selectedType === "tag" ? (m(), w("div", Ri, [
3573
- (m(!0), w(U, null, be(S.value, (q, ge) => (m(), Z(Jt, {
3572
+ o.selectedType === "tag" ? (m(), B("div", Ri, [
3573
+ (m(!0), B(U, null, be(S.value, (q, ge) => (m(), Z(Jt, {
3574
3574
  key: ge,
3575
3575
  emphasis: "strong",
3576
3576
  behavior: "removable",
@@ -3586,7 +3586,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3586
3586
  ], 8, Mi),
3587
3587
  ae(Ei, { width: o.dropdownWidth }, {
3588
3588
  default: G(() => [
3589
- y.value ? (m(), w("div", Vi, [
3589
+ y.value ? (m(), B("div", Vi, [
3590
3590
  ae(Et, {
3591
3591
  type: "search",
3592
3592
  ref_key: "searchInputRef",
@@ -3595,7 +3595,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3595
3595
  form: t.value,
3596
3596
  showLabel: !1,
3597
3597
  value: Ve.value,
3598
- label: o.searchLabel ?? n(Be),
3598
+ label: o.searchLabel ?? n(we),
3599
3599
  placeholder: o.searchPlaceholder ?? o.searchLabel,
3600
3600
  ariaDescribedBy: le.value || o.showLoading ? h.value : void 0,
3601
3601
  onInput: (q) => je(q)
@@ -3611,8 +3611,8 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3611
3611
  D(_((le.value ? o.noResultsText : o.loadingText) ?? n(Fa)), 1)
3612
3612
  ]),
3613
3613
  _: 1
3614
- }, 8, ["id", "icon", "semantic"])) : (m(), w(U, { key: 2 }, [
3615
- O.value ? (m(), w("div", Pi, [
3614
+ }, 8, ["id", "icon", "semantic"])) : (m(), B(U, { key: 2 }, [
3615
+ O.value ? (m(), B("div", Pi, [
3616
3616
  T("div", Ui, [
3617
3617
  T("label", null, [
3618
3618
  T("input", {
@@ -3628,12 +3628,12 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3628
3628
  ])
3629
3629
  ])
3630
3630
  ])) : V("", !0),
3631
- ae(Bi, {
3631
+ ae(wi, {
3632
3632
  multiple: n(M)(o.multiple, "multiple"),
3633
- label: o.ariaListLabel ?? o.label ?? n(Be)
3633
+ label: o.ariaListLabel ?? o.label ?? n(we)
3634
3634
  }, {
3635
3635
  default: G(() => [
3636
- (m(!0), w(U, null, be(X.value, (q, ge) => (m(), Z(_i, {
3636
+ (m(!0), B(U, null, be(X.value, (q, ge) => (m(), Z(_i, {
3637
3637
  key: ge,
3638
3638
  type: o.multiple ? "checkbox" : "radio",
3639
3639
  showDivider: q.showDivider,
@@ -3647,7 +3647,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3647
3647
  onChange: (De) => Xe(q.value)
3648
3648
  }, {
3649
3649
  default: G(() => [
3650
- q.isGroupTitle ? V("", !0) : (m(), w(U, { key: 0 }, [
3650
+ q.isGroupTitle ? V("", !0) : (m(), B(U, { key: 0 }, [
3651
3651
  D(_($e(q)), 1)
3652
3652
  ], 64))
3653
3653
  ]),
@@ -3658,7 +3658,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3658
3658
  }, 8, ["multiple", "label"])
3659
3659
  ], 64)),
3660
3660
  T("div", null, [
3661
- ae(we, {
3661
+ ae(Be, {
3662
3662
  variant: "ghost",
3663
3663
  width: "full",
3664
3664
  icon: "cross",
@@ -3678,7 +3678,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3678
3678
  }, 8, ["width"])
3679
3679
  ], 64)) : V("", !0)
3680
3680
  ], 40, Ni),
3681
- (o.showClearSelection ?? !0) && ((oe = k.value) != null && oe.length) ? (m(), Z(we, {
3681
+ (o.showClearSelection ?? !0) && ((oe = k.value) != null && oe.length) ? (m(), Z(Be, {
3682
3682
  key: 0,
3683
3683
  icon: "cross",
3684
3684
  variant: "ghost",
@@ -3728,7 +3728,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3728
3728
  ae(te, {
3729
3729
  size: "small",
3730
3730
  semantic: "critical",
3731
- id: B.value
3731
+ id: w.value
3732
3732
  }, {
3733
3733
  default: G(() => [
3734
3734
  D(_(c.value), 1)
@@ -3751,7 +3751,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3751
3751
  },
3752
3752
  setup(i) {
3753
3753
  const a = i, l = s(null);
3754
- return (e, t) => (m(), w("summary", {
3754
+ return (e, t) => (m(), B("summary", {
3755
3755
  ref_key: "_ref",
3756
3756
  ref: l,
3757
3757
  id: e.id,
@@ -3773,13 +3773,13 @@ export {
3773
3773
  ni as DBAccordionItem,
3774
3774
  il as DBBadge,
3775
3775
  ll as DBBrand,
3776
- we as DBButton,
3776
+ Be as DBButton,
3777
3777
  ol as DBCard,
3778
3778
  dl as DBCheckbox,
3779
3779
  Wl as DBCustomSelect,
3780
3780
  Ei as DBCustomSelectDropdown,
3781
3781
  Ol as DBCustomSelectFormField,
3782
- Bi as DBCustomSelectList,
3782
+ wi as DBCustomSelectList,
3783
3783
  _i as DBCustomSelectListItem,
3784
3784
  nl as DBDivider,
3785
3785
  lt as DBDrawer,
@@ -3813,7 +3813,7 @@ export {
3813
3813
  Le as DEFAULT_ID,
3814
3814
  ie as DEFAULT_INVALID_MESSAGE,
3815
3815
  he as DEFAULT_INVALID_MESSAGE_ID_SUFFIX,
3816
- Be as DEFAULT_LABEL,
3816
+ we as DEFAULT_LABEL,
3817
3817
  Ze as DEFAULT_LABEL_ID_SUFFIX,
3818
3818
  Fa as DEFAULT_MESSAGE,
3819
3819
  fe as DEFAULT_MESSAGE_ID_SUFFIX,
@@ -3848,9 +3848,9 @@ export {
3848
3848
  Al as PopoverWidthList,
3849
3849
  na as SEMANTIC,
3850
3850
  el as SEMANTICS,
3851
- Bl as SemanticList,
3851
+ wl as SemanticList,
3852
3852
  Dl as SizeList,
3853
- wl as SpacingList,
3853
+ Bl as SpacingList,
3854
3854
  al as TESTING_VIEWPORTS,
3855
3855
  Nl as ValidationList,
3856
3856
  Tl as WidthList,