@db-ux/v-core-components 4.2.1 → 4.2.2-css-selectors-different-f114ce6

package/dist/db-ux.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as W, ref as o, onMounted as Y, watch as C, createElementBlock as y, openBlock as v, normalizeClass as U, unref as n, createElementVNode as E, createCommentVNode as z, renderSlot as F, Fragment as H, createTextVNode as D, toDisplayString as B, renderList as he, createBlock as J, onUnmounted as ge, createVNode as te, withCtx as G } from "vue";
-const Ie = "OVERWRITE_DEFAULT_ID", ye = "LABEL SHOULD BE SET", ea = " ", Ia = "MESSAGE SHOULD BE SET", Ye = "-label", Je = "-select", ce = "-message", re = "-valid-message", ve = "-invalid-message", De = "-placeholder", Qe = "-datalist", se = "TODO: Add a validMessage", ee = "TODO: Add an invalidMessage", aa = "Remove", $a = "Back", xa = "Selected", Ta = "BurgerMenu", Ca = "brand", Ea = 4, qe = "Close", Ki = "density", Yi = "color";
+import { defineComponent as W, ref as o, onMounted as Y, watch as C, createElementBlock as y, openBlock as v, normalizeClass as U, unref as n, createElementVNode as E, createCommentVNode as z, renderSlot as F, Fragment as H, createTextVNode as D, toDisplayString as B, renderList as ge, createBlock as J, onUnmounted as he, createVNode as te, withCtx as G } from "vue";
+const Ie = "OVERWRITE_DEFAULT_ID", ye = "LABEL SHOULD BE SET", ea = " ", Ia = "MESSAGE SHOULD BE SET", Ye = "-label", Je = "-select", ce = "-message", re = "-valid-message", ve = "-invalid-message", De = "-placeholder", Qe = "-datalist", se = "TODO: Add a validMessage", ee = "TODO: Add an invalidMessage", aa = "Remove", xa = "Back", $a = "Selected", Ta = "BurgerMenu", Ca = "brand", Ea = 4, qe = "Close", Ki = "density", Yi = "color";
 var ta = /* @__PURE__ */ ((e) => (e.FUNCTIONAL = "functional", e.REGULAR = "regular", e.EXPRESSIVE = "expressive", e))(ta || {});
 const Ji = Object.entries(ta).map(([, e]) => e);
 var ia = /* @__PURE__ */ ((e) => (e.PRIMARY = "primary", e))(ia || {}), la = /* @__PURE__ */ ((e) => (e.NEUTRAL_BG_LEVEL_1 = "neutral-bg-basic-level-1", e.NEUTRAL_BG_LEVEL_2 = "neutral-bg-basic-level-2", e.NEUTRAL_BG_LEVEL_3 = "neutral-bg-basic-level-3", e.NEUTRAL_BG_TRANSPARENT_SEMI = "neutral-bg-basic-transparent-semi", e.NEUTRAL_BG_TRANSPARENT_FULL = "neutral-bg-basic-transparent-full", e.BRAND_BG_LEVEL_1 = "brand-bg-basic-level-1", e.BRAND_BG_LEVEL_2 = "brand-bg-basic-level-2", e.BRAND_BG_LEVEL_3 = "brand-bg-basic-level-3", e.BRAND_BG_TRANSPARENT_SEMI = "brand-bg-basic-transparent-semi", e.BRAND_BG_TRANSPARENT_FULL = "brand-bg-basic-transparent-full", e.SUCCESSFUL_BG_LEVEL_1 = "successful-bg-basic-level-1", e.SUCCESSFUL_BG_LEVEL_2 = "successful-bg-basic-level-2", e.SUCCESSFUL_BG_LEVEL_3 = "successful-bg-basic-level-3", e.SUCCESSFUL_BG_TRANSPARENT_SEMI = "successful-bg-basic-transparent-semi", e.SUCCESSFUL_BG_TRANSPARENT_FULL = "successful-bg-basic-transparent-full", e.CRITICAL_BG_LEVEL_1 = "critical-bg-basic-level-1", e.CRITICAL_BG_LEVEL_2 = "critical-bg-basic-level-2", e.CRITICAL_BG_LEVEL_3 = "critical-bg-basic-level-3", e.CRITICAL_BG_TRANSPARENT_SEMI = "critical-bg-basic-transparent-semi", e.CRITICAL_BG_TRANSPARENT_Full = "critical-bg-basic-transparent-full", e.WARNING_BG_LEVEL_1 = "warning-bg-basic-level-1", e.WARNING_BG_LEVEL_2 = "warning-bg-basic-level-2", e.WARNING_BG_LEVEL_3 = "warning-bg-basic-level-3", e.WARNING_BG_TRANSPARENT_SEMI = "warning-bg-basic-transparent-semi", e.WARNING_BG_TRANSPARENT_FULL = "warning-bg-basic-transparent-full", e.INFORMATIONAL_BG_LEVEL_1 = "informational-bg-basic-level-1", e.INFORMATIONAL_BG_LEVEL_2 = "informational-bg-basic-level-2", e.INFORMATIONAL_BG_LEVEL_3 = "informational-bg-basic-level-3", e.INFORMATIONAL_BG_TRANSPARENT_SEMI = "informational-bg-basic-transparent-semi", e.INFORMATIONAL_BG_TRANSPARENT_FULL = "informational-bg-basic-transparent-full", e))(la || {});
@@ -81,13 +81,13 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
     name: { default: void 0 }
   },
   setup(e) {
-    const t = e, l = o(Ie), a = o(!1), i = o(void 0), s = o(!1), u = o(null);
+    const t = e, l = o(Ie), a = o(!1), i = o(void 0), u = o(!1), c = o(null);
     Y(() => {
-      l.value = t.id || "accordion-item-" + Q(), t.defaultOpen && (a.value = t.defaultOpen), s.value = !0;
+      l.value = t.id || "accordion-item-" + Q(), t.defaultOpen && (a.value = t.defaultOpen), u.value = !0;
     }), C(
-      () => [u.value, s.value],
+      () => [c.value, u.value],
       () => {
-        u.value && s.value;
+        c.value && u.value;
       },
       {
         immediate: !0,
@@ -115,7 +115,7 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
       E("details", {
         "aria-disabled": n(V)(e.disabled),
         ref_key: "_ref",
-        ref: u,
+        ref: c,
         name: i.value,
         open: a.value
       }, [
@@ -151,9 +151,9 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
     autofocus: { type: [Boolean, String] }
   },
   setup(e) {
-    const t = e, l = o(Ie), a = o(""), i = o(!1), s = o(!1), u = o(null);
+    const t = e, l = o(Ie), a = o(""), i = o(!1), u = o(!1), c = o(null);
     Y(() => {
-      l.value = t.id || "accordion-" + Q(), i.value = !0, s.value = !0;
+      l.value = t.id || "accordion-" + Q(), i.value = !0, u.value = !0;
     }), C(
       () => [i.value, t.name, t.behavior, l.value],
       () => {
@@ -164,10 +164,10 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
         flush: "post"
       }
     ), C(
-      () => [u.value, a.value],
+      () => [c.value, a.value],
       () => {
-        if (u.value) {
-          const g = u.value.getElementsByTagName("details");
+        if (c.value) {
+          const g = c.value.getElementsByTagName("details");
           if (g)
             for (const h of Array.from(g))
               a.value === "" ? h.removeAttribute("name") : h.name = a.value ?? "";
@@ -178,21 +178,21 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
         flush: "post"
       }
     ), C(
-      () => [u.value, s.value, t.initOpenIndex],
+      () => [c.value, u.value, t.initOpenIndex],
       () => {
-        if (u.value && s.value) {
+        if (c.value && u.value) {
           if (t.initOpenIndex && t.initOpenIndex.length > 0) {
-            const g = u.value.getElementsByTagName("details");
+            const g = c.value.getElementsByTagName("details");
             if (g) {
               const h = t.behavior === "single" && t.initOpenIndex.length > 1 ? [t.initOpenIndex[0]] : t.initOpenIndex;
               Array.from(g).forEach(
-                (k, x) => {
-                  h?.includes(x) && (k.open = !0);
+                (k, $) => {
+                  h?.includes($) && (k.open = !0);
                 }
               );
             }
           }
-          s.value = !1;
+          u.value = !1;
         }
       },
       {
@@ -210,14 +210,14 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
     }
     return (g, h) => (v(), y("ul", {
       ref_key: "_ref",
-      ref: u,
+      ref: c,
       id: l.value,
       class: U(n(O)("db-accordion", t.class)),
       "data-variant": e.variant
     }, [
       e.items ? z("", !0) : F(g.$slots, "default", { key: 0 }),
-      e.items ? (v(!0), y(H, { key: 1 }, he(f(), (k, x) => (v(), J(Pa, {
-        key: `accordion-item-${x}`,
+      e.items ? (v(!0), y(H, { key: 1 }, ge(f(), (k, $) => (v(), J(Pa, {
+        key: `accordion-item-${$}`,
         headlinePlain: k.headlinePlain,
         disabled: k.disabled,
         text: k.text
@@ -255,7 +255,7 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
         immediate: !0,
         flush: "post"
       }
-    ), (i, s) => (v(), y("span", {
+    ), (i, u) => (v(), y("span", {
       ref_key: "_ref",
       ref: a,
       id: e.id,
@@ -330,10 +330,10 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
     function a() {
       return t.type ? t.type : t.onClick ? "button" : "submit";
     }
-    function i(s) {
-      t.onClick && t.onClick(s);
+    function i(u) {
+      t.onClick && t.onClick(u);
     }
-    return (s, u) => (v(), y("button", {
+    return (u, c) => (v(), y("button", {
       ref_key: "_ref",
       ref: l,
       id: e.id,
@@ -351,11 +351,11 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
       name: e.name,
       form: e.form,
       value: e.value,
-      onClick: u[0] || (u[0] = async (f) => i(f))
+      onClick: c[0] || (c[0] = async (f) => i(f))
     }, [
       e.text ? (v(), y(H, { key: 0 }, [
         D(B(e.text), 1)
-      ], 64)) : F(s.$slots, "default", { key: 1 })
+      ], 64)) : F(u.$slots, "default", { key: 1 })
     ], 10, Ga));
   }
 }), sl = ["outlined", "brand", "filled", "ghost"], ul = ["button", "reset", "submit"], Wa = ["id", "data-behavior", "data-elevation-level", "data-spacing"], cl = /* @__PURE__ */ W({
@@ -376,7 +376,7 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
     function a(i) {
       t.onClick && t.onClick(i);
     }
-    return (i, s) => (v(), y("div", {
+    return (i, u) => (v(), y("div", {
       ref_key: "_ref",
       ref: l,
       id: e.id,
@@ -384,7 +384,7 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
       "data-behavior": e.behavior,
       "data-elevation-level": e.elevationLevel,
       "data-spacing": e.spacing,
-      onClick: s[0] || (s[0] = async (u) => a(u))
+      onClick: u[0] || (u[0] = async (c) => a(c))
     }, [
       F(i.$slots, "default")
     ], 10, Wa));
@@ -400,27 +400,27 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
 }, da = (e, t, l, a) => {
   Me(e, (i) => {
     K(() => {
-      const s = t.checked ? t.checked : t.defaultChecked ? t.defaultChecked : e.checked, u = {
+      const u = t.checked ? t.checked : t.defaultChecked ? t.defaultChecked : e.checked, c = {
         ...i,
         target: {
           ...i.target,
-          checked: s
+          checked: u
         }
       };
-      l(u);
+      l(c);
     }, 1);
   }, a);
 }, Ue = (e, t, l, a) => {
   Me(e, (i) => {
     K(() => {
-      const s = t.value ? t.value : t.defaultValue ? t.defaultValue : e.value, u = {
+      const u = t.value ? t.value : t.defaultValue ? t.defaultValue : e.value, c = {
         ...i,
         target: {
           ...i.target,
-          value: s
+          value: u
         }
       };
-      l(u);
+      l(c);
     }, 1);
   }, a);
 }, Ha = ["id", "data-icon", "data-semantic", "data-size", "data-show-icon-leading"], Z = /* @__PURE__ */ W({
@@ -495,28 +495,28 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
   },
   emits: ["update:checked"],
   setup(e, { emit: t }) {
-    const l = t, a = e, i = o(!1), s = o(void 0), u = o(void 0), f = o(void 0), g = o(void 0), h = o(void 0), k = o(void 0), x = o(""), b = o(void 0), c = o(null);
+    const l = t, a = e, i = o(!1), u = o(void 0), c = o(void 0), f = o(void 0), g = o(void 0), h = o(void 0), k = o(void 0), $ = o(""), m = o(void 0), s = o(null);
     Y(() => {
       i.value = !0;
       const L = a.id ?? `checkbox-${Q()}`;
-      s.value = L, u.value = L + ce, f.value = L + re, g.value = L + ve, h.value = a.invalidMessage || ee;
-    }), ge(() => {
-      b.value?.abort();
+      u.value = L, c.value = L + ce, f.value = L + re, g.value = L + ve, h.value = a.invalidMessage || ee;
+    }), he(() => {
+      m.value?.abort();
     }), C(
-      () => [c.value, a.invalidMessage],
+      () => [s.value, a.invalidMessage],
       () => {
-        h.value = a.invalidMessage || c.value?.validationMessage || ee;
+        h.value = a.invalidMessage || s.value?.validationMessage || ee;
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), C(
-      () => [s.value],
+      () => [u.value],
       () => {
-        if (s.value) {
-          const L = s.value + ce;
-          u.value = L, f.value = s.value + re, g.value = s.value + ve, _(a.message, a.showMessage) && (k.value = L), m();
+        if (u.value) {
+          const L = u.value + ce;
+          c.value = L, f.value = u.value + re, g.value = u.value + ve, _(a.message, a.showMessage) && (k.value = L), b();
         }
       },
       {
@@ -524,30 +524,30 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
         flush: "post"
       }
     ), C(
-      () => [i.value, c.value, a.indeterminate],
+      () => [i.value, s.value, a.indeterminate],
       () => {
-        c.value && a.indeterminate !== void 0 && (c.value.indeterminate = !!q(a.indeterminate));
+        s.value && a.indeterminate !== void 0 && (s.value.indeterminate = !!q(a.indeterminate));
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), C(
-      () => [i.value, c.value, a.checked],
+      () => [i.value, s.value, a.checked],
       () => {
-        i.value && c.value && (a.checked != null && (c.value.checked = !!q(a.checked)), i.value = !1);
+        i.value && s.value && (a.checked != null && (s.value.checked = !!q(a.checked)), i.value = !1);
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), C(
-      () => [c.value],
+      () => [s.value],
       () => {
-        if (c.value) {
-          let S = b.value;
-          S || (S = new AbortController(), b.value = S), da(
-            c.value,
+        if (s.value) {
+          let S = m.value;
+          S || (S = new AbortController(), m.value = S), da(
+            s.value,
             {
               checked: a.checked,
               defaultChecked: void 0
@@ -567,11 +567,11 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
     function d() {
       return !!(a.validMessage ?? a.validation === "valid");
     }
-    function m() {
-      !c.value?.validity.valid || a.validation === "invalid" ? (k.value = g.value, h.value = a.invalidMessage || c.value?.validationMessage || ee, ue() && (x.value = h.value, K(() => x.value = "", 1e3))) : d() && c.value?.validity.valid && a.required ? (k.value = f.value, ue() && (x.value = a.validMessage ?? se, K(() => x.value = "", 1e3))) : _(a.message, a.showMessage) ? k.value = u.value : k.value = void 0;
+    function b() {
+      !s.value?.validity.valid || a.validation === "invalid" ? (k.value = g.value, h.value = a.invalidMessage || s.value?.validationMessage || ee, ue() && ($.value = h.value, K(() => $.value = "", 1e3))) : d() && s.value?.validity.valid && a.required ? (k.value = f.value, ue() && ($.value = a.validMessage ?? se, K(() => $.value = "", 1e3))) : _(a.message, a.showMessage) ? k.value = c.value : k.value = void 0;
     }
     function I(L, S) {
-      a.onChange && a.onChange(L), de(l, L, "checked"), m();
+      a.onChange && a.onChange(L), de(l, L, "checked"), b();
     }
     function T(L) {
       a.onBlur && a.onBlur(L);
@@ -585,14 +585,14 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
       "data-hide-asterisk": n(ne)(e.showRequiredAsterisk),
       "data-hide-label": n(ne)(e.showLabel)
     }, [
-      E("label", { for: s.value }, [
+      E("label", { for: u.value }, [
         E("input", {
           type: "checkbox",
           "aria-invalid": e.validation === "invalid",
           "data-custom-validity": e.validation,
           ref_key: "_ref",
-          ref: c,
-          id: s.value,
+          ref: s,
+          id: u.value,
           name: e.name,
           checked: n(q)(e.checked, "checked"),
           disabled: n(q)(e.disabled, "disabled"),
@@ -611,7 +611,7 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
         key: 0,
         size: "small",
         icon: e.messageIcon,
-        id: u.value
+        id: c.value
       }, {
         default: G(() => [
           D(B(e.message), 1)
@@ -639,7 +639,7 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
         ]),
         _: 1
       }, 8, ["id"]),
-      E("span", Ya, B(x.value), 1)
+      E("span", Ya, B($.value), 1)
     ], 10, Xa));
   }
 });
@@ -695,12 +695,12 @@ const Ja = (e) => {
     left: a,
     right: i
   } = e.getBoundingClientRect(), {
-    innerHeight: s,
-    innerWidth: u
+    innerHeight: u,
+    innerWidth: c
   } = window;
-  let f = t < 0, g = l > s, h = a < 0, k = i > u;
-  const x = e.dataset.outsideVy, b = e.dataset.outsideVx, c = e?.parentElement?.getBoundingClientRect();
-  return c && (x && (e.dataset.outsideVy === "top" ? f = c.top - (l - c.bottom) < 0 : g = c.bottom + (c.top - t) > s), b && (e.dataset.outsideVx === "left" ? h = c.left - (i - c.right) < 0 : k = c.right + (c.left - a) > u)), {
+  let f = t < 0, g = l > u, h = a < 0, k = i > c;
+  const $ = e.dataset.outsideVy, m = e.dataset.outsideVx, s = e?.parentElement?.getBoundingClientRect();
+  return s && ($ && (e.dataset.outsideVy === "top" ? f = s.top - (l - s.bottom) < 0 : g = s.bottom + (s.top - t) > u), m && (e.dataset.outsideVx === "left" ? h = s.left - (i - s.right) < 0 : k = s.right + (s.left - a) > c)), {
     outTop: f,
     outBottom: g,
     outLeft: h,
@@ -713,26 +713,26 @@ const Ja = (e) => {
     outLeft: a,
     outRight: i
   } = Ja(e);
-  let s = {};
-  return t || l ? (s = {
+  let u = {};
+  return t || l ? (u = {
     vy: t ? "top" : "bottom"
-  }, e.dataset.outsideVy = s.vy) : delete e.dataset.outsideVy, a || i ? (s = {
-    ...s,
+  }, e.dataset.outsideVy = u.vy) : delete e.dataset.outsideVy, a || i ? (u = {
+    ...u,
     vx: i ? "right" : "left"
-  }, e.dataset.outsideVx = s.vx) : delete e.dataset.outsideVx, s;
+  }, e.dataset.outsideVx = u.vx) : delete e.dataset.outsideVx, u;
 }, Za = (e, t, l) => {
   if (getComputedStyle(e).zIndex === "9999") return;
   const {
     top: a,
     bottom: i,
-    childHeight: s,
-    childWidth: u,
+    childHeight: u,
+    childWidth: c,
     width: f,
     right: g,
     left: h,
     correctedPlacement: k
   } = sa(e, t, l);
-  e.dataset.width === "full" && (e.style.inlineSize = `${f}px`), k === "top" || k === "bottom" || k === "top-start" || k === "bottom-start" ? e.style.insetInlineStart = `${h}px` : (k === "top-end" || k === "bottom-end") && (e.style.insetInlineStart = `${g - u}px`), k?.startsWith("top") ? e.style.insetBlockStart = `${a - s}px` : k?.startsWith("bottom") && (e.style.insetBlockStart = `${i}px`), e.style.position = "fixed";
+  e.dataset.width === "full" && (e.style.inlineSize = `${f}px`), k === "top" || k === "bottom" || k === "top-start" || k === "bottom-start" ? e.style.insetInlineStart = `${h}px` : (k === "top-end" || k === "bottom-end") && (e.style.insetInlineStart = `${g - c}px`), k?.startsWith("top") ? e.style.insetBlockStart = `${a - u}px` : k?.startsWith("bottom") && (e.style.insetBlockStart = `${i}px`), e.style.position = "fixed";
 }, sa = (e, t, l) => {
   if (!e || !t)
     return {
@@ -750,85 +750,85 @@ const Ja = (e) => {
     };
   const a = e.getBoundingClientRect(), {
     top: i,
-    height: s,
-    bottom: u,
+    height: u,
+    bottom: c,
     right: f,
     left: g,
     width: h
   } = t.getBoundingClientRect(), {
     innerHeight: k,
-    innerWidth: x
+    innerWidth: $
   } = window;
-  let b = a.height, c = a.width;
-  (l === "bottom" || l === "top") && (c = c / 2), (l === "left" || l === "right") && (b = b / 2);
-  const d = u + b > k, m = i - b < 0, I = g - c < 0, T = f + c > x;
+  let m = a.height, s = a.width;
+  (l === "bottom" || l === "top") && (s = s / 2), (l === "left" || l === "right") && (m = m / 2);
+  const d = c + m > k, b = i - m < 0, I = g - s < 0, T = f + s > $;
   let w = l;
-  return l.startsWith("bottom") ? d ? (w = l?.replace("bottom", "top"), I && T ? w = "top" : I ? w = "top-start" : T && (w = "top-end")) : I && T ? w = "bottom" : I ? w = "bottom-start" : T && (w = "bottom-end") : l.startsWith("top") ? m ? (w = l?.replace("top", "bottom"), I && T ? w = "bottom" : I ? w = "bottom-start" : T && (w = "bottom-end")) : I && T ? w = "top" : I ? w = "top-start" : T && (w = "top-end") : l.startsWith("left") ? I ? (w = l?.replace("left", "right"), d && m ? w = "right" : d ? w = "right-end" : m && (w = "right-start")) : d && m ? w = "left" : d ? w = "left-end" : m && (w = "left-start") : w.startsWith("right") && (T ? (w = l?.replace("right", "left"), d && m ? w = "left" : d ? w = "left-end" : m && (w = "left-start")) : d && m ? w = "right" : d ? w = "right-end" : m && (w = "right-start")), {
+  return l.startsWith("bottom") ? d ? (w = l?.replace("bottom", "top"), I && T ? w = "top" : I ? w = "top-start" : T && (w = "top-end")) : I && T ? w = "bottom" : I ? w = "bottom-start" : T && (w = "bottom-end") : l.startsWith("top") ? b ? (w = l?.replace("top", "bottom"), I && T ? w = "bottom" : I ? w = "bottom-start" : T && (w = "bottom-end")) : I && T ? w = "top" : I ? w = "top-start" : T && (w = "top-end") : l.startsWith("left") ? I ? (w = l?.replace("left", "right"), d && b ? w = "right" : d ? w = "right-end" : b && (w = "right-start")) : d && b ? w = "left" : d ? w = "left-end" : b && (w = "left-start") : w.startsWith("right") && (T ? (w = l?.replace("right", "left"), d && b ? w = "left" : d ? w = "left-end" : b && (w = "left-start")) : d && b ? w = "right" : d ? w = "right-end" : b && (w = "right-start")), {
     top: i,
-    bottom: u,
+    bottom: c,
     right: f,
-    height: s,
+    height: u,
     width: h,
     left: g,
     childHeight: a.height,
     childWidth: a.width,
     correctedPlacement: w,
-    innerWidth: x,
+    innerWidth: $,
     innerHeight: k
   };
 }, ua = (e, t, l) => {
   const a = getComputedStyle(e).getPropertyValue("--db-popover-distance") ?? "0px", {
     top: i,
-    height: s,
-    width: u,
+    height: u,
+    width: c,
     childHeight: f,
     childWidth: g,
     right: h,
     left: k,
-    bottom: x,
-    correctedPlacement: b,
-    innerWidth: c,
+    bottom: $,
+    correctedPlacement: m,
+    innerWidth: s,
     innerHeight: d
   } = sa(e, t, l);
-  if (g > u && (b.startsWith("bottom") || b.startsWith("top"))) {
-    const m = u / 2 / g * 100;
-    b.endsWith("start") ? e.style.setProperty("--db-tooltip-arrow-inline-start", `${m}%`) : b.endsWith("end") && e.style.setProperty("--db-tooltip-arrow-inline-start", `${100 - m}%`);
+  if (g > c && (m.startsWith("bottom") || m.startsWith("top"))) {
+    const b = c / 2 / g * 100;
+    m.endsWith("start") ? e.style.setProperty("--db-tooltip-arrow-inline-start", `${b}%`) : m.endsWith("end") && e.style.setProperty("--db-tooltip-arrow-inline-start", `${100 - b}%`);
   }
-  if (f > s && (b.startsWith("left") || b.startsWith("bottom"))) {
-    const m = s / 2 / f * 100;
-    b.endsWith("start") ? e.style.setProperty("--db-tooltip-arrow-block-start", `${m}%`) : b.endsWith("end") && e.style.setProperty("--db-tooltip-arrow-block-start", `${100 - m}%`);
+  if (f > u && (m.startsWith("left") || m.startsWith("bottom"))) {
+    const b = u / 2 / f * 100;
+    m.endsWith("start") ? e.style.setProperty("--db-tooltip-arrow-block-start", `${b}%`) : m.endsWith("end") && e.style.setProperty("--db-tooltip-arrow-block-start", `${100 - b}%`);
   }
-  if (b === "right" || b === "left")
-    e.style.insetBlockStart = `${i + s / 2}px`;
-  else if (b === "right-start" || b === "left-start") {
-    const m = i + f;
-    e.style.insetBlockStart = `${i}px`, e.style.insetBlockEnd = `${m > d ? d : m}px`;
-  } else if (b === "right-end" || b === "left-end") {
-    const m = x - f;
-    e.style.insetBlockStart = `${m < 0 ? 0 : m}px`, e.style.insetBlockEnd = `${x}px`;
-  } else if (b === "top" || b === "bottom")
-    e.style.insetInlineStart = `${k + u / 2}px`;
-  else if (b === "top-start" || b === "bottom-start") {
-    const m = k + g;
-    e.style.insetInlineStart = `${k}px`, e.style.insetInlineEnd = `${m > c ? c : m}px`;
-  } else if (b === "top-end" || b === "bottom-end") {
-    const m = k - g;
-    e.style.insetInlineStart = `${h - g}px`, e.style.insetInlineEnd = `${m < 0 ? 0 : m}px`;
+  if (m === "right" || m === "left")
+    e.style.insetBlockStart = `${i + u / 2}px`;
+  else if (m === "right-start" || m === "left-start") {
+    const b = i + f;
+    e.style.insetBlockStart = `${i}px`, e.style.insetBlockEnd = `${b > d ? d : b}px`;
+  } else if (m === "right-end" || m === "left-end") {
+    const b = $ - f;
+    e.style.insetBlockStart = `${b < 0 ? 0 : b}px`, e.style.insetBlockEnd = `${$}px`;
+  } else if (m === "top" || m === "bottom")
+    e.style.insetInlineStart = `${k + c / 2}px`;
+  else if (m === "top-start" || m === "bottom-start") {
+    const b = k + g;
+    e.style.insetInlineStart = `${k}px`, e.style.insetInlineEnd = `${b > s ? s : b}px`;
+  } else if (m === "top-end" || m === "bottom-end") {
+    const b = k - g;
+    e.style.insetInlineStart = `${h - g}px`, e.style.insetInlineEnd = `${b < 0 ? 0 : b}px`;
   }
-  if (b?.startsWith("right")) {
-    const m = h + g;
-    e.style.insetInlineStart = `calc(${h}px + ${a})`, e.style.insetInlineEnd = `calc(${m > c ? c : m}px + ${a})`;
-  } else if (b?.startsWith("left")) {
-    const m = k - g;
-    e.style.insetInlineStart = `calc(${m < 0 ? 0 : m}px - ${a})`, e.style.insetInlineEnd = `calc(${h}px - ${a})`;
-  } else if (b?.startsWith("top")) {
-    const m = i - f;
-    e.style.insetBlockStart = `calc(${m < 0 ? 0 : m}px - ${a})`, e.style.insetBlockEnd = `calc(${x}px - ${a})`;
-  } else if (b?.startsWith("bottom")) {
-    const m = x + f;
-    e.style.insetBlockStart = `calc(${x}px + ${a})`, e.style.insetBlockEnd = `calc(${m > d ? d : m}px + ${a})`;
+  if (m?.startsWith("right")) {
+    const b = h + g;
+    e.style.insetInlineStart = `calc(${h}px + ${a})`, e.style.insetInlineEnd = `calc(${b > s ? s : b}px + ${a})`;
+  } else if (m?.startsWith("left")) {
+    const b = k - g;
+    e.style.insetInlineStart = `calc(${b < 0 ? 0 : b}px - ${a})`, e.style.insetInlineEnd = `calc(${h}px - ${a})`;
+  } else if (m?.startsWith("top")) {
+    const b = i - f;
+    e.style.insetBlockStart = `calc(${b < 0 ? 0 : b}px - ${a})`, e.style.insetBlockEnd = `calc(${$}px - ${a})`;
+  } else if (m?.startsWith("bottom")) {
+    const b = $ + f;
+    e.style.insetBlockStart = `calc(${$}px + ${a})`, e.style.insetBlockEnd = `calc(${b > d ? d : b}px + ${a})`;
   }
-  e.style.position = "fixed", e.dataset.correctedPlacement = b;
+  e.style.position = "fixed", e.dataset.correctedPlacement = m;
 }, _a = ["id", "data-width"], et = /* @__PURE__ */ W({
   __name: "custom-select-dropdown",
   props: {
@@ -876,13 +876,13 @@ const Ja = (e) => {
   },
   emits: ["update:checked"],
   setup(e, { emit: t }) {
-    const l = t, a = e, i = o(void 0), s = o(!1), u = o(null);
+    const l = t, a = e, i = o(void 0), u = o(!1), c = o(null);
     Y(() => {
       i.value = a.id ?? `custom-select-list-item-${Q()}`;
     }), C(
       () => [a.isGroupTitle, a.showDivider],
       () => {
-        s.value = !!(a.isGroupTitle || a.showDivider);
+        u.value = !!(a.isGroupTitle || a.showDivider);
       },
       {
         immediate: !0,
@@ -898,7 +898,7 @@ const Ja = (e) => {
     }
     return (h, k) => (v(), y("li", {
       ref_key: "_ref",
-      ref: u,
+      ref: c,
       id: i.value,
       class: U(
         n(O)("db-custom-select-list-item", a.class, {
@@ -906,7 +906,7 @@ const Ja = (e) => {
           "db-radio": e.type !== "checkbox" && !e.isGroupTitle
         })
       ),
-      "data-divider": n(V)(s.value)
+      "data-divider": n(V)(u.value)
     }, [
       e.isGroupTitle ? (v(), y("span", lt, B(e.groupTitle), 1)) : (v(), y("label", {
         key: 0,
@@ -923,7 +923,7 @@ const Ja = (e) => {
           checked: n(q)(e.checked, "checked"),
           disabled: n(q)(e.disabled, "disabled"),
           value: e.value,
-          onChange: k[0] || (k[0] = async (x) => f(x))
+          onChange: k[0] || (k[0] = async ($) => f($))
         }, null, 40, it),
         e.label ? (v(), y(H, { key: 0 }, [
           D(B(e.label), 1)
@@ -1024,12 +1024,12 @@ const Ja = (e) => {
   },
   emits: ["update:value"],
   setup(e, { emit: t }) {
-    const l = t, a = e, i = o(void 0), s = o(void 0), u = o(void 0), f = o(void 0), g = o(void 0), h = o(void 0), k = o(void 0), x = o(void 0), b = o(""), c = o(void 0), d = o(null);
+    const l = t, a = e, i = o(void 0), u = o(void 0), c = o(void 0), f = o(void 0), g = o(void 0), h = o(void 0), k = o(void 0), $ = o(void 0), m = o(""), s = o(void 0), d = o(null);
     Y(() => {
       const N = a.id ?? `input-${Q()}`;
-      i.value = N, s.value = N + ce, u.value = N + re, f.value = N + ve, h.value = N + Qe, g.value = a.invalidMessage || ee;
-    }), ge(() => {
-      c.value?.abort();
+      i.value = N, u.value = N + ce, c.value = N + re, f.value = N + ve, h.value = N + Qe, g.value = a.invalidMessage || ee;
+    }), he(() => {
+      s.value?.abort();
     }), C(
       () => [d.value, a.invalidMessage],
       () => {
@@ -1044,7 +1044,7 @@ const Ja = (e) => {
       () => {
         if (i.value) {
           const N = i.value + ce;
-          s.value = N, u.value = i.value + re, f.value = i.value + ve, h.value = a.dataListId ?? i.value + Qe, _(a.message, a.showMessage) && (k.value = N), I();
+          u.value = N, c.value = i.value + re, f.value = i.value + ve, h.value = a.dataListId ?? i.value + Qe, _(a.message, a.showMessage) && (k.value = N), I();
         }
       },
       {
@@ -1054,7 +1054,7 @@ const Ja = (e) => {
     ), C(
       () => [a.value],
       () => {
-        x.value = a.value;
+        $.value = a.value;
       },
       {
         immediate: !0,
@@ -1064,8 +1064,8 @@ const Ja = (e) => {
       () => [d.value],
       () => {
         if (d.value) {
-          let X = c.value;
-          X || (X = new AbortController(), c.value = X), Ue(
+          let X = s.value;
+          X || (X = new AbortController(), s.value = X), Ue(
             d.value,
             {
               value: a.value,
@@ -1083,14 +1083,14 @@ const Ja = (e) => {
         flush: "post"
       }
     );
-    function m() {
+    function b() {
       return !!(a.validMessage ?? a.validation === "valid");
     }
     function I() {
-      !d.value?.validity.valid || a.validation === "invalid" ? (k.value = f.value, g.value = a.invalidMessage || d.value?.validationMessage || ee, ue() && (b.value = g.value, K(() => b.value = "", 1e3))) : m() && d.value?.validity.valid && (a.required || a.minLength || a.maxLength || a.pattern) ? (k.value = u.value, ue() && (b.value = a.validMessage ?? se, K(() => b.value = "", 1e3))) : _(a.message, a.showMessage) ? k.value = s.value : k.value = void 0;
+      !d.value?.validity.valid || a.validation === "invalid" ? (k.value = f.value, g.value = a.invalidMessage || d.value?.validationMessage || ee, ue() && (m.value = g.value, K(() => m.value = "", 1e3))) : b() && d.value?.validity.valid && (a.required || a.minLength || a.maxLength || a.pattern) ? (k.value = c.value, ue() && (m.value = a.validMessage ?? se, K(() => m.value = "", 1e3))) : _(a.message, a.showMessage) ? k.value = u.value : k.value = void 0;
     }
     function T(N, X) {
-      a.input && a.input(N), x.value = N.target.value, a.onInput && a.onInput(N), de(l, N), I();
+      a.input && a.input(N), $.value = N.target.value, a.onInput && a.onInput(N), de(l, N), I();
     }
     function w(N, X) {
       a.onChange && a.onChange(N), de(l, N), I();
@@ -1135,7 +1135,7 @@ const Ja = (e) => {
         disabled: n(q)(e.disabled, "disabled"),
         required: n(q)(e.required, "required"),
         step: n(ke)(e.step),
-        value: e.value ?? x.value,
+        value: e.value ?? $.value,
         maxLength: n(ke)(e.maxLength, e.maxlength),
         minLength: n(ke)(e.minLength, e.minlength),
         max: n(Ze)(e.max, e.type),
@@ -1162,7 +1162,7 @@ const Ja = (e) => {
         key: 0,
         id: h.value
       }, [
-        (v(!0), y(H, null, he(M(), (A) => (v(), y("option", {
+        (v(!0), y(H, null, ge(M(), (A) => (v(), y("option", {
           key: h.value + "-option-" + A.value,
           value: A.value
         }, B(A.label), 9, vt))), 128))
@@ -1172,17 +1172,17 @@ const Ja = (e) => {
         key: 1,
         size: e.messageSize || "small",
         icon: e.messageIcon,
-        id: s.value
+        id: u.value
       }, {
         default: G(() => [
           D(B(e.message), 1)
         ]),
         _: 1
       }, 8, ["size", "icon", "id"])) : z("", !0),
-      m() ? (v(), J(Z, {
+      b() ? (v(), J(Z, {
         key: 2,
         semantic: "successful",
-        id: u.value,
+        id: c.value,
         size: e.validMessageSize || "small"
       }, {
         default: G(() => [
@@ -1200,7 +1200,7 @@ const Ja = (e) => {
         ]),
         _: 1
       }, 8, ["id", "size"]),
-      E("span", ft, B(b.value), 1)
+      E("span", ft, B(m.value), 1)
     ], 10, st));
   }
 }), gt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width", "data-show-arrow", "data-placement"], ca = /* @__PURE__ */ W({
@@ -1220,20 +1220,20 @@ const Ja = (e) => {
     width: { default: void 0 }
   },
   setup(e) {
-    const t = e, l = o(Ie), a = o(!1), i = o(void 0), s = o(void 0), u = o(null);
+    const t = e, l = o(Ie), a = o(!1), i = o(void 0), u = o(void 0), c = o(null);
     Y(() => {
       l.value = t.id || "tooltip-" + Q(), a.value = !0;
     }), C(
-      () => [u.value, a.value],
+      () => [c.value, a.value],
       () => {
-        if (u.value && a.value && l.value) {
+        if (c.value && a.value && l.value) {
           const d = h();
-          d && (["mouseenter", "focusin"].forEach((m) => {
-            d.addEventListener(m, () => c(d));
-          }), d.addEventListener("keydown", (m) => g(m)), ["mouseleave", "focusout"].forEach((m) => {
-            d.addEventListener(m, () => b());
-          }), d.dataset.hasTooltip = "true", t.variant === "label" ? d.setAttribute("aria-labelledby", l.value) : d.setAttribute("aria-describedby", l.value)), typeof window < "u" && "IntersectionObserver" in window && (s.value = new IntersectionObserver((m) => {
-            const I = m.find(({ target: T }) => T === h());
+          d && (["mouseenter", "focusin"].forEach((b) => {
+            d.addEventListener(b, () => s(d));
+          }), d.addEventListener("keydown", (b) => g(b)), ["mouseleave", "focusout"].forEach((b) => {
+            d.addEventListener(b, () => m());
+          }), d.dataset.hasTooltip = "true", t.variant === "label" ? d.setAttribute("aria-labelledby", l.value) : d.setAttribute("aria-describedby", l.value)), typeof window < "u" && "IntersectionObserver" in window && (u.value = new IntersectionObserver((b) => {
+            const I = b.find(({ target: T }) => T === h());
             I && !I.isIntersecting && g(!1);
           })), a.value = !1;
         }
@@ -1247,40 +1247,40 @@ const Ja = (e) => {
       d.stopPropagation();
     }
     function g(d) {
-      (!d || d.key === "Escape") && u.value && getComputedStyle(u.value).visibility === "visible" && h().blur();
+      (!d || d.key === "Escape") && c.value && getComputedStyle(c.value).visibility === "visible" && h().blur();
     }
     function h() {
-      let d = u.value.parentElement;
+      let d = c.value.parentElement;
       return d && d.localName.includes("tooltip") && (d = d.parentElement), d;
     }
     function k(d) {
-      d && u.value && K(() => {
-        u.value && ua(
-          u.value,
+      d && c.value && K(() => {
+        c.value && ua(
+          c.value,
           d,
           t.placement ?? "bottom"
         );
       }, 1);
     }
-    function x(d, m) {
-      d?.target?.contains && d?.target?.contains(u.value) && k(m);
+    function $(d, b) {
+      d?.target?.contains && d?.target?.contains(c.value) && k(b);
     }
-    function b() {
+    function m() {
       i.value && new oe().removeCallback(
         i.value
-      ), s.value?.unobserve(h());
+      ), u.value?.unobserve(h());
     }
-    function c(d) {
+    function s(d) {
       i.value = new oe().addCallback(
-        (m) => x(m, d)
-      ), k(d), s.value?.observe(h());
+        (b) => $(b, d)
+      ), k(d), u.value?.observe(h());
     }
-    return (d, m) => (v(), y("i", {
+    return (d, b) => (v(), y("i", {
       role: "tooltip",
       "aria-hidden": "true",
       "data-gap": "true",
       ref_key: "_ref",
-      ref: u,
+      ref: c,
       class: U(n(O)("db-tooltip", t.class)),
       id: l.value,
       "data-emphasis": e.emphasis,
@@ -1289,7 +1289,7 @@ const Ja = (e) => {
       "data-width": e.width,
       "data-show-arrow": n(V)(e.showArrow ?? !0),
       "data-placement": e.placement,
-      onClick: m[0] || (m[0] = async (I) => f(I))
+      onClick: b[0] || (b[0] = async (I) => f(I))
     }, [
       F(d.$slots, "default")
     ], 10, gt));
@@ -1319,13 +1319,13 @@ const Ja = (e) => {
   },
   setup(e) {
     const t = e, l = o(null);
-    function a(s) {
-      s && (s.stopPropagation(), t.onRemove && t.onRemove(s));
+    function a(u) {
+      u && (u.stopPropagation(), t.onRemove && t.onRemove(u));
     }
     function i() {
       return t.removeButton ? t.removeButton : aa;
     }
-    return (s, u) => (v(), y("div", {
+    return (u, c) => (v(), y("div", {
       ref_key: "_ref",
       ref: l,
       id: e.id,
@@ -1338,8 +1338,8 @@ const Ja = (e) => {
       "data-no-text": n(V)(e.noText),
       "data-overflow": n(V)(e.overflow)
     }, [
-      F(s.$slots, "content"),
-      F(s.$slots, "default"),
+      F(u.$slots, "content"),
+      F(u.$slots, "default"),
       e.text ? (v(), y(H, { key: 0 }, [
         D(B(e.text), 1)
       ], 64)) : z("", !0),
@@ -1351,7 +1351,7 @@ const Ja = (e) => {
         "data-no-text": "true",
         "data-variant": "ghost",
         type: "button",
-        onClick: u[0] || (u[0] = async (f) => a(f))
+        onClick: c[0] || (c[0] = async (f) => a(f))
       }, [
         te(ca, { variant: "label" }, {
           default: G(() => [
@@ -1365,7 +1365,7 @@ const Ja = (e) => {
 }), yt = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-variant", "data-required", "data-hide-asterisk", "data-placement", "data-selected-type", "data-hide-label", "data-icon", "data-show-icon"], kt = ["id"], wt = ["id", "form", "name", "multiple", "disabled", "required"], St = ["disabled", "value"], Bt = ["open"], pt = ["id", "aria-disabled", "aria-labelledby"], Lt = ["data-visually-hidden", "id"], It = {
   key: 0,
   "data-visually-hidden": "true"
-}, $t = { key: 1 }, xt = { key: 0 }, Tt = { key: 0 }, Ct = { class: "db-checkbox db-custom-select-list-item" }, Et = ["form", "checked"], At = ["aria-hidden", "id"], Dt = {
+}, xt = { key: 1 }, $t = { key: 0 }, Tt = { key: 0 }, Ct = { class: "db-checkbox db-custom-select-list-item" }, Et = ["form", "checked"], At = ["aria-hidden", "id"], Dt = {
   "data-visually-hidden": "true",
   role: "status"
 }, hl = /* @__PURE__ */ W({
@@ -1434,23 +1434,23 @@ const Ja = (e) => {
   },
   emits: ["update:values"],
   setup(e, { emit: t }) {
-    const l = t, a = e, i = o(void 0), s = o(void 0), u = o(void 0), f = o(void 0), g = o(void 0), h = o(void 0), k = o(void 0), x = o(void 0), b = o(void 0), c = o(void 0), d = o("no-validation"), m = o(!1), I = o(void 0), T = o(void 0), w = o(""), L = o(void 0), S = o(""), M = o([]), N = o(!1), X = o(!1), A = o(0), R = o([]), j = o([]), pe = o(!1), me = o(void 0), Ce = o(0), Fe = o(void 0), Ne = o(void 0), Re = o(void 0), ze = o(!1), $e = o(!1), ra = o(null), P = o(null), le = o(null), Ee = o(null), Ve = o(null);
+    const l = t, a = e, i = o(void 0), u = o(void 0), c = o(void 0), f = o(void 0), g = o(void 0), h = o(void 0), k = o(void 0), $ = o(void 0), m = o(void 0), s = o(void 0), d = o("no-validation"), b = o(!1), I = o(void 0), T = o(void 0), w = o(""), L = o(void 0), S = o(""), M = o([]), N = o(!1), X = o(!1), A = o(0), R = o([]), j = o([]), pe = o(!1), me = o(void 0), Ce = o(0), Fe = o(void 0), Ne = o(void 0), Re = o(void 0), ze = o(!1), xe = o(!1), ra = o(null), P = o(null), le = o(null), Ee = o(null), Ve = o(null);
     Y(() => {
       const r = a.id ?? `custom-select-${Q()}`;
-      i.value = r, s.value = r + ce, u.value = r + re, f.value = r + ve, h.value = r + Je, k.value = r + Ye, x.value = r + "-summary", b.value = r + De, L.value = r + "-selected-labels", c.value = r + "-info", g.value = a.invalidMessage || ee, typeof window < "u" && "IntersectionObserver" in window && (Ne.value = new IntersectionObserver((p) => {
+      i.value = r, u.value = r + ce, c.value = r + re, f.value = r + ve, h.value = r + Je, k.value = r + Ye, $.value = r + "-summary", m.value = r + De, L.value = r + "-selected-labels", s.value = r + "-info", g.value = a.invalidMessage || ee, typeof window < "u" && "IntersectionObserver" in window && (Ne.value = new IntersectionObserver((p) => {
         if (P.value) {
-          const $ = p.find(({ target: ae }) => ae === P.value);
-          $ && !$.isIntersecting && P.value.open && (P.value.open = !1);
+          const x = p.find(({ target: ae }) => ae === P.value);
+          x && !x.isIntersecting && P.value.open && (P.value.open = !1);
         }
       }));
-    }), ge(() => {
+    }), he(() => {
       I.value?.abort();
     }), C(
       () => [P.value],
       () => {
         P.value && P.value.addEventListener(
           "focusout",
-          (r) => xe(r)
+          (r) => $e(r)
         );
       },
       {
@@ -1462,7 +1462,7 @@ const Ja = (e) => {
       () => {
         if (i.value) {
           const r = i.value + ce;
-          k.value = i.value + Ye, h.value = i.value + Je, u.value = i.value + re, f.value = i.value + ve, b.value = i.value + De, _(a.message, a.showMessage) ? Le(r) : Le();
+          k.value = i.value + Ye, h.value = i.value + Je, c.value = i.value + re, f.value = i.value + ve, m.value = i.value + De, _(a.message, a.showMessage) ? Le(r) : Le();
         }
       },
       {
@@ -1540,8 +1540,8 @@ const Ja = (e) => {
           Me(
             le.value,
             () => {
-              const $ = p || (le.value.value ? [le.value.value] : []);
-              Be($), Ge();
+              const x = p || (le.value.value ? [le.value.value] : []);
+              Be(x), Ge();
             },
             r.signal
           );
@@ -1563,7 +1563,7 @@ const Ja = (e) => {
     ), C(
       () => [R.value, A.value],
       () => {
-        R.value?.length === 0 ? (ze.value = !1, $e.value = !1) : R.value?.length === A.value ? ($e.value = !1, ze.value = !0) : R.value && ($e.value = !0);
+        R.value?.length === 0 ? (ze.value = !1, xe.value = !1) : R.value?.length === A.value ? (xe.value = !1, ze.value = !0) : R.value && (xe.value = !0);
       },
       {
         immediate: !0,
@@ -1620,7 +1620,7 @@ const Ja = (e) => {
             w.value = p(r);
             return;
           }
-          a.selectedType === "amount" ? w.value = a.amountText ? a.amountText : `${M.value?.length} ${xa}` : w.value = M.value?.map((r) => Se(r)).join(", ");
+          a.selectedType === "amount" ? w.value = a.amountText ? a.amountText : `${M.value?.length} ${$a}` : w.value = M.value?.map((r) => Se(r)).join(", ");
         } else
           w.value = "";
       },
@@ -1638,9 +1638,9 @@ const Ja = (e) => {
         flush: "post"
       }
     ), C(
-      () => [$e.value, Ee.value],
+      () => [xe.value, Ee.value],
       () => {
-        Ee.value && (Ee.value.indeterminate = !!$e.value);
+        Ee.value && (Ee.value.indeterminate = !!xe.value);
       },
       {
         immediate: !0,
@@ -1663,7 +1663,7 @@ const Ja = (e) => {
       return !!(a.validMessage ?? a.validation === "valid");
     }
     function Ge() {
-      le.value && (le.value.value = ha()), !le.value?.validity.valid || a.validation === "invalid" ? (Le(f.value), g.value = a.invalidMessage || le.value?.validationMessage || ee, ue() && (S.value = g.value, K(() => S.value = "", 1e3)), m.value && (d.value = a.validation ?? "invalid")) : Oe() && le.value?.validity.valid && a.required ? (Le(u.value), ue() && (S.value = a.validMessage ?? se, K(() => S.value = "", 1e3)), d.value = a.validation ?? "valid") : _(a.message, a.showMessage) ? (Le(s.value), d.value = a.validation ?? "no-validation") : (Le(b.value), d.value = a.validation ?? "no-validation");
+      le.value && (le.value.value = ha()), !le.value?.validity.valid || a.validation === "invalid" ? (Le(f.value), g.value = a.invalidMessage || le.value?.validationMessage || ee, ue() && (S.value = g.value, K(() => S.value = "", 1e3)), b.value && (d.value = a.validation ?? "invalid")) : Oe() && le.value?.validity.valid && a.required ? (Le(c.value), ue() && (S.value = a.validMessage ?? se, K(() => S.value = "", 1e3)), d.value = a.validation ?? "valid") : _(a.message, a.showMessage) ? (Le(u.value), d.value = a.validation ?? "no-validation") : (Le(m.value), d.value = a.validation ?? "no-validation");
     }
     function fa(r) {
       a.onDropdownToggle && (r.stopPropagation(), a.onDropdownToggle(r)), r.target instanceof HTMLDetailsElement && r.target.open ? (me.value = new fe().addCallback(
@@ -1693,9 +1693,9 @@ const Ja = (e) => {
       return r && R.value?.includes ? R.value?.includes(r) : !1;
     }
     function ba(r) {
-      const p = a.removeTagsTexts, $ = a.options;
-      if (p && $) {
-        const ae = $.findIndex((ie) => ie.value === r.value);
+      const p = a.removeTagsTexts, x = a.options;
+      if (p && x) {
+        const ae = x.findIndex((ie) => ie.value === r.value);
         if (ae >= 0 && ae < p.length)
           return p[ae];
       }
@@ -1768,14 +1768,14 @@ const Ja = (e) => {
                 }
               }
             } else
-              p.getAttribute("type") === "search" && (r.key === "ArrowUp" || r.key === "ArrowLeft") ? (xe(void 0, !0), Te()) : Ae(p);
+              p.getAttribute("type") === "search" && (r.key === "ArrowUp" || r.key === "ArrowLeft") ? ($e(void 0, !0), Te()) : Ae(p);
         }
       } else (r.key === "ArrowDown" || r.key === "ArrowRight") && (Pe(), P.value && (P.value.open = !0), He());
       r.stopPropagation(), r.preventDefault();
     }
     function wa(r) {
       if (r.stopPropagation(), r.key === "Escape" && P.value?.open)
-        xe(void 0, !0), Te();
+        $e(void 0, !0), Te();
       else if (r.key === "Enter" && P.value?.open) {
         if (self.document) {
           const p = self.document.activeElement;
@@ -1783,13 +1783,13 @@ const Ja = (e) => {
         }
       } else (r.key === "ArrowDown" || r.key === "ArrowUp" || r.key === "ArrowLeft" || r.key === "ArrowRight") && ka(r);
     }
-    function xe(r, p) {
+    function $e(r, p) {
       if (P.value) {
         if (p)
           P.value.open = !1, Te();
         else if (P.value.open && r && r.relatedTarget) {
-          const $ = r.relatedTarget;
-          P.value.contains($) || K(() => P.value.open = !1, 1);
+          const x = r.relatedTarget;
+          P.value.contains(x) || K(() => P.value.open = !1, 1);
         }
       }
     }
@@ -1800,7 +1800,7 @@ const Ja = (e) => {
       }
     }
     function Be(r) {
-      (/* @__PURE__ */ new Date()).getTime() - Ce.value < 200 || (R.value = r, m.value = !0, a.onOptionSelected && a.onOptionSelected(r ?? []), de(
+      (/* @__PURE__ */ new Date()).getTime() - Ce.value < 200 || (R.value = r, b.value = !0, a.onOptionSelected && a.onOptionSelected(r ?? []), de(
         l,
         {
           target: {
@@ -1811,7 +1811,7 @@ const Ja = (e) => {
       ), Ce.value = (/* @__PURE__ */ new Date()).getTime());
     }
     function We(r) {
-      r && (a.multiple ? R.value?.includes(r) ? Be(R.value.filter((p) => p !== r)) : Be([...R.value || [], r]) : (Be([r]), xe(void 0, !0)));
+      r && (a.multiple ? R.value?.includes(r) ? Be(R.value.filter((p) => p !== r)) : Be([...R.value || [], r]) : (Be([r]), $e(void 0, !0)));
     }
     function Ba(r) {
       if (r.stopPropagation(), R.value?.length === A.value)
@@ -1820,8 +1820,8 @@ const Ja = (e) => {
         const p = X.value && Ve.value ? Ve.value.value : void 0;
         Be(
           a.options ? a.options.filter(
-            ($) => !$.isGroupTitle && (!p || $.value?.toLowerCase().includes(p.toLowerCase()))
-          ).map(($) => $.value ?? "") : []
+            (x) => !x.isGroupTitle && (!p || x.value?.toLowerCase().includes(p.toLowerCase()))
+          ).map((x) => x.value ?? "") : []
         );
       }
     }
@@ -1833,7 +1833,7 @@ const Ja = (e) => {
           )
         );
         if (p.length) {
-          const $ = p.at(0), ae = $ === r && p.length > 1 ? p.at(1) : $;
+          const x = p.at(0), ae = x === r && p.length > 1 ? p.at(1) : x;
           ae && K(() => {
             ae.focus();
           }, 1);
@@ -1855,13 +1855,13 @@ const Ja = (e) => {
       if (typeof r == "string")
         p = r;
       else {
-        const $ = r;
-        $.stopPropagation(), a.onSearch && a.onSearch($), p = $.target.value, Re.value = p;
+        const x = r;
+        x.stopPropagation(), a.onSearch && a.onSearch(x), p = x.target.value, Re.value = p;
       }
       !a.options || !p || p.length === 0 ? j.value = a.options : a.searchFilter ? j.value = a.options.filter(
-        ($) => a.searchFilter($, p)
+        (x) => a.searchFilter(x, p)
       ) : j.value = a.options.filter(
-        ($) => !$.isGroupTitle && Se($).toLowerCase().includes(p.toLowerCase())
+        (x) => !x.isGroupTitle && Se(x).toLowerCase().includes(p.toLowerCase())
       );
     }
     function pa(r) {
@@ -1904,27 +1904,27 @@ const Ja = (e) => {
           multiple: n(q)(e.multiple, "multiple"),
           disabled: n(q)(e.disabled, "disabled"),
           required: n(q)(e.required, "required"),
-          onChange: p[0] || (p[0] = async ($) => La($))
+          onChange: p[0] || (p[0] = async (x) => La(x))
         }, [
-          e.options?.length ? (v(!0), y(H, { key: 0 }, he(e.options, ($, ae) => (v(), y("option", {
+          e.options?.length ? (v(!0), y(H, { key: 0 }, ge(e.options, (x, ae) => (v(), y("option", {
             key: ae,
-            disabled: $.disabled,
-            value: $.value
-          }, B(Se($)), 9, St))), 128)) : z("", !0)
+            disabled: x.disabled,
+            value: x.value
+          }, B(Se(x)), 9, St))), 128)) : z("", !0)
         ], 40, wt)
       ], 8, kt),
       E("details", {
         ref_key: "detailsRef",
         ref: P,
         open: e.open,
-        onToggle: p[2] || (p[2] = async ($) => fa($)),
-        onKeydown: p[3] || (p[3] = async ($) => wa($))
+        onToggle: p[2] || (p[2] = async (x) => fa(x)),
+        onKeydown: p[3] || (p[3] = async (x) => wa(x))
       }, [
         F(r.$slots, "default"),
         e.options ? (v(), y(H, { key: 0 }, [
           E("summary", {
             class: "db-custom-select-form-field",
-            id: x.value,
+            id: $.value,
             "aria-disabled": n(V)(e.disabled),
             "aria-labelledby": k.value
           }, [
@@ -1936,16 +1936,16 @@ const Ja = (e) => {
               e.selectedPrefix ? (v(), y("span", It, B(e.selectedPrefix), 1)) : z("", !0),
               D(" " + B(w.value), 1)
             ], 8, Lt)) : z("", !0),
-            e.selectedType === "tag" ? (v(), y("div", $t, [
-              (v(!0), y(H, null, he(M.value, ($, ae) => (v(), J(bt, {
+            e.selectedType === "tag" ? (v(), y("div", xt, [
+              (v(!0), y(H, null, ge(M.value, (x, ae) => (v(), J(bt, {
                 key: ae,
                 emphasis: "strong",
                 behavior: "removable",
-                removeButton: ba($),
-                onRemove: (ie) => ya($, ie)
+                removeButton: ba(x),
+                onRemove: (ie) => ya(x, ie)
               }, {
                 default: G(() => [
-                  D(B(Se($)), 1)
+                  D(B(Se(x)), 1)
                 ]),
                 _: 2
               }, 1032, ["removeButton", "onRemove"]))), 128))
@@ -1953,7 +1953,7 @@ const Ja = (e) => {
           ], 8, pt),
           te(et, { width: e.dropdownWidth }, {
             default: G(() => [
-              X.value ? (v(), y("div", xt, [
+              X.value ? (v(), y("div", $t, [
                 te(ht, {
                   type: "search",
                   ref_key: "searchInputRef",
@@ -1964,13 +1964,13 @@ const Ja = (e) => {
                   value: Re.value,
                   label: e.searchLabel ?? n(ye),
                   placeholder: e.searchPlaceholder ?? e.searchLabel,
-                  ariaDescribedBy: pe.value || e.showLoading ? c.value : void 0,
-                  onInput: ($) => Xe($)
+                  ariaDescribedBy: pe.value || e.showLoading ? s.value : void 0,
+                  onInput: (x) => Xe(x)
                 }, null, 8, ["name", "form", "value", "label", "placeholder", "ariaDescribedBy", "onInput"])
               ])) : z("", !0),
               pe.value || e.showLoading ? (v(), J(Z, {
                 key: 1,
-                id: c.value,
+                id: s.value,
                 icon: e.showLoading ? "circular_arrows" : void 0,
                 semantic: e.showLoading ? "informational" : "warning"
               }, {
@@ -1989,7 +1989,7 @@ const Ja = (e) => {
                         ref: Ee,
                         form: i.value,
                         checked: ze.value,
-                        onChange: p[1] || (p[1] = async ($) => Ba($))
+                        onChange: p[1] || (p[1] = async (x) => Ba(x))
                       }, null, 40, Et),
                       D(B(ga()), 1)
                     ])
@@ -2000,22 +2000,22 @@ const Ja = (e) => {
                   label: e.listLabel ?? e.label ?? n(ye)
                 }, {
                   default: G(() => [
-                    (v(!0), y(H, null, he(j.value, ($, ae) => (v(), J(nt, {
+                    (v(!0), y(H, null, ge(j.value, (x, ae) => (v(), J(nt, {
                       key: ae,
                       type: e.multiple ? "checkbox" : "radio",
-                      showDivider: $.showDivider,
-                      icon: $.icon,
-                      isGroupTitle: $.isGroupTitle,
-                      groupTitle: Se($),
+                      showDivider: x.showDivider,
+                      icon: x.icon,
+                      isGroupTitle: x.isGroupTitle,
+                      groupTitle: Se(x),
                       name: i.value,
-                      checked: ma($.value),
-                      disabled: $.disabled,
-                      value: $.value,
-                      onChange: (ie) => We($.value)
+                      checked: ma(x.value),
+                      disabled: x.disabled,
+                      value: x.value,
+                      onChange: (ie) => We(x.value)
                     }, {
                       default: G(() => [
-                        $.isGroupTitle ? z("", !0) : (v(), y(H, { key: 0 }, [
-                          D(B(Se($)), 1)
+                        x.isGroupTitle ? z("", !0) : (v(), y(H, { key: 0 }, [
+                          D(B(Se(x)), 1)
                         ], 64))
                       ]),
                       _: 2
@@ -2032,7 +2032,7 @@ const Ja = (e) => {
                   size: "small",
                   name: i.value,
                   form: i.value,
-                  onClick: ($) => xe(void 0, !0)
+                  onClick: (x) => $e(void 0, !0)
                 }, {
                   default: G(() => [
                     D(B(e.mobileCloseButtonText ?? n(qe)), 1)
@@ -2053,7 +2053,7 @@ const Ja = (e) => {
         noText: !0,
         name: i.value,
         form: i.value,
-        onClick: ($) => pa($)
+        onClick: (x) => pa(x)
       }, {
         default: G(() => [
           D(B(e.clearSelectionText), 1),
@@ -2069,13 +2069,13 @@ const Ja = (e) => {
       E("span", {
         class: "db-custom-select-placeholder",
         "aria-hidden": n(V)(!0),
-        id: b.value
+        id: m.value
       }, B(e.placeholder ?? e.label), 9, At),
       n(_)(e.message, e.showMessage) ? (v(), J(Z, {
         key: 1,
         size: "small",
         icon: e.messageIcon,
-        id: s.value
+        id: u.value
       }, {
         default: G(() => [
           D(B(e.message), 1)
@@ -2086,7 +2086,7 @@ const Ja = (e) => {
         key: 2,
         size: "small",
         semantic: "successful",
-        id: u.value
+        id: c.value
       }, {
         default: G(() => [
           D(B(e.validMessage || n(se)), 1)
@@ -2177,11 +2177,11 @@ const Ja = (e) => {
   setup(e) {
     const t = e, l = o(!1), a = o(null), i = o(null);
     Y(() => {
-      u(), l.value = !0;
+      c(), l.value = !0;
     }), C(
       () => [t.open],
       () => {
-        u();
+        c();
       },
       {
         immediate: !0,
@@ -2200,10 +2200,10 @@ const Ja = (e) => {
         flush: "post"
       }
     );
-    function s(f, g) {
+    function u(f, g) {
       f && (Ra(f) ? f.key === "Escape" && (f.preventDefault(), t.onClose && t.onClose(f)) : (g && (f.stopPropagation(), t.onClose && t.onClose(f)), f.target?.nodeName === "DIALOG" && f.type === "click" && t.backdrop !== "none" && t.onClose && t.onClose(f)));
     }
-    function u() {
+    function c() {
       if (a.value) {
         const f = !!t.open;
         f && !a.value.open && (i.value && (i.value.hidden = !1), t.position === "absolute" || t.backdrop === "none" || t.variant === "inside" ? a.value.show() : a.value.showModal()), !f && a.value.open && (i.value && (i.value.hidden = !0), K(() => {
@@ -2216,8 +2216,8 @@ const Ja = (e) => {
       id: e.id,
       ref_key: "_ref",
       ref: a,
-      onClick: g[0] || (g[0] = async (h) => s(h)),
-      onKeydown: g[1] || (g[1] = async (h) => s(h)),
+      onClick: g[0] || (g[0] = async (h) => u(h)),
+      onKeydown: g[1] || (g[1] = async (h) => u(h)),
       "data-position": e.position,
       "data-backdrop": e.backdrop,
       "data-direction": e.direction,
@@ -2242,7 +2242,7 @@ const Ja = (e) => {
             variant: "ghost",
             id: e.closeButtonId,
             noText: !0,
-            onClick: (h) => s(h, !0)
+            onClick: (h) => u(h, !0)
           }, {
             default: G(() => [
               D(B(e.closeButtonText ?? n(qe)), 1)
@@ -2311,18 +2311,18 @@ class Ot {
     if (!this.triangleData)
       return;
     if (t === "fill-gap") {
-      const u = `${this.triangleData.itemRect.height + 2 * this.triangleData.padding}px`, f = `${this.triangleData.parentElementWidth - this.triangleData.padding}px`;
+      const c = `${this.triangleData.itemRect.height + 2 * this.triangleData.padding}px`, f = `${this.triangleData.parentElementWidth - this.triangleData.padding}px`;
       return {
-        lb: `${f} ${u}`,
+        lb: `${f} ${c}`,
         lt: `${f} 0`,
         rt: "100% 0",
-        rb: `100% ${u}`
+        rb: `100% ${c}`
       };
     }
-    const l = this.getTriangleTipX(), a = this.getTriangleTipY(), i = `${l}px ${a}px`, s = `${l}px ${a}px`;
+    const l = this.getTriangleTipX(), a = this.getTriangleTipY(), i = `${l}px ${a}px`, u = `${l}px ${a}px`;
     return {
       lb: i,
-      lt: s,
+      lt: u,
       rt: "100% 0",
       rb: "100% 100%"
     };
@@ -2335,7 +2335,7 @@ class Ot {
     a && (this.element.style.setProperty("--db-navigation-item-clip-path", `polygon(${a.lb}, ${a.lt}, ${a.rt}, ${a.rb})`), l && (this.triangleData = void 0));
   }
 }
-const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-header-drawer-navigation" }, Ht = { class: "db-header-meta-navigation" }, Xt = { class: "db-header-secondary-action" }, jt = { class: "db-header-meta-navigation" }, Kt = { class: "db-header-navigation-bar" }, Yt = { class: "db-header-brand-container" }, Jt = { class: "db-header-navigation-container" }, Qt = { class: "db-header-navigation" }, Zt = { class: "db-header-primary-action" }, _t = { class: "db-header-action-container" }, ei = { class: "db-header-burger-menu-container" }, ai = { class: "db-header-secondary-action" }, $l = /* @__PURE__ */ W({
+const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-header-drawer-navigation" }, Ht = { class: "db-header-meta-navigation" }, Xt = { class: "db-header-secondary-action" }, jt = { class: "db-header-meta-navigation" }, Kt = { class: "db-header-navigation-bar" }, Yt = { class: "db-header-brand-container" }, Jt = { class: "db-header-navigation-container" }, Qt = { class: "db-header-navigation" }, Zt = { class: "db-header-primary-action" }, _t = { class: "db-header-action-container" }, ei = { class: "db-header-burger-menu-container" }, ai = { class: "db-header-secondary-action" }, xl = /* @__PURE__ */ W({
   __name: "header",
   props: {
     brand: {},
@@ -2373,12 +2373,12 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         flush: "post"
       }
     );
-    function s(f) {
+    function u(f) {
       const g = !q(t.drawerOpen, "drawerOpen");
       t.onToggle && t.onToggle(g);
     }
-    function u(f) {
-      Ut(f) && s();
+    function c(f) {
+      Ut(f) && u();
     }
     return (f, g) => (v(), y("header", {
       ref_key: "_ref",
@@ -2395,13 +2395,13 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         closeButtonId: e.closeButtonId,
         closeButtonText: e.closeButtonText,
         open: n(q)(e.drawerOpen),
-        onClose: (h) => s()
+        onClose: (h) => u()
       }, {
         default: G(() => [
           E("div", Wt, [
             E("div", {
               class: "db-header-navigation",
-              onClick: g[0] || (g[0] = async (h) => u(h))
+              onClick: g[0] || (g[0] = async (h) => c(h))
             }, [
               F(f.$slots, "default")
             ]),
@@ -2436,7 +2436,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
               icon: "menu",
               variant: "ghost",
               noText: !0,
-              onClick: (h) => s()
+              onClick: (h) => u()
             }, {
               default: G(() => [
                 D(B(e.burgerMenuLabel ?? n(Ta)), 1)
@@ -2451,7 +2451,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       ])
     ], 10, Gt));
   }
-}), ti = ["id", "data-icon", "data-icon-weight", "data-icon-variant"], xl = /* @__PURE__ */ W({
+}), ti = ["id", "data-icon", "data-icon-weight", "data-icon-variant"], $l = /* @__PURE__ */ W({
   __name: "icon",
   props: {
     variant: { default: void 0 },
@@ -2528,7 +2528,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
     function a(i) {
       t.onClick && t.onClick(i);
     }
-    return (i, s) => (v(), y("a", {
+    return (i, u) => (v(), y("a", {
       ref_key: "_ref",
       ref: l,
       id: e.id,
@@ -2545,7 +2545,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       "data-variant": e.variant,
       "data-content": e.content || "internal",
       "data-wrap": n(V)(e.wrap),
-      onClick: s[0] || (s[0] = async (u) => a(u))
+      onClick: u[0] || (u[0] = async (c) => a(c))
     }, [
       e.text ? (v(), y(H, { key: 0 }, [
         D(B(e.text), 1)
@@ -2565,7 +2565,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
     const t = e, l = o(Ie), a = o(null);
     return Y(() => {
       l.value = t.id || "navigation-" + Q();
-    }), (i, s) => (v(), y("nav", {
+    }), (i, u) => (v(), y("nav", {
       ref_key: "_ref",
       ref: a,
       id: l.value,
@@ -2601,7 +2601,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
     text: { default: void 0 }
   },
   setup(e) {
-    const t = e, l = o(!1), a = o(!1), i = o(!0), s = o(!1), u = o(!1), f = o(
+    const t = e, l = o(!1), a = o(!1), i = o(!0), u = o(!1), c = o(!1), f = o(
       "sub-navigation-" + Q()
     ), g = o(void 0), h = o(null);
     Y(() => {
@@ -2609,7 +2609,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
     }), C(
       () => [t.subNavigationExpanded],
       () => {
-        t.subNavigationExpanded !== void 0 && (s.value = !!q(
+        t.subNavigationExpanded !== void 0 && (u.value = !!q(
           t.subNavigationExpanded,
           "subNavigationExpanded"
         ));
@@ -2622,10 +2622,10 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       () => [l.value, h.value],
       () => {
         if (l.value && h.value) {
-          const c = h.value.querySelector("menu");
-          c && (c.children?.length > 0 ? (a.value = !0, g.value || (g.value = new Ot(
+          const s = h.value.querySelector("menu");
+          s && (s.children?.length > 0 ? (a.value = !0, g.value || (g.value = new Ot(
             h.value,
-            c
+            s
           ))) : i.value = !1);
         }
       },
@@ -2634,24 +2634,24 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         flush: "post"
       }
     );
-    function k(c) {
-      c?.target?.nodeName === "A" && (u.value = !0, K(() => {
-        u.value = !1;
+    function k(s) {
+      s?.target?.nodeName === "A" && (c.value = !0, K(() => {
+        c.value = !1;
       }, 1e3));
     }
-    function x(c) {
-      t.onClick && (c.stopPropagation(), t.onClick(c)), a.value && (s.value = !0);
+    function $(s) {
+      t.onClick && (s.stopPropagation(), t.onClick(s)), a.value && (u.value = !0);
     }
-    function b(c) {
-      c.stopPropagation(), s.value = !1;
+    function m(s) {
+      s.stopPropagation(), u.value = !1;
     }
-    return (c, d) => (v(), y("li", {
+    return (s, d) => (v(), y("li", {
       ref_key: "_ref",
       ref: h,
       id: e.id,
-      onMouseover: d[2] || (d[2] = async (m) => g.value?.enableFollow()),
-      onMouseleave: d[3] || (d[3] = async (m) => g.value?.disableFollow()),
-      onMousemove: d[4] || (d[4] = async (m) => g.value?.followByMouseEvent(m)),
+      onMouseover: d[2] || (d[2] = async (b) => g.value?.enableFollow()),
+      onMouseleave: d[3] || (d[3] = async (b) => g.value?.disableFollow()),
+      onMousemove: d[4] || (d[4] = async (b) => g.value?.followByMouseEvent(b)),
       class: U(n(O)("db-navigation-item", t.class)),
       "data-width": e.width,
       "data-icon": e.icon,
@@ -2663,40 +2663,40 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       i.value ? z("", !0) : (v(), y(H, { key: 0 }, [
         e.text ? (v(), y(H, { key: 0 }, [
           D(B(e.text), 1)
-        ], 64)) : F(c.$slots, "default", { key: 1 })
+        ], 64)) : F(s.$slots, "default", { key: 1 })
       ], 64)),
       i.value ? (v(), y(H, { key: 1 }, [
         E("button", {
           class: "db-navigation-item-expand-button",
           "aria-haspopup": a.value,
-          "aria-expanded": s.value,
+          "aria-expanded": u.value,
           disabled: n(q)(e.disabled, "disabled"),
-          onClick: d[0] || (d[0] = async (m) => x(m))
+          onClick: d[0] || (d[0] = async (b) => $(b))
         }, [
           e.text ? (v(), y(H, { key: 0 }, [
             D(B(e.text), 1)
-          ], 64)) : F(c.$slots, "default", { key: 1 })
+          ], 64)) : F(s.$slots, "default", { key: 1 })
         ], 8, oi),
         E("menu", {
           class: "db-sub-navigation",
-          "data-force-close": u.value,
+          "data-force-close": c.value,
           id: f.value,
-          onClick: d[1] || (d[1] = async (m) => k(m))
+          onClick: d[1] || (d[1] = async (b) => k(b))
         }, [
           a.value ? (v(), y("div", si, [
             te(we, {
               icon: "arrow_left",
               variant: "ghost",
               id: e.backButtonId,
-              onClick: (m) => b(m)
+              onClick: (b) => m(b)
             }, {
               default: G(() => [
-                D(B(e.backButtonText ?? n($a)), 1)
+                D(B(e.backButtonText ?? n(xa)), 1)
               ]),
               _: 1
             }, 8, ["id", "onClick"])
           ])) : z("", !0),
-          F(c.$slots, "sub-navigation")
+          F(s.$slots, "sub-navigation")
         ], 8, di)
       ], 64)) : z("", !0)
     ], 42, ni));
@@ -2736,7 +2736,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
     function a(i) {
       i && (i.stopPropagation(), t.onClose && t.onClose(i));
     }
-    return (i, s) => (v(), y("article", {
+    return (i, u) => (v(), y("article", {
       ref_key: "_ref",
       ref: l,
       id: e.id,
@@ -2764,7 +2764,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         size: "small",
         id: e.closeButtonId,
         noText: !0,
-        onClick: (u) => a(u)
+        onClick: (c) => a(c)
       }, {
         default: G(() => [
           D(B(e.closeButtonText ?? n(qe)), 1)
@@ -2794,9 +2794,9 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       l.value = !t.fadeIn, document && t.fadeIn ? document.fonts.ready.then(() => {
         l.value = !0;
       }) : l.value = !0;
-    }), ge(() => {
+    }), he(() => {
       typeof window < "u" && document.documentElement.classList.contains("db-page-document") && document.documentElement.classList.remove("db-page-document");
-    }), (i, s) => (v(), y("div", {
+    }), (i, u) => (v(), y("div", {
       ref_key: "_ref",
       ref: a,
       id: e.id,
@@ -2832,25 +2832,25 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
     width: { default: void 0 }
   },
   setup(e) {
-    const t = e, l = o(!1), a = o(!1), i = o(void 0), s = o(void 0), u = o(null);
+    const t = e, l = o(!1), a = o(!1), i = o(void 0), u = o(void 0), c = o(null);
     Y(() => {
       l.value = !0;
     }), C(
-      () => [u.value, l.value],
+      () => [c.value, l.value],
       () => {
-        if (u.value && l.value) {
+        if (c.value && l.value) {
           l.value = !1;
-          const c = b();
-          c && (c.ariaHasPopup = "true"), g(), u.value.addEventListener(
+          const s = m();
+          s && (s.ariaHasPopup = "true"), g(), c.value.addEventListener(
             "keydown",
             (d) => f(d)
           ), ["mouseenter", "focusin"].forEach((d) => {
-            u.value.addEventListener(d, () => k());
+            c.value.addEventListener(d, () => k());
           }), ["mouseleave", "focusout"].forEach((d) => {
-            u.value.addEventListener(d, () => x());
-          }), typeof window < "u" && "IntersectionObserver" in window && (s.value = new IntersectionObserver((d) => {
-            const m = d.find(({ target: I }) => I === b());
-            m && !m.isIntersecting && f(!1);
+            c.value.addEventListener(d, () => $());
+          }), typeof window < "u" && "IntersectionObserver" in window && (u.value = new IntersectionObserver((d) => {
+            const b = d.find(({ target: I }) => I === m());
+            b && !b.isIntersecting && f(!1);
           }));
         }
       },
@@ -2859,11 +2859,11 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         flush: "post"
       }
     ), C(
-      () => [u.value, a.value],
+      () => [c.value, a.value],
       () => {
-        if (u.value) {
-          const c = b();
-          c && (c.ariaExpanded = (!!a.value).toString());
+        if (c.value) {
+          const s = m();
+          s && (s.ariaExpanded = (!!a.value).toString());
         }
       },
       {
@@ -2871,58 +2871,58 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         flush: "post"
       }
     );
-    function f(c) {
-      if (!c || c.key === "Escape")
-        for (const d of Array.from(u.value.children))
+    function f(s) {
+      if (!s || s.key === "Escape")
+        for (const d of Array.from(c.value.children))
           d.blur();
     }
     function g() {
-      if (!u.value) return;
-      const c = u.value.querySelector("article");
-      c && K(() => {
+      if (!c.value) return;
+      const s = c.value.querySelector("article");
+      s && K(() => {
         ua(
-          c,
-          u.value,
+          s,
+          c.value,
           t.placement ?? "bottom"
         );
       }, 1);
     }
-    function h(c) {
-      c?.target?.contains && c?.target?.contains(u.value) && g();
+    function h(s) {
+      s?.target?.contains && s?.target?.contains(c.value) && g();
     }
     function k() {
       a.value = !0, i.value = new oe().addCallback(
         (d) => h(d)
       ), g();
-      const c = b();
-      c && s.value?.observe(c);
+      const s = m();
+      s && u.value?.observe(s);
     }
-    function x(c) {
+    function $(s) {
       {
         a.value = !1, i.value && new oe().removeCallback(
           i.value
         );
-        const d = b();
-        d && s.value?.unobserve(d);
+        const d = m();
+        d && u.value?.unobserve(d);
       }
     }
-    function b() {
-      if (u.value) {
-        const c = Array.from(u.value.children);
-        if (c.length >= 2) {
-          const d = c[0];
+    function m() {
+      if (c.value) {
+        const s = Array.from(c.value.children);
+        if (s.length >= 2) {
+          const d = s[0];
           return d.tagName.includes("-") ? d.children?.length > 0 ? d.children[0] : null : d;
         }
       }
       return null;
     }
-    return (c, d) => (v(), y("div", {
+    return (s, d) => (v(), y("div", {
       ref_key: "_ref",
-      ref: u,
+      ref: c,
       id: e.id,
       class: U(n(O)("db-popover", t.class))
     }, [
-      F(c.$slots, "trigger"),
+      F(s.$slots, "trigger"),
       E("article", {
         class: "db-popover-content",
         "data-spacing": e.spacing,
@@ -2933,7 +2933,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         "data-width": e.width,
         "data-placement": e.placement
       }, [
-        F(c.$slots, "default")
+        F(s.$slots, "default")
       ], 8, hi)
     ], 10, fi));
   }
@@ -2968,11 +2968,11 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
   },
   emits: ["update:value"],
   setup(e, { emit: t }) {
-    const l = t, a = e, i = o(!1), s = o(void 0), u = o(void 0), f = o(null);
+    const l = t, a = e, i = o(!1), u = o(void 0), c = o(void 0), f = o(null);
     Y(() => {
-      i.value = !0, s.value = a.id ?? `radio-${Q()}`;
-    }), ge(() => {
-      u.value?.abort();
+      i.value = !0, u.value = a.id ?? `radio-${Q()}`;
+    }), he(() => {
+      c.value?.abort();
     }), C(
       () => [i.value, f.value, a.checked],
       () => {
@@ -2986,23 +2986,23 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       () => [f.value],
       () => {
         if (f.value) {
-          let b = u.value;
-          b || (b = new AbortController(), u.value = b), Me(
+          let m = c.value;
+          m || (m = new AbortController(), c.value = m), Me(
             f.value,
-            (c) => {
+            (s) => {
               K(() => {
-                const d = a.checked ? a.checked : f.value.checked, m = {
-                  ...c,
+                const d = a.checked ? a.checked : f.value.checked, b = {
+                  ...s,
                   target: {
-                    ...c.target,
+                    ...s.target,
                     value: "",
                     checked: d
                   }
                 };
-                h(m), g(m);
+                h(b), g(b);
               }, 1);
             },
-            b.signal
+            m.signal
           );
         }
       },
@@ -3011,24 +3011,24 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         flush: "post"
       }
     );
-    function g(b, c) {
-      a.input && a.input(b), a.onInput && a.onInput(b), de(l, b);
+    function g(m, s) {
+      a.input && a.input(m), a.onInput && a.onInput(m), de(l, m);
     }
-    function h(b, c) {
-      a.onChange && a.onChange(b), de(l, b);
+    function h(m, s) {
+      a.onChange && a.onChange(m), de(l, m);
     }
-    function k(b) {
-      a.onBlur && a.onBlur(b);
+    function k(m) {
+      a.onBlur && a.onBlur(m);
     }
-    function x(b) {
-      a.onFocus && a.onFocus(b);
+    function $(m) {
+      a.onFocus && a.onFocus(m);
     }
-    return (b, c) => (v(), y("label", {
+    return (m, s) => (v(), y("label", {
       "data-size": e.size,
       "data-hide-label": n(ne)(e.showLabel),
       "data-hide-asterisk": n(ne)(e.showRequiredAsterisk),
       class: U(n(O)("db-radio", a.class)),
-      for: s.value
+      for: u.value
     }, [
       E("input", {
         type: "radio",
@@ -3036,20 +3036,20 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         "data-custom-validity": e.validation,
         ref_key: "_ref",
         ref: f,
-        id: s.value,
+        id: u.value,
         name: e.name,
         checked: n(q)(e.checked, "checked"),
         disabled: n(q)(e.disabled, "disabled"),
         value: e.value,
         required: n(q)(e.required, "required"),
-        onInput: c[0] || (c[0] = async (d) => g(d)),
-        onChange: c[1] || (c[1] = async (d) => h(d)),
-        onBlur: c[2] || (c[2] = async (d) => k(d)),
-        onFocus: c[3] || (c[3] = async (d) => x(d))
+        onInput: s[0] || (s[0] = async (d) => g(d)),
+        onChange: s[1] || (s[1] = async (d) => h(d)),
+        onBlur: s[2] || (s[2] = async (d) => k(d)),
+        onFocus: s[3] || (s[3] = async (d) => $(d))
       }, null, 40, mi),
       e.label ? (v(), y(H, { key: 0 }, [
         D(B(e.label), 1)
-      ], 64)) : F(b.$slots, "default", { key: 1 })
+      ], 64)) : F(m.$slots, "default", { key: 1 })
     ], 10, gi));
   }
 }), bi = ["id", "data-spacing", "data-width"], Hl = /* @__PURE__ */ W({
@@ -3067,7 +3067,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
     const t = e, l = o(Ie), a = o(null);
     return Y(() => {
       l.value = t.id || "section-" + Q();
-    }), (i, s) => (v(), y("section", {
+    }), (i, u) => (v(), y("section", {
       ref_key: "_ref",
       ref: a,
       id: l.value,
@@ -3082,7 +3082,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
   key: 0,
   class: "placeholder",
   value: ""
-}, Bi = ["label"], pi = ["value", "selected", "disabled"], Li = ["value", "disabled", "selected"], Ii = ["id"], $i = {
+}, Bi = ["label"], pi = ["value", "selected", "disabled"], Li = ["value", "disabled", "selected"], Ii = ["id"], xi = {
   "data-visually-hidden": "true",
   role: "status"
 }, Xl = /* @__PURE__ */ W({
@@ -3128,28 +3128,28 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
   },
   emits: ["update:value"],
   setup(e, { emit: t }) {
-    const l = t, a = e, i = o(void 0), s = o(void 0), u = o(void 0), f = o(void 0), g = o(void 0), h = o(""), k = o(void 0), x = o(""), b = o(!1), c = o(""), d = o(void 0), m = o(null);
+    const l = t, a = e, i = o(void 0), u = o(void 0), c = o(void 0), f = o(void 0), g = o(void 0), h = o(""), k = o(void 0), $ = o(""), m = o(!1), s = o(""), d = o(void 0), b = o(null);
     Y(() => {
-      b.value = !0;
+      m.value = !0;
       const A = a.id ?? `select-${Q()}`;
-      i.value = A, s.value = A + ce, u.value = A + re, f.value = A + ve, h.value = A + De, g.value = a.invalidMessage || ee;
-    }), ge(() => {
+      i.value = A, u.value = A + ce, c.value = A + re, f.value = A + ve, h.value = A + De, g.value = a.invalidMessage || ee;
+    }), he(() => {
       d.value?.abort();
     }), C(
-      () => [m.value, a.invalidMessage],
+      () => [b.value, a.invalidMessage],
       () => {
-        g.value = a.invalidMessage || m.value?.validationMessage || ee;
+        g.value = a.invalidMessage || b.value?.validationMessage || ee;
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), C(
-      () => [i.value, b.value],
+      () => [i.value, m.value],
       () => {
-        if (i.value && b.value) {
+        if (i.value && m.value) {
           const A = i.value + ce, R = i.value + De;
-          s.value = A, u.value = i.value + re, f.value = i.value + ve, h.value = R, _(a.message, a.showMessage) ? k.value = A : a.placeholder ? k.value = R : k.value = void 0, T(), b.value = !1;
+          u.value = A, c.value = i.value + re, f.value = i.value + ve, h.value = R, _(a.message, a.showMessage) ? k.value = A : a.placeholder ? k.value = R : k.value = void 0, T(), m.value = !1;
         }
       },
       {
@@ -3159,19 +3159,19 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
     ), C(
       () => [a.value],
       () => {
-        x.value = a.value;
+        $.value = a.value;
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), C(
-      () => [m.value],
+      () => [b.value],
       () => {
-        if (m.value) {
+        if (b.value) {
           let R = d.value;
           R || (R = new AbortController(), d.value = R), Ue(
-            m.value,
+            b.value,
             {
               value: a.value,
               defaultValue: void 0
@@ -3192,13 +3192,13 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       return !!(a.validMessage ?? a.validation === "valid");
     }
     function T() {
-      !m.value?.validity.valid || a.validation === "invalid" ? (k.value = f.value, g.value = a.invalidMessage || m.value?.validationMessage || ee, ue() && (c.value = g.value, K(() => c.value = "", 1e3))) : I() && m.value?.validity.valid && a.required ? (k.value = u.value, ue() && (c.value = a.validMessage ?? se, K(() => c.value = "", 1e3))) : _(a.message, a.showMessage) ? k.value = s.value : a.placeholder ? k.value = h.value : k.value = void 0;
+      !b.value?.validity.valid || a.validation === "invalid" ? (k.value = f.value, g.value = a.invalidMessage || b.value?.validationMessage || ee, ue() && (s.value = g.value, K(() => s.value = "", 1e3))) : I() && b.value?.validity.valid && a.required ? (k.value = c.value, ue() && (s.value = a.validMessage ?? se, K(() => s.value = "", 1e3))) : _(a.message, a.showMessage) ? k.value = u.value : a.placeholder ? k.value = h.value : k.value = void 0;
     }
     function w(A) {
       a.onClick && a.onClick(A);
     }
     function L(A, R) {
-      a.input && a.input(A), x.value = A.target.value, a.onInput && a.onInput(A), de(l, A), T();
+      a.input && a.input(A), $.value = A.target.value, a.onInput && a.onInput(A), de(l, A), T();
     }
     function S(A, R) {
       a.onChange && a.onChange(A), de(l, A), T();
@@ -3225,13 +3225,13 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         "aria-invalid": e.validation === "invalid",
         "data-custom-validity": e.validation,
         ref_key: "_ref",
-        ref: m,
+        ref: b,
         required: n(q)(e.required, "required"),
         disabled: n(q)(e.disabled, "disabled"),
         id: i.value,
         name: e.name,
         size: e.size,
-        value: e.value ?? x.value,
+        value: e.value ?? $.value,
         autocomplete: e.autocomplete,
         multiple: e.multiple,
         onInput: R[0] || (R[0] = async (j) => L(j)),
@@ -3242,12 +3242,12 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         "aria-describedby": e.ariaDescribedBy ?? k.value
       }, [
         e.variant === "floating" || e.placeholder ? (v(), y("option", Si)) : z("", !0),
-        e.options?.length ? (v(!0), y(H, { key: 1 }, he(e.options, (j, pe) => (v(), y(H, { key: pe }, [
+        e.options?.length ? (v(!0), y(H, { key: 1 }, ge(e.options, (j, pe) => (v(), y(H, { key: pe }, [
           j.options ? (v(), y("optgroup", {
             key: 0,
             label: X(j)
           }, [
-            (v(!0), y(H, null, he(j.options, (me, Ce) => (v(), y("option", {
+            (v(!0), y(H, null, ge(j.options, (me, Ce) => (v(), y("option", {
               key: Ce,
               value: me.value,
               selected: me.selected,
@@ -3270,7 +3270,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         key: 1,
         size: "small",
         icon: e.messageIcon,
-        id: s.value
+        id: u.value
       }, {
         default: G(() => [
           D(B(e.message), 1)
@@ -3281,7 +3281,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         key: 2,
         size: "small",
         semantic: "successful",
-        id: u.value
+        id: c.value
       }, {
         default: G(() => [
           D(B(e.validMessage || n(se)), 1)
@@ -3298,10 +3298,10 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         ]),
         _: 1
       }, 8, ["id"]),
-      E("span", $i, B(c.value), 1)
+      E("span", xi, B(s.value), 1)
     ], 10, yi));
   }
-}), xi = ["id", "data-gap", "data-variant", "data-direction", "data-alignment", "data-justify-content", "data-wrap"], jl = /* @__PURE__ */ W({
+}), $i = ["id", "data-gap", "data-variant", "data-direction", "data-alignment", "data-justify-content", "data-wrap"], jl = /* @__PURE__ */ W({
   __name: "stack",
   props: {
     variant: { default: void 0 },
@@ -3331,7 +3331,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       "data-wrap": n(V)(e.wrap)
     }, [
       F(a.$slots, "default")
-    ], 10, xi));
+    ], 10, $i));
   }
 }), Kl = ["simple", "divider"], Yl = ["row", "column"], Jl = ["stretch", "start", "end", "center"], Ql = ["space-between", "start", "end", "center"], Ti = ["data-visual-aid", "data-size", "data-hide-label", "data-variant", "data-hide-asterisk", "data-custom-validity"], Ci = ["for"], Ei = ["id", "checked", "value", "disabled", "aria-invalid", "aria-describedby", "name", "required", "data-aid-icon", "data-aid-icon-trailing"], Ai = {
   "data-visually-hidden": "true",
@@ -3377,11 +3377,11 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
   },
   emits: ["update:checked"],
   setup(e, { emit: t }) {
-    const l = t, a = e, i = o(void 0), s = o(void 0), u = o(void 0), f = o(void 0), g = o(void 0), h = o(void 0), k = o(""), x = o(void 0), b = o(null);
+    const l = t, a = e, i = o(void 0), u = o(void 0), c = o(void 0), f = o(void 0), g = o(void 0), h = o(void 0), k = o(""), $ = o(void 0), m = o(null);
     Y(() => {
-      i.value = a.id ?? `switch-${Q()}`, s.value = `${i.value}${ce}`, u.value = `${i.value}${re}`, f.value = `${i.value}${ve}`, d();
-    }), ge(() => {
-      x.value?.abort();
+      i.value = a.id ?? `switch-${Q()}`, u.value = `${i.value}${ce}`, c.value = `${i.value}${re}`, f.value = `${i.value}${ve}`, d();
+    }), he(() => {
+      $.value?.abort();
     }), C(
       () => [
         a.validation,
@@ -3400,18 +3400,18 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         flush: "post"
       }
     ), C(
-      () => [b.value],
+      () => [m.value],
       () => {
-        if (b.value) {
-          let S = x.value;
-          S || (S = new AbortController(), x.value = S), da(
-            b.value,
+        if (m.value) {
+          let S = $.value;
+          S || (S = new AbortController(), $.value = S), da(
+            m.value,
             {
               checked: a.checked,
               defaultChecked: void 0
             },
             (M) => {
-              m(M);
+              b(M);
             },
             S.signal
           );
@@ -3422,29 +3422,29 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         flush: "post"
       }
     );
-    function c() {
+    function s() {
       return !!(a.validMessage ?? a.validation === "valid");
     }
     function d() {
-      if (!b.value?.validity?.valid || a.validation === "invalid") {
-        h.value = f.value, g.value = a.invalidMessage || b.value?.validationMessage || ee, ue() && (k.value = g.value || ee, K(() => {
+      if (!m.value?.validity?.valid || a.validation === "invalid") {
+        h.value = f.value, g.value = a.invalidMessage || m.value?.validationMessage || ee, ue() && (k.value = g.value || ee, K(() => {
           k.value = "";
         }, 1e3));
         return;
       }
-      if (c() && b.value?.validity?.valid && a.required) {
-        h.value = u.value, ue() && (k.value = a.validMessage ?? se, K(() => {
+      if (s() && m.value?.validity?.valid && a.required) {
+        h.value = c.value, ue() && (k.value = a.validMessage ?? se, K(() => {
           k.value = "";
         }, 1e3));
         return;
       }
       if (_(a.message, a.showMessage)) {
-        h.value = s.value;
+        h.value = u.value;
         return;
       }
       h.value = void 0;
     }
-    function m(L, S) {
+    function b(L, S) {
       a.onChange && a.onChange(L), d(), de(l, L, "checked");
     }
     function I(L) {
@@ -3454,7 +3454,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       a.onFocus && a.onFocus(L);
     }
     function w(L) {
-      L.key === "Enter" && (L.preventDefault(), a.disabled || b.value?.click());
+      L.key === "Enter" && (L.preventDefault(), a.disabled || m.value?.click());
     }
     return (L, S) => (v(), y("div", {
       "data-visual-aid": n(V)(e.visualAid),
@@ -3471,7 +3471,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
           role: "switch",
           id: i.value,
           ref_key: "_ref",
-          ref: b,
+          ref: m,
           checked: n(q)(e.checked, "checked"),
           value: e.value,
           disabled: n(q)(e.disabled, "disabled"),
@@ -3481,7 +3481,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
           required: n(q)(e.required, "required"),
           "data-aid-icon": e.iconLeading ?? e.icon,
           "data-aid-icon-trailing": e.iconTrailing,
-          onChange: S[0] || (S[0] = async (M) => m(M)),
+          onChange: S[0] || (S[0] = async (M) => b(M)),
           onBlur: S[1] || (S[1] = async (M) => I(M)),
           onFocus: S[2] || (S[2] = async (M) => T(M)),
           onKeydown: S[3] || (S[3] = async (M) => w(M))
@@ -3494,7 +3494,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         key: 0,
         size: "small",
         semantic: "adaptive",
-        id: s.value,
+        id: u.value,
         icon: e.messageIcon
       }, {
         default: G(() => [
@@ -3502,11 +3502,11 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         ]),
         _: 1
       }, 8, ["id", "icon"])) : z("", !0),
-      c() ? (v(), J(Z, {
+      s() ? (v(), J(Z, {
         key: 1,
         size: "small",
         semantic: "successful",
-        id: u.value
+        id: c.value
       }, {
         default: G(() => [
           D(B(e.validMessage ?? n(se)), 1)
@@ -3551,13 +3551,15 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
   },
   emits: ["update:checked"],
   setup(e, { emit: t }) {
-    const l = t, a = e, i = o(!1), s = o(void 0), u = o(!1), f = o(null);
+    const l = t, a = e, i = o(!1), u = o(void 0), c = o(!1), f = o(!1), g = o(void 0), h = o(null);
     Y(() => {
-      u.value = !0;
+      g.value = k, c.value = !0;
+    }), he(() => {
+      f.value && h.value && g.value && (h.value.closest("[role=tablist]")?.removeEventListener("change", g.value), f.value = !1);
     }), C(
-      () => [f.value, u.value],
+      () => [h.value, c.value, g.value],
       () => {
-        u.value && f.value && (a.active && f.value.click(), u.value = !1);
+        h.value && c.value && g.value && (c.value = !1, f.value || (h.value.closest("[role=tablist]")?.addEventListener("change", g.value), f.value = !0), (a.active || h.value.checked) && (i.value = !0, h.value.click()));
       },
       {
         immediate: !0,
@@ -3566,17 +3568,20 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
     ), C(
       () => [a.name],
       () => {
-        a.name && (s.value = a.name);
+        a.name && (u.value = a.name);
       },
       {
         immediate: !0,
         flush: "post"
       }
     );
-    function g(h) {
-      h.stopPropagation(), a.onChange && a.onChange(h), i.value = h.target?.checked, de(l, h, "checked");
+    function k(m) {
+      m.stopPropagation(), i.value = m.target === h.value;
     }
-    return (h, k) => (v(), y("li", {
+    function $(m) {
+      a.onChange && a.onChange(m), de(l, m, "checked");
+    }
+    return (m, s) => (v(), y("li", {
       role: "none",
       class: U(n(O)("db-tab-item", a.class))
     }, [
@@ -3595,15 +3600,15 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
           "aria-selected": i.value,
           checked: n(q)(e.checked, "checked"),
           ref_key: "_ref",
-          ref: f,
-          name: s.value,
+          ref: h,
+          name: u.value,
           id: e.id,
-          onInput: k[0] || (k[0] = async (x) => g(x))
+          onInput: s[0] || (s[0] = async (d) => $(d))
         }, null, 40, Mi),
         e.label ? (v(), y(H, { key: 0 }, [
           D(B(e.label), 1)
         ], 64)) : z("", !0),
-        F(h.$slots, "default")
+        F(m.$slots, "default")
       ], 8, Di)
     ], 2));
   }
@@ -3620,7 +3625,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
     const t = e, l = o(Ie), a = o(null);
     return Y(() => {
       l.value = t.id || "tab-list-" + Q();
-    }), (i, s) => (v(), y("div", {
+    }), (i, u) => (v(), y("div", {
       ref_key: "_ref",
       ref: a,
       id: l.value,
@@ -3680,20 +3685,20 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
     tabSelect: {}
   },
   setup(e) {
-    const t = e, l = o("tabs-" + Q()), a = o(""), i = o(!1), s = o(!1), u = o(!1), f = o(null), g = o(void 0), h = o(null);
+    const t = e, l = o("tabs-" + Q()), a = o(""), i = o(!1), u = o(!1), c = o(!1), f = o(null), g = o(void 0), h = o(null);
     Y(() => {
       l.value = t.id || l.value, a.value = `tabs-${t.name || Q()}`, i.value = !0;
-    }), ge(() => {
+    }), he(() => {
       g.value?.disconnect(), g.value = void 0;
     }), C(
       () => [h.value, i.value],
       () => {
         if (h.value && i.value) {
-          c(), d(!0);
+          s(), d(!0);
           const I = h.value.querySelector(".db-tab-list");
           I && new MutationObserver((w) => {
             w.forEach((L) => {
-              (L.removedNodes.length || L.addedNodes.length) && (c(), d());
+              (L.removedNodes.length || L.addedNodes.length) && (s(), d());
             });
           }).observe(I, {
             childList: !0,
@@ -3714,11 +3719,11 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       }
       return [];
     }
-    function x(I) {
+    function $(I) {
       const T = I.scrollWidth > I.clientWidth;
-      s.value = T && I.scrollLeft > 1, u.value = T && I.scrollLeft < I.scrollWidth - I.clientWidth;
+      u.value = T && I.scrollLeft > 1, c.value = T && I.scrollLeft < I.scrollWidth - I.clientWidth;
     }
-    function b(I) {
+    function m(I) {
       let T = Number(t.arrowScrollDistance) || 100;
       I && (T *= -1), f.value?.scrollBy({
         top: 0,
@@ -3726,7 +3731,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         behavior: "smooth"
       });
     }
-    function c() {
+    function s() {
       if (h.value) {
         const I = h.value.querySelector(".db-tab-list");
         if (I) {
@@ -3734,11 +3739,11 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
           if (T && (T.setAttribute(
             "aria-orientation",
             t.orientation || "horizontal"
-          ), t.behavior === "arrows" && (f.value = T, x(T), T.addEventListener("scroll", () => {
-            x(T);
+          ), t.behavior === "arrows" && (f.value = T, $(T), T.addEventListener("scroll", () => {
+            $(T);
           }), !g.value))) {
             const w = new ResizeObserver(() => {
-              x(T);
+              $(T);
             });
             w.observe(T), g.value = w;
           }
@@ -3777,7 +3782,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         }
       }
     }
-    function m(I) {
+    function b(I) {
       if (I.stopPropagation(), I.target) {
         const w = I.target.parentElement;
         if (w && w.parentElement && w.parentElement?.nodeName === "LI") {
@@ -3785,7 +3790,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
           if (L) {
             const S = L.parentElement;
             if (S) {
-              const M = Array.from(S.childNodes).indexOf(L);
+              const M = Array.from(S.children).indexOf(L);
               t.onIndexChange && t.onIndexChange(M), t.onTabSelect && t.onTabSelect(I);
             }
           }
@@ -3801,17 +3806,17 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       "data-scroll-behavior": e.behavior,
       "data-alignment": e.alignment ?? "start",
       "data-width": e.width ?? "auto",
-      onInput: T[0] || (T[0] = async (w) => m(w)),
-      onChange: T[1] || (T[1] = async (w) => m(w))
+      onInput: T[0] || (T[0] = async (w) => b(w)),
+      onChange: T[1] || (T[1] = async (w) => b(w))
     }, [
-      s.value ? (v(), J(we, {
+      u.value ? (v(), J(we, {
         key: 0,
         class: "tabs-scroll-left",
         variant: "ghost",
         icon: "chevron_left",
         type: "button",
         noText: !0,
-        onClick: (w) => b(!0)
+        onClick: (w) => m(!0)
       }, {
         default: G(() => [...T[2] || (T[2] = [
           D(" Scroll left ", -1)
@@ -3821,7 +3826,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       e.tabs ? (v(), y(H, { key: 1 }, [
         te(zi, null, {
           default: G(() => [
-            (v(!0), y(H, null, he(k(), (w, L) => (v(), J(Fi, {
+            (v(!0), y(H, null, ge(k(), (w, L) => (v(), J(Fi, {
               key: e.name + "tab-item" + L,
               active: w.active,
               label: w.label,
@@ -3832,7 +3837,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
           ]),
           _: 1
         }),
-        (v(!0), y(H, null, he(k(), (w, L) => (v(), J(Pi, {
+        (v(!0), y(H, null, ge(k(), (w, L) => (v(), J(Pi, {
           key: e.name + "tab-panel" + L,
           content: w.content
         }, {
@@ -3842,14 +3847,14 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
           _: 2
         }, 1032, ["content"]))), 128))
       ], 64)) : z("", !0),
-      u.value ? (v(), J(we, {
+      c.value ? (v(), J(we, {
         key: 2,
         class: "tabs-scroll-right",
         variant: "ghost",
         icon: "chevron_right",
         type: "button",
         noText: !0,
-        onClick: (w) => b()
+        onClick: (w) => m()
       }, {
         default: G(() => [...T[3] || (T[3] = [
           D(" Scroll right ", -1)
@@ -3912,16 +3917,16 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
   },
   emits: ["update:value"],
   setup(e, { emit: t }) {
-    const l = t, a = e, i = o(void 0), s = o(void 0), u = o(void 0), f = o(void 0), g = o(void 0), h = o(void 0), k = o(""), x = o(""), b = o(void 0), c = o(null);
+    const l = t, a = e, i = o(void 0), u = o(void 0), c = o(void 0), f = o(void 0), g = o(void 0), h = o(void 0), k = o(""), $ = o(""), m = o(void 0), s = o(null);
     Y(() => {
       const S = a.id ?? `textarea-${Q()}`;
-      i.value = S, s.value = S + ce, u.value = S + re, f.value = S + ve, g.value = a.invalidMessage || ee;
-    }), ge(() => {
-      b.value?.abort();
+      i.value = S, u.value = S + ce, c.value = S + re, f.value = S + ve, g.value = a.invalidMessage || ee;
+    }), he(() => {
+      m.value?.abort();
     }), C(
-      () => [c.value, a.invalidMessage],
+      () => [s.value, a.invalidMessage],
       () => {
-        g.value = a.invalidMessage || c.value?.validationMessage || ee;
+        g.value = a.invalidMessage || s.value?.validationMessage || ee;
       },
       {
         immediate: !0,
@@ -3932,7 +3937,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       () => {
         if (i.value) {
           const S = i.value + ce;
-          s.value = S, u.value = i.value + re, f.value = i.value + ve, _(a.message, a.showMessage) && (h.value = S), m();
+          u.value = S, c.value = i.value + re, f.value = i.value + ve, _(a.message, a.showMessage) && (h.value = S), b();
         }
       },
       {
@@ -3949,12 +3954,12 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         flush: "post"
       }
     ), C(
-      () => [c.value],
+      () => [s.value],
       () => {
-        if (c.value) {
-          let M = b.value;
-          M || (M = new AbortController(), b.value = M), Ue(
-            c.value,
+        if (s.value) {
+          let M = m.value;
+          M || (M = new AbortController(), m.value = M), Ue(
+            s.value,
             {
               value: a.value,
               defaultValue: void 0
@@ -3974,14 +3979,14 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
     function d() {
       return !!(a.validMessage ?? a.validation === "valid");
     }
-    function m() {
-      !c.value?.validity.valid || a.validation === "invalid" ? (h.value = f.value, g.value = a.invalidMessage || c.value?.validationMessage || ee, ue() && (x.value = g.value, K(() => x.value = "", 1e3))) : d() && c.value?.validity.valid && (a.required || a.minLength || a.maxLength) ? (h.value = u.value, ue() && (x.value = a.validMessage ?? se, K(() => x.value = "", 1e3))) : _(a.message, a.showMessage) ? h.value = s.value : h.value = void 0;
+    function b() {
+      !s.value?.validity.valid || a.validation === "invalid" ? (h.value = f.value, g.value = a.invalidMessage || s.value?.validationMessage || ee, ue() && ($.value = g.value, K(() => $.value = "", 1e3))) : d() && s.value?.validity.valid && (a.required || a.minLength || a.maxLength) ? (h.value = c.value, ue() && ($.value = a.validMessage ?? se, K(() => $.value = "", 1e3))) : _(a.message, a.showMessage) ? h.value = u.value : h.value = void 0;
     }
     function I(S, M) {
-      a.input && a.input(S), k.value = S.target.value, a.onInput && a.onInput(S), de(l, S), m();
+      a.input && a.input(S), k.value = S.target.value, a.onInput && a.onInput(S), de(l, S), b();
     }
     function T(S, M) {
-      a.onChange && a.onChange(S), de(l, S), m();
+      a.onChange && a.onChange(S), de(l, S), b();
     }
     function w(S) {
       a.onBlur && a.onBlur(S);
@@ -4001,7 +4006,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         "data-custom-validity": e.validation,
         "data-field-sizing": e.fieldSizing,
         ref_key: "_ref",
-        ref: c,
+        ref: s,
         id: i.value,
         "data-resize": e.resize,
         "data-hide-resizer": n(ne)(e.showResizer ?? !0),
@@ -4029,7 +4034,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         key: 0,
         size: "small",
         icon: e.messageIcon,
-        id: s.value
+        id: u.value
       }, {
         default: G(() => [
           D(B(e.message), 1)
@@ -4040,7 +4045,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         key: 1,
         size: "small",
         semantic: "successful",
-        id: u.value
+        id: c.value
       }, {
         default: G(() => [
           D(B(e.validMessage || n(se)), 1)
@@ -4057,14 +4062,14 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         ]),
         _: 1
       }, 8, ["id"]),
-      E("span", Wi, B(x.value), 1)
+      E("span", Wi, B($.value), 1)
     ], 10, Ui));
   }
-}), nn = ["none", "both", "horizontal", "vertical"], on = ["hard", "soft", "off"], dn = ["description", "label"], sn = ["adaptive", "neutral", "critical", "informational", "warning", "successful"], un = ["medium", "small", "large", "none"], cn = ["medium", "small", "large", "none"], Hi = ["left", "right", "left-start", "left-end", "right-start", "right-end"], Xi = ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"], rn = [...Hi, ...Xi], vn = ["none", "3x-large", "2x-large", "x-large", "large", "medium", "small", "x-small", "2x-small", "3x-small"], fn = ["horizontal", "vertical"], hn = ["full", "auto"], gn = ["full", "medium", "large", "small"], mn = ["none", "slow", "fast"], bn = ["auto", "fixed"], yn = ["small", "medium"], kn = ["weak", "strong"], wn = ["invalid", "valid", "no-validation"], Sn = ["fixed", "content"], Bn = ["above", "floating"], pn = ["leading", "trailing"], Ln = ["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"], In = ["_self", "_blank", "_parent", "_top"], $n = ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "same-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url"], xn = ["start", "center"];
+}), nn = ["none", "both", "horizontal", "vertical"], on = ["hard", "soft", "off"], dn = ["description", "label"], sn = ["adaptive", "neutral", "critical", "informational", "warning", "successful"], un = ["medium", "small", "large", "none"], cn = ["medium", "small", "large", "none"], Hi = ["left", "right", "left-start", "left-end", "right-start", "right-end"], Xi = ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"], rn = [...Hi, ...Xi], vn = ["none", "3x-large", "2x-large", "x-large", "large", "medium", "small", "x-small", "2x-small", "3x-small"], fn = ["horizontal", "vertical"], hn = ["full", "auto"], gn = ["full", "medium", "large", "small"], mn = ["none", "slow", "fast"], bn = ["auto", "fixed"], yn = ["small", "medium"], kn = ["weak", "strong"], wn = ["invalid", "valid", "no-validation"], Sn = ["fixed", "content"], Bn = ["above", "floating"], pn = ["leading", "trailing"], Ln = ["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"], In = ["_self", "_blank", "_parent", "_top"], xn = ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "same-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url"], $n = ["start", "center"];
 export {
   ll as AccordionBehaviorList,
   il as AccordionVariantList,
-  xn as AlignmentList,
+  $n as AlignmentList,
   Ln as AutoCompleteList,
   ol as BadgePlacementList,
   ul as ButtonTypeList,
@@ -4092,8 +4097,8 @@ export {
   nt as DBCustomSelectListItem,
   kl as DBDivider,
   qt as DBDrawer,
-  $l as DBHeader,
-  xl as DBIcon,
+  xl as DBHeader,
+  $l as DBIcon,
   Z as DBInfotext,
   ht as DBInput,
   El as DBLink,
@@ -4114,7 +4119,7 @@ export {
   bt as DBTag,
   ln as DBTextarea,
   ca as DBTooltip,
-  $a as DEFAULT_BACK,
+  xa as DEFAULT_BACK,
   Ta as DEFAULT_BURGER_MENU,
   qe as DEFAULT_CLOSE_BUTTON,
   Qe as DEFAULT_DATALIST_ID_SUFFIX,
@@ -4130,7 +4135,7 @@ export {
   De as DEFAULT_PLACEHOLDER_ID_SUFFIX,
   aa as DEFAULT_REMOVE,
   Ea as DEFAULT_ROWS,
-  xa as DEFAULT_SELECTED,
+  $a as DEFAULT_SELECTED,
   Je as DEFAULT_SELECT_ID_SUFFIX,
   se as DEFAULT_VALID_MESSAGE,
   re as DEFAULT_VALID_MESSAGE_ID_SUFFIX,
@@ -4155,7 +4160,7 @@ export {
   pn as LabelVariantHorizontalList,
   Bn as LabelVariantList,
   Ml as LinkContentList,
-  $n as LinkReferrerPolicyList,
+  xn as LinkReferrerPolicyList,
   Dl as LinkSizeList,
   In as LinkTargetList,
   Al as LinkVariantList,