@db-ux/v-core-components 2.1.0 → 2.1.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 (4) hide show
  1. package/dist/db-ux.es.js +442 -444
  2. package/dist/db-ux.umd.js +1 -1
  3. package/dist/shared/model.d.ts +1 -1
  4. package/package.json +4 -4
package/dist/db-ux.es.js CHANGED
@@ -1,7 +1,7 @@
1
1
  var Ba = Object.defineProperty;
2
2
  var Sa = (i, t, o) => t in i ? Ba(i, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : i[t] = o;
3
3
  var ue = (i, t, o) => Sa(i, typeof t != "symbol" ? t + "" : t, o);
4
- import { defineComponent as z, ref as n, createElementBlock as b, openBlock as v, unref as d, normalizeClass as F, renderSlot as $, Fragment as V, createTextVNode as C, toDisplayString as B, createCommentVNode as D, createElementVNode as I, createBlock as Q, withCtx as U, onMounted as Y, watch as A, createVNode as ae, renderList as he, onUnmounted as wa } from "vue";
4
+ import { defineComponent as P, ref as n, createElementBlock as b, openBlock as v, unref as d, normalizeClass as F, renderSlot as $, Fragment as V, createTextVNode as C, toDisplayString as B, createCommentVNode as z, createElementVNode as I, createBlock as Q, withCtx as U, onMounted as Y, watch as A, createVNode as ae, renderList as he, onUnmounted as wa } from "vue";
5
5
  const Z = () => {
6
6
  var i, t;
7
7
  if (typeof window < "u") {
@@ -53,13 +53,13 @@ const Z = () => {
53
53
  innerHeight: f,
54
54
  innerWidth: u
55
55
  } = window;
56
- let g = t < 0, s = o > f, c = e < 0, r = a > u;
56
+ let h = t < 0, s = o > f, r = e < 0, c = a > u;
57
57
  const _ = i.hasAttribute("data-outside-vy"), L = i.hasAttribute("data-outside-vx"), S = (E = i == null ? void 0 : i.parentElement) == null ? void 0 : E.getBoundingClientRect();
58
- return S && (_ && (i.getAttribute("data-outside-vy") === "top" ? g = S.top - (o - S.bottom) < 0 : s = S.bottom + (S.top - t) > f), L && (i.getAttribute("data-outside-vx") === "left" ? c = S.left - (a - S.right) < 0 : r = S.right + (S.left - e) > u)), {
59
- outTop: g,
58
+ return S && (_ && (i.getAttribute("data-outside-vy") === "top" ? h = S.top - (o - S.bottom) < 0 : s = S.bottom + (S.top - t) > f), L && (i.getAttribute("data-outside-vx") === "left" ? r = S.left - (a - S.right) < 0 : c = S.right + (S.left - e) > u)), {
59
+ outTop: h,
60
60
  outBottom: s,
61
- outLeft: c,
62
- outRight: r
61
+ outLeft: r,
62
+ outRight: c
63
63
  };
64
64
  }, Me = (i) => {
65
65
  const {
@@ -78,7 +78,7 @@ const Z = () => {
78
78
  }, _a = (i) => Array.isArray(i) && i.every((t) => typeof t == "string"), La = ["Mac", "iPhone", "iPad", "iPod"], re = () => typeof window < "u" && La.some((i) => window.navigator.userAgent.includes(i)), x = (i, t) => new Promise(() => setTimeout(i, t)), j = (i) => {
79
79
  if (i != null)
80
80
  return String(typeof i == "string" ? !!i : i);
81
- }, N = (i, t) => {
81
+ }, D = (i, t) => {
82
82
  if (i != null)
83
83
  return typeof i == "string" && t ? !!(t === i || i) : !!i;
84
84
  }, ye = (i, t) => {
@@ -87,7 +87,7 @@ const Z = () => {
87
87
  }, je = (i, t) => t && ["number", "range"].includes(t) ? ye(i) : i, K = (i) => {
88
88
  if (i != null)
89
89
  return j(!i);
90
- }, ee = (i, t) => (t === void 0 || !!t) && !!i, Ye = (i) => i.querySelector('input[type="search"]'), Ta = ["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__ */ z({
90
+ }, ee = (i, t) => (t === void 0 || !!t) && !!i, Ye = (i) => i.querySelector('input[type="search"]'), Ta = ["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({
91
91
  __name: "button",
92
92
  props: {
93
93
  ariaexpanded: { type: Boolean, default: void 0 },
@@ -117,7 +117,7 @@ const Z = () => {
117
117
  setup(i) {
118
118
  const t = i, o = n(null);
119
119
  function e(a) {
120
- t.onClick && (a.stopPropagation(), t.onClick(a));
120
+ t.onClick && t.onClick(a);
121
121
  }
122
122
  return (a, f) => (v(), b("button", {
123
123
  ref_key: "_ref",
@@ -125,7 +125,7 @@ const Z = () => {
125
125
  id: a.id,
126
126
  class: F(d(M)("db-button", t.class)),
127
127
  type: a.type || "button",
128
- disabled: d(N)(a.disabled, "disabled"),
128
+ disabled: d(D)(a.disabled, "disabled"),
129
129
  "aria-label": a.label,
130
130
  "data-icon": a.icon,
131
131
  "data-hide-icon": d(K)(a.showIcon),
@@ -147,7 +147,7 @@ const Z = () => {
147
147
  ], 64)) : $(a.$slots, "default", { key: 1 })
148
148
  ], 10, Ta));
149
149
  }
150
- }), we = "OVERWRITE_DEFAULT_ID", ke = "LABEL SHOULD BE SET", xe = " ", $a = "MESSAGE SHOULD BE SET", Ke = "-label", Je = "-select", ce = "-message", ve = "-valid-message", fe = "-invalid-message", Ne = "-placeholder", Qe = "-datalist", pe = "TODO: Add a validMessage", ie = "TODO: Add an invalidMessage", ea = "Remove", Aa = "Back", Ca = "Selected", Ea = "BurgerMenu", Da = "brand", Na = 4, ze = "Close", Gi = "density", Oi = "color";
150
+ }), we = "OVERWRITE_DEFAULT_ID", ke = "LABEL SHOULD BE SET", xe = " ", $a = "MESSAGE SHOULD BE SET", Ke = "-label", Je = "-select", ce = "-message", ve = "-valid-message", fe = "-invalid-message", Ne = "-placeholder", Qe = "-datalist", pe = "TODO: Add a validMessage", ie = "TODO: Add an invalidMessage", ea = "Remove", Aa = "Back", Ca = "Selected", Ea = "BurgerMenu", Da = "brand", Na = 4, Pe = "Close", Gi = "density", Oi = "color";
151
151
  var aa = /* @__PURE__ */ ((i) => (i.FUNCTIONAL = "functional", i.REGULAR = "regular", i.EXPRESSIVE = "expressive", i))(aa || {});
152
152
  const Wi = Object.entries(aa).map(([, i]) => i);
153
153
  var ta = /* @__PURE__ */ ((i) => (i.PRIMARY = "primary", i))(ta || {}), ia = /* @__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))(ia || {});
@@ -169,7 +169,7 @@ const ji = Object.entries(la).map(([, i]) => i), Fa = {
169
169
  }, {
170
170
  name: "mobile",
171
171
  ...Fa
172
- }], Pa = ["id", "aria-live", "data-semantic", "data-variant", "data-icon", "data-hide-icon", "data-link-variant"], Ra = { key: 0 }, za = { key: 1 }, Ki = /* @__PURE__ */ z({
172
+ }], Ra = ["id", "aria-live", "data-semantic", "data-variant", "data-icon", "data-hide-icon", "data-link-variant"], za = { key: 0 }, Pa = { key: 1 }, Ki = /* @__PURE__ */ P({
173
173
  __name: "notification",
174
174
  props: {
175
175
  ariaLive: { default: void 0 },
@@ -218,15 +218,15 @@ const ji = Object.entries(la).map(([, i]) => i), Fa = {
218
218
  "data-link-variant": a.linkVariant
219
219
  }, [
220
220
  $(a.$slots, "image"),
221
- d(ee)(a.headline, a.showHeadline) ? (v(), b("header", Ra, B(a.headline), 1)) : D("", !0),
221
+ d(ee)(a.headline, a.showHeadline) ? (v(), b("header", za, B(a.headline), 1)) : z("", !0),
222
222
  I("p", null, [
223
223
  a.text ? (v(), b(V, { key: 0 }, [
224
224
  C(B(a.text), 1)
225
225
  ], 64)) : $(a.$slots, "default", { key: 1 })
226
226
  ]),
227
- d(ee)(a.timestamp, a.showTimestamp) ? (v(), b("span", za, B(a.timestamp), 1)) : D("", !0),
227
+ d(ee)(a.timestamp, a.showTimestamp) ? (v(), b("span", Pa, B(a.timestamp), 1)) : z("", !0),
228
228
  $(a.$slots, "link"),
229
- d(N)(a.closeable, "closeable") ? (v(), Q(Be, {
229
+ d(D)(a.closeable, "closeable") ? (v(), Q(Be, {
230
230
  key: 2,
231
231
  icon: "cross",
232
232
  variant: "ghost",
@@ -236,13 +236,13 @@ const ji = Object.entries(la).map(([, i]) => i), Fa = {
236
236
  onClick: (u) => e(u)
237
237
  }, {
238
238
  default: U(() => [
239
- C(B(a.closeButtonText ?? d(ze)), 1)
239
+ C(B(a.closeButtonText ?? d(Pe)), 1)
240
240
  ]),
241
241
  _: 1
242
- }, 8, ["id", "onClick"])) : D("", !0)
243
- ], 10, Pa));
242
+ }, 8, ["id", "onClick"])) : z("", !0)
243
+ ], 10, Ra));
244
244
  }
245
- }), Va = ["id", "data-semantic", "data-size", "data-emphasis", "data-placement", "data-label"], Ji = /* @__PURE__ */ z({
245
+ }), Va = ["id", "data-semantic", "data-size", "data-emphasis", "data-placement", "data-label"], Ji = /* @__PURE__ */ P({
246
246
  __name: "badge",
247
247
  props: {
248
248
  placement: { default: void 0 },
@@ -294,7 +294,7 @@ const ji = Object.entries(la).map(([, i]) => i), Fa = {
294
294
  ], 10, Va);
295
295
  };
296
296
  }
297
- }), qa = ["data-icon", "data-hide-icon", "id"], Qi = /* @__PURE__ */ z({
297
+ }), qa = ["data-icon", "data-hide-icon", "id"], Qi = /* @__PURE__ */ P({
298
298
  __name: "brand",
299
299
  props: {
300
300
  hideLogo: { type: Boolean, default: void 0 },
@@ -323,7 +323,7 @@ const ji = Object.entries(la).map(([, i]) => i), Fa = {
323
323
  ], 64)) : $(e.$slots, "default", { key: 1 })
324
324
  ], 10, qa));
325
325
  }
326
- }), Ua = ["id", "data-behavior", "data-elevation-level", "data-spacing", "role", "tabIndex"], Zi = /* @__PURE__ */ z({
326
+ }), Ua = ["id", "data-behavior", "data-elevation-level", "data-spacing", "role", "tabIndex"], Zi = /* @__PURE__ */ P({
327
327
  __name: "card",
328
328
  props: {
329
329
  behavior: { default: void 0 },
@@ -340,7 +340,7 @@ const ji = Object.entries(la).map(([, i]) => i), Fa = {
340
340
  setup(i) {
341
341
  const t = i, o = n(null);
342
342
  function e(a) {
343
- t.onClick && (a.stopPropagation(), t.onClick(a));
343
+ t.onClick && t.onClick(a);
344
344
  }
345
345
  return (a, f) => (v(), b("div", {
346
346
  ref_key: "_ref",
@@ -359,7 +359,7 @@ const ji = Object.entries(la).map(([, i]) => i), Fa = {
359
359
  }
360
360
  }), de = (i, t, o = "value") => {
361
361
  i(`update:${o}`, t.target[o]);
362
- }, Ga = ["id", "data-icon", "data-semantic", "data-size", "data-hide-icon-before"], te = /* @__PURE__ */ z({
362
+ }, Ga = ["id", "data-icon", "data-semantic", "data-size", "data-hide-icon-before"], te = /* @__PURE__ */ P({
363
363
  __name: "infotext",
364
364
  props: {
365
365
  children: { default: void 0 },
@@ -394,7 +394,7 @@ const ji = Object.entries(la).map(([, i]) => i), Fa = {
394
394
  }), Oa = ["data-size", "data-hide-label"], Wa = ["for"], Xa = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "value", "required", "aria-describedby"], Ha = {
395
395
  "data-visually-hidden": "true",
396
396
  role: "status"
397
- }, xi = /* @__PURE__ */ z({
397
+ }, xi = /* @__PURE__ */ P({
398
398
  __name: "checkbox",
399
399
  props: {
400
400
  indeterminate: { type: [Boolean, String], default: void 0 },
@@ -432,16 +432,16 @@ const ji = Object.entries(la).map(([, i]) => i), Fa = {
432
432
  },
433
433
  emits: ["update:checked"],
434
434
  setup(i, { emit: t }) {
435
- const o = t, e = i, a = n(!1), f = n(void 0), u = n(void 0), g = n(void 0), s = n(void 0), c = n(void 0), r = n(""), _ = n(""), L = n(null);
435
+ const o = t, e = i, a = n(!1), f = n(void 0), u = n(void 0), h = n(void 0), s = n(void 0), r = n(void 0), c = n(""), _ = n(""), L = n(null);
436
436
  Y(() => {
437
437
  a.value = !0;
438
438
  const y = e.id ?? `checkbox-${Z()}`;
439
- f.value = y, u.value = y + ce, g.value = y + ve, s.value = y + fe, c.value = e.invalidMessage || ie;
439
+ f.value = y, u.value = y + ce, h.value = y + ve, s.value = y + fe, r.value = e.invalidMessage || ie;
440
440
  }), A(
441
441
  () => [L.value, e.invalidMessage],
442
442
  () => {
443
443
  var y;
444
- c.value = e.invalidMessage || ((y = L.value) == null ? void 0 : y.validationMessage) || ie;
444
+ r.value = e.invalidMessage || ((y = L.value) == null ? void 0 : y.validationMessage) || ie;
445
445
  },
446
446
  {
447
447
  immediate: !0,
@@ -452,7 +452,7 @@ const ji = Object.entries(la).map(([, i]) => i), Fa = {
452
452
  () => {
453
453
  if (f.value) {
454
454
  const y = f.value + ce;
455
- u.value = y, g.value = f.value + ve, s.value = f.value + fe, ee(e.message, e.showMessage) && (r.value = y);
455
+ u.value = y, h.value = f.value + ve, s.value = f.value + fe, ee(e.message, e.showMessage) && (c.value = y);
456
456
  }
457
457
  },
458
458
  {
@@ -462,7 +462,7 @@ const ji = Object.entries(la).map(([, i]) => i), Fa = {
462
462
  ), A(
463
463
  () => [a.value, L.value, e.indeterminate],
464
464
  () => {
465
- L.value && e.indeterminate !== void 0 && (L.value.indeterminate = !!N(e.indeterminate));
465
+ L.value && e.indeterminate !== void 0 && (L.value.indeterminate = !!D(e.indeterminate));
466
466
  },
467
467
  {
468
468
  immediate: !0,
@@ -471,7 +471,7 @@ const ji = Object.entries(la).map(([, i]) => i), Fa = {
471
471
  ), A(
472
472
  () => [a.value, L.value, e.checked],
473
473
  () => {
474
- a.value && L.value && (e.checked != null && (L.value.checked = !!N(e.checked)), a.value = !1);
474
+ a.value && L.value && (e.checked != null && (L.value.checked = !!D(e.checked)), a.value = !1);
475
475
  },
476
476
  {
477
477
  immediate: !0,
@@ -482,19 +482,19 @@ const ji = Object.entries(la).map(([, i]) => i), Fa = {
482
482
  return !!(e.validMessage ?? e.validation === "valid");
483
483
  }
484
484
  function E() {
485
- var y, h, O;
486
- !((y = L.value) != null && y.validity.valid) || e.validation === "invalid" ? (r.value = s.value, c.value = e.invalidMessage || ((h = L.value) == null ? void 0 : h.validationMessage) || ie, re() && (_.value = c.value, x(() => _.value = "", 1e3))) : S() && ((O = L.value) != null && O.validity.valid) && e.required ? (r.value = g.value, re() && (_.value = e.validMessage ?? pe, x(() => _.value = "", 1e3))) : ee(e.message, e.showMessage) ? r.value = u.value : r.value = "";
485
+ var y, g, O;
486
+ !((y = L.value) != null && y.validity.valid) || e.validation === "invalid" ? (c.value = s.value, r.value = e.invalidMessage || ((g = L.value) == null ? void 0 : g.validationMessage) || ie, re() && (_.value = r.value, x(() => _.value = "", 1e3))) : S() && ((O = L.value) != null && O.validity.valid) && e.required ? (c.value = h.value, re() && (_.value = e.validMessage ?? pe, x(() => _.value = "", 1e3))) : ee(e.message, e.showMessage) ? c.value = u.value : c.value = "";
487
487
  }
488
488
  function w(y) {
489
- y.stopPropagation(), e.onChange && e.onChange(y), de(o, y, "checked"), E();
489
+ e.onChange && e.onChange(y), de(o, y, "checked"), E();
490
490
  }
491
491
  function T(y) {
492
- y.stopPropagation(), e.onBlur && e.onBlur(y);
492
+ e.onBlur && e.onBlur(y);
493
493
  }
494
- function P(y) {
495
- y.stopPropagation(), e.onFocus && e.onFocus(y);
494
+ function N(y) {
495
+ e.onFocus && e.onFocus(y);
496
496
  }
497
- return (y, h) => (v(), b("div", {
497
+ return (y, g) => (v(), b("div", {
498
498
  class: F(d(M)("db-checkbox", e.class)),
499
499
  "data-size": y.size,
500
500
  "data-hide-label": d(K)(y.showLabel)
@@ -508,14 +508,14 @@ const ji = Object.entries(la).map(([, i]) => i), Fa = {
508
508
  ref: L,
509
509
  id: f.value,
510
510
  name: y.name,
511
- checked: d(N)(y.checked, "checked"),
512
- disabled: d(N)(y.disabled, "disabled"),
511
+ checked: d(D)(y.checked, "checked"),
512
+ disabled: d(D)(y.disabled, "disabled"),
513
513
  value: y.value,
514
- required: d(N)(y.required, "required"),
515
- onChange: h[0] || (h[0] = async (O) => w(O)),
516
- onBlur: h[1] || (h[1] = async (O) => T(O)),
517
- onFocus: h[2] || (h[2] = async (O) => P(O)),
518
- "aria-describedby": y.ariaDescribedBy ?? r.value
514
+ required: d(D)(y.required, "required"),
515
+ onChange: g[0] || (g[0] = async (O) => w(O)),
516
+ onBlur: g[1] || (g[1] = async (O) => T(O)),
517
+ onFocus: g[2] || (g[2] = async (O) => N(O)),
518
+ "aria-describedby": y.ariaDescribedBy ?? c.value
519
519
  }, null, 40, Xa),
520
520
  y.label ? (v(), b(V, { key: 0 }, [
521
521
  C(B(y.label), 1)
@@ -531,32 +531,32 @@ const ji = Object.entries(la).map(([, i]) => i), Fa = {
531
531
  C(B(y.message), 1)
532
532
  ]),
533
533
  _: 1
534
- }, 8, ["icon", "id"])) : D("", !0),
534
+ }, 8, ["icon", "id"])) : z("", !0),
535
535
  S() ? (v(), Q(te, {
536
536
  key: 1,
537
537
  size: "small",
538
538
  semantic: "successful",
539
- id: g.value
539
+ id: h.value
540
540
  }, {
541
541
  default: U(() => [
542
542
  C(B(y.validMessage || d(pe)), 1)
543
543
  ]),
544
544
  _: 1
545
- }, 8, ["id"])) : D("", !0),
545
+ }, 8, ["id"])) : z("", !0),
546
546
  ae(te, {
547
547
  size: "small",
548
548
  semantic: "critical",
549
549
  id: s.value
550
550
  }, {
551
551
  default: U(() => [
552
- C(B(c.value), 1)
552
+ C(B(r.value), 1)
553
553
  ]),
554
554
  _: 1
555
555
  }, 8, ["id"]),
556
556
  I("span", Ha, B(_.value), 1)
557
557
  ], 10, Oa));
558
558
  }
559
- }), ja = ["id", "data-margin", "data-variant", "data-emphasis", "data-width"], el = /* @__PURE__ */ z({
559
+ }), ja = ["id", "data-margin", "data-variant", "data-emphasis", "data-width"], el = /* @__PURE__ */ P({
560
560
  __name: "divider",
561
561
  props: {
562
562
  margin: { default: void 0 },
@@ -583,7 +583,7 @@ const ji = Object.entries(la).map(([, i]) => i), Fa = {
583
583
  class: F(d(M)("db-divider", t.class))
584
584
  }, null, 10, ja));
585
585
  }
586
- }), Ya = ["id", "data-backdrop", "data-variant"], Ka = ["data-spacing", "data-width", "data-direction", "data-rounded"], Ja = { class: "db-drawer-header" }, Qa = { class: "db-drawer-header-text" }, Za = { class: "db-drawer-content" }, xa = /* @__PURE__ */ z({
586
+ }), Ya = ["id", "data-backdrop", "data-variant"], Ka = ["data-spacing", "data-width", "data-direction", "data-rounded"], Ja = { class: "db-drawer-header" }, Qa = { class: "db-drawer-header-text" }, Za = { class: "db-drawer-content" }, xa = /* @__PURE__ */ P({
587
587
  __name: "drawer",
588
588
  props: {
589
589
  backdrop: { default: void 0 },
@@ -619,25 +619,25 @@ const ji = Object.entries(la).map(([, i]) => i), Fa = {
619
619
  flush: "post"
620
620
  }
621
621
  );
622
- function a(u) {
623
- u.key === "Escape" && u.preventDefault(), (u === "close" || u.key === "Escape" || u.target.nodeName === "DIALOG" && u.type === "click" && t.backdrop !== "none") && t.onClose && t.onClose(u);
622
+ function a(u, h) {
623
+ u.key === "Escape" && u.preventDefault(), h && u.stopPropagation(), (h || u.key === "Escape" || u.target.nodeName === "DIALOG" && u.type === "click" && t.backdrop !== "none") && t.onClose && t.onClose(u);
624
624
  }
625
625
  function f() {
626
626
  if (o.value) {
627
627
  const u = !!t.open;
628
628
  u && !o.value.open && (e.value && (e.value.hidden = !1), t.backdrop === "none" || t.variant === "inside" ? o.value.show() : o.value.showModal()), !u && o.value.open && (e.value && (e.value.hidden = !0), x(() => {
629
- var g;
630
- e.value && (e.value.hidden = !1), (g = o.value) == null || g.close();
629
+ var h;
630
+ e.value && (e.value.hidden = !1), (h = o.value) == null || h.close();
631
631
  }, 401));
632
632
  }
633
633
  }
634
- return (u, g) => (v(), b("dialog", {
634
+ return (u, h) => (v(), b("dialog", {
635
635
  class: "db-drawer",
636
636
  id: u.id,
637
637
  ref_key: "_ref",
638
638
  ref: o,
639
- onClick: g[0] || (g[0] = async (s) => a(s)),
640
- onKeydown: g[1] || (g[1] = async (s) => a(s)),
639
+ onClick: h[0] || (h[0] = async (s) => a(s)),
640
+ onKeydown: h[1] || (h[1] = async (s) => a(s)),
641
641
  "data-backdrop": u.backdrop,
642
642
  "data-variant": u.variant
643
643
  }, [
@@ -660,10 +660,10 @@ const ji = Object.entries(la).map(([, i]) => i), Fa = {
660
660
  variant: "ghost",
661
661
  id: u.closeButtonId,
662
662
  noText: !0,
663
- onClick: (s) => a("close")
663
+ onClick: (s) => a(s, !0)
664
664
  }, {
665
665
  default: U(() => [
666
- C(B(u.closeButtonText ?? d(ze)), 1)
666
+ C(B(u.closeButtonText ?? d(Pe)), 1)
667
667
  ]),
668
668
  _: 1
669
669
  }, 8, ["id", "onClick"])
@@ -733,10 +733,10 @@ class et {
733
733
  if (!this.triangleData)
734
734
  return;
735
735
  if (t === "fill-gap") {
736
- const u = `${this.triangleData.itemRect.height + 2 * this.triangleData.padding}px`, g = `${this.triangleData.parentElementWidth - this.triangleData.padding}px`;
736
+ const u = `${this.triangleData.itemRect.height + 2 * this.triangleData.padding}px`, h = `${this.triangleData.parentElementWidth - this.triangleData.padding}px`;
737
737
  return {
738
- lb: `${g} ${u}`,
739
- lt: `${g} 0`,
738
+ lb: `${h} ${u}`,
739
+ lt: `${h} 0`,
740
740
  rt: "100% 0",
741
741
  rb: `100% ${u}`
742
742
  };
@@ -757,7 +757,7 @@ class et {
757
757
  e && (this.element.style.setProperty("--db-navigation-item-clip-path", `polygon(${e.lb}, ${e.lt}, ${e.rt}, ${e.rb})`), o && (this.triangleData = void 0));
758
758
  }
759
759
  }
760
- const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-header-drawer-navigation" }, it = { class: "db-header-meta-navigation" }, lt = { class: "db-header-secondary-action" }, ot = { class: "db-header-meta-navigation" }, dt = { class: "db-header-navigation-bar" }, nt = { class: "db-header-brand-container" }, st = { class: "db-header-navigation-container" }, ut = { class: "db-header-navigation" }, rt = { class: "db-header-primary-action" }, ct = { class: "db-header-action-container" }, vt = { class: "db-header-burger-menu-container" }, ft = { class: "db-header-secondary-action" }, al = /* @__PURE__ */ z({
760
+ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-header-drawer-navigation" }, it = { class: "db-header-meta-navigation" }, lt = { class: "db-header-secondary-action" }, ot = { class: "db-header-meta-navigation" }, dt = { class: "db-header-navigation-bar" }, nt = { class: "db-header-brand-container" }, st = { class: "db-header-navigation-container" }, ut = { class: "db-header-navigation" }, rt = { class: "db-header-primary-action" }, ct = { class: "db-header-action-container" }, vt = { class: "db-header-burger-menu-container" }, ft = { class: "db-header-secondary-action" }, al = /* @__PURE__ */ P({
761
761
  __name: "header",
762
762
  props: {
763
763
  brand: {},
@@ -799,14 +799,14 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
799
799
  flush: "post"
800
800
  }
801
801
  );
802
- function u() {
803
- const s = !N(t.drawerOpen, "drawerOpen");
804
- t.onToggle && t.onToggle(s);
802
+ function u(s) {
803
+ const r = !D(t.drawerOpen, "drawerOpen");
804
+ t.onToggle && t.onToggle(r);
805
805
  }
806
- function g(s) {
806
+ function h(s) {
807
807
  oa(s) && u();
808
808
  }
809
- return (s, c) => (v(), b("header", {
809
+ return (s, r) => (v(), b("header", {
810
810
  ref_key: "_ref",
811
811
  ref: f,
812
812
  class: F(d(M)("db-header", t.class)),
@@ -818,14 +818,14 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
818
818
  class: "db-header-drawer",
819
819
  spacing: "small",
820
820
  rounded: !0,
821
- open: d(N)(s.drawerOpen),
822
- onClose: (r) => u()
821
+ open: d(D)(s.drawerOpen),
822
+ onClose: (c) => u()
823
823
  }, {
824
824
  default: U(() => [
825
825
  I("div", tt, [
826
826
  I("div", {
827
827
  class: "db-header-navigation",
828
- onClick: c[0] || (c[0] = async (r) => g(r))
828
+ onClick: r[0] || (r[0] = async (c) => h(c))
829
829
  }, [
830
830
  $(s.$slots, "default")
831
831
  ]),
@@ -861,7 +861,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
861
861
  variant: "ghost",
862
862
  id: o.value + "-burger-menu",
863
863
  noText: !0,
864
- onClick: (r) => u()
864
+ onClick: (c) => u()
865
865
  }, {
866
866
  default: U(() => [
867
867
  C(B(s.burgerMenuLabel ?? d(Ea)), 1)
@@ -876,7 +876,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
876
876
  ])
877
877
  ], 10, at));
878
878
  }
879
- }), pt = ["id", "data-icon", "data-icon-weight", "data-icon-variant"], tl = /* @__PURE__ */ z({
879
+ }), pt = ["id", "data-icon", "data-icon-weight", "data-icon-variant"], tl = /* @__PURE__ */ P({
880
880
  __name: "icon",
881
881
  props: {
882
882
  variant: { default: void 0 },
@@ -910,7 +910,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
910
910
  }), mt = ["data-variant", "data-hide-label", "data-hide-icon", "data-icon", "data-icon-after", "data-hide-icon-after"], ht = ["for"], gt = ["aria-invalid", "data-custom-validity", "id", "name", "type", "placeholder", "disabled", "required", "step", "value", "maxLength", "minLength", "max", "min", "readOnly", "form", "pattern", "size", "autoComplete", "autoFocus", "list", "aria-describedby"], bt = ["id"], yt = ["value"], kt = {
911
911
  "data-visually-hidden": "true",
912
912
  role: "status"
913
- }, Bt = /* @__PURE__ */ z({
913
+ }, Bt = /* @__PURE__ */ P({
914
914
  __name: "input",
915
915
  props: {
916
916
  dataList: { default: void 0 },
@@ -964,10 +964,10 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
964
964
  },
965
965
  emits: ["update:value"],
966
966
  setup(i, { emit: t }) {
967
- const o = t, e = i, a = n(void 0), f = n(void 0), u = n(void 0), g = n(void 0), s = n(void 0), c = n(void 0), r = n(""), _ = n(""), L = n(""), S = n(null);
967
+ const o = t, e = i, a = n(void 0), f = n(void 0), u = n(void 0), h = n(void 0), s = n(void 0), r = n(void 0), c = n(""), _ = n(""), L = n(""), S = n(null);
968
968
  Y(() => {
969
969
  const p = e.id ?? `input-${Z()}`;
970
- a.value = p, f.value = p + ce, u.value = p + ve, g.value = p + fe, c.value = p + Qe, s.value = e.invalidMessage || ie;
970
+ a.value = p, f.value = p + ce, u.value = p + ve, h.value = p + fe, r.value = p + Qe, s.value = e.invalidMessage || ie;
971
971
  }), A(
972
972
  () => [S.value, e.invalidMessage],
973
973
  () => {
@@ -983,7 +983,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
983
983
  () => {
984
984
  if (a.value) {
985
985
  const p = a.value + ce;
986
- f.value = p, u.value = a.value + ve, g.value = a.value + fe, c.value = e.dataListId ?? a.value + Qe, ee(e.message, e.showMessage) && (r.value = p);
986
+ f.value = p, u.value = a.value + ve, h.value = a.value + fe, r.value = e.dataListId ?? a.value + Qe, ee(e.message, e.showMessage) && (c.value = p);
987
987
  }
988
988
  },
989
989
  {
@@ -1005,19 +1005,19 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1005
1005
  }
1006
1006
  function w() {
1007
1007
  var p, G, m;
1008
- !((p = S.value) != null && p.validity.valid) || e.validation === "invalid" ? (r.value = g.value, s.value = e.invalidMessage || ((G = S.value) == null ? void 0 : G.validationMessage) || ie, re() && (L.value = s.value, x(() => L.value = "", 1e3))) : E() && ((m = S.value) != null && m.validity.valid) && (e.required || e.minLength || e.maxLength || e.pattern) ? (r.value = u.value, re() && (L.value = e.validMessage ?? pe, x(() => L.value = "", 1e3))) : ee(e.message, e.showMessage) ? r.value = f.value : r.value = "";
1008
+ !((p = S.value) != null && p.validity.valid) || e.validation === "invalid" ? (c.value = h.value, s.value = e.invalidMessage || ((G = S.value) == null ? void 0 : G.validationMessage) || ie, re() && (L.value = s.value, x(() => L.value = "", 1e3))) : E() && ((m = S.value) != null && m.validity.valid) && (e.required || e.minLength || e.maxLength || e.pattern) ? (c.value = u.value, re() && (L.value = e.validMessage ?? pe, x(() => L.value = "", 1e3))) : ee(e.message, e.showMessage) ? c.value = f.value : c.value = "";
1009
1009
  }
1010
1010
  function T(p) {
1011
- p.stopPropagation(), e.input && e.input(p), _.value = p.target.value, e.onInput && e.onInput(p), de(o, p), w();
1011
+ e.input && e.input(p), _.value = p.target.value, e.onInput && e.onInput(p), de(o, p), w();
1012
1012
  }
1013
- function P(p) {
1014
- p.stopPropagation(), e.onChange && e.onChange(p), de(o, p), w();
1013
+ function N(p) {
1014
+ e.onChange && e.onChange(p), de(o, p), w();
1015
1015
  }
1016
1016
  function y(p) {
1017
- p.stopPropagation(), e.onBlur && e.onBlur(p);
1017
+ e.onBlur && e.onBlur(p);
1018
1018
  }
1019
- function h(p) {
1020
- p.stopPropagation(), e.onFocus && e.onFocus(p);
1019
+ function g(p) {
1020
+ e.onFocus && e.onFocus(p);
1021
1021
  }
1022
1022
  function O() {
1023
1023
  const p = e.dataList;
@@ -1047,36 +1047,36 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1047
1047
  name: p.name,
1048
1048
  type: p.type || "text",
1049
1049
  placeholder: p.placeholder ?? d(xe),
1050
- disabled: d(N)(p.disabled, "disabled"),
1051
- required: d(N)(p.required, "required"),
1050
+ disabled: d(D)(p.disabled, "disabled"),
1051
+ required: d(D)(p.required, "required"),
1052
1052
  step: d(ye)(p.step),
1053
1053
  value: p.value ?? _.value,
1054
1054
  maxLength: d(ye)(p.maxLength, p.maxlength),
1055
1055
  minLength: d(ye)(p.minLength, p.minlength),
1056
1056
  max: d(je)(p.max, p.type),
1057
1057
  min: d(je)(p.min, p.type),
1058
- readOnly: d(N)(p.readOnly, "readOnly") || d(N)(p.readonly, "readonly"),
1058
+ readOnly: d(D)(p.readOnly, "readOnly") || d(D)(p.readonly, "readonly"),
1059
1059
  form: p.form,
1060
1060
  pattern: p.pattern,
1061
1061
  size: p.size,
1062
1062
  autoComplete: p.autocomplete,
1063
- autoFocus: d(N)(p.autofocus, "autofocus"),
1063
+ autoFocus: d(D)(p.autofocus, "autofocus"),
1064
1064
  onInput: G[0] || (G[0] = async (m) => T(m)),
1065
- onChange: G[1] || (G[1] = async (m) => P(m)),
1065
+ onChange: G[1] || (G[1] = async (m) => N(m)),
1066
1066
  onBlur: G[2] || (G[2] = async (m) => y(m)),
1067
- onFocus: G[3] || (G[3] = async (m) => h(m)),
1068
- list: p.dataList && c.value,
1069
- "aria-describedby": p.ariaDescribedBy ?? r.value
1067
+ onFocus: G[3] || (G[3] = async (m) => g(m)),
1068
+ list: p.dataList && r.value,
1069
+ "aria-describedby": p.ariaDescribedBy ?? c.value
1070
1070
  }, null, 40, gt),
1071
1071
  p.dataList ? (v(), b("datalist", {
1072
1072
  key: 0,
1073
- id: c.value
1073
+ id: r.value
1074
1074
  }, [
1075
1075
  (v(!0), b(V, null, he(O(), (m) => (v(), b("option", {
1076
- key: c.value + "-option-" + m.value,
1076
+ key: r.value + "-option-" + m.value,
1077
1077
  value: m.value
1078
1078
  }, B(m.label), 9, yt))), 128))
1079
- ], 8, bt)) : D("", !0),
1079
+ ], 8, bt)) : z("", !0),
1080
1080
  $(p.$slots, "default"),
1081
1081
  d(ee)(p.message, p.showMessage) ? (v(), Q(te, {
1082
1082
  key: 1,
@@ -1088,7 +1088,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1088
1088
  C(B(p.message), 1)
1089
1089
  ]),
1090
1090
  _: 1
1091
- }, 8, ["icon", "id"])) : D("", !0),
1091
+ }, 8, ["icon", "id"])) : z("", !0),
1092
1092
  E() ? (v(), Q(te, {
1093
1093
  key: 2,
1094
1094
  size: "small",
@@ -1099,11 +1099,11 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1099
1099
  C(B(p.validMessage || d(pe)), 1)
1100
1100
  ]),
1101
1101
  _: 1
1102
- }, 8, ["id"])) : D("", !0),
1102
+ }, 8, ["id"])) : z("", !0),
1103
1103
  ae(te, {
1104
1104
  size: "small",
1105
1105
  semantic: "critical",
1106
- id: g.value
1106
+ id: h.value
1107
1107
  }, {
1108
1108
  default: U(() => [
1109
1109
  C(B(s.value), 1)
@@ -1113,7 +1113,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1113
1113
  I("span", kt, B(L.value), 1)
1114
1114
  ], 10, mt));
1115
1115
  }
1116
- }), St = ["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"], il = /* @__PURE__ */ z({
1116
+ }), St = ["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"], il = /* @__PURE__ */ P({
1117
1117
  __name: "link",
1118
1118
  props: {
1119
1119
  content: { default: void 0 },
@@ -1142,7 +1142,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1142
1142
  setup(i) {
1143
1143
  const t = i, o = n(null);
1144
1144
  function e(a) {
1145
- t.onClick && (a.stopPropagation(), t.onClick(a));
1145
+ t.onClick && t.onClick(a);
1146
1146
  }
1147
1147
  return (a, f) => (v(), b("a", {
1148
1148
  ref_key: "_ref",
@@ -1170,7 +1170,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1170
1170
  ], 64)) : $(a.$slots, "default", { key: 1 })
1171
1171
  ], 10, St));
1172
1172
  }
1173
- }), wt = ["id", "data-variant", "data-fade-in", "data-fonts-loaded"], ll = /* @__PURE__ */ z({
1173
+ }), wt = ["id", "data-variant", "data-fade-in", "data-fonts-loaded"], ll = /* @__PURE__ */ P({
1174
1174
  __name: "page",
1175
1175
  props: {
1176
1176
  documentOverflow: { default: void 0 },
@@ -1212,7 +1212,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1212
1212
  $(a.$slots, "footer")
1213
1213
  ], 10, wt));
1214
1214
  }
1215
- }), It = ["data-size", "data-hide-label", "for"], _t = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "aria-describedby", "value", "required"], ol = /* @__PURE__ */ z({
1215
+ }), It = ["data-size", "data-hide-label", "for"], _t = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "aria-describedby", "value", "required"], ol = /* @__PURE__ */ P({
1216
1216
  __name: "radio",
1217
1217
  props: {
1218
1218
  children: { default: void 0 },
@@ -1254,44 +1254,44 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1254
1254
  flush: "post"
1255
1255
  }
1256
1256
  );
1257
- function g(r) {
1258
- r.stopPropagation(), e.onChange && e.onChange(r), de(o, r);
1257
+ function h(c) {
1258
+ e.onChange && e.onChange(c), de(o, c);
1259
1259
  }
1260
- function s(r) {
1261
- r.stopPropagation(), e.onBlur && e.onBlur(r);
1260
+ function s(c) {
1261
+ e.onBlur && e.onBlur(c);
1262
1262
  }
1263
- function c(r) {
1264
- r.stopPropagation(), e.onFocus && e.onFocus(r);
1263
+ function r(c) {
1264
+ e.onFocus && e.onFocus(c);
1265
1265
  }
1266
- return (r, _) => (v(), b("label", {
1267
- "data-size": r.size,
1268
- "data-hide-label": d(K)(r.showLabel),
1266
+ return (c, _) => (v(), b("label", {
1267
+ "data-size": c.size,
1268
+ "data-hide-label": d(K)(c.showLabel),
1269
1269
  class: F(d(M)("db-radio", e.class)),
1270
1270
  for: f.value
1271
1271
  }, [
1272
1272
  I("input", {
1273
1273
  type: "radio",
1274
- "aria-invalid": r.validation === "invalid",
1275
- "data-custom-validity": r.validation,
1274
+ "aria-invalid": c.validation === "invalid",
1275
+ "data-custom-validity": c.validation,
1276
1276
  ref_key: "_ref",
1277
1277
  ref: u,
1278
1278
  id: f.value,
1279
- name: r.name,
1280
- checked: d(N)(r.checked, "checked"),
1281
- disabled: d(N)(r.disabled, "disabled"),
1282
- "aria-describedby": r.describedbyid ?? r.ariaDescribedBy,
1283
- value: r.value,
1284
- required: d(N)(r.required, "required"),
1285
- onChange: _[0] || (_[0] = async (L) => g(L)),
1279
+ name: c.name,
1280
+ checked: d(D)(c.checked, "checked"),
1281
+ disabled: d(D)(c.disabled, "disabled"),
1282
+ "aria-describedby": c.describedbyid ?? c.ariaDescribedBy,
1283
+ value: c.value,
1284
+ required: d(D)(c.required, "required"),
1285
+ onChange: _[0] || (_[0] = async (L) => h(L)),
1286
1286
  onBlur: _[1] || (_[1] = async (L) => s(L)),
1287
- onFocus: _[2] || (_[2] = async (L) => c(L))
1287
+ onFocus: _[2] || (_[2] = async (L) => r(L))
1288
1288
  }, null, 40, _t),
1289
- r.label ? (v(), b(V, { key: 0 }, [
1290
- C(B(r.label), 1)
1291
- ], 64)) : $(r.$slots, "default", { key: 1 })
1289
+ c.label ? (v(), b(V, { key: 0 }, [
1290
+ C(B(c.label), 1)
1291
+ ], 64)) : $(c.$slots, "default", { key: 1 })
1292
1292
  ], 10, It));
1293
1293
  }
1294
- }), Lt = ["id", "data-spacing", "data-width"], dl = /* @__PURE__ */ z({
1294
+ }), Lt = ["id", "data-spacing", "data-width"], dl = /* @__PURE__ */ P({
1295
1295
  __name: "section",
1296
1296
  props: {
1297
1297
  children: { default: void 0 },
@@ -1321,7 +1321,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1321
1321
  }), Tt = ["data-variant", "data-hide-label", "data-icon", "data-hide-icon"], $t = ["for"], At = ["aria-invalid", "data-custom-validity", "required", "disabled", "id", "name", "size", "value", "autocomplete", "multiple", "aria-describedby"], Ct = ["label"], Et = ["value", "selected", "disabled"], Dt = ["value", "disabled", "selected"], Nt = ["id"], Ft = {
1322
1322
  "data-visually-hidden": "true",
1323
1323
  role: "status"
1324
- }, nl = /* @__PURE__ */ z({
1324
+ }, nl = /* @__PURE__ */ P({
1325
1325
  __name: "select",
1326
1326
  props: {
1327
1327
  children: { default: void 0 },
@@ -1364,11 +1364,11 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1364
1364
  },
1365
1365
  emits: ["update:value"],
1366
1366
  setup(i, { emit: t }) {
1367
- const o = t, e = i, a = n(void 0), f = n(void 0), u = n(void 0), g = n(void 0), s = n(void 0), c = n(""), r = n(""), _ = n(""), L = n(!1), S = n(""), E = n(null);
1367
+ const o = t, e = i, a = n(void 0), f = n(void 0), u = n(void 0), h = n(void 0), s = n(void 0), r = n(""), c = n(""), _ = n(""), L = n(!1), S = n(""), E = n(null);
1368
1368
  Y(() => {
1369
1369
  L.value = !0;
1370
1370
  const m = e.id ?? `select-${Z()}`;
1371
- a.value = m, f.value = m + ce, u.value = m + ve, g.value = m + fe, c.value = m + Ne, s.value = e.invalidMessage || ie;
1371
+ a.value = m, f.value = m + ce, u.value = m + ve, h.value = m + fe, r.value = m + Ne, s.value = e.invalidMessage || ie;
1372
1372
  }), A(
1373
1373
  () => [E.value, e.invalidMessage],
1374
1374
  () => {
@@ -1384,7 +1384,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1384
1384
  () => {
1385
1385
  if (a.value && L.value) {
1386
1386
  const m = a.value + ce, W = a.value + Ne;
1387
- f.value = m, u.value = a.value + ve, g.value = a.value + fe, c.value = W, ee(e.message, e.showMessage) ? r.value = m : r.value = W, L.value = !1;
1387
+ f.value = m, u.value = a.value + ve, h.value = a.value + fe, r.value = W, ee(e.message, e.showMessage) ? c.value = m : c.value = W, L.value = !1;
1388
1388
  }
1389
1389
  },
1390
1390
  {
@@ -1406,22 +1406,22 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1406
1406
  }
1407
1407
  function T() {
1408
1408
  var m, W, H;
1409
- !((m = E.value) != null && m.validity.valid) || e.validation === "invalid" ? (r.value = g.value, s.value = e.invalidMessage || ((W = E.value) == null ? void 0 : W.validationMessage) || ie, re() && (S.value = s.value, x(() => S.value = "", 1e3))) : w() && ((H = E.value) != null && H.validity.valid) && e.required ? (r.value = u.value, re() && (S.value = e.validMessage ?? pe, x(() => S.value = "", 1e3))) : ee(e.message, e.showMessage) ? r.value = f.value : r.value = c.value;
1409
+ !((m = E.value) != null && m.validity.valid) || e.validation === "invalid" ? (c.value = h.value, s.value = e.invalidMessage || ((W = E.value) == null ? void 0 : W.validationMessage) || ie, re() && (S.value = s.value, x(() => S.value = "", 1e3))) : w() && ((H = E.value) != null && H.validity.valid) && e.required ? (c.value = u.value, re() && (S.value = e.validMessage ?? pe, x(() => S.value = "", 1e3))) : ee(e.message, e.showMessage) ? c.value = f.value : c.value = r.value;
1410
1410
  }
1411
- function P(m) {
1412
- e.onClick && (m.stopPropagation(), e.onClick(m));
1411
+ function N(m) {
1412
+ e.onClick && e.onClick(m);
1413
1413
  }
1414
1414
  function y(m) {
1415
- m.stopPropagation(), e.input && e.input(m), _.value = m.target.value, e.onInput && e.onInput(m), de(o, m), T();
1415
+ e.input && e.input(m), _.value = m.target.value, e.onInput && e.onInput(m), de(o, m), T();
1416
1416
  }
1417
- function h(m) {
1418
- m.stopPropagation(), e.onChange && e.onChange(m), de(o, m), T();
1417
+ function g(m) {
1418
+ e.onChange && e.onChange(m), de(o, m), T();
1419
1419
  }
1420
1420
  function O(m) {
1421
- m.stopPropagation(), e.onBlur && e.onBlur(m);
1421
+ e.onBlur && e.onBlur(m);
1422
1422
  }
1423
1423
  function p(m) {
1424
- m.stopPropagation(), e.onFocus && e.onFocus(m);
1424
+ e.onFocus && e.onFocus(m);
1425
1425
  }
1426
1426
  function G(m) {
1427
1427
  var W;
@@ -1440,8 +1440,8 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1440
1440
  "data-custom-validity": m.validation,
1441
1441
  ref_key: "_ref",
1442
1442
  ref: E,
1443
- required: d(N)(m.required, "required"),
1444
- disabled: d(N)(m.disabled, "disabled"),
1443
+ required: d(D)(m.required, "required"),
1444
+ disabled: d(D)(m.disabled, "disabled"),
1445
1445
  id: a.value,
1446
1446
  name: m.name,
1447
1447
  size: m.size,
@@ -1449,11 +1449,11 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1449
1449
  autocomplete: m.autocomplete,
1450
1450
  multiple: m.multiple,
1451
1451
  onInput: W[0] || (W[0] = async (H) => y(H)),
1452
- onClick: W[1] || (W[1] = async (H) => P(H)),
1453
- onChange: W[2] || (W[2] = async (H) => h(H)),
1452
+ onClick: W[1] || (W[1] = async (H) => N(H)),
1453
+ onChange: W[2] || (W[2] = async (H) => g(H)),
1454
1454
  onBlur: W[3] || (W[3] = async (H) => O(H)),
1455
1455
  onFocus: W[4] || (W[4] = async (H) => p(H)),
1456
- "aria-describedby": m.ariaDescribedBy ?? r.value
1456
+ "aria-describedby": m.ariaDescribedBy ?? c.value
1457
1457
  }, [
1458
1458
  W[5] || (W[5] = I("option", { hidden: !0 }, null, -1)),
1459
1459
  m.options ? (v(!0), b(V, { key: 0 }, he(m.options, (H, _e) => (v(), b(V, { key: _e }, [
@@ -1467,8 +1467,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1467
1467
  selected: ge.selected,
1468
1468
  disabled: ge.disabled
1469
1469
  }, B(G(ge)), 9, Et))), 128))
1470
- ], 8, Ct)) : D("", !0),
1471
- H.options ? D("", !0) : (v(), b("option", {
1470
+ ], 8, Ct)) : (v(), b("option", {
1472
1471
  key: 1,
1473
1472
  value: H.value,
1474
1473
  disabled: H.disabled,
@@ -1476,7 +1475,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1476
1475
  }, B(G(H)), 9, Dt))
1477
1476
  ], 64))), 128)) : $(m.$slots, "default", { key: 1 })
1478
1477
  ], 40, At),
1479
- I("span", { id: c.value }, B(m.placeholder ?? m.label), 9, Nt),
1478
+ I("span", { id: r.value }, B(m.placeholder ?? m.label), 9, Nt),
1480
1479
  d(ee)(m.message, m.showMessage) ? (v(), Q(te, {
1481
1480
  key: 0,
1482
1481
  size: "small",
@@ -1487,7 +1486,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1487
1486
  C(B(m.message), 1)
1488
1487
  ]),
1489
1488
  _: 1
1490
- }, 8, ["icon", "id"])) : D("", !0),
1489
+ }, 8, ["icon", "id"])) : z("", !0),
1491
1490
  w() ? (v(), Q(te, {
1492
1491
  key: 1,
1493
1492
  size: "small",
@@ -1498,11 +1497,11 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1498
1497
  C(B(m.validMessage || d(pe)), 1)
1499
1498
  ]),
1500
1499
  _: 1
1501
- }, 8, ["id"])) : D("", !0),
1500
+ }, 8, ["id"])) : z("", !0),
1502
1501
  ae(te, {
1503
1502
  size: "small",
1504
1503
  semantic: "critical",
1505
- id: g.value
1504
+ id: h.value
1506
1505
  }, {
1507
1506
  default: U(() => [
1508
1507
  C(B(s.value), 1)
@@ -1512,7 +1511,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1512
1511
  I("span", Ft, B(S.value), 1)
1513
1512
  ], 10, Tt));
1514
1513
  }
1515
- }), Mt = ["data-visual-aid", "data-size", "data-hide-label", "data-emphasis", "for"], Pt = ["id", "aria-checked", "checked", "value", "disabled", "aria-describedby", "aria-invalid", "data-custom-validity", "name", "required", "data-aid-icon", "data-aid-icon-after"], sl = /* @__PURE__ */ z({
1514
+ }), Mt = ["data-visual-aid", "data-size", "data-hide-label", "data-emphasis", "for"], Rt = ["id", "aria-checked", "checked", "value", "disabled", "aria-describedby", "aria-invalid", "data-custom-validity", "name", "required", "data-aid-icon", "data-aid-icon-after"], sl = /* @__PURE__ */ P({
1516
1515
  __name: "switch",
1517
1516
  props: {
1518
1517
  visualAid: { type: [Boolean, String], default: void 0 },
@@ -1551,28 +1550,28 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1551
1550
  }), A(
1552
1551
  () => [e.checked],
1553
1552
  () => {
1554
- e.checked !== void 0 && e.checked !== null && (f.value = N(e.checked));
1553
+ e.checked !== void 0 && e.checked !== null && (f.value = D(e.checked));
1555
1554
  },
1556
1555
  {
1557
1556
  immediate: !0,
1558
1557
  flush: "post"
1559
1558
  }
1560
1559
  );
1561
- function g(r) {
1560
+ function h(c) {
1562
1561
  var _;
1563
- r.stopPropagation(), e.onChange && e.onChange(r), f.value = (_ = r.target) == null ? void 0 : _.checked, de(o, r, "checked");
1562
+ e.onChange && e.onChange(c), f.value = (_ = c.target) == null ? void 0 : _.checked, de(o, c, "checked");
1564
1563
  }
1565
- function s(r) {
1566
- r.stopPropagation(), e.onBlur && e.onBlur(r);
1564
+ function s(c) {
1565
+ e.onBlur && e.onBlur(c);
1567
1566
  }
1568
- function c(r) {
1569
- r.stopPropagation(), e.onFocus && e.onFocus(r);
1567
+ function r(c) {
1568
+ e.onFocus && e.onFocus(c);
1570
1569
  }
1571
- return (r, _) => (v(), b("label", {
1572
- "data-visual-aid": d(j)(r.visualAid),
1573
- "data-size": r.size,
1574
- "data-hide-label": d(K)(r.showLabel),
1575
- "data-emphasis": r.emphasis,
1570
+ return (c, _) => (v(), b("label", {
1571
+ "data-visual-aid": d(j)(c.visualAid),
1572
+ "data-size": c.size,
1573
+ "data-hide-label": d(K)(c.showLabel),
1574
+ "data-emphasis": c.emphasis,
1576
1575
  for: a.value,
1577
1576
  class: F(d(M)("db-switch", e.class))
1578
1577
  }, [
@@ -1583,26 +1582,26 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1583
1582
  "aria-checked": d(j)(f.value),
1584
1583
  ref_key: "_ref",
1585
1584
  ref: u,
1586
- checked: d(N)(r.checked, "checked"),
1587
- value: r.value,
1588
- disabled: d(N)(r.disabled, "disabled"),
1589
- "aria-describedby": r.describedbyid ?? r.ariaDescribedBy,
1590
- "aria-invalid": r.validation === "invalid",
1591
- "data-custom-validity": r.validation,
1592
- name: r.name,
1593
- required: d(N)(r.required, "required"),
1594
- "data-aid-icon": r.icon,
1595
- "data-aid-icon-after": r.iconAfter,
1596
- onChange: _[0] || (_[0] = async (L) => g(L)),
1585
+ checked: d(D)(c.checked, "checked"),
1586
+ value: c.value,
1587
+ disabled: d(D)(c.disabled, "disabled"),
1588
+ "aria-describedby": c.describedbyid ?? c.ariaDescribedBy,
1589
+ "aria-invalid": c.validation === "invalid",
1590
+ "data-custom-validity": c.validation,
1591
+ name: c.name,
1592
+ required: d(D)(c.required, "required"),
1593
+ "data-aid-icon": c.icon,
1594
+ "data-aid-icon-after": c.iconAfter,
1595
+ onChange: _[0] || (_[0] = async (L) => h(L)),
1597
1596
  onBlur: _[1] || (_[1] = async (L) => s(L)),
1598
- onFocus: _[2] || (_[2] = async (L) => c(L))
1599
- }, null, 40, Pt),
1600
- r.label ? (v(), b(V, { key: 0 }, [
1601
- C(B(r.label), 1)
1602
- ], 64)) : $(r.$slots, "default", { key: 1 })
1597
+ onFocus: _[2] || (_[2] = async (L) => r(L))
1598
+ }, null, 40, Rt),
1599
+ c.label ? (v(), b(V, { key: 0 }, [
1600
+ C(B(c.label), 1)
1601
+ ], 64)) : $(c.$slots, "default", { key: 1 })
1603
1602
  ], 10, Mt));
1604
1603
  }
1605
- }), Rt = ["for", "data-icon", "data-icon-after", "data-hide-icon", "data-hide-icon-after", "data-no-text"], zt = ["disabled", "aria-selected", "aria-controls", "checked", "name", "id"], Vt = /* @__PURE__ */ z({
1604
+ }), zt = ["for", "data-icon", "data-icon-after", "data-hide-icon", "data-hide-icon-after", "data-no-text"], Pt = ["disabled", "aria-selected", "aria-controls", "checked", "name", "id"], Vt = /* @__PURE__ */ P({
1606
1605
  __name: "tab-item",
1607
1606
  props: {
1608
1607
  children: { default: void 0 },
@@ -1626,13 +1625,13 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1626
1625
  },
1627
1626
  emits: ["update:checked"],
1628
1627
  setup(i, { emit: t }) {
1629
- const o = t, e = i, a = n(!1), f = n(void 0), u = n(!1), g = n(null);
1628
+ const o = t, e = i, a = n(!1), f = n(void 0), u = n(!1), h = n(null);
1630
1629
  Y(() => {
1631
1630
  u.value = !0;
1632
1631
  }), A(
1633
- () => [g.value, u.value],
1632
+ () => [h.value, u.value],
1634
1633
  () => {
1635
- u.value && g.value && (e.active && g.value.click(), u.value = !1);
1634
+ u.value && h.value && (e.active && h.value.click(), u.value = !1);
1636
1635
  },
1637
1636
  {
1638
1637
  immediate: !0,
@@ -1648,43 +1647,43 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1648
1647
  flush: "post"
1649
1648
  }
1650
1649
  );
1651
- function s(c) {
1652
- var r;
1653
- c.stopPropagation(), e.onChange && e.onChange(c), a.value = (r = c.target) == null ? void 0 : r.checked, de(o, c, "checked");
1650
+ function s(r) {
1651
+ var c;
1652
+ r.stopPropagation(), e.onChange && e.onChange(r), a.value = (c = r.target) == null ? void 0 : c.checked, de(o, r, "checked");
1654
1653
  }
1655
- return (c, r) => (v(), b("li", {
1654
+ return (r, c) => (v(), b("li", {
1656
1655
  role: "none",
1657
1656
  class: F(d(M)("db-tab-item", e.class))
1658
1657
  }, [
1659
1658
  I("label", {
1660
- for: c.id,
1661
- "data-icon": c.icon,
1662
- "data-icon-after": c.iconAfter,
1663
- "data-hide-icon": d(K)(c.showIcon),
1664
- "data-hide-icon-after": d(K)(c.showIcon),
1665
- "data-no-text": d(j)(c.noText)
1659
+ for: r.id,
1660
+ "data-icon": r.icon,
1661
+ "data-icon-after": r.iconAfter,
1662
+ "data-hide-icon": d(K)(r.showIcon),
1663
+ "data-hide-icon-after": d(K)(r.showIcon),
1664
+ "data-no-text": d(j)(r.noText)
1666
1665
  }, [
1667
1666
  I("input", {
1668
1667
  type: "radio",
1669
1668
  role: "tab",
1670
- disabled: d(N)(c.disabled, "disabled"),
1669
+ disabled: d(D)(r.disabled, "disabled"),
1671
1670
  "aria-selected": a.value,
1672
- "aria-controls": c.controls,
1673
- checked: d(N)(c.checked, "checked"),
1671
+ "aria-controls": r.controls,
1672
+ checked: d(D)(r.checked, "checked"),
1674
1673
  ref_key: "_ref",
1675
- ref: g,
1674
+ ref: h,
1676
1675
  name: f.value,
1677
- id: c.id,
1678
- onInput: r[0] || (r[0] = async (_) => s(_))
1679
- }, null, 40, zt),
1680
- c.label ? (v(), b(V, { key: 0 }, [
1681
- C(B(c.label), 1)
1682
- ], 64)) : D("", !0),
1683
- $(c.$slots, "default")
1684
- ], 8, Rt)
1676
+ id: r.id,
1677
+ onInput: c[0] || (c[0] = async (_) => s(_))
1678
+ }, null, 40, Pt),
1679
+ r.label ? (v(), b(V, { key: 0 }, [
1680
+ C(B(r.label), 1)
1681
+ ], 64)) : z("", !0),
1682
+ $(r.$slots, "default")
1683
+ ], 8, zt)
1685
1684
  ], 2));
1686
1685
  }
1687
- }), qt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width", "data-show-arrow", "data-placement"], da = /* @__PURE__ */ z({
1686
+ }), qt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width", "data-show-arrow", "data-placement"], da = /* @__PURE__ */ P({
1688
1687
  __name: "tooltip",
1689
1688
  props: {
1690
1689
  showArrow: { type: [Boolean, String], default: void 0 },
@@ -1709,10 +1708,10 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1709
1708
  () => [a.value, e.value],
1710
1709
  () => {
1711
1710
  if (a.value && e.value && o.value) {
1712
- let g = a.value.parentElement;
1713
- g && g.localName.includes("tooltip") && (g = g.parentElement), g && (["mouseenter", "focus"].forEach((s) => {
1714
- g.addEventListener(s, () => u());
1715
- }), g.setAttribute("data-has-tooltip", "true"), t.variant === "label" ? g.setAttribute("aria-labelledby", o.value) : g.setAttribute("aria-describedby", o.value)), e.value = !1;
1711
+ let h = a.value.parentElement;
1712
+ h && h.localName.includes("tooltip") && (h = h.parentElement), h && (["mouseenter", "focus"].forEach((s) => {
1713
+ h.addEventListener(s, () => u());
1714
+ }), h.setAttribute("data-has-tooltip", "true"), t.variant === "label" ? h.setAttribute("aria-labelledby", o.value) : h.setAttribute("aria-describedby", o.value)), e.value = !1;
1716
1715
  }
1717
1716
  },
1718
1717
  {
@@ -1720,13 +1719,13 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1720
1719
  flush: "post"
1721
1720
  }
1722
1721
  );
1723
- function f(g) {
1724
- g.stopPropagation();
1722
+ function f(h) {
1723
+ h.stopPropagation();
1725
1724
  }
1726
1725
  function u() {
1727
1726
  a.value && Me(a.value);
1728
1727
  }
1729
- return (g, s) => (v(), b("i", {
1728
+ return (h, s) => (v(), b("i", {
1730
1729
  role: "tooltip",
1731
1730
  "aria-hidden": "true",
1732
1731
  "data-gap": "true",
@@ -1734,18 +1733,18 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1734
1733
  ref: a,
1735
1734
  class: F(d(M)("db-tooltip", t.class)),
1736
1735
  id: o.value,
1737
- "data-emphasis": g.emphasis,
1738
- "data-animation": d(j)(g.animation ?? !0),
1739
- "data-delay": g.delay,
1740
- "data-width": g.width,
1741
- "data-show-arrow": d(j)(g.showArrow ?? !0),
1742
- "data-placement": g.placement,
1743
- onClick: s[0] || (s[0] = async (c) => f(c))
1736
+ "data-emphasis": h.emphasis,
1737
+ "data-animation": d(j)(h.animation ?? !0),
1738
+ "data-delay": h.delay,
1739
+ "data-width": h.width,
1740
+ "data-show-arrow": d(j)(h.showArrow ?? !0),
1741
+ "data-placement": h.placement,
1742
+ onClick: s[0] || (s[0] = async (r) => f(r))
1744
1743
  }, [
1745
- $(g.$slots, "default")
1744
+ $(h.$slots, "default")
1746
1745
  ], 10, qt));
1747
1746
  }
1748
- }), Ut = ["id", "data-disabled", "data-semantic", "data-emphasis", "data-icon", "data-show-check-state", "data-hide-icon", "data-no-text", "data-overflow"], Gt = /* @__PURE__ */ z({
1747
+ }), Ut = ["id", "data-disabled", "data-semantic", "data-emphasis", "data-icon", "data-show-check-state", "data-hide-icon", "data-no-text", "data-overflow"], Gt = /* @__PURE__ */ P({
1749
1748
  __name: "tag",
1750
1749
  props: {
1751
1750
  behavior: { default: void 0 },
@@ -1775,13 +1774,13 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1775
1774
  o.value = !0, A(
1776
1775
  () => [o.value, t.disabled, e.value],
1777
1776
  () => {
1778
- var u, g;
1777
+ var u, h;
1779
1778
  if (o.value && e.value && t.disabled !== void 0) {
1780
1779
  const s = (u = e.value) == null ? void 0 : u.querySelector(
1781
1780
  "button:not(.db-tab-remove-button)"
1782
- ), c = (g = e.value) == null ? void 0 : g.querySelector("input");
1783
- for (const r of [s, c])
1784
- r && (r.disabled = !!t.disabled);
1781
+ ), r = (h = e.value) == null ? void 0 : h.querySelector("input");
1782
+ for (const c of [s, r])
1783
+ c && (c.disabled = !!t.disabled);
1785
1784
  }
1786
1785
  },
1787
1786
  {
@@ -1795,7 +1794,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1795
1794
  function f() {
1796
1795
  return t.removeButton ? t.removeButton : ea;
1797
1796
  }
1798
- return (u, g) => (v(), b("div", {
1797
+ return (u, h) => (v(), b("div", {
1799
1798
  ref_key: "_ref",
1800
1799
  ref: e,
1801
1800
  id: u.id,
@@ -1813,7 +1812,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1813
1812
  $(u.$slots, "default"),
1814
1813
  u.text ? (v(), b(V, { key: 0 }, [
1815
1814
  C(B(u.text), 1)
1816
- ], 64)) : D("", !0),
1815
+ ], 64)) : z("", !0),
1817
1816
  u.behavior === "removable" ? (v(), b("button", {
1818
1817
  key: 1,
1819
1818
  class: "db-button db-tab-remove-button",
@@ -1822,7 +1821,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1822
1821
  "data-no-text": "true",
1823
1822
  "data-variant": "ghost",
1824
1823
  type: "button",
1825
- onClick: g[0] || (g[0] = async (s) => a(s))
1824
+ onClick: h[0] || (h[0] = async (s) => a(s))
1826
1825
  }, [
1827
1826
  ae(da, { variant: "label" }, {
1828
1827
  default: U(() => [
@@ -1830,13 +1829,13 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1830
1829
  ]),
1831
1830
  _: 1
1832
1831
  })
1833
- ])) : D("", !0)
1832
+ ])) : z("", !0)
1834
1833
  ], 10, Ut));
1835
1834
  }
1836
1835
  }), Ot = ["data-variant", "data-hide-label"], Wt = ["for"], Xt = ["aria-invalid", "data-custom-validity", "id", "data-resize", "disabled", "required", "readOnly", "form", "maxLength", "minLength", "name", "wrap", "spellcheck", "autocomplete", "value", "aria-describedby", "placeholder", "rows", "cols"], Ht = {
1837
1836
  "data-visually-hidden": "true",
1838
1837
  role: "status"
1839
- }, ul = /* @__PURE__ */ z({
1838
+ }, ul = /* @__PURE__ */ P({
1840
1839
  __name: "textarea",
1841
1840
  props: {
1842
1841
  cols: { default: void 0 },
@@ -1884,15 +1883,15 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1884
1883
  },
1885
1884
  emits: ["update:value"],
1886
1885
  setup(i, { emit: t }) {
1887
- const o = t, e = i, a = n(void 0), f = n(void 0), u = n(void 0), g = n(void 0), s = n(void 0), c = n(""), r = n(""), _ = n(""), L = n(null);
1886
+ const o = t, e = i, a = n(void 0), f = n(void 0), u = n(void 0), h = n(void 0), s = n(void 0), r = n(""), c = n(""), _ = n(""), L = n(null);
1888
1887
  Y(() => {
1889
- const h = e.id ?? `textarea-${Z()}`;
1890
- a.value = h, f.value = h + ce, u.value = h + ve, g.value = h + fe, s.value = e.invalidMessage || ie;
1888
+ const g = e.id ?? `textarea-${Z()}`;
1889
+ a.value = g, f.value = g + ce, u.value = g + ve, h.value = g + fe, s.value = e.invalidMessage || ie;
1891
1890
  }), A(
1892
1891
  () => [L.value, e.invalidMessage],
1893
1892
  () => {
1894
- var h;
1895
- s.value = e.invalidMessage || ((h = L.value) == null ? void 0 : h.validationMessage) || ie;
1893
+ var g;
1894
+ s.value = e.invalidMessage || ((g = L.value) == null ? void 0 : g.validationMessage) || ie;
1896
1895
  },
1897
1896
  {
1898
1897
  immediate: !0,
@@ -1902,8 +1901,8 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1902
1901
  () => [a.value],
1903
1902
  () => {
1904
1903
  if (a.value) {
1905
- const h = a.value + ce;
1906
- f.value = h, u.value = a.value + ve, g.value = a.value + fe, ee(e.message, e.showMessage) && (c.value = h);
1904
+ const g = a.value + ce;
1905
+ f.value = g, u.value = a.value + ve, h.value = a.value + fe, ee(e.message, e.showMessage) && (r.value = g);
1907
1906
  }
1908
1907
  },
1909
1908
  {
@@ -1913,7 +1912,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1913
1912
  ), A(
1914
1913
  () => [e.value],
1915
1914
  () => {
1916
- r.value = e.value;
1915
+ c.value = e.value;
1917
1916
  },
1918
1917
  {
1919
1918
  immediate: !0,
@@ -1924,65 +1923,65 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1924
1923
  return !!(e.validMessage ?? e.validation === "valid");
1925
1924
  }
1926
1925
  function E() {
1927
- var h, O, p;
1928
- !((h = L.value) != null && h.validity.valid) || e.validation === "invalid" ? (c.value = g.value, s.value = e.invalidMessage || ((O = L.value) == null ? void 0 : O.validationMessage) || ie, re() && (_.value = s.value, x(() => _.value = "", 1e3))) : S() && ((p = L.value) != null && p.validity.valid) && (e.required || e.minLength || e.maxLength) ? (c.value = u.value, re() && (_.value = e.validMessage ?? pe, x(() => _.value = "", 1e3))) : ee(e.message, e.showMessage) ? c.value = f.value : c.value = "";
1926
+ var g, O, p;
1927
+ !((g = L.value) != null && g.validity.valid) || e.validation === "invalid" ? (r.value = h.value, s.value = e.invalidMessage || ((O = L.value) == null ? void 0 : O.validationMessage) || ie, re() && (_.value = s.value, x(() => _.value = "", 1e3))) : S() && ((p = L.value) != null && p.validity.valid) && (e.required || e.minLength || e.maxLength) ? (r.value = u.value, re() && (_.value = e.validMessage ?? pe, x(() => _.value = "", 1e3))) : ee(e.message, e.showMessage) ? r.value = f.value : r.value = "";
1929
1928
  }
1930
- function w(h) {
1931
- h.stopPropagation(), e.input && e.input(h), r.value = h.target.value, e.onInput && e.onInput(h), de(o, h), E();
1929
+ function w(g) {
1930
+ e.input && e.input(g), c.value = g.target.value, e.onInput && e.onInput(g), de(o, g), E();
1932
1931
  }
1933
- function T(h) {
1934
- h.stopPropagation(), e.onChange && e.onChange(h), de(o, h), E();
1932
+ function T(g) {
1933
+ e.onChange && e.onChange(g), de(o, g), E();
1935
1934
  }
1936
- function P(h) {
1937
- h.stopPropagation(), e.onBlur && e.onBlur(h);
1935
+ function N(g) {
1936
+ e.onBlur && e.onBlur(g);
1938
1937
  }
1939
- function y(h) {
1940
- h.stopPropagation(), e.onFocus && e.onFocus(h);
1938
+ function y(g) {
1939
+ e.onFocus && e.onFocus(g);
1941
1940
  }
1942
- return (h, O) => (v(), b("div", {
1941
+ return (g, O) => (v(), b("div", {
1943
1942
  class: F(d(M)("db-textarea", e.class)),
1944
- "data-variant": h.variant,
1945
- "data-hide-label": d(K)(h.showLabel)
1943
+ "data-variant": g.variant,
1944
+ "data-hide-label": d(K)(g.showLabel)
1946
1945
  }, [
1947
- I("label", { for: a.value }, B(h.label ?? d(ke)), 9, Wt),
1946
+ I("label", { for: a.value }, B(g.label ?? d(ke)), 9, Wt),
1948
1947
  I("textarea", {
1949
- "aria-invalid": h.validation === "invalid",
1950
- "data-custom-validity": h.validation,
1948
+ "aria-invalid": g.validation === "invalid",
1949
+ "data-custom-validity": g.validation,
1951
1950
  ref_key: "_ref",
1952
1951
  ref: L,
1953
1952
  id: a.value,
1954
- "data-resize": h.resize,
1955
- disabled: d(N)(h.disabled, "disabled"),
1956
- required: d(N)(h.required, "required"),
1957
- readOnly: d(N)(h.readOnly, "readOnly") || d(N)(h.readonly, "readonly"),
1958
- form: h.form,
1959
- maxLength: d(ye)(h.maxLength, h.maxlength),
1960
- minLength: d(ye)(h.minLength, h.minlength),
1961
- name: h.name,
1962
- wrap: h.wrap,
1963
- spellcheck: h.spellCheck,
1964
- autocomplete: h.autocomplete,
1953
+ "data-resize": g.resize,
1954
+ disabled: d(D)(g.disabled, "disabled"),
1955
+ required: d(D)(g.required, "required"),
1956
+ readOnly: d(D)(g.readOnly, "readOnly") || d(D)(g.readonly, "readonly"),
1957
+ form: g.form,
1958
+ maxLength: d(ye)(g.maxLength, g.maxlength),
1959
+ minLength: d(ye)(g.minLength, g.minlength),
1960
+ name: g.name,
1961
+ wrap: g.wrap,
1962
+ spellcheck: g.spellCheck,
1963
+ autocomplete: g.autocomplete,
1965
1964
  onInput: O[0] || (O[0] = async (p) => w(p)),
1966
1965
  onChange: O[1] || (O[1] = async (p) => T(p)),
1967
- onBlur: O[2] || (O[2] = async (p) => P(p)),
1966
+ onBlur: O[2] || (O[2] = async (p) => N(p)),
1968
1967
  onFocus: O[3] || (O[3] = async (p) => y(p)),
1969
- value: h.value ?? r.value,
1970
- "aria-describedby": h.ariaDescribedBy ?? c.value,
1971
- placeholder: h.placeholder ?? d(xe),
1972
- rows: d(ye)(h.rows, d(Na)),
1973
- cols: d(ye)(h.cols)
1968
+ value: g.value ?? c.value,
1969
+ "aria-describedby": g.ariaDescribedBy ?? r.value,
1970
+ placeholder: g.placeholder ?? d(xe),
1971
+ rows: d(ye)(g.rows, d(Na)),
1972
+ cols: d(ye)(g.cols)
1974
1973
  }, null, 40, Xt),
1975
- d(ee)(h.message, h.showMessage) ? (v(), Q(te, {
1974
+ d(ee)(g.message, g.showMessage) ? (v(), Q(te, {
1976
1975
  key: 0,
1977
1976
  size: "small",
1978
- icon: h.messageIcon,
1977
+ icon: g.messageIcon,
1979
1978
  id: f.value
1980
1979
  }, {
1981
1980
  default: U(() => [
1982
- C(B(h.message), 1)
1981
+ C(B(g.message), 1)
1983
1982
  ]),
1984
1983
  _: 1
1985
- }, 8, ["icon", "id"])) : D("", !0),
1984
+ }, 8, ["icon", "id"])) : z("", !0),
1986
1985
  S() ? (v(), Q(te, {
1987
1986
  key: 1,
1988
1987
  size: "small",
@@ -1990,14 +1989,14 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
1990
1989
  id: u.value
1991
1990
  }, {
1992
1991
  default: U(() => [
1993
- C(B(h.validMessage || d(pe)), 1)
1992
+ C(B(g.validMessage || d(pe)), 1)
1994
1993
  ]),
1995
1994
  _: 1
1996
- }, 8, ["id"])) : D("", !0),
1995
+ }, 8, ["id"])) : z("", !0),
1997
1996
  ae(te, {
1998
1997
  size: "small",
1999
1998
  semantic: "critical",
2000
- id: g.value
1999
+ id: h.value
2001
2000
  }, {
2002
2001
  default: U(() => [
2003
2002
  C(B(s.value), 1)
@@ -2010,7 +2009,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
2010
2009
  }), jt = ["id", "data-width", "data-icon", "data-hide-icon", "data-active", "data-wrap", "aria-disabled"], Yt = ["aria-haspopup", "aria-expanded", "disabled"], Kt = ["data-auto-close", "id"], Jt = {
2011
2010
  key: 0,
2012
2011
  class: "db-mobile-navigation-back"
2013
- }, rl = /* @__PURE__ */ z({
2012
+ }, rl = /* @__PURE__ */ P({
2014
2013
  __name: "navigation-item",
2015
2014
  props: {
2016
2015
  active: { type: Boolean, default: void 0 },
@@ -2033,15 +2032,15 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
2033
2032
  text: { default: void 0 }
2034
2033
  },
2035
2034
  setup(i) {
2036
- const t = i, o = n(!1), e = n(!1), a = n(!0), f = n(!1), u = n(!1), g = n(
2035
+ const t = i, o = n(!1), e = n(!1), a = n(!0), f = n(!1), u = n(!1), h = n(
2037
2036
  "sub-navigation-" + Z()
2038
- ), s = n(void 0), c = n(null);
2037
+ ), s = n(void 0), r = n(null);
2039
2038
  Y(() => {
2040
2039
  o.value = !0;
2041
2040
  }), A(
2042
2041
  () => [t.subNavigationExpanded],
2043
2042
  () => {
2044
- t.subNavigationExpanded !== void 0 && (f.value = !!N(
2043
+ t.subNavigationExpanded !== void 0 && (f.value = !!D(
2045
2044
  t.subNavigationExpanded,
2046
2045
  "subNavigationExpanded"
2047
2046
  ));
@@ -2051,13 +2050,13 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
2051
2050
  flush: "post"
2052
2051
  }
2053
2052
  ), A(
2054
- () => [o.value, c.value],
2053
+ () => [o.value, r.value],
2055
2054
  () => {
2056
2055
  var S;
2057
- if (o.value && c.value) {
2058
- const E = c.value.querySelector("menu");
2056
+ if (o.value && r.value) {
2057
+ const E = r.value.querySelector("menu");
2059
2058
  E && (((S = E.children) == null ? void 0 : S.length) > 0 ? (e.value = !0, s.value || (s.value = new et(
2060
- c.value,
2059
+ r.value,
2061
2060
  E
2062
2061
  ))) : a.value = !1);
2063
2062
  }
@@ -2067,7 +2066,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
2067
2066
  flush: "post"
2068
2067
  }
2069
2068
  );
2070
- function r(S) {
2069
+ function c(S) {
2071
2070
  oa(S) && (u.value = !0, x(() => {
2072
2071
  u.value = !1;
2073
2072
  }, 300));
@@ -2080,7 +2079,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
2080
2079
  }
2081
2080
  return (S, E) => (v(), b("li", {
2082
2081
  ref_key: "_ref",
2083
- ref: c,
2082
+ ref: r,
2084
2083
  id: S.id,
2085
2084
  onMouseover: E[2] || (E[2] = async (w) => {
2086
2085
  var T;
@@ -2102,7 +2101,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
2102
2101
  "data-wrap": d(j)(S.wrap),
2103
2102
  "aria-disabled": d(j)(S.disabled)
2104
2103
  }, [
2105
- a.value ? D("", !0) : (v(), b(V, { key: 0 }, [
2104
+ a.value ? z("", !0) : (v(), b(V, { key: 0 }, [
2106
2105
  S.text ? (v(), b(V, { key: 0 }, [
2107
2106
  C(B(S.text), 1)
2108
2107
  ], 64)) : $(S.$slots, "default", { key: 1 })
@@ -2112,7 +2111,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
2112
2111
  class: "db-navigation-item-expand-button",
2113
2112
  "aria-haspopup": e.value,
2114
2113
  "aria-expanded": f.value,
2115
- disabled: d(N)(S.disabled, "disabled"),
2114
+ disabled: d(D)(S.disabled, "disabled"),
2116
2115
  onClick: E[0] || (E[0] = async (w) => _(w))
2117
2116
  }, [
2118
2117
  S.text ? (v(), b(V, { key: 0 }, [
@@ -2122,8 +2121,8 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
2122
2121
  I("menu", {
2123
2122
  class: "db-sub-navigation",
2124
2123
  "data-auto-close": u.value,
2125
- id: g.value,
2126
- onClick: E[1] || (E[1] = async (w) => r(w))
2124
+ id: h.value,
2125
+ onClick: E[1] || (E[1] = async (w) => c(w))
2127
2126
  }, [
2128
2127
  e.value ? (v(), b("div", Jt, [
2129
2128
  ae(Be, {
@@ -2137,13 +2136,13 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
2137
2136
  ]),
2138
2137
  _: 1
2139
2138
  }, 8, ["id", "onClick"])
2140
- ])) : D("", !0),
2139
+ ])) : z("", !0),
2141
2140
  $(S.$slots, "sub-navigation")
2142
2141
  ], 8, Kt)
2143
- ], 64)) : D("", !0)
2142
+ ], 64)) : z("", !0)
2144
2143
  ], 42, jt));
2145
2144
  }
2146
- }), Qt = ["id"], Zt = ["aria-disabled", "name", "open"], xt = /* @__PURE__ */ z({
2145
+ }), Qt = ["id"], Zt = ["aria-disabled", "name", "open"], xt = /* @__PURE__ */ P({
2147
2146
  __name: "accordion-item",
2148
2147
  props: {
2149
2148
  defaultOpen: { type: Boolean, default: void 0 },
@@ -2184,12 +2183,12 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
2184
2183
  flush: "post"
2185
2184
  }
2186
2185
  );
2187
- function g(s) {
2186
+ function h(s) {
2188
2187
  s == null || s.preventDefault();
2189
- const c = !e.value;
2190
- t.onToggle && t.onToggle(c), e.value = c;
2188
+ const r = !e.value;
2189
+ t.onToggle && t.onToggle(r), e.value = r;
2191
2190
  }
2192
- return (s, c) => (v(), b("li", {
2191
+ return (s, r) => (v(), b("li", {
2193
2192
  id: o.value,
2194
2193
  class: F(d(M)("db-accordion-item", t.class))
2195
2194
  }, [
@@ -2201,12 +2200,12 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
2201
2200
  open: e.value
2202
2201
  }, [
2203
2202
  I("summary", {
2204
- onClick: c[0] || (c[0] = async (r) => g(r))
2203
+ onClick: r[0] || (r[0] = async (c) => h(c))
2205
2204
  }, [
2206
2205
  s.headlinePlain ? (v(), b(V, { key: 0 }, [
2207
2206
  C(B(s.headlinePlain), 1)
2208
- ], 64)) : D("", !0),
2209
- s.headlinePlain ? D("", !0) : $(s.$slots, "headline", { key: 1 })
2207
+ ], 64)) : z("", !0),
2208
+ s.headlinePlain ? z("", !0) : $(s.$slots, "headline", { key: 1 })
2210
2209
  ]),
2211
2210
  I("div", null, [
2212
2211
  s.text ? (v(), b(V, { key: 0 }, [
@@ -2216,7 +2215,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
2216
2215
  ], 8, Zt)
2217
2216
  ], 10, Qt));
2218
2217
  }
2219
- }), ei = ["id", "data-variant"], cl = /* @__PURE__ */ z({
2218
+ }), ei = ["id", "data-variant"], cl = /* @__PURE__ */ P({
2220
2219
  __name: "accordion",
2221
2220
  props: {
2222
2221
  behavior: { default: void 0 },
@@ -2251,8 +2250,8 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
2251
2250
  if (u.value) {
2252
2251
  const s = u.value.getElementsByTagName("details");
2253
2252
  if (s)
2254
- for (const c of Array.from(s))
2255
- e.value === "" ? c.removeAttribute("name") : c.name = e.value ?? "";
2253
+ for (const r of Array.from(s))
2254
+ e.value === "" ? r.removeAttribute("name") : r.name = e.value ?? "";
2256
2255
  }
2257
2256
  },
2258
2257
  {
@@ -2266,10 +2265,10 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
2266
2265
  if (t.initOpenIndex && t.initOpenIndex.length > 0) {
2267
2266
  const s = u.value.getElementsByTagName("details");
2268
2267
  if (s) {
2269
- const c = t.behavior === "single" && t.initOpenIndex.length > 1 ? [t.initOpenIndex[0]] : t.initOpenIndex;
2268
+ const r = t.behavior === "single" && t.initOpenIndex.length > 1 ? [t.initOpenIndex[0]] : t.initOpenIndex;
2270
2269
  Array.from(s).forEach(
2271
- (r, _) => {
2272
- c != null && c.includes(_) && (r.open = !0);
2270
+ (c, _) => {
2271
+ r != null && r.includes(_) && (c.open = !0);
2273
2272
  }
2274
2273
  );
2275
2274
  }
@@ -2282,7 +2281,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
2282
2281
  flush: "post"
2283
2282
  }
2284
2283
  );
2285
- function g() {
2284
+ function h() {
2286
2285
  try {
2287
2286
  return typeof t.items == "string" ? JSON.parse(t.items) : t.items;
2288
2287
  } catch (s) {
@@ -2290,23 +2289,23 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
2290
2289
  }
2291
2290
  return [];
2292
2291
  }
2293
- return (s, c) => (v(), b("ul", {
2292
+ return (s, r) => (v(), b("ul", {
2294
2293
  ref_key: "_ref",
2295
2294
  ref: u,
2296
2295
  id: o.value,
2297
2296
  class: F(d(M)("db-accordion", t.class)),
2298
2297
  "data-variant": s.variant
2299
2298
  }, [
2300
- s.items ? D("", !0) : $(s.$slots, "default", { key: 0 }),
2301
- s.items ? (v(!0), b(V, { key: 1 }, he(g(), (r, _) => (v(), Q(xt, {
2299
+ s.items ? z("", !0) : $(s.$slots, "default", { key: 0 }),
2300
+ s.items ? (v(!0), b(V, { key: 1 }, he(h(), (c, _) => (v(), Q(xt, {
2302
2301
  key: `accordion-item-${_}`,
2303
- headlinePlain: r.headlinePlain,
2304
- disabled: r.disabled,
2305
- text: r.text
2306
- }, null, 8, ["headlinePlain", "disabled", "text"]))), 128)) : D("", !0)
2302
+ headlinePlain: c.headlinePlain,
2303
+ disabled: c.disabled,
2304
+ text: c.text
2305
+ }, null, 8, ["headlinePlain", "disabled", "text"]))), 128)) : z("", !0)
2307
2306
  ], 10, ei));
2308
2307
  }
2309
- }), ai = ["id", "aria-labelledby"], vl = /* @__PURE__ */ z({
2308
+ }), ai = ["id", "aria-labelledby"], vl = /* @__PURE__ */ P({
2310
2309
  __name: "navigation",
2311
2310
  props: {
2312
2311
  children: { default: void 0 },
@@ -2333,7 +2332,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
2333
2332
  ])
2334
2333
  ], 10, ai));
2335
2334
  }
2336
- }), ti = ["id"], ii = ["data-spacing", "data-gap", "data-animation", "data-open", "data-delay", "data-width", "data-placement"], fl = /* @__PURE__ */ z({
2335
+ }), ti = ["id"], ii = ["data-spacing", "data-gap", "data-animation", "data-open", "data-delay", "data-width", "data-placement"], fl = /* @__PURE__ */ P({
2337
2336
  __name: "popover",
2338
2337
  props: {
2339
2338
  open: { type: [Boolean, String], default: void 0 },
@@ -2359,7 +2358,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
2359
2358
  () => [a.value, o.value],
2360
2359
  () => {
2361
2360
  if (a.value && o.value) {
2362
- const s = g();
2361
+ const s = h();
2363
2362
  s && (s.ariaHasPopup = "true"), o.value = !1;
2364
2363
  }
2365
2364
  },
@@ -2371,7 +2370,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
2371
2370
  () => [a.value, e.value],
2372
2371
  () => {
2373
2372
  if (a.value) {
2374
- const s = g();
2373
+ const s = h();
2375
2374
  s && (s.ariaExpanded = (!!e.value).toString());
2376
2375
  }
2377
2376
  },
@@ -2386,29 +2385,29 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
2386
2385
  s && Me(s);
2387
2386
  }
2388
2387
  function u(s) {
2389
- const c = s.target;
2390
- (!c.parentNode || c.parentNode.querySelector(":focus") !== c && c.parentNode.querySelector(":focus-within") !== c && c.parentNode.querySelector(":hover") !== c) && (e.value = !1);
2388
+ const r = s.target;
2389
+ (!r.parentNode || r.parentNode.querySelector(":focus") !== r && r.parentNode.querySelector(":focus-within") !== r && r.parentNode.querySelector(":hover") !== r) && (e.value = !1);
2391
2390
  }
2392
- function g() {
2391
+ function h() {
2393
2392
  var s;
2394
2393
  if (a.value) {
2395
- const c = Array.from(a.value.children);
2396
- if (c.length >= 2) {
2397
- const r = c[0];
2398
- return r.tagName.includes("-") ? ((s = r.children) == null ? void 0 : s.length) > 0 ? r.children[0] : null : r;
2394
+ const r = Array.from(a.value.children);
2395
+ if (r.length >= 2) {
2396
+ const c = r[0];
2397
+ return c.tagName.includes("-") ? ((s = c.children) == null ? void 0 : s.length) > 0 ? c.children[0] : null : c;
2399
2398
  }
2400
2399
  }
2401
2400
  return null;
2402
2401
  }
2403
- return (s, c) => (v(), b("div", {
2402
+ return (s, r) => (v(), b("div", {
2404
2403
  ref_key: "_ref",
2405
2404
  ref: a,
2406
2405
  id: s.id,
2407
2406
  class: F(d(M)("db-popover", t.class)),
2408
- onFocus: c[0] || (c[0] = async (r) => f()),
2409
- onBlur: c[1] || (c[1] = async (r) => u(r)),
2410
- onMouseenter: c[2] || (c[2] = async (r) => f()),
2411
- onMouseleave: c[3] || (c[3] = async (r) => u(r))
2407
+ onFocus: r[0] || (r[0] = async (c) => f()),
2408
+ onBlur: r[1] || (r[1] = async (c) => u(c)),
2409
+ onMouseenter: r[2] || (r[2] = async (c) => f()),
2410
+ onMouseleave: r[3] || (r[3] = async (c) => u(c))
2412
2411
  }, [
2413
2412
  $(s.$slots, "trigger"),
2414
2413
  I("article", {
@@ -2425,7 +2424,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
2425
2424
  ], 8, ii)
2426
2425
  ], 42, ti));
2427
2426
  }
2428
- }), li = ["id"], oi = { role: "tablist" }, di = /* @__PURE__ */ z({
2427
+ }), li = ["id"], oi = { role: "tablist" }, di = /* @__PURE__ */ P({
2429
2428
  __name: "tab-list",
2430
2429
  props: {
2431
2430
  children: { default: void 0 },
@@ -2450,7 +2449,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
2450
2449
  ])
2451
2450
  ], 10, li));
2452
2451
  }
2453
- }), ni = ["id", "aria-labelledby"], si = /* @__PURE__ */ z({
2452
+ }), ni = ["id", "aria-labelledby"], si = /* @__PURE__ */ P({
2454
2453
  __name: "tab-panel",
2455
2454
  props: {
2456
2455
  content: { default: void 0 },
@@ -2475,11 +2474,11 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
2475
2474
  }, [
2476
2475
  e.content ? (v(), b(V, { key: 0 }, [
2477
2476
  C(B(e.content), 1)
2478
- ], 64)) : D("", !0),
2477
+ ], 64)) : z("", !0),
2479
2478
  $(e.$slots, "default")
2480
2479
  ], 10, ni));
2481
2480
  }
2482
- }), ui = ["id", "data-orientation", "data-scroll-behavior", "data-alignment", "data-width"], pl = /* @__PURE__ */ z({
2481
+ }), ui = ["id", "data-orientation", "data-scroll-behavior", "data-alignment", "data-width"], pl = /* @__PURE__ */ P({
2483
2482
  __name: "tabs",
2484
2483
  props: {
2485
2484
  arrowScrollDistance: { default: void 0 },
@@ -2503,7 +2502,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
2503
2502
  alignment: { default: void 0 }
2504
2503
  },
2505
2504
  setup(i) {
2506
- const t = i, o = n("tabs-" + Z()), e = n(""), a = n(!1), f = n(!1), u = n(!1), g = n(null), s = n(null);
2505
+ const t = i, o = n("tabs-" + Z()), e = n(""), a = n(!1), f = n(!1), u = n(!1), h = n(null), s = n(null);
2507
2506
  Y(() => {
2508
2507
  o.value = t.id || o.value, e.value = `tabs-${t.name || Z()}`, a.value = !0;
2509
2508
  }), A(
@@ -2512,8 +2511,8 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
2512
2511
  if (s.value && a.value) {
2513
2512
  L(), S(!0);
2514
2513
  const w = s.value.querySelector(".db-tab-list");
2515
- w && new MutationObserver((P) => {
2516
- P.forEach((y) => {
2514
+ w && new MutationObserver((N) => {
2515
+ N.forEach((y) => {
2517
2516
  (y.removedNodes.length || y.addedNodes.length) && (L(), S());
2518
2517
  });
2519
2518
  }).observe(w, {
@@ -2527,7 +2526,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
2527
2526
  flush: "post"
2528
2527
  }
2529
2528
  );
2530
- function c() {
2529
+ function r() {
2531
2530
  try {
2532
2531
  return typeof t.tabs == "string" ? JSON.parse(t.tabs) : t.tabs;
2533
2532
  } catch (w) {
@@ -2535,14 +2534,14 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
2535
2534
  }
2536
2535
  return [];
2537
2536
  }
2538
- function r(w) {
2537
+ function c(w) {
2539
2538
  const T = w.scrollWidth > w.clientWidth;
2540
2539
  f.value = T && w.scrollLeft > 1, u.value = T && w.scrollLeft < w.scrollWidth - w.clientWidth;
2541
2540
  }
2542
2541
  function _(w) {
2543
- var P;
2542
+ var N;
2544
2543
  let T = Number(t.arrowScrollDistance) || 100;
2545
- w && (T *= -1), (P = g.value) == null || P.scrollBy({
2544
+ w && (T *= -1), (N = h.value) == null || N.scrollBy({
2546
2545
  top: 0,
2547
2546
  left: T,
2548
2547
  behavior: "smooth"
@@ -2556,8 +2555,8 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
2556
2555
  T && (T.setAttribute(
2557
2556
  "aria-orientation",
2558
2557
  t.orientation || "horizontal"
2559
- ), t.behavior === "arrows" && (g.value = T, r(T), T.addEventListener("scroll", () => {
2560
- r(T);
2558
+ ), t.behavior === "arrows" && (h.value = T, c(T), T.addEventListener("scroll", () => {
2559
+ c(T);
2561
2560
  })));
2562
2561
  }
2563
2562
  }
@@ -2566,45 +2565,44 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
2566
2565
  if (s.value) {
2567
2566
  const T = Array.from(
2568
2567
  s.value.getElementsByClassName("db-tab-item")
2568
+ ), N = Array.from(
2569
+ s.value.querySelectorAll(
2570
+ ":is(:scope > .db-tab-panel, :scope > db-tab-panel > .db-tab-panel)"
2571
+ )
2569
2572
  );
2570
2573
  for (const y of T) {
2571
- const h = T.indexOf(y), O = y.querySelector("label"), p = y.querySelector("input");
2574
+ const g = T.indexOf(y), O = y.querySelector("label"), p = y.querySelector("input");
2572
2575
  if (p && O) {
2573
2576
  if (!p.id) {
2574
- const G = `${e.value}-tab-${h}`;
2575
- O.setAttribute("for", G), p.setAttribute(
2577
+ const G = `${e.value}-tab-${g}`;
2578
+ O.setAttribute("for", G), p.id = G, p.setAttribute("name", e.value), N.length > g && p.setAttribute(
2576
2579
  "aria-controls",
2577
- `${e.value}-tab-panel-${h}`
2578
- ), p.id = G, p.setAttribute("name", e.value);
2580
+ `${e.value}-tab-panel-${g}`
2581
+ );
2579
2582
  }
2580
2583
  if (w) {
2581
- const G = !t.initialSelectedMode || t.initialSelectedMode === "auto", m = t.initialSelectedIndex == null && h === 0 || Number(t.initialSelectedIndex) === h;
2584
+ const G = !t.initialSelectedMode || t.initialSelectedMode === "auto", m = t.initialSelectedIndex == null && g === 0 || Number(t.initialSelectedIndex) === g;
2582
2585
  G && m && p.click();
2583
2586
  }
2584
2587
  }
2585
2588
  }
2586
- const P = Array.from(
2587
- s.value.querySelectorAll(
2588
- ":is(:scope > .db-tab-panel, :scope > db-tab-panel > .db-tab-panel)"
2589
- )
2590
- );
2591
- for (const y of P) {
2589
+ for (const y of N) {
2592
2590
  if (y.id) continue;
2593
- const h = P.indexOf(y);
2594
- y.id = `${e.value}-tab-panel-${h}`, y.setAttribute("aria-labelledby", `${e.value}-tab-${h}`);
2591
+ const g = N.indexOf(y);
2592
+ y.id = `${e.value}-tab-panel-${g}`, y.setAttribute("aria-labelledby", `${e.value}-tab-${g}`);
2595
2593
  }
2596
2594
  }
2597
2595
  }
2598
2596
  function E(w) {
2599
2597
  var y;
2600
2598
  w.stopPropagation();
2601
- const T = (y = w.target) == null ? void 0 : y.closest("ul"), P = (
2599
+ const T = (y = w.target) == null ? void 0 : y.closest("ul"), N = (
2602
2600
  // db-tab-item for angular and stencil wrapping elements
2603
2601
  w.target.closest("db-tab-item") ?? w.target.closest("li")
2604
2602
  );
2605
- if (T !== null && P !== null) {
2606
- const h = Array.from(T.childNodes).indexOf(P);
2607
- t.onIndexChange && t.onIndexChange(h);
2603
+ if (T !== null && N !== null) {
2604
+ const g = Array.from(T.childNodes).indexOf(N);
2605
+ t.onIndexChange && t.onIndexChange(g);
2608
2606
  }
2609
2607
  t.onTabSelect && t.onTabSelect(w);
2610
2608
  }
@@ -2617,7 +2615,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
2617
2615
  "data-scroll-behavior": w.behavior,
2618
2616
  "data-alignment": w.alignment ?? "start",
2619
2617
  "data-width": w.width ?? "auto",
2620
- onInput: T[0] || (T[0] = async (P) => E(P))
2618
+ onInput: T[0] || (T[0] = async (N) => E(N))
2621
2619
  }, [
2622
2620
  f.value ? (v(), Q(Be, {
2623
2621
  key: 0,
@@ -2626,38 +2624,38 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
2626
2624
  icon: "chevron_left",
2627
2625
  type: "button",
2628
2626
  noText: !0,
2629
- onClick: (P) => _(!0)
2627
+ onClick: (N) => _(!0)
2630
2628
  }, {
2631
2629
  default: U(() => T[1] || (T[1] = [
2632
2630
  C(" Scroll left ")
2633
2631
  ])),
2634
2632
  _: 1,
2635
2633
  __: [1]
2636
- }, 8, ["onClick"])) : D("", !0),
2634
+ }, 8, ["onClick"])) : z("", !0),
2637
2635
  w.tabs ? (v(), b(V, { key: 1 }, [
2638
2636
  ae(di, null, {
2639
2637
  default: U(() => [
2640
- (v(!0), b(V, null, he(c(), (P, y) => (v(), Q(Vt, {
2638
+ (v(!0), b(V, null, he(r(), (N, y) => (v(), Q(Vt, {
2641
2639
  key: w.name + "tab-item" + y,
2642
- active: P.active,
2643
- label: P.label,
2644
- iconAfter: P.iconAfter,
2645
- icon: P.icon,
2646
- noText: P.noText
2640
+ active: N.active,
2641
+ label: N.label,
2642
+ iconAfter: N.iconAfter,
2643
+ icon: N.icon,
2644
+ noText: N.noText
2647
2645
  }, null, 8, ["active", "label", "iconAfter", "icon", "noText"]))), 128))
2648
2646
  ]),
2649
2647
  _: 1
2650
2648
  }),
2651
- (v(!0), b(V, null, he(c(), (P, y) => (v(), Q(si, {
2649
+ (v(!0), b(V, null, he(r(), (N, y) => (v(), Q(si, {
2652
2650
  key: w.name + "tab-panel" + y,
2653
- content: P.content
2651
+ content: N.content
2654
2652
  }, {
2655
2653
  default: U(() => [
2656
- C(B(P.children), 1)
2654
+ C(B(N.children), 1)
2657
2655
  ]),
2658
2656
  _: 2
2659
2657
  }, 1032, ["content"]))), 128))
2660
- ], 64)) : D("", !0),
2658
+ ], 64)) : z("", !0),
2661
2659
  u.value ? (v(), Q(Be, {
2662
2660
  key: 2,
2663
2661
  class: "tabs-scroll-right",
@@ -2665,18 +2663,18 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
2665
2663
  icon: "chevron_right",
2666
2664
  type: "button",
2667
2665
  noText: !0,
2668
- onClick: (P) => _()
2666
+ onClick: (N) => _()
2669
2667
  }, {
2670
2668
  default: U(() => T[2] || (T[2] = [
2671
2669
  C(" Scroll right ")
2672
2670
  ])),
2673
2671
  _: 1,
2674
2672
  __: [2]
2675
- }, 8, ["onClick"])) : D("", !0),
2673
+ }, 8, ["onClick"])) : z("", !0),
2676
2674
  $(w.$slots, "default")
2677
2675
  ], 42, ui));
2678
2676
  }
2679
- }), ml = ["adaptive", "neutral", "critical", "informational", "warning", "successful"], hl = ["medium", "small", "large", "none"], gl = ["medium", "small", "large", "none"], ri = ["left", "right", "left-start", "left-end", "right-start", "right-end"], ci = ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"], bl = [...ri, ...ci], yl = ["none", "3x-large", "2x-large", "x-large", "large", "medium", "small", "x-small", "2x-small", "3x-small"], kl = ["horizontal", "vertical"], Bl = ["full", "auto"], Sl = ["full", "medium", "large", "small"], wl = ["none", "slow", "fast"], Il = ["auto", "fixed"], _l = ["small", "medium"], Ll = ["weak", "strong"], Tl = ["invalid", "valid", "no-validation"], $l = ["above", "floating"], Al = ["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"], Cl = ["time", "true", "false", "date", "page", "step", "location"], El = ["_self", "_blank", "_parent", "_top"], Dl = ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "same-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url"], Nl = ["start", "center"], vi = ["id", "data-gap", "data-variant", "data-direction", "data-alignment", "data-justify-content", "data-wrap"], Fl = /* @__PURE__ */ z({
2677
+ }), ml = ["adaptive", "neutral", "critical", "informational", "warning", "successful"], hl = ["medium", "small", "large", "none"], gl = ["medium", "small", "large", "none"], ri = ["left", "right", "left-start", "left-end", "right-start", "right-end"], ci = ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"], bl = [...ri, ...ci], yl = ["none", "3x-large", "2x-large", "x-large", "large", "medium", "small", "x-small", "2x-small", "3x-small"], kl = ["horizontal", "vertical"], Bl = ["full", "auto"], Sl = ["full", "medium", "large", "small"], wl = ["none", "slow", "fast"], Il = ["auto", "fixed"], _l = ["small", "medium"], Ll = ["weak", "strong"], Tl = ["invalid", "valid", "no-validation"], $l = ["above", "floating"], Al = ["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"], Cl = ["time", "true", "false", "date", "page", "step", "location"], El = ["_self", "_blank", "_parent", "_top"], Dl = ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "same-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url"], Nl = ["start", "center"], vi = ["id", "data-gap", "data-variant", "data-direction", "data-alignment", "data-justify-content", "data-wrap"], Fl = /* @__PURE__ */ P({
2680
2678
  __name: "stack",
2681
2679
  props: {
2682
2680
  variant: { default: void 0 },
@@ -2709,7 +2707,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
2709
2707
  $(e.$slots, "default")
2710
2708
  ], 10, vi));
2711
2709
  }
2712
- }), fi = ["role", "aria-label", "id"], pi = /* @__PURE__ */ z({
2710
+ }), fi = ["role", "aria-label", "id"], pi = /* @__PURE__ */ P({
2713
2711
  __name: "custom-select-list",
2714
2712
  props: {
2715
2713
  label: { default: void 0 },
@@ -2736,7 +2734,7 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
2736
2734
  ])
2737
2735
  ], 10, fi));
2738
2736
  }
2739
- }), mi = ["id", "data-divider"], hi = ["data-icon", "data-hide-icon", "data-icon-after"], gi = ["type", "name", "form", "checked", "disabled", "value"], bi = { key: 1 }, yi = /* @__PURE__ */ z({
2737
+ }), mi = ["id", "data-divider"], hi = ["data-icon", "data-hide-icon", "data-icon-after"], gi = ["type", "name", "form", "checked", "disabled", "value"], bi = { key: 1 }, yi = /* @__PURE__ */ P({
2740
2738
  __name: "custom-select-list-item",
2741
2739
  props: {
2742
2740
  groupTitle: { default: void 0 },
@@ -2774,49 +2772,49 @@ const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-hea
2774
2772
  flush: "post"
2775
2773
  }
2776
2774
  );
2777
- function g(c) {
2778
- c.stopPropagation(), e.onChange && e.onChange(c), de(o, c, "checked");
2775
+ function h(r) {
2776
+ r.stopPropagation(), e.onChange && e.onChange(r), de(o, r, "checked");
2779
2777
  }
2780
2778
  function s() {
2781
2779
  if (!(e.isGroupTitle || e.type === "checkbox"))
2782
- return N(e.checked, "checked") ? "check" : "x_placeholder";
2780
+ return D(e.checked, "checked") ? "check" : "x_placeholder";
2783
2781
  }
2784
- return (c, r) => (v(), b("li", {
2782
+ return (r, c) => (v(), b("li", {
2785
2783
  ref_key: "_ref",
2786
2784
  ref: u,
2787
2785
  id: a.value,
2788
2786
  class: F(
2789
2787
  d(M)("db-custom-select-list-item", e.class, {
2790
- "db-checkbox": c.type === "checkbox" && !c.isGroupTitle,
2791
- "db-radio": c.type !== "checkbox" && !c.isGroupTitle
2788
+ "db-checkbox": r.type === "checkbox" && !r.isGroupTitle,
2789
+ "db-radio": r.type !== "checkbox" && !r.isGroupTitle
2792
2790
  })
2793
2791
  ),
2794
2792
  "data-divider": d(j)(f.value)
2795
2793
  }, [
2796
- c.isGroupTitle ? (v(), b("span", bi, B(c.groupTitle), 1)) : (v(), b("label", {
2794
+ r.isGroupTitle ? (v(), b("span", bi, B(r.groupTitle), 1)) : (v(), b("label", {
2797
2795
  key: 0,
2798
- "data-icon": c.type !== "checkbox" && c.icon ? c.icon : void 0,
2799
- "data-hide-icon": d(K)(c.showIcon),
2796
+ "data-icon": r.type !== "checkbox" && r.icon ? r.icon : void 0,
2797
+ "data-hide-icon": d(K)(r.showIcon),
2800
2798
  "data-icon-after": s()
2801
2799
  }, [
2802
2800
  I("input", {
2803
2801
  class: "db-custom-select-list-item-checkbox",
2804
2802
  "data-disable-focus": "true",
2805
- type: c.type,
2806
- name: c.name,
2807
- form: c.name,
2808
- checked: d(N)(c.checked, "checked"),
2809
- disabled: d(N)(c.disabled, "disabled"),
2810
- value: c.value,
2811
- onChange: r[0] || (r[0] = async (_) => g(_))
2803
+ type: r.type,
2804
+ name: r.name,
2805
+ form: r.name,
2806
+ checked: d(D)(r.checked, "checked"),
2807
+ disabled: d(D)(r.disabled, "disabled"),
2808
+ value: r.value,
2809
+ onChange: c[0] || (c[0] = async (_) => h(_))
2812
2810
  }, null, 40, gi),
2813
- c.label ? (v(), b(V, { key: 0 }, [
2814
- C(B(c.label), 1)
2815
- ], 64)) : $(c.$slots, "default", { key: 1 })
2811
+ r.label ? (v(), b(V, { key: 0 }, [
2812
+ C(B(r.label), 1)
2813
+ ], 64)) : $(r.$slots, "default", { key: 1 })
2816
2814
  ], 8, hi))
2817
2815
  ], 10, mi));
2818
2816
  }
2819
- }), ki = ["id", "data-width"], Bi = /* @__PURE__ */ z({
2817
+ }), ki = ["id", "data-width"], Bi = /* @__PURE__ */ P({
2820
2818
  __name: "custom-select-dropdown",
2821
2819
  props: {
2822
2820
  width: { default: "fixed" },
@@ -2863,7 +2861,7 @@ let Fe = se;
2863
2861
  const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-variant", "data-required", "data-placement", "data-selected-type", "data-hide-label", "data-icon", "data-hide-icon"], wi = ["id"], Ii = ["id", "form", "name", "multiple", "disabled", "required"], _i = ["disabled", "value"], Li = ["open"], Ti = ["id", "aria-disabled", "aria-labelledby"], $i = ["data-visually-hidden", "id"], Ai = { key: 1 }, Ci = { key: 0 }, Ei = { key: 0 }, Di = { class: "db-checkbox db-custom-select-list-item" }, Ni = ["form", "checked"], Fi = ["aria-hidden", "id"], Mi = {
2864
2862
  "data-visually-hidden": "true",
2865
2863
  role: "status"
2866
- }, Ml = /* @__PURE__ */ z({
2864
+ }, Ml = /* @__PURE__ */ P({
2867
2865
  __name: "custom-select",
2868
2866
  props: {
2869
2867
  children: { default: void 0 },
@@ -2928,10 +2926,10 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
2928
2926
  },
2929
2927
  emits: ["update:values"],
2930
2928
  setup(i, { emit: t }) {
2931
- const o = t, e = i, a = n(void 0), f = n(void 0), u = n(void 0), g = n(void 0), s = n(void 0), c = n(void 0), r = n(void 0), _ = n(void 0), L = n(void 0), S = n(void 0), E = n("no-validation"), w = n(""), T = n(""), P = n(void 0), y = n(""), h = n([]), O = n(!1), p = n(!1), G = n(0), m = n([]), W = n([]), H = n(!1), _e = n(void 0), ge = n(0), Ce = n(void 0), Pe = n(!1), Le = n(!1), na = n(null), X = n(null), be = n(null), Ee = n(null), Re = n(null);
2929
+ const o = t, e = i, a = n(void 0), f = n(void 0), u = n(void 0), h = n(void 0), s = n(void 0), r = n(void 0), c = n(void 0), _ = n(void 0), L = n(void 0), S = n(void 0), E = n("no-validation"), w = n(""), T = n(""), N = n(void 0), y = n(""), g = n([]), O = n(!1), p = n(!1), G = n(0), m = n([]), W = n([]), H = n(!1), _e = n(void 0), ge = n(0), Ce = n(void 0), Re = n(!1), Le = n(!1), na = n(null), X = n(null), be = n(null), Ee = n(null), ze = n(null);
2932
2930
  Y(() => {
2933
2931
  const l = e.id ?? `custom-select-${Z()}`;
2934
- a.value = l, f.value = l + ce, u.value = l + ve, g.value = l + fe, c.value = l + Je, r.value = l + Ke, _.value = l + "-summary", L.value = l + Ne, P.value = l + "-selected-labels", S.value = l + "-info", s.value = e.invalidMessage || ie;
2932
+ a.value = l, f.value = l + ce, u.value = l + ve, h.value = l + fe, r.value = l + Je, c.value = l + Ke, _.value = l + "-summary", L.value = l + Ne, N.value = l + "-selected-labels", S.value = l + "-info", s.value = e.invalidMessage || ie;
2935
2933
  }), A(
2936
2934
  () => [X.value],
2937
2935
  () => {
@@ -2949,7 +2947,7 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
2949
2947
  () => {
2950
2948
  if (a.value) {
2951
2949
  const l = a.value + ce;
2952
- r.value = a.value + Ke, c.value = a.value + Je, u.value = a.value + ve, g.value = a.value + fe, L.value = a.value + Ne, ee(e.message, e.showMessage) ? qe(l) : qe();
2950
+ c.value = a.value + Ke, r.value = a.value + Je, u.value = a.value + ve, h.value = a.value + fe, L.value = a.value + Ne, ee(e.message, e.showMessage) ? qe(l) : qe();
2953
2951
  }
2954
2952
  },
2955
2953
  {
@@ -3029,7 +3027,7 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3029
3027
  () => [m.value, G.value],
3030
3028
  () => {
3031
3029
  var l, k;
3032
- ((l = m.value) == null ? void 0 : l.length) === 0 ? (Pe.value = !1, Le.value = !1) : ((k = m.value) == null ? void 0 : k.length) === G.value ? (Le.value = !1, Pe.value = !0) : m.value && (Le.value = !0);
3030
+ ((l = m.value) == null ? void 0 : l.length) === 0 ? (Re.value = !1, Le.value = !1) : ((k = m.value) == null ? void 0 : k.length) === G.value ? (Le.value = !1, Re.value = !0) : m.value && (Le.value = !0);
3033
3031
  },
3034
3032
  {
3035
3033
  immediate: !0,
@@ -3061,7 +3059,7 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3061
3059
  () => [e.options, m.value],
3062
3060
  () => {
3063
3061
  var l, k;
3064
- (l = e.options) != null && l.length && (h.value = (k = e.options) == null ? void 0 : k.filter(
3062
+ (l = e.options) != null && l.length && (g.value = (k = e.options) == null ? void 0 : k.filter(
3065
3063
  (R) => {
3066
3064
  var J, le;
3067
3065
  return !R.value || !((J = m.value) != null && J.includes) ? !1 : !R.isGroupTitle && ((le = m.value) == null ? void 0 : le.includes(R.value));
@@ -3074,7 +3072,7 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3074
3072
  }
3075
3073
  ), A(
3076
3074
  () => [
3077
- h.value,
3075
+ g.value,
3078
3076
  e.selectedType,
3079
3077
  e.amountText,
3080
3078
  e.selectedLabels,
@@ -3086,13 +3084,13 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3086
3084
  T.value = e.selectedLabels;
3087
3085
  return;
3088
3086
  }
3089
- if ((l = h.value) != null && l.length) {
3087
+ if ((l = g.value) != null && l.length) {
3090
3088
  if (e.transformSelectedLabels) {
3091
- const J = h.value, le = e.transformSelectedLabels;
3089
+ const J = g.value, le = e.transformSelectedLabels;
3092
3090
  T.value = le(J);
3093
3091
  return;
3094
3092
  }
3095
- e.selectedType === "amount" ? T.value = e.amountText ? e.amountText : `${(k = h.value) == null ? void 0 : k.length} ${Ca}` : T.value = (R = h.value) == null ? void 0 : R.map((J) => Se(J)).join(", ");
3093
+ e.selectedType === "amount" ? T.value = e.amountText ? e.amountText : `${(k = g.value) == null ? void 0 : k.length} ${Ca}` : T.value = (R = g.value) == null ? void 0 : R.map((J) => Se(J)).join(", ");
3096
3094
  } else
3097
3095
  T.value = "";
3098
3096
  },
@@ -3101,10 +3099,10 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3101
3099
  flush: "post"
3102
3100
  }
3103
3101
  ), A(
3104
- () => [h.value],
3102
+ () => [g.value],
3105
3103
  () => {
3106
3104
  var l;
3107
- e.onAmountChange && e.onAmountChange(((l = h.value) == null ? void 0 : l.length) ?? 0);
3105
+ e.onAmountChange && e.onAmountChange(((l = g.value) == null ? void 0 : l.length) ?? 0);
3108
3106
  },
3109
3107
  {
3110
3108
  immediate: !0,
@@ -3135,7 +3133,7 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3135
3133
  }
3136
3134
  function sa() {
3137
3135
  var l, k, R;
3138
- be.value && (be.value.value = ra()), !((l = be.value) != null && l.validity.valid) || e.validation === "invalid" ? (w.value = g.value, s.value = e.invalidMessage || ((k = be.value) == null ? void 0 : k.validationMessage) || ie, re() && (y.value = s.value, x(() => y.value = "", 1e3)), E.value = e.validation ?? "invalid") : Ve() && ((R = be.value) != null && R.validity.valid) && e.required ? (w.value = u.value, re() && (y.value = e.validMessage ?? pe, x(() => y.value = "", 1e3)), E.value = e.validation ?? "valid") : ee(e.message, e.showMessage) ? (w.value = f.value, E.value = e.validation ?? "no-validation") : (w.value = L.value, E.value = e.validation ?? "no-validation");
3136
+ be.value && (be.value.value = ra()), !((l = be.value) != null && l.validity.valid) || e.validation === "invalid" ? (w.value = h.value, s.value = e.invalidMessage || ((k = be.value) == null ? void 0 : k.validationMessage) || ie, re() && (y.value = s.value, x(() => y.value = "", 1e3)), E.value = e.validation ?? "invalid") : Ve() && ((R = be.value) != null && R.validity.valid) && e.required ? (w.value = u.value, re() && (y.value = e.validMessage ?? pe, x(() => y.value = "", 1e3)), E.value = e.validation ?? "valid") : ee(e.message, e.showMessage) ? (w.value = f.value, E.value = e.validation ?? "no-validation") : (w.value = L.value, E.value = e.validation ?? "no-validation");
3139
3137
  }
3140
3138
  function ua(l) {
3141
3139
  e.onDropdownToggle && (l.stopPropagation(), e.onDropdownToggle(l)), l.target.open ? (_e.value = new Fe().addCallback(
@@ -3151,7 +3149,7 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3151
3149
  function qe(l) {
3152
3150
  var R;
3153
3151
  const k = [];
3154
- l && k.push(l), P.value && ((R = T.value) != null && R.length) && k.push(P.value), w.value = k.join(" ");
3152
+ l && k.push(l), N.value && ((R = T.value) != null && R.length) && k.push(N.value), w.value = k.join(" ");
3155
3153
  }
3156
3154
  function ca() {
3157
3155
  return e.selectAllLabel ?? ke;
@@ -3165,7 +3163,7 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3165
3163
  return l && ((k = m.value) != null && k.includes) ? (R = m.value) == null ? void 0 : R.includes(l) : !1;
3166
3164
  }
3167
3165
  function fa(l) {
3168
- return e.removeTagsTexts && e.removeTagsTexts.length > l ? e.removeTagsTexts.at(l) : `${ea} ${h.value ? Se(h.value[l]) : ""}`;
3166
+ return e.removeTagsTexts && e.removeTagsTexts.length > l ? e.removeTagsTexts.at(l) : `${ea} ${g.value ? Se(g.value[l]) : ""}`;
3169
3167
  }
3170
3168
  function pa(l, k) {
3171
3169
  k.stopPropagation(), Ge(l.value), $e();
@@ -3254,7 +3252,7 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3254
3252
  if (l.stopPropagation(), ((k = m.value) == null ? void 0 : k.length) === G.value)
3255
3253
  Ie([]);
3256
3254
  else {
3257
- const R = p.value && Re.value ? Re.value.value : void 0;
3255
+ const R = p.value && ze.value ? ze.value.value : void 0;
3258
3256
  Ie(
3259
3257
  e.options ? e.options.filter(
3260
3258
  (J) => {
@@ -3324,27 +3322,27 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3324
3322
  "data-icon": l.icon,
3325
3323
  "data-hide-icon": d(K)(l.showIcon)
3326
3324
  }, [
3327
- I("label", { id: r.value }, [
3325
+ I("label", { id: c.value }, [
3328
3326
  C(B(l.label ?? d(ke)), 1),
3329
3327
  I("select", {
3330
3328
  role: "none",
3331
3329
  hidden: !0,
3332
- id: c.value,
3330
+ id: r.value,
3333
3331
  tabIndex: -1,
3334
3332
  ref_key: "selectRef",
3335
3333
  ref: be,
3336
3334
  form: l.form,
3337
3335
  name: l.name,
3338
- multiple: d(N)(l.multiple, "multiple"),
3339
- disabled: d(N)(l.disabled, "disabled"),
3340
- required: d(N)(l.required, "required"),
3336
+ multiple: d(D)(l.multiple, "multiple"),
3337
+ disabled: d(D)(l.disabled, "disabled"),
3338
+ required: d(D)(l.required, "required"),
3341
3339
  onChange: k[0] || (k[0] = async (q) => ka(q))
3342
3340
  }, [
3343
3341
  (R = l.options) != null && R.length ? (v(!0), b(V, { key: 0 }, he(l.options, (q, me) => (v(), b("option", {
3344
3342
  key: me,
3345
3343
  disabled: q.disabled,
3346
3344
  value: q.value
3347
- }, B(Se(q)), 9, _i))), 128)) : D("", !0)
3345
+ }, B(Se(q)), 9, _i))), 128)) : z("", !0)
3348
3346
  ], 40, Ii)
3349
3347
  ], 8, wi),
3350
3348
  I("details", {
@@ -3360,15 +3358,15 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3360
3358
  class: "db-custom-select-form-field",
3361
3359
  id: _.value,
3362
3360
  "aria-disabled": d(j)(l.disabled),
3363
- "aria-labelledby": r.value
3361
+ "aria-labelledby": c.value
3364
3362
  }, [
3365
3363
  (J = T.value) != null && J.length ? (v(), b("span", {
3366
3364
  key: 0,
3367
3365
  "data-visually-hidden": d(j)(l.selectedType === "tag"),
3368
- id: P.value
3369
- }, B(T.value), 9, $i)) : D("", !0),
3366
+ id: N.value
3367
+ }, B(T.value), 9, $i)) : z("", !0),
3370
3368
  l.selectedType === "tag" ? (v(), b("div", Ai, [
3371
- (v(!0), b(V, null, he(h.value, (q, me) => (v(), Q(Gt, {
3369
+ (v(!0), b(V, null, he(g.value, (q, me) => (v(), Q(Gt, {
3372
3370
  key: me,
3373
3371
  emphasis: "strong",
3374
3372
  behavior: "removable",
@@ -3380,7 +3378,7 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3380
3378
  ]),
3381
3379
  _: 2
3382
3380
  }, 1032, ["removeButton", "onRemove"]))), 128))
3383
- ])) : D("", !0)
3381
+ ])) : z("", !0)
3384
3382
  ], 8, Ti),
3385
3383
  ae(Bi, { width: l.dropdownWidth }, {
3386
3384
  default: U(() => [
@@ -3388,7 +3386,7 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3388
3386
  ae(Bt, {
3389
3387
  type: "search",
3390
3388
  ref_key: "searchInputRef",
3391
- ref: Re,
3389
+ ref: ze,
3392
3390
  name: a.value,
3393
3391
  form: a.value,
3394
3392
  showLabel: !1,
@@ -3398,7 +3396,7 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3398
3396
  ariaDescribedBy: H.value || l.showLoading ? S.value : void 0,
3399
3397
  onInput: (q) => We(q)
3400
3398
  }, null, 8, ["name", "form", "value", "label", "placeholder", "ariaDescribedBy", "onInput"])
3401
- ])) : D("", !0),
3399
+ ])) : z("", !0),
3402
3400
  H.value || l.showLoading ? (v(), Q(te, {
3403
3401
  key: 1,
3404
3402
  id: S.value,
@@ -3419,15 +3417,15 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3419
3417
  ref_key: "selectAllRef",
3420
3418
  ref: Ee,
3421
3419
  form: a.value,
3422
- checked: Pe.value,
3420
+ checked: Re.value,
3423
3421
  onChange: k[1] || (k[1] = async (q) => ba(q))
3424
3422
  }, null, 40, Ni),
3425
3423
  C(B(ca()), 1)
3426
3424
  ])
3427
3425
  ])
3428
- ])) : D("", !0),
3426
+ ])) : z("", !0),
3429
3427
  ae(pi, {
3430
- multiple: d(N)(l.multiple, "multiple"),
3428
+ multiple: d(D)(l.multiple, "multiple"),
3431
3429
  label: l.ariaListLabel ?? l.label ?? d(ke)
3432
3430
  }, {
3433
3431
  default: U(() => [
@@ -3445,7 +3443,7 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3445
3443
  onChange: (Ae) => Ge(q.value)
3446
3444
  }, {
3447
3445
  default: U(() => [
3448
- q.isGroupTitle ? D("", !0) : (v(), b(V, { key: 0 }, [
3446
+ q.isGroupTitle ? z("", !0) : (v(), b(V, { key: 0 }, [
3449
3447
  C(B(Se(q)), 1)
3450
3448
  ], 64))
3451
3449
  ]),
@@ -3466,7 +3464,7 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3466
3464
  onClick: (q) => Te("close")
3467
3465
  }, {
3468
3466
  default: U(() => [
3469
- C(B(l.mobileCloseButtonText ?? d(ze)), 1)
3467
+ C(B(l.mobileCloseButtonText ?? d(Pe)), 1)
3470
3468
  ]),
3471
3469
  _: 1
3472
3470
  }, 8, ["name", "form", "onClick"])
@@ -3474,7 +3472,7 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3474
3472
  ]),
3475
3473
  _: 1
3476
3474
  }, 8, ["width"])
3477
- ], 64)) : D("", !0)
3475
+ ], 64)) : z("", !0)
3478
3476
  ], 40, Li),
3479
3477
  (l.showClearSelection ?? !0) && ((le = m.value) != null && le.length) ? (v(), Q(Be, {
3480
3478
  key: 0,
@@ -3496,7 +3494,7 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3496
3494
  })
3497
3495
  ]),
3498
3496
  _: 1
3499
- }, 8, ["name", "form", "onClick"])) : D("", !0),
3497
+ }, 8, ["name", "form", "onClick"])) : z("", !0),
3500
3498
  I("span", {
3501
3499
  "aria-hidden": d(j)(!0),
3502
3500
  id: L.value
@@ -3511,7 +3509,7 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3511
3509
  C(B(l.message), 1)
3512
3510
  ]),
3513
3511
  _: 1
3514
- }, 8, ["icon", "id"])) : D("", !0),
3512
+ }, 8, ["icon", "id"])) : z("", !0),
3515
3513
  Ve() ? (v(), Q(te, {
3516
3514
  key: 2,
3517
3515
  size: "small",
@@ -3522,11 +3520,11 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3522
3520
  C(B(l.validMessage || d(pe)), 1)
3523
3521
  ]),
3524
3522
  _: 1
3525
- }, 8, ["id"])) : D("", !0),
3523
+ }, 8, ["id"])) : z("", !0),
3526
3524
  ae(te, {
3527
3525
  size: "small",
3528
3526
  semantic: "critical",
3529
- id: g.value
3527
+ id: h.value
3530
3528
  }, {
3531
3529
  default: U(() => [
3532
3530
  C(B(s.value), 1)
@@ -3537,7 +3535,7 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3537
3535
  ], 10, Si);
3538
3536
  };
3539
3537
  }
3540
- }), Pi = ["id"], Pl = /* @__PURE__ */ z({
3538
+ }), Ri = ["id"], Rl = /* @__PURE__ */ P({
3541
3539
  __name: "custom-select-form-field",
3542
3540
  props: {
3543
3541
  children: { default: void 0 },
@@ -3556,7 +3554,7 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
3556
3554
  class: F(d(M)("db-custom-select-form-field", t.class))
3557
3555
  }, [
3558
3556
  $(e.$slots, "default")
3559
- ], 10, Pi));
3557
+ ], 10, Ri));
3560
3558
  }
3561
3559
  });
3562
3560
  export {
@@ -3576,7 +3574,7 @@ export {
3576
3574
  xi as DBCheckbox,
3577
3575
  Ml as DBCustomSelect,
3578
3576
  Bi as DBCustomSelectDropdown,
3579
- Pl as DBCustomSelectFormField,
3577
+ Rl as DBCustomSelectFormField,
3580
3578
  pi as DBCustomSelectList,
3581
3579
  yi as DBCustomSelectListItem,
3582
3580
  el as DBDivider,
@@ -3605,7 +3603,7 @@ export {
3605
3603
  da as DBTooltip,
3606
3604
  Aa as DEFAULT_BACK,
3607
3605
  Ea as DEFAULT_BURGER_MENU,
3608
- ze as DEFAULT_CLOSE_BUTTON,
3606
+ Pe as DEFAULT_CLOSE_BUTTON,
3609
3607
  Qe as DEFAULT_DATALIST_ID_SUFFIX,
3610
3608
  Da as DEFAULT_ICON,
3611
3609
  we as DEFAULT_ID,
@@ -3654,7 +3652,7 @@ export {
3654
3652
  Ze as addAttributeToChildren,
3655
3653
  M as cls,
3656
3654
  x as delay,
3657
- N as getBoolean,
3655
+ D as getBoolean,
3658
3656
  j as getBooleanAsString,
3659
3657
  K as getHideProp,
3660
3658
  je as getInputValue,