@db-ux/v-core-components 2.0.5 → 2.0.7

package/dist/db-ux.es.js

@@ -1,7 +1,7 @@
-var ha = Object.defineProperty;
-var ga = (l, a, i) => a in l ? ha(l, a, { enumerable: !0, configurable: !0, writable: !0, value: i }) : l[a] = i;
-var se = (l, a, i) => ga(l, typeof a != "symbol" ? a + "" : a, i);
-import { defineComponent as U, ref as n, createElementBlock as h, openBlock as f, unref as d, normalizeClass as z, renderSlot as T, Fragment as G, createTextVNode as C, toDisplayString as S, createCommentVNode as F, createElementVNode as _, createBlock as J, withCtx as V, onMounted as Y, watch as A, createVNode as te, renderList as ge, onUnmounted as ba } from "vue";
+var ga = Object.defineProperty;
+var ba = (l, a, i) => a in l ? ga(l, a, { enumerable: !0, configurable: !0, writable: !0, value: i }) : l[a] = i;
+var se = (l, a, i) => ba(l, typeof a != "symbol" ? a + "" : a, i);
+import { defineComponent as q, ref as n, createElementBlock as g, openBlock as p, unref as d, normalizeClass as P, renderSlot as T, Fragment as U, createTextVNode as C, toDisplayString as S, createCommentVNode as F, createElementVNode as I, createBlock as J, withCtx as V, onMounted as Y, watch as A, createVNode as te, renderList as he, onUnmounted as ya } from "vue";
 const Q = () => {
   var l, a;
   if (typeof window < "u") {
@@ -11,12 +11,12 @@ const Q = () => {
       return window.crypto.getRandomValues(new Uint32Array(3)).join("-");
   }
   return Math.random().toString().substring(2);
-}, Ye = (l, a) => {
+}, Ke = (l, a) => {
   const i = l.children;
   Object.values(i).forEach((e) => {
-    e.setAttribute(a.key, a.value), e.children.length > 0 && Ye(e, a);
+    e.setAttribute(a.key, a.value), e.children.length > 0 && Ke(e, a);
   });
-}, q = (...l) => {
+}, z = (...l) => {
   let a = "";
   for (const i of l)
     if (i)
@@ -42,7 +42,7 @@ const Q = () => {
     innerHeight: e
   } = window;
   return a >= 0 && i <= e;
-}, ya = (l) => {
+}, ka = (l) => {
   var N;
   const {
     top: a,
@@ -50,16 +50,16 @@ const Q = () => {
     left: e,
     right: t
   } = l.getBoundingClientRect(), {
-    innerHeight: c,
-    innerWidth: r
+    innerHeight: v,
+    innerWidth: u
   } = window;
-  let m = a < 0, s = i > c, u = e < 0, v = t > r;
-  const I = l.hasAttribute("data-outside-vy"), L = l.hasAttribute("data-outside-vx"), B = (N = l == null ? void 0 : l.parentElement) == null ? void 0 : N.getBoundingClientRect();
-  return B && (I && (l.getAttribute("data-outside-vy") === "top" ? m = B.top - (i - B.bottom) < 0 : s = B.bottom + (B.top - a) > c), L && (l.getAttribute("data-outside-vx") === "left" ? u = B.left - (t - B.right) < 0 : v = B.right + (B.left - e) > r)), {
-    outTop: m,
+  let h = a < 0, s = i > v, r = e < 0, c = t > u;
+  const _ = l.hasAttribute("data-outside-vy"), L = l.hasAttribute("data-outside-vx"), B = (N = l == null ? void 0 : l.parentElement) == null ? void 0 : N.getBoundingClientRect();
+  return B && (_ && (l.getAttribute("data-outside-vy") === "top" ? h = B.top - (i - B.bottom) < 0 : s = B.bottom + (B.top - a) > v), L && (l.getAttribute("data-outside-vx") === "left" ? r = B.left - (t - B.right) < 0 : c = B.right + (B.left - e) > u)), {
+    outTop: h,
     outBottom: s,
-    outLeft: u,
-    outRight: v
+    outLeft: r,
+    outRight: c
   };
 }, Fe = (l) => {
   const {
@@ -67,27 +67,27 @@ const Q = () => {
     outBottom: i,
     outLeft: e,
     outRight: t
-  } = ya(l);
-  let c = {};
-  return a || i ? (c = {
+  } = ka(l);
+  let v = {};
+  return a || i ? (v = {
     vy: a ? "top" : "bottom"
-  }, l.setAttribute("data-outside-vy", c.vy)) : l.removeAttribute("data-outside-vy"), e || t ? (c = {
-    ...c,
+  }, l.setAttribute("data-outside-vy", v.vy)) : l.removeAttribute("data-outside-vy"), e || t ? (v = {
+    ...v,
     vx: t ? "right" : "left"
-  }, l.setAttribute("data-outside-vx", c.vx)) : l.removeAttribute("data-outside-vx"), c;
-}, ka = (l) => Array.isArray(l) && l.every((a) => typeof a == "string"), Ba = ["Mac", "iPhone", "iPad", "iPod"], ue = () => typeof window < "u" && Ba.some((l) => window.navigator.userAgent.includes(l)), ee = (l, a) => new Promise(() => setTimeout(l, a)), H = (l) => {
+  }, l.setAttribute("data-outside-vx", v.vx)) : l.removeAttribute("data-outside-vx"), v;
+}, Ba = (l) => Array.isArray(l) && l.every((a) => typeof a == "string"), Sa = ["Mac", "iPhone", "iPad", "iPod"], ue = () => typeof window < "u" && Sa.some((l) => window.navigator.userAgent.includes(l)), ee = (l, a) => new Promise(() => setTimeout(l, a)), H = (l) => {
   if (l != null)
     return String(typeof l == "string" ? !!l : l);
 }, M = (l, a) => {
   if (l != null)
     return typeof l == "string" && a ? !!(a === l || l) : !!l;
-}, he = (l, a) => {
+}, ye = (l, a) => {
   if (!(l == null && a == null))
     return Number(l ?? a);
-}, K = (l) => {
+}, We = (l, a) => a && ["number", "range"].includes(a) ? ye(l) : l, K = (l) => {
   if (l != null)
     return H(!l);
-}, Z = (l, a) => (a === void 0 || !!a) && !!l, We = (l) => l.querySelector('input[type="search"]'), Sa = ["id", "type", "disabled", "aria-label", "data-icon", "data-hide-icon", "data-size", "data-state", "data-width", "data-variant", "data-no-text", "name", "form", "value", "aria-describedby", "aria-expanded", "aria-pressed"], Be = /* @__PURE__ */ U({
+}, Z = (l, a) => (a === void 0 || !!a) && !!l, Xe = (l) => l.querySelector('input[type="search"]'), wa = ["id", "type", "disabled", "aria-label", "data-icon", "data-hide-icon", "data-size", "data-state", "data-width", "data-variant", "data-no-text", "name", "form", "value", "aria-describedby", "aria-expanded", "aria-pressed"], Be = /* @__PURE__ */ q({
   __name: "button",
   props: {
     ariaexpanded: { type: Boolean, default: void 0 },
@@ -117,13 +117,13 @@ const Q = () => {
   setup(l) {
     const a = l, i = n(null);
     function e(t) {
-      a.onClick && a.onClick(t);
+      t.stopPropagation(), a.onClick && a.onClick(t);
     }
-    return (t, c) => (f(), h("button", {
+    return (t, v) => (p(), g("button", {
       ref_key: "_ref",
       ref: i,
       id: t.id,
-      class: z(d(q)("db-button", a.class)),
+      class: P(d(z)("db-button", a.class)),
       type: t.type || "button",
       disabled: d(M)(t.disabled, "disabled"),
       "aria-label": t.label,
@@ -140,36 +140,36 @@ const Q = () => {
       "aria-describedby": t.describedbyid,
       "aria-expanded": t.ariaexpanded,
       "aria-pressed": t.ariapressed,
-      onClick: c[0] || (c[0] = async (r) => e(r))
+      onClick: v[0] || (v[0] = async (u) => e(u))
     }, [
-      t.text ? (f(), h(G, { key: 0 }, [
+      t.text ? (p(), g(U, { key: 0 }, [
         C(S(t.text), 1)
       ], 64)) : T(t.$slots, "default", { key: 1 })
-    ], 10, Sa));
+    ], 10, wa));
   }
-}), we = "OVERWRITE_DEFAULT_ID", ke = "LABEL SHOULD BE SET", Ke = " ", wa = "MESSAGE SHOULD BE SET", Xe = "-label", He = "-select", re = "-message", ve = "-valid-message", ce = "-invalid-message", Ne = "-placeholder", je = "-datalist", fe = "TODO: Add a validMessage", ie = "TODO: Add an invalidMessage", Je = "Remove", _a = "Back", Ia = "Selected", La = "BurgerMenu", Ta = "brand", $a = 4, ze = "Close", Gi = "density", Pi = "color";
-var Qe = /* @__PURE__ */ ((l) => (l.FUNCTIONAL = "functional", l.REGULAR = "regular", l.EXPRESSIVE = "expressive", l))(Qe || {});
-const Vi = Object.entries(Qe).map(([, l]) => l);
-var Ze = /* @__PURE__ */ ((l) => (l.PRIMARY = "primary", l))(Ze || {}), xe = /* @__PURE__ */ ((l) => (l.NEUTRAL_BG_LEVEL_1 = "neutral-bg-basic-level-1", l.NEUTRAL_BG_LEVEL_2 = "neutral-bg-basic-level-2", l.NEUTRAL_BG_LEVEL_3 = "neutral-bg-basic-level-3", l.NEUTRAL_BG_TRANSPARENT_SEMI = "neutral-bg-basic-transparent-semi", l.NEUTRAL_BG_TRANSPARENT_FULL = "neutral-bg-basic-transparent-full", l.BRAND_BG_LEVEL_1 = "brand-bg-basic-level-1", l.BRAND_BG_LEVEL_2 = "brand-bg-basic-level-2", l.BRAND_BG_LEVEL_3 = "brand-bg-basic-level-3", l.BRAND_BG_TRANSPARENT_SEMI = "brand-bg-basic-transparent-semi", l.BRAND_BG_TRANSPARENT_FULL = "brand-bg-basic-transparent-full", l.SUCCESSFUL_BG_LEVEL_1 = "successful-bg-basic-level-1", l.SUCCESSFUL_BG_LEVEL_2 = "successful-bg-basic-level-2", l.SUCCESSFUL_BG_LEVEL_3 = "successful-bg-basic-level-3", l.SUCCESSFUL_BG_TRANSPARENT_SEMI = "successful-bg-basic-transparent-semi", l.SUCCESSFUL_BG_TRANSPARENT_FULL = "successful-bg-basic-transparent-full", l.CRITICAL_BG_LEVEL_1 = "critical-bg-basic-level-1", l.CRITICAL_BG_LEVEL_2 = "critical-bg-basic-level-2", l.CRITICAL_BG_LEVEL_3 = "critical-bg-basic-level-3", l.CRITICAL_BG_TRANSPARENT_SEMI = "critical-bg-basic-transparent-semi", l.CRITICAL_BG_TRANSPARENT_Full = "critical-bg-basic-transparent-full", l.WARNING_BG_LEVEL_1 = "warning-bg-basic-level-1", l.WARNING_BG_LEVEL_2 = "warning-bg-basic-level-2", l.WARNING_BG_LEVEL_3 = "warning-bg-basic-level-3", l.WARNING_BG_TRANSPARENT_SEMI = "warning-bg-basic-transparent-semi", l.WARNING_BG_TRANSPARENT_FULL = "warning-bg-basic-transparent-full", l.INFORMATIONAL_BG_LEVEL_1 = "informational-bg-basic-level-1", l.INFORMATIONAL_BG_LEVEL_2 = "informational-bg-basic-level-2", l.INFORMATIONAL_BG_LEVEL_3 = "informational-bg-basic-level-3", l.INFORMATIONAL_BG_TRANSPARENT_SEMI = "informational-bg-basic-transparent-semi", l.INFORMATIONAL_BG_TRANSPARENT_FULL = "informational-bg-basic-transparent-full", l))(xe || {});
-const Oi = Object.entries(xe).map(([, l]) => l), Wi = Object.entries(Ze).map(([, l]) => l);
-var ea = /* @__PURE__ */ ((l) => (l.CRITICAL = "critical", l.INFORMATIONAL = "informational", l.WARNING = "warning", l.SUCCESSFUL = "successful", l))(ea || {});
-const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
+}), we = "OVERWRITE_DEFAULT_ID", ke = "LABEL SHOULD BE SET", Je = " ", Ia = "MESSAGE SHOULD BE SET", He = "-label", je = "-select", re = "-message", ce = "-valid-message", ve = "-invalid-message", Ne = "-placeholder", Ye = "-datalist", fe = "TODO: Add a validMessage", ie = "TODO: Add an invalidMessage", Qe = "Remove", _a = "Back", La = "Selected", Ta = "BurgerMenu", $a = "brand", Aa = 4, Pe = "Close", Gi = "density", Vi = "color";
+var Ze = /* @__PURE__ */ ((l) => (l.FUNCTIONAL = "functional", l.REGULAR = "regular", l.EXPRESSIVE = "expressive", l))(Ze || {});
+const Oi = Object.entries(Ze).map(([, l]) => l);
+var xe = /* @__PURE__ */ ((l) => (l.PRIMARY = "primary", l))(xe || {}), ea = /* @__PURE__ */ ((l) => (l.NEUTRAL_BG_LEVEL_1 = "neutral-bg-basic-level-1", l.NEUTRAL_BG_LEVEL_2 = "neutral-bg-basic-level-2", l.NEUTRAL_BG_LEVEL_3 = "neutral-bg-basic-level-3", l.NEUTRAL_BG_TRANSPARENT_SEMI = "neutral-bg-basic-transparent-semi", l.NEUTRAL_BG_TRANSPARENT_FULL = "neutral-bg-basic-transparent-full", l.BRAND_BG_LEVEL_1 = "brand-bg-basic-level-1", l.BRAND_BG_LEVEL_2 = "brand-bg-basic-level-2", l.BRAND_BG_LEVEL_3 = "brand-bg-basic-level-3", l.BRAND_BG_TRANSPARENT_SEMI = "brand-bg-basic-transparent-semi", l.BRAND_BG_TRANSPARENT_FULL = "brand-bg-basic-transparent-full", l.SUCCESSFUL_BG_LEVEL_1 = "successful-bg-basic-level-1", l.SUCCESSFUL_BG_LEVEL_2 = "successful-bg-basic-level-2", l.SUCCESSFUL_BG_LEVEL_3 = "successful-bg-basic-level-3", l.SUCCESSFUL_BG_TRANSPARENT_SEMI = "successful-bg-basic-transparent-semi", l.SUCCESSFUL_BG_TRANSPARENT_FULL = "successful-bg-basic-transparent-full", l.CRITICAL_BG_LEVEL_1 = "critical-bg-basic-level-1", l.CRITICAL_BG_LEVEL_2 = "critical-bg-basic-level-2", l.CRITICAL_BG_LEVEL_3 = "critical-bg-basic-level-3", l.CRITICAL_BG_TRANSPARENT_SEMI = "critical-bg-basic-transparent-semi", l.CRITICAL_BG_TRANSPARENT_Full = "critical-bg-basic-transparent-full", l.WARNING_BG_LEVEL_1 = "warning-bg-basic-level-1", l.WARNING_BG_LEVEL_2 = "warning-bg-basic-level-2", l.WARNING_BG_LEVEL_3 = "warning-bg-basic-level-3", l.WARNING_BG_TRANSPARENT_SEMI = "warning-bg-basic-transparent-semi", l.WARNING_BG_TRANSPARENT_FULL = "warning-bg-basic-transparent-full", l.INFORMATIONAL_BG_LEVEL_1 = "informational-bg-basic-level-1", l.INFORMATIONAL_BG_LEVEL_2 = "informational-bg-basic-level-2", l.INFORMATIONAL_BG_LEVEL_3 = "informational-bg-basic-level-3", l.INFORMATIONAL_BG_TRANSPARENT_SEMI = "informational-bg-basic-transparent-semi", l.INFORMATIONAL_BG_TRANSPARENT_FULL = "informational-bg-basic-transparent-full", l))(ea || {});
+const Wi = Object.entries(ea).map(([, l]) => l), Xi = Object.entries(xe).map(([, l]) => l);
+var aa = /* @__PURE__ */ ((l) => (l.CRITICAL = "critical", l.INFORMATIONAL = "informational", l.WARNING = "warning", l.SUCCESSFUL = "successful", l))(aa || {});
+const Hi = Object.entries(aa).map(([, l]) => l), Ca = {
   width: 390,
   height: 884
-}, Ca = {
+}, Ea = {
   width: 1920,
   height: 1280
-}, Hi = [{
+}, ji = [{
   name: "desktop",
-  ...Ca
+  ...Ea
 }, {
   name: "tablet",
   width: 768,
   height: 1024
 }, {
   name: "mobile",
-  ...Aa
-}], Ea = ["id", "aria-live", "data-semantic", "data-variant", "data-icon", "data-hide-icon", "data-link-variant"], Na = { key: 0 }, Da = { key: 1 }, ji = /* @__PURE__ */ U({
+  ...Ca
+}], Na = ["id", "aria-live", "data-semantic", "data-variant", "data-icon", "data-hide-icon", "data-link-variant"], Da = { key: 0 }, Fa = { key: 1 }, Yi = /* @__PURE__ */ q({
   __name: "notification",
   props: {
     ariaLive: { default: void 0 },
@@ -203,13 +203,13 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
   setup(l) {
     const a = l, i = n(null);
     function e(t) {
-      a.onClose && a.onClose(t);
+      t.stopPropagation(), a.onClose && a.onClose(t);
     }
-    return (t, c) => (f(), h("article", {
+    return (t, v) => (p(), g("article", {
       ref_key: "_ref",
       ref: i,
       id: t.id,
-      class: z(d(q)("db-notification", a.class)),
+      class: P(d(z)("db-notification", a.class)),
       "aria-live": t.ariaLive,
       "data-semantic": t.semantic,
       "data-variant": t.variant,
@@ -218,31 +218,31 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
       "data-link-variant": t.linkVariant
     }, [
       T(t.$slots, "image"),
-      d(Z)(t.headline, t.showHeadline) ? (f(), h("header", Na, S(t.headline), 1)) : F("", !0),
-      _("p", null, [
-        t.text ? (f(), h(G, { key: 0 }, [
+      d(Z)(t.headline, t.showHeadline) ? (p(), g("header", Da, S(t.headline), 1)) : F("", !0),
+      I("p", null, [
+        t.text ? (p(), g(U, { key: 0 }, [
           C(S(t.text), 1)
         ], 64)) : T(t.$slots, "default", { key: 1 })
       ]),
-      d(Z)(t.timestamp, t.showTimestamp) ? (f(), h("span", Da, S(t.timestamp), 1)) : F("", !0),
+      d(Z)(t.timestamp, t.showTimestamp) ? (p(), g("span", Fa, S(t.timestamp), 1)) : F("", !0),
       T(t.$slots, "link"),
-      d(M)(t.closeable, "closeable") ? (f(), J(Be, {
+      d(M)(t.closeable, "closeable") ? (p(), J(Be, {
         key: 2,
         icon: "cross",
         variant: "ghost",
         size: "small",
         id: t.closeButtonId,
         noText: !0,
-        onClick: (r) => e(r)
+        onClick: (u) => e(u)
       }, {
         default: V(() => [
-          C(S(t.closeButtonText ?? d(ze)), 1)
+          C(S(t.closeButtonText ?? d(Pe)), 1)
         ]),
         _: 1
       }, 8, ["id", "onClick"])) : F("", !0)
-    ], 10, Ea));
+    ], 10, Na));
   }
-}), Fa = ["id", "data-semantic", "data-size", "data-emphasis", "data-placement", "data-label"], Yi = /* @__PURE__ */ U({
+}), Ma = ["id", "data-semantic", "data-size", "data-emphasis", "data-placement", "data-label"], Ki = /* @__PURE__ */ q({
   __name: "badge",
   props: {
     placement: { default: void 0 },
@@ -267,34 +267,34 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
       () => {
         var t;
         if (e.value && i.value && (t = a.placement) != null && t.startsWith("corner")) {
-          let c = e.value.parentElement;
-          c && c.localName.includes("badge") && (c = c.parentElement), c && c.setAttribute("data-has-badge", "true");
+          let v = e.value.parentElement;
+          v && v.localName.includes("badge") && (v = v.parentElement), v && v.setAttribute("data-has-badge", "true");
         }
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), (t, c) => {
-      var r;
-      return f(), h("span", {
+    ), (t, v) => {
+      var u;
+      return p(), g("span", {
         ref_key: "_ref",
         ref: e,
         id: t.id,
-        class: z(d(q)("db-badge", a.class)),
+        class: P(d(z)("db-badge", a.class)),
         "data-semantic": t.semantic,
         "data-size": t.size,
         "data-emphasis": t.emphasis,
         "data-placement": t.placement,
-        "data-label": ((r = t.placement) == null ? void 0 : r.startsWith("corner")) && (t.label ?? d(ke))
+        "data-label": ((u = t.placement) == null ? void 0 : u.startsWith("corner")) && (t.label ?? d(ke))
       }, [
-        t.text ? (f(), h(G, { key: 0 }, [
+        t.text ? (p(), g(U, { key: 0 }, [
           C(S(t.text), 1)
         ], 64)) : T(t.$slots, "default", { key: 1 })
-      ], 10, Fa);
+      ], 10, Ma);
     };
   }
-}), Ma = ["data-icon", "data-hide-icon", "id"], Ki = /* @__PURE__ */ U({
+}), Ra = ["data-icon", "data-hide-icon", "id"], Ji = /* @__PURE__ */ q({
   __name: "brand",
   props: {
     hideLogo: { type: Boolean, default: void 0 },
@@ -310,20 +310,20 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
   },
   setup(l) {
     const a = l, i = n(null);
-    return (e, t) => (f(), h("div", {
+    return (e, t) => (p(), g("div", {
       ref_key: "_ref",
       ref: i,
-      "data-icon": e.hideLogo ? "none" : e.icon ?? d(Ta),
+      "data-icon": e.hideLogo ? "none" : e.icon ?? d($a),
       "data-hide-icon": d(K)(e.showIcon),
       id: e.id,
-      class: z(d(q)("db-brand", a.class))
+      class: P(d(z)("db-brand", a.class))
     }, [
-      e.text ? (f(), h(G, { key: 0 }, [
+      e.text ? (p(), g(U, { key: 0 }, [
         C(S(e.text), 1)
       ], 64)) : T(e.$slots, "default", { key: 1 })
-    ], 10, Ma));
+    ], 10, Ra));
   }
-}), Ra = ["id", "data-behavior", "data-elevation-level", "data-spacing", "role", "tabIndex"], Ji = /* @__PURE__ */ U({
+}), Pa = ["id", "data-behavior", "data-elevation-level", "data-spacing", "role", "tabIndex"], Qi = /* @__PURE__ */ q({
   __name: "card",
   props: {
     behavior: { default: void 0 },
@@ -340,26 +340,26 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
   setup(l) {
     const a = l, i = n(null);
     function e(t) {
-      a.onClick && a.onClick(t);
+      t.stopPropagation(), a.onClick && a.onClick(t);
     }
-    return (t, c) => (f(), h("div", {
+    return (t, v) => (p(), g("div", {
       ref_key: "_ref",
       ref: i,
       id: t.id,
-      class: z(d(q)("db-card", a.class)),
+      class: P(d(z)("db-card", a.class)),
       "data-behavior": t.behavior,
       "data-elevation-level": t.elevationLevel,
       "data-spacing": t.spacing,
       role: t.behavior === "interactive" ? "button" : void 0,
       tabIndex: t.behavior === "interactive" ? 0 : void 0,
-      onClick: c[0] || (c[0] = async (r) => e(r))
+      onClick: v[0] || (v[0] = async (u) => e(u))
     }, [
       T(t.$slots, "default")
-    ], 10, Ra));
+    ], 10, Pa));
   }
 }), oe = (l, a, i = "value") => {
   l(`update:${i}`, a.target[i]);
-}, za = ["id", "data-icon", "data-semantic", "data-size", "data-hide-icon-before"], ae = /* @__PURE__ */ U({
+}, za = ["id", "data-icon", "data-semantic", "data-size", "data-hide-icon-before"], ae = /* @__PURE__ */ q({
   __name: "infotext",
   props: {
     children: { default: void 0 },
@@ -376,25 +376,25 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
   },
   setup(l) {
     const a = l, i = n(null);
-    return (e, t) => (f(), h("span", {
+    return (e, t) => (p(), g("span", {
       ref_key: "_ref",
       ref: i,
       id: e.id,
-      class: z(d(q)("db-infotext", a.class)),
+      class: P(d(z)("db-infotext", a.class)),
       "data-icon": e.icon,
       "data-semantic": e.semantic,
       "data-size": e.size,
       "data-hide-icon-before": d(K)(e.showIcon ?? !0)
     }, [
-      e.text ? (f(), h(G, { key: 0 }, [
+      e.text ? (p(), g(U, { key: 0 }, [
         C(S(e.text), 1)
       ], 64)) : T(e.$slots, "default", { key: 1 })
     ], 10, za));
   }
-}), qa = ["data-size", "data-hide-label"], Ua = ["for"], Ga = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "value", "required", "aria-describedby"], Pa = {
+}), qa = ["data-size", "data-hide-label"], Ua = ["for"], Ga = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "value", "required", "aria-describedby"], Va = {
   "data-visually-hidden": "true",
   role: "status"
-}, Qi = /* @__PURE__ */ U({
+}, Zi = /* @__PURE__ */ q({
   __name: "checkbox",
   props: {
     indeterminate: { type: [Boolean, String], default: void 0 },
@@ -432,27 +432,27 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
   },
   emits: ["update:checked"],
   setup(l, { emit: a }) {
-    const i = a, e = l, t = n(!1), c = n(void 0), r = n(void 0), m = n(void 0), s = n(void 0), u = n(void 0), v = n(""), I = n(""), L = n(null);
+    const i = a, e = l, t = n(!1), v = n(void 0), u = n(void 0), h = n(void 0), s = n(void 0), r = n(void 0), c = n(""), _ = n(""), L = n(null);
     Y(() => {
       t.value = !0;
       const y = e.id ?? `checkbox-${Q()}`;
-      c.value = y, r.value = y + re, m.value = y + ve, s.value = y + ce, u.value = e.invalidMessage || ie;
+      v.value = y, u.value = y + re, h.value = y + ce, s.value = y + ve, r.value = e.invalidMessage || ie;
     }), A(
       () => [L.value, e.invalidMessage],
       () => {
         var y;
-        u.value = e.invalidMessage || ((y = L.value) == null ? void 0 : y.validationMessage) || ie;
+        r.value = e.invalidMessage || ((y = L.value) == null ? void 0 : y.validationMessage) || ie;
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), A(
-      () => [c.value],
+      () => [v.value],
       () => {
-        if (c.value) {
-          const y = c.value + re;
-          r.value = y, m.value = c.value + ve, s.value = c.value + ce, Z(e.message, e.showMessage) && (v.value = y);
+        if (v.value) {
+          const y = v.value + re;
+          u.value = y, h.value = v.value + ce, s.value = v.value + ve, Z(e.message, e.showMessage) && (c.value = y);
         }
       },
       {
@@ -483,30 +483,30 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
     }
     function N() {
       var y, b, O;
-      !((y = L.value) != null && y.validity.valid) || e.validation === "invalid" ? (v.value = s.value, u.value = e.invalidMessage || ((b = L.value) == null ? void 0 : b.validationMessage) || ie, ue() && (I.value = u.value, ee(() => I.value = "", 1e3))) : B() && ((O = L.value) != null && O.validity.valid) && e.required ? (v.value = m.value, ue() && (I.value = e.validMessage ?? fe, ee(() => I.value = "", 1e3))) : Z(e.message, e.showMessage) ? v.value = r.value : v.value = "";
+      !((y = L.value) != null && y.validity.valid) || e.validation === "invalid" ? (c.value = s.value, r.value = e.invalidMessage || ((b = L.value) == null ? void 0 : b.validationMessage) || ie, ue() && (_.value = r.value, ee(() => _.value = "", 1e3))) : B() && ((O = L.value) != null && O.validity.valid) && e.required ? (c.value = h.value, ue() && (_.value = e.validMessage ?? fe, ee(() => _.value = "", 1e3))) : Z(e.message, e.showMessage) ? c.value = u.value : c.value = "";
     }
     function w(y) {
-      e.onChange && e.onChange(y), oe(i, y, "checked"), N();
+      y.stopPropagation(), e.onChange && e.onChange(y), oe(i, y, "checked"), N();
     }
     function $(y) {
-      e.onBlur && e.onBlur(y);
+      y.stopPropagation(), e.onBlur && e.onBlur(y);
     }
     function R(y) {
-      e.onFocus && e.onFocus(y);
+      y.stopPropagation(), e.onFocus && e.onFocus(y);
     }
-    return (y, b) => (f(), h("div", {
-      class: z(d(q)("db-checkbox", e.class)),
+    return (y, b) => (p(), g("div", {
+      class: P(d(z)("db-checkbox", e.class)),
       "data-size": y.size,
       "data-hide-label": d(K)(y.showLabel)
     }, [
-      _("label", { for: c.value }, [
-        _("input", {
+      I("label", { for: v.value }, [
+        I("input", {
           type: "checkbox",
           "aria-invalid": y.validation === "invalid",
           "data-custom-validity": y.validation,
           ref_key: "_ref",
           ref: L,
-          id: c.value,
+          id: v.value,
           name: y.name,
           checked: d(M)(y.checked, "checked"),
           disabled: d(M)(y.disabled, "disabled"),
@@ -515,28 +515,28 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
           onChange: b[0] || (b[0] = async (O) => w(O)),
           onBlur: b[1] || (b[1] = async (O) => $(O)),
           onFocus: b[2] || (b[2] = async (O) => R(O)),
-          "aria-describedby": v.value
+          "aria-describedby": c.value
         }, null, 40, Ga),
-        y.label ? (f(), h(G, { key: 0 }, [
+        y.label ? (p(), g(U, { key: 0 }, [
           C(S(y.label), 1)
         ], 64)) : T(y.$slots, "default", { key: 1 })
       ], 8, Ua),
-      d(Z)(y.message, y.showMessage) ? (f(), J(ae, {
+      d(Z)(y.message, y.showMessage) ? (p(), J(ae, {
         key: 0,
         size: "small",
         icon: y.messageIcon,
-        id: r.value
+        id: u.value
       }, {
         default: V(() => [
           C(S(y.message), 1)
         ]),
         _: 1
       }, 8, ["icon", "id"])) : F("", !0),
-      B() ? (f(), J(ae, {
+      B() ? (p(), J(ae, {
         key: 1,
         size: "small",
         semantic: "successful",
-        id: m.value
+        id: h.value
       }, {
         default: V(() => [
           C(S(y.validMessage || d(fe)), 1)
@@ -549,14 +549,14 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
         id: s.value
       }, {
         default: V(() => [
-          C(S(u.value), 1)
+          C(S(r.value), 1)
         ]),
         _: 1
       }, 8, ["id"]),
-      _("span", Pa, S(I.value), 1)
+      I("span", Va, S(_.value), 1)
     ], 10, qa));
   }
-}), Va = ["id", "data-margin", "data-variant", "data-emphasis", "data-width"], Zi = /* @__PURE__ */ U({
+}), Oa = ["id", "data-margin", "data-variant", "data-emphasis", "data-width"], xi = /* @__PURE__ */ q({
   __name: "divider",
   props: {
     margin: { default: void 0 },
@@ -572,7 +572,7 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
   },
   setup(l) {
     const a = l, i = n(null);
-    return (e, t) => (f(), h("div", {
+    return (e, t) => (p(), g("div", {
       ref_key: "_ref",
       ref: i,
       id: e.id,
@@ -580,10 +580,10 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
       "data-variant": e.variant,
       "data-emphasis": e.emphasis,
       "data-width": e.width,
-      class: z(d(q)("db-divider", a.class))
-    }, null, 10, Va));
+      class: P(d(z)("db-divider", a.class))
+    }, null, 10, Oa));
   }
-}), Oa = ["id", "data-backdrop", "data-variant"], Wa = ["data-spacing", "data-width", "data-direction", "data-rounded"], Xa = { class: "db-drawer-header" }, Ha = { class: "db-drawer-header-text" }, ja = { class: "db-drawer-content" }, Ya = /* @__PURE__ */ U({
+}), Wa = ["id", "data-backdrop", "data-variant"], Xa = ["data-spacing", "data-width", "data-direction", "data-rounded"], Ha = { class: "db-drawer-header" }, ja = { class: "db-drawer-header-text" }, Ya = { class: "db-drawer-content" }, Ka = /* @__PURE__ */ q({
   __name: "drawer",
   props: {
     backdrop: { default: void 0 },
@@ -608,80 +608,80 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
   setup(l) {
     const a = l, i = n(null), e = n(null);
     Y(() => {
-      c();
+      v();
     }), A(
       () => [a.open],
       () => {
-        c();
+        v();
       },
       {
         immediate: !0,
         flush: "post"
       }
     );
-    function t(r) {
-      r.key === "Escape" && r.preventDefault(), (r === "close" || r.key === "Escape" || r.target.nodeName === "DIALOG" && r.type === "click" && a.backdrop !== "none") && a.onClose && a.onClose(r);
+    function t(u) {
+      u.key === "Escape" && u.preventDefault(), (u === "close" || u.key === "Escape" || u.target.nodeName === "DIALOG" && u.type === "click" && a.backdrop !== "none") && a.onClose && a.onClose(u);
     }
-    function c() {
+    function v() {
       if (i.value) {
-        const r = !!a.open;
-        r && !i.value.open && (e.value && (e.value.hidden = !1), a.backdrop === "none" || a.variant === "inside" ? i.value.show() : i.value.showModal()), !r && i.value.open && (e.value && (e.value.hidden = !0), ee(() => {
-          var m;
-          e.value && (e.value.hidden = !1), (m = i.value) == null || m.close();
+        const u = !!a.open;
+        u && !i.value.open && (e.value && (e.value.hidden = !1), a.backdrop === "none" || a.variant === "inside" ? i.value.show() : i.value.showModal()), !u && i.value.open && (e.value && (e.value.hidden = !0), ee(() => {
+          var h;
+          e.value && (e.value.hidden = !1), (h = i.value) == null || h.close();
         }, 401));
       }
     }
-    return (r, m) => (f(), h("dialog", {
+    return (u, h) => (p(), g("dialog", {
       class: "db-drawer",
-      id: r.id,
+      id: u.id,
       ref_key: "_ref",
       ref: i,
-      onClick: m[0] || (m[0] = async (s) => t(s)),
-      onKeydown: m[1] || (m[1] = async (s) => t(s)),
-      "data-backdrop": r.backdrop,
-      "data-variant": r.variant
+      onClick: h[0] || (h[0] = async (s) => t(s)),
+      onKeydown: h[1] || (h[1] = async (s) => t(s)),
+      "data-backdrop": u.backdrop,
+      "data-variant": u.variant
     }, [
-      _("article", {
+      I("article", {
         ref_key: "dialogContainerRef",
         ref: e,
-        class: z(d(q)("db-drawer-container", a.class)),
-        "data-spacing": r.spacing,
-        "data-width": r.width,
-        "data-direction": r.direction,
-        "data-rounded": d(H)(r.rounded)
+        class: P(d(z)("db-drawer-container", a.class)),
+        "data-spacing": u.spacing,
+        "data-width": u.width,
+        "data-direction": u.direction,
+        "data-rounded": d(H)(u.rounded)
       }, [
-        _("header", Xa, [
-          _("div", Ha, [
-            T(r.$slots, "drawer-header")
+        I("header", Ha, [
+          I("div", ja, [
+            T(u.$slots, "drawer-header")
           ]),
           te(Be, {
             class: "button-close-drawer",
             icon: "cross",
             variant: "ghost",
-            id: r.closeButtonId,
+            id: u.closeButtonId,
             noText: !0,
             onClick: (s) => t("close")
           }, {
             default: V(() => [
-              C(S(r.closeButtonText ?? d(ze)), 1)
+              C(S(u.closeButtonText ?? d(Pe)), 1)
             ]),
             _: 1
           }, 8, ["id", "onClick"])
         ]),
-        _("div", ja, [
-          T(r.$slots, "default")
+        I("div", Ya, [
+          T(u.$slots, "default")
         ])
-      ], 10, Wa)
-    ], 40, Oa));
+      ], 10, Xa)
+    ], 40, Wa));
   }
-}), aa = (l) => {
+}), ta = (l) => {
   var i, e;
   const {
     target: a
   } = l;
   return !!(!((i = a == null ? void 0 : a.classList) != null && i.contains("db-navigation-item-expand-button")) && ((e = a == null ? void 0 : a.parentElement) != null && e.classList.contains("db-navigation-item")));
 };
-class Ka {
+class Ja {
   constructor(a, i) {
     se(this, "element");
     se(this, "subNavigation");
@@ -733,18 +733,18 @@ class Ka {
     if (!this.triangleData)
       return;
     if (a === "fill-gap") {
-      const r = `${this.triangleData.itemRect.height + 2 * this.triangleData.padding}px`, m = `${this.triangleData.parentElementWidth - this.triangleData.padding}px`;
+      const u = `${this.triangleData.itemRect.height + 2 * this.triangleData.padding}px`, h = `${this.triangleData.parentElementWidth - this.triangleData.padding}px`;
       return {
-        lb: `${m} ${r}`,
-        lt: `${m} 0`,
+        lb: `${h} ${u}`,
+        lt: `${h} 0`,
         rt: "100% 0",
-        rb: `100% ${r}`
+        rb: `100% ${u}`
       };
     }
-    const i = this.getTriangleTipX(), e = this.getTriangleTipY(), t = `${i}px ${e}px`, c = `${i}px ${e}px`;
+    const i = this.getTriangleTipX(), e = this.getTriangleTipY(), t = `${i}px ${e}px`, v = `${i}px ${e}px`;
     return {
       lb: t,
-      lt: c,
+      lt: v,
       rt: "100% 0",
       rb: "100% 100%"
     };
@@ -757,7 +757,7 @@ class Ka {
     e && (this.element.style.setProperty("--db-navigation-item-clip-path", `polygon(${e.lb}, ${e.lt}, ${e.rt}, ${e.rb})`), i && (this.triangleData = void 0));
   }
 }
-const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-header-drawer-navigation" }, Za = { class: "db-header-meta-navigation" }, xa = { class: "db-header-secondary-action" }, et = { class: "db-header-meta-navigation" }, at = { class: "db-header-navigation-bar" }, tt = { class: "db-header-brand-container" }, it = { class: "db-header-navigation-container" }, lt = { class: "db-header-navigation" }, ot = { class: "db-header-primary-action" }, dt = { class: "db-header-action-container" }, nt = { class: "db-header-burger-menu-container" }, st = { class: "db-header-secondary-action" }, xi = /* @__PURE__ */ U({
+const Qa = ["id", "data-width", "data-on-forcing-mobile"], Za = { class: "db-header-drawer-navigation" }, xa = { class: "db-header-meta-navigation" }, et = { class: "db-header-secondary-action" }, at = { class: "db-header-meta-navigation" }, tt = { class: "db-header-navigation-bar" }, it = { class: "db-header-brand-container" }, lt = { class: "db-header-navigation-container" }, ot = { class: "db-header-navigation" }, dt = { class: "db-header-primary-action" }, nt = { class: "db-header-action-container" }, st = { class: "db-header-burger-menu-container" }, ut = { class: "db-header-secondary-action" }, el = /* @__PURE__ */ q({
   __name: "header",
   props: {
     brand: {},
@@ -778,7 +778,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
     width: { default: void 0 }
   },
   setup(l) {
-    const a = l, i = n(we), e = n(!1), t = n(!1), c = n(null);
+    const a = l, i = n(we), e = n(!1), t = n(!1), v = n(null);
     Y(() => {
       e.value = !0, i.value = a.id || "header-" + Q();
     }), A(
@@ -788,7 +788,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
           const s = document.getElementById(
             i.value ?? ""
           );
-          s && Ye(s, {
+          s && Ke(s, {
             key: "data-force-mobile",
             value: "true"
           }), t.value = !0;
@@ -799,84 +799,84 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         flush: "post"
       }
     );
-    function r() {
+    function u() {
       const s = !M(a.drawerOpen, "drawerOpen");
       a.onToggle && a.onToggle(s);
     }
-    function m(s) {
-      aa(s) && r();
+    function h(s) {
+      ta(s) && u();
     }
-    return (s, u) => (f(), h("header", {
+    return (s, r) => (p(), g("header", {
       ref_key: "_ref",
-      ref: c,
-      class: z(d(q)("db-header", a.class)),
+      ref: v,
+      class: P(d(z)("db-header", a.class)),
       id: i.value,
       "data-width": s.width,
       "data-on-forcing-mobile": s.forceMobile && !t.value
     }, [
-      te(Ya, {
+      te(Ka, {
         class: "db-header-drawer",
         spacing: "small",
         rounded: !0,
         open: d(M)(s.drawerOpen),
-        onClose: (v) => r()
+        onClose: (c) => u()
       }, {
         default: V(() => [
-          _("div", Qa, [
-            _("div", {
+          I("div", Za, [
+            I("div", {
               class: "db-header-navigation",
-              onClick: u[0] || (u[0] = async (v) => m(v))
+              onClick: r[0] || (r[0] = async (c) => h(c))
             }, [
               T(s.$slots, "default")
             ]),
-            _("div", Za, [
+            I("div", xa, [
               T(s.$slots, "meta-navigation")
             ])
           ]),
-          _("div", xa, [
+          I("div", et, [
             T(s.$slots, "secondary-action")
           ])
         ]),
         _: 3
       }, 8, ["open", "onClose"]),
-      _("div", et, [
+      I("div", at, [
         T(s.$slots, "meta-navigation")
       ]),
-      _("div", at, [
-        _("div", tt, [
+      I("div", tt, [
+        I("div", it, [
           T(s.$slots, "brand")
         ]),
-        _("div", it, [
-          _("div", lt, [
+        I("div", lt, [
+          I("div", ot, [
             T(s.$slots, "default")
           ]),
-          _("div", ot, [
+          I("div", dt, [
             T(s.$slots, "primary-action")
           ])
         ]),
-        _("div", dt, [
-          _("div", nt, [
+        I("div", nt, [
+          I("div", st, [
             te(Be, {
               icon: "menu",
               variant: "ghost",
               id: i.value + "-burger-menu",
               noText: !0,
-              onClick: (v) => r()
+              onClick: (c) => u()
             }, {
               default: V(() => [
-                C(S(s.burgerMenuLabel ?? d(La)), 1)
+                C(S(s.burgerMenuLabel ?? d(Ta)), 1)
               ]),
               _: 1
             }, 8, ["id", "onClick"])
           ]),
-          _("div", st, [
+          I("div", ut, [
             T(s.$slots, "secondary-action")
           ])
         ])
       ])
-    ], 10, Ja));
+    ], 10, Qa));
   }
-}), ut = ["id", "data-icon", "data-icon-weight", "data-icon-variant"], el = /* @__PURE__ */ U({
+}), rt = ["id", "data-icon", "data-icon-weight", "data-icon-variant"], al = /* @__PURE__ */ q({
   __name: "icon",
   props: {
     variant: { default: void 0 },
@@ -892,25 +892,25 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
   },
   setup(l) {
     const a = l, i = n(null);
-    return (e, t) => (f(), h("span", {
+    return (e, t) => (p(), g("span", {
       "aria-hidden": "true",
       ref_key: "_ref",
       ref: i,
       id: e.id,
-      class: z(d(q)("db-icon", a.class)),
+      class: P(d(z)("db-icon", a.class)),
       "data-icon": e.icon,
       "data-icon-weight": e.weight,
       "data-icon-variant": e.variant
     }, [
-      e.text ? (f(), h(G, { key: 0 }, [
+      e.text ? (p(), g(U, { key: 0 }, [
         C(S(e.text), 1)
       ], 64)) : T(e.$slots, "default", { key: 1 })
-    ], 10, ut));
+    ], 10, rt));
   }
-}), rt = ["data-variant", "data-hide-label", "data-hide-icon", "data-icon", "data-icon-after", "data-hide-icon-after"], vt = ["for"], ct = ["aria-invalid", "data-custom-validity", "id", "name", "type", "placeholder", "disabled", "required", "step", "value", "maxLength", "minLength", "max", "min", "readOnly", "form", "pattern", "size", "autoComplete", "autoFocus", "list", "aria-describedby"], ft = ["id"], pt = ["value"], mt = {
+}), ct = ["data-variant", "data-hide-label", "data-hide-icon", "data-icon", "data-icon-after", "data-hide-icon-after"], vt = ["for"], ft = ["aria-invalid", "data-custom-validity", "id", "name", "type", "placeholder", "disabled", "required", "step", "value", "maxLength", "minLength", "max", "min", "readOnly", "form", "pattern", "size", "autoComplete", "autoFocus", "list", "aria-describedby"], pt = ["id"], mt = ["value"], ht = {
   "data-visually-hidden": "true",
   role: "status"
-}, ht = /* @__PURE__ */ U({
+}, gt = /* @__PURE__ */ q({
   __name: "input",
   props: {
     dataList: { default: void 0 },
@@ -964,15 +964,15 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
   },
   emits: ["update:value"],
   setup(l, { emit: a }) {
-    const i = a, e = l, t = n(void 0), c = n(void 0), r = n(void 0), m = n(void 0), s = n(void 0), u = n(void 0), v = n(""), I = n(""), L = n(""), B = n(null);
+    const i = a, e = l, t = n(void 0), v = n(void 0), u = n(void 0), h = n(void 0), s = n(void 0), r = n(void 0), c = n(""), _ = n(""), L = n(""), B = n(null);
     Y(() => {
-      const p = e.id ?? `input-${Q()}`;
-      t.value = p, c.value = p + re, r.value = p + ve, m.value = p + ce, u.value = p + je, s.value = e.invalidMessage || ie;
+      const f = e.id ?? `input-${Q()}`;
+      t.value = f, v.value = f + re, u.value = f + ce, h.value = f + ve, r.value = f + Ye, s.value = e.invalidMessage || ie;
     }), A(
       () => [B.value, e.invalidMessage],
       () => {
-        var p;
-        s.value = e.invalidMessage || ((p = B.value) == null ? void 0 : p.validationMessage) || ie;
+        var f;
+        s.value = e.invalidMessage || ((f = B.value) == null ? void 0 : f.validationMessage) || ie;
       },
       {
         immediate: !0,
@@ -982,8 +982,8 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       () => [t.value],
       () => {
         if (t.value) {
-          const p = t.value + re;
-          c.value = p, r.value = t.value + ve, m.value = t.value + ce, u.value = e.dataListId ?? t.value + je, Z(e.message, e.showMessage) && (v.value = p);
+          const f = t.value + re;
+          v.value = f, u.value = t.value + ce, h.value = t.value + ve, r.value = e.dataListId ?? t.value + Ye, Z(e.message, e.showMessage) && (c.value = f);
         }
       },
       {
@@ -993,7 +993,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
     ), A(
       () => [e.value],
       () => {
-        I.value = e.value;
+        _.value = e.value;
       },
       {
         immediate: !0,
@@ -1004,117 +1004,117 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       return !!(e.validMessage ?? e.validation === "valid");
     }
     function w() {
-      var p, E, g;
-      !((p = B.value) != null && p.validity.valid) || e.validation === "invalid" ? (v.value = m.value, s.value = e.invalidMessage || ((E = B.value) == null ? void 0 : E.validationMessage) || ie, ue() && (L.value = s.value, ee(() => L.value = "", 1e3))) : N() && ((g = B.value) != null && g.validity.valid) && (e.required || e.minLength || e.maxLength || e.pattern) ? (v.value = r.value, ue() && (L.value = e.validMessage ?? fe, ee(() => L.value = "", 1e3))) : Z(e.message, e.showMessage) ? v.value = c.value : v.value = "";
+      var f, E, m;
+      !((f = B.value) != null && f.validity.valid) || e.validation === "invalid" ? (c.value = h.value, s.value = e.invalidMessage || ((E = B.value) == null ? void 0 : E.validationMessage) || ie, ue() && (L.value = s.value, ee(() => L.value = "", 1e3))) : N() && ((m = B.value) != null && m.validity.valid) && (e.required || e.minLength || e.maxLength || e.pattern) ? (c.value = u.value, ue() && (L.value = e.validMessage ?? fe, ee(() => L.value = "", 1e3))) : Z(e.message, e.showMessage) ? c.value = v.value : c.value = "";
     }
-    function $(p) {
-      e.input && e.input(p), I.value = p.target.value, e.onInput && e.onInput(p), oe(i, p), w();
+    function $(f) {
+      f.stopPropagation(), e.input && e.input(f), _.value = f.target.value, e.onInput && e.onInput(f), oe(i, f), w();
     }
-    function R(p) {
-      e.onChange && e.onChange(p), oe(() => {
-      }, p), w();
+    function R(f) {
+      f.stopPropagation(), e.onChange && e.onChange(f), oe(() => {
+      }, f), w();
     }
-    function y(p) {
-      e.onBlur && e.onBlur(p);
+    function y(f) {
+      f.stopPropagation(), e.onBlur && e.onBlur(f);
     }
-    function b(p) {
-      e.onFocus && e.onFocus(p);
+    function b(f) {
+      f.stopPropagation(), e.onFocus && e.onFocus(f);
     }
     function O() {
-      const p = e.dataList;
+      const f = e.dataList;
       return Array.from(
-        (ka(p) ? p == null ? void 0 : p.map((E) => ({
+        (Ba(f) ? f == null ? void 0 : f.map((E) => ({
           value: E,
           label: void 0
-        })) : p) || []
+        })) : f) || []
       );
     }
-    return (p, E) => (f(), h("div", {
-      class: z(d(q)("db-input", e.class)),
-      "data-variant": p.variant,
-      "data-hide-label": d(K)(p.showLabel),
-      "data-hide-icon": d(K)(p.showIcon),
-      "data-icon": p.icon,
-      "data-icon-after": p.iconAfter,
-      "data-hide-icon-after": d(K)(p.showIcon)
+    return (f, E) => (p(), g("div", {
+      class: P(d(z)("db-input", e.class)),
+      "data-variant": f.variant,
+      "data-hide-label": d(K)(f.showLabel),
+      "data-hide-icon": d(K)(f.showIcon),
+      "data-icon": f.icon,
+      "data-icon-after": f.iconAfter,
+      "data-hide-icon-after": d(K)(f.showIcon)
     }, [
-      _("label", { for: t.value }, S(p.label ?? d(ke)), 9, vt),
-      _("input", {
-        "aria-invalid": p.validation === "invalid",
-        "data-custom-validity": p.validation,
+      I("label", { for: t.value }, S(f.label ?? d(ke)), 9, vt),
+      I("input", {
+        "aria-invalid": f.validation === "invalid",
+        "data-custom-validity": f.validation,
         ref_key: "_ref",
         ref: B,
         id: t.value,
-        name: p.name,
-        type: p.type || "text",
-        placeholder: p.placeholder ?? d(Ke),
-        disabled: d(M)(p.disabled, "disabled"),
-        required: d(M)(p.required, "required"),
-        step: d(he)(p.step),
-        value: p.value ?? I.value,
-        maxLength: d(he)(p.maxLength, p.maxlength),
-        minLength: d(he)(p.minLength, p.minlength),
-        max: d(he)(p.max),
-        min: d(he)(p.min),
-        readOnly: d(M)(p.readOnly, "readOnly") || d(M)(p.readonly, "readonly"),
-        form: p.form,
-        pattern: p.pattern,
-        size: p.size,
-        autoComplete: p.autocomplete,
-        autoFocus: d(M)(p.autofocus, "autofocus"),
-        onInput: E[0] || (E[0] = async (g) => $(g)),
-        onChange: E[1] || (E[1] = async (g) => R(g)),
-        onBlur: E[2] || (E[2] = async (g) => y(g)),
-        onFocus: E[3] || (E[3] = async (g) => b(g)),
-        list: p.dataList && u.value,
-        "aria-describedby": p.ariaDescribedBy ?? v.value
-      }, null, 40, ct),
-      p.dataList ? (f(), h("datalist", {
+        name: f.name,
+        type: f.type || "text",
+        placeholder: f.placeholder ?? d(Je),
+        disabled: d(M)(f.disabled, "disabled"),
+        required: d(M)(f.required, "required"),
+        step: d(ye)(f.step),
+        value: f.value ?? _.value,
+        maxLength: d(ye)(f.maxLength, f.maxlength),
+        minLength: d(ye)(f.minLength, f.minlength),
+        max: d(We)(f.max, f.type),
+        min: d(We)(f.min, f.type),
+        readOnly: d(M)(f.readOnly, "readOnly") || d(M)(f.readonly, "readonly"),
+        form: f.form,
+        pattern: f.pattern,
+        size: f.size,
+        autoComplete: f.autocomplete,
+        autoFocus: d(M)(f.autofocus, "autofocus"),
+        onInput: E[0] || (E[0] = async (m) => $(m)),
+        onChange: E[1] || (E[1] = async (m) => R(m)),
+        onBlur: E[2] || (E[2] = async (m) => y(m)),
+        onFocus: E[3] || (E[3] = async (m) => b(m)),
+        list: f.dataList && r.value,
+        "aria-describedby": f.ariaDescribedBy ?? c.value
+      }, null, 40, ft),
+      f.dataList ? (p(), g("datalist", {
         key: 0,
-        id: u.value
+        id: r.value
       }, [
-        (f(!0), h(G, null, ge(O(), (g) => (f(), h("option", {
-          key: u.value + "-option-" + g.value,
-          value: g.value
-        }, S(g.label), 9, pt))), 128))
-      ], 8, ft)) : F("", !0),
-      T(p.$slots, "default"),
-      d(Z)(p.message, p.showMessage) ? (f(), J(ae, {
+        (p(!0), g(U, null, he(O(), (m) => (p(), g("option", {
+          key: r.value + "-option-" + m.value,
+          value: m.value
+        }, S(m.label), 9, mt))), 128))
+      ], 8, pt)) : F("", !0),
+      T(f.$slots, "default"),
+      d(Z)(f.message, f.showMessage) ? (p(), J(ae, {
         key: 1,
         size: "small",
-        icon: p.messageIcon,
-        id: c.value
+        icon: f.messageIcon,
+        id: v.value
       }, {
         default: V(() => [
-          C(S(p.message), 1)
+          C(S(f.message), 1)
         ]),
         _: 1
       }, 8, ["icon", "id"])) : F("", !0),
-      N() ? (f(), J(ae, {
+      N() ? (p(), J(ae, {
         key: 2,
         size: "small",
         semantic: "successful",
-        id: r.value
+        id: u.value
       }, {
         default: V(() => [
-          C(S(p.validMessage || d(fe)), 1)
+          C(S(f.validMessage || d(fe)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : F("", !0),
       te(ae, {
         size: "small",
         semantic: "critical",
-        id: m.value
+        id: h.value
       }, {
         default: V(() => [
           C(S(s.value), 1)
         ]),
         _: 1
       }, 8, ["id"]),
-      _("span", mt, S(L.value), 1)
-    ], 10, rt));
+      I("span", ht, S(L.value), 1)
+    ], 10, ct));
   }
-}), gt = ["id", "href", "target", "rel", "role", "hrefLang", "aria-disabled", "tabIndex", "aria-selected", "aria-label", "aria-current", "data-size", "data-hide-icon-after", "data-variant", "data-content"], al = /* @__PURE__ */ U({
+}), bt = ["id", "href", "target", "rel", "role", "hrefLang", "aria-disabled", "tabIndex", "aria-selected", "aria-label", "aria-current", "data-size", "data-hide-icon-after", "data-variant", "data-content"], tl = /* @__PURE__ */ q({
   __name: "link",
   props: {
     content: { default: void 0 },
@@ -1143,13 +1143,13 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
   setup(l) {
     const a = l, i = n(null);
     function e(t) {
-      a.onClick && a.onClick(t);
+      t.stopPropagation(), a.onClick && a.onClick(t);
     }
-    return (t, c) => (f(), h("a", {
+    return (t, v) => (p(), g("a", {
       ref_key: "_ref",
       ref: i,
       id: t.id,
-      class: z(d(q)("db-link", a.class)),
+      class: P(d(z)("db-link", a.class)),
       href: t.href,
       target: t.target,
       rel: t.rel,
@@ -1164,14 +1164,14 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       "data-hide-icon-after": d(K)(t.showIcon ?? !0),
       "data-variant": t.variant,
       "data-content": t.content || "internal",
-      onClick: c[0] || (c[0] = async (r) => e(r))
+      onClick: v[0] || (v[0] = async (u) => e(u))
     }, [
-      t.text ? (f(), h(G, { key: 0 }, [
+      t.text ? (p(), g(U, { key: 0 }, [
         C(S(t.text), 1)
       ], 64)) : T(t.$slots, "default", { key: 1 })
-    ], 10, gt));
+    ], 10, bt));
   }
-}), bt = ["id", "data-variant", "data-fade-in", "data-fonts-loaded"], tl = /* @__PURE__ */ U({
+}), yt = ["id", "data-variant", "data-fade-in", "data-fonts-loaded"], il = /* @__PURE__ */ q({
   __name: "page",
   props: {
     documentOverflow: { default: void 0 },
@@ -1193,27 +1193,27 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       i.value = !a.fadeIn, document && a.fadeIn ? document.fonts.ready.then(() => {
         i.value = !0;
       }) : i.value = !0;
-    }), ba(() => {
+    }), ya(() => {
       typeof window < "u" && document.documentElement.classList.contains("db-page-document") && document.documentElement.classList.remove("db-page-document");
-    }), (t, c) => (f(), h("div", {
+    }), (t, v) => (p(), g("div", {
       ref_key: "_ref",
       ref: e,
       id: t.id,
-      class: z(d(q)("db-page", a.class)),
+      class: P(d(z)("db-page", a.class)),
       "data-variant": t.variant,
       "data-fade-in": d(H)(t.fadeIn),
       "data-fonts-loaded": d(H)(i.value)
     }, [
       T(t.$slots, "header"),
-      _("main", {
-        class: z(d(q)("db-main", t.mainClass))
+      I("main", {
+        class: P(d(z)("db-main", t.mainClass))
       }, [
         T(t.$slots, "default")
       ], 2),
       T(t.$slots, "footer")
-    ], 10, bt));
+    ], 10, yt));
   }
-}), yt = ["data-size", "data-hide-label", "for"], kt = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "aria-describedby", "value", "required"], il = /* @__PURE__ */ U({
+}), kt = ["data-size", "data-hide-label", "for"], Bt = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "aria-describedby", "value", "required"], ll = /* @__PURE__ */ q({
   __name: "radio",
   props: {
     describedbyid: { default: void 0 },
@@ -1242,57 +1242,57 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
   },
   emits: ["update:value"],
   setup(l, { emit: a }) {
-    const i = a, e = l, t = n(!1), c = n(void 0), r = n(null);
+    const i = a, e = l, t = n(!1), v = n(void 0), u = n(null);
     Y(() => {
-      t.value = !0, c.value = e.id ?? `radio-${Q()}`;
+      t.value = !0, v.value = e.id ?? `radio-${Q()}`;
     }), A(
-      () => [t.value, r.value, e.checked],
+      () => [t.value, u.value, e.checked],
       () => {
-        e.checked && t.value && r.value && (r.value.checked = !0);
+        e.checked && t.value && u.value && (u.value.checked = !0);
       },
       {
         immediate: !0,
         flush: "post"
       }
     );
-    function m(v) {
-      e.onChange && e.onChange(v), oe(i, v);
+    function h(c) {
+      c.stopPropagation(), e.onChange && e.onChange(c), oe(i, c);
     }
-    function s(v) {
-      e.onBlur && e.onBlur(v);
+    function s(c) {
+      c.stopPropagation(), e.onBlur && e.onBlur(c);
     }
-    function u(v) {
-      e.onFocus && e.onFocus(v);
+    function r(c) {
+      c.stopPropagation(), e.onFocus && e.onFocus(c);
     }
-    return (v, I) => (f(), h("label", {
-      "data-size": v.size,
-      "data-hide-label": d(K)(v.showLabel),
-      class: z(d(q)("db-radio", e.class)),
-      for: c.value
+    return (c, _) => (p(), g("label", {
+      "data-size": c.size,
+      "data-hide-label": d(K)(c.showLabel),
+      class: P(d(z)("db-radio", e.class)),
+      for: v.value
     }, [
-      _("input", {
+      I("input", {
         type: "radio",
-        "aria-invalid": v.validation === "invalid",
-        "data-custom-validity": v.validation,
+        "aria-invalid": c.validation === "invalid",
+        "data-custom-validity": c.validation,
         ref_key: "_ref",
-        ref: r,
-        id: c.value,
-        name: v.name,
-        checked: d(M)(v.checked, "checked"),
-        disabled: d(M)(v.disabled, "disabled"),
-        "aria-describedby": v.describedbyid,
-        value: v.value,
-        required: d(M)(v.required, "required"),
-        onChange: I[0] || (I[0] = async (L) => m(L)),
-        onBlur: I[1] || (I[1] = async (L) => s(L)),
-        onFocus: I[2] || (I[2] = async (L) => u(L))
-      }, null, 40, kt),
-      v.label ? (f(), h(G, { key: 0 }, [
-        C(S(v.label), 1)
-      ], 64)) : T(v.$slots, "default", { key: 1 })
-    ], 10, yt));
+        ref: u,
+        id: v.value,
+        name: c.name,
+        checked: d(M)(c.checked, "checked"),
+        disabled: d(M)(c.disabled, "disabled"),
+        "aria-describedby": c.describedbyid,
+        value: c.value,
+        required: d(M)(c.required, "required"),
+        onChange: _[0] || (_[0] = async (L) => h(L)),
+        onBlur: _[1] || (_[1] = async (L) => s(L)),
+        onFocus: _[2] || (_[2] = async (L) => r(L))
+      }, null, 40, Bt),
+      c.label ? (p(), g(U, { key: 0 }, [
+        C(S(c.label), 1)
+      ], 64)) : T(c.$slots, "default", { key: 1 })
+    ], 10, kt));
   }
-}), Bt = ["id", "data-spacing", "data-width"], ll = /* @__PURE__ */ U({
+}), St = ["id", "data-spacing", "data-width"], ol = /* @__PURE__ */ q({
   __name: "section",
   props: {
     children: { default: void 0 },
@@ -1308,21 +1308,21 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
     const a = l, i = n(we), e = n(null);
     return Y(() => {
       i.value = a.id || "section-" + Q();
-    }), (t, c) => (f(), h("section", {
+    }), (t, v) => (p(), g("section", {
       ref_key: "_ref",
       ref: e,
       id: i.value,
-      class: z(d(q)("db-section", a.class)),
+      class: P(d(z)("db-section", a.class)),
       "data-spacing": t.spacing || "medium",
       "data-width": t.width
     }, [
       T(t.$slots, "default")
-    ], 10, Bt));
+    ], 10, St));
   }
-}), St = ["data-variant", "data-hide-label", "data-icon", "data-hide-icon"], wt = ["for"], _t = ["aria-invalid", "data-custom-validity", "required", "disabled", "id", "name", "size", "value", "autocomplete", "multiple", "aria-describedby"], It = ["label"], Lt = ["value", "selected", "disabled"], Tt = ["value", "disabled", "selected"], $t = ["id"], At = {
+}), wt = ["data-variant", "data-hide-label", "data-icon", "data-hide-icon"], It = ["for"], _t = ["aria-invalid", "data-custom-validity", "required", "disabled", "id", "name", "size", "value", "autocomplete", "multiple", "aria-describedby"], Lt = ["label"], Tt = ["value", "selected", "disabled"], $t = ["value", "disabled", "selected"], At = ["id"], Ct = {
   "data-visually-hidden": "true",
   role: "status"
-}, ol = /* @__PURE__ */ U({
+}, dl = /* @__PURE__ */ q({
   __name: "select",
   props: {
     children: { default: void 0 },
@@ -1365,16 +1365,16 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
   },
   emits: ["update:value"],
   setup(l, { emit: a }) {
-    const i = a, e = l, t = n(void 0), c = n(void 0), r = n(void 0), m = n(void 0), s = n(void 0), u = n(""), v = n(""), I = n(""), L = n(!1), B = n(""), N = n(null);
+    const i = a, e = l, t = n(void 0), v = n(void 0), u = n(void 0), h = n(void 0), s = n(void 0), r = n(""), c = n(""), _ = n(""), L = n(!1), B = n(""), N = n(null);
     Y(() => {
       L.value = !0;
-      const g = e.id ?? `select-${Q()}`;
-      t.value = g, c.value = g + re, r.value = g + ve, m.value = g + ce, u.value = g + Ne, s.value = e.invalidMessage || ie;
+      const m = e.id ?? `select-${Q()}`;
+      t.value = m, v.value = m + re, u.value = m + ce, h.value = m + ve, r.value = m + Ne, s.value = e.invalidMessage || ie;
     }), A(
       () => [N.value, e.invalidMessage],
       () => {
-        var g;
-        s.value = e.invalidMessage || ((g = N.value) == null ? void 0 : g.validationMessage) || ie;
+        var m;
+        s.value = e.invalidMessage || ((m = N.value) == null ? void 0 : m.validationMessage) || ie;
       },
       {
         immediate: !0,
@@ -1384,8 +1384,8 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       () => [t.value, L.value],
       () => {
         if (t.value && L.value) {
-          const g = t.value + re, X = t.value + Ne;
-          c.value = g, r.value = t.value + ve, m.value = t.value + ce, u.value = X, Z(e.message, e.showMessage) ? v.value = g : v.value = X, L.value = !1;
+          const m = t.value + re, X = t.value + Ne;
+          v.value = m, u.value = t.value + ce, h.value = t.value + ve, r.value = X, Z(e.message, e.showMessage) ? c.value = m : c.value = X, L.value = !1;
         }
       },
       {
@@ -1395,7 +1395,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
     ), A(
       () => [e.value],
       () => {
-        I.value = e.value;
+        _.value = e.value;
       },
       {
         immediate: !0,
@@ -1406,115 +1406,115 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       return !!(e.validMessage ?? e.validation === "valid");
     }
     function $() {
-      var g, X, j;
-      !((g = N.value) != null && g.validity.valid) || e.validation === "invalid" ? (v.value = m.value, s.value = e.invalidMessage || ((X = N.value) == null ? void 0 : X.validationMessage) || ie, ue() && (B.value = s.value, ee(() => B.value = "", 1e3))) : w() && ((j = N.value) != null && j.validity.valid) && e.required ? (v.value = r.value, ue() && (B.value = e.validMessage ?? fe, ee(() => B.value = "", 1e3))) : Z(e.message, e.showMessage) ? v.value = c.value : v.value = u.value;
+      var m, X, j;
+      !((m = N.value) != null && m.validity.valid) || e.validation === "invalid" ? (c.value = h.value, s.value = e.invalidMessage || ((X = N.value) == null ? void 0 : X.validationMessage) || ie, ue() && (B.value = s.value, ee(() => B.value = "", 1e3))) : w() && ((j = N.value) != null && j.validity.valid) && e.required ? (c.value = u.value, ue() && (B.value = e.validMessage ?? fe, ee(() => B.value = "", 1e3))) : Z(e.message, e.showMessage) ? c.value = v.value : c.value = r.value;
     }
-    function R(g) {
-      e.onClick && e.onClick(g);
+    function R(m) {
+      m.stopPropagation(), e.onClick && e.onClick(m);
     }
-    function y(g) {
-      e.input && e.input(g), I.value = g.target.value, e.onInput && e.onInput(g), oe(i, g), $();
+    function y(m) {
+      m.stopPropagation(), e.input && e.input(m), _.value = m.target.value, e.onInput && e.onInput(m), oe(i, m), $();
     }
-    function b(g) {
-      e.onChange && e.onChange(g), oe(() => {
-      }, g), $();
+    function b(m) {
+      m.stopPropagation(), e.onChange && e.onChange(m), oe(() => {
+      }, m), $();
     }
-    function O(g) {
-      e.onBlur && e.onBlur(g);
+    function O(m) {
+      m.stopPropagation(), e.onBlur && e.onBlur(m);
     }
-    function p(g) {
-      e.onFocus && e.onFocus(g);
+    function f(m) {
+      m.stopPropagation(), e.onFocus && e.onFocus(m);
     }
-    function E(g) {
+    function E(m) {
       var X;
-      return g.label ?? ((X = g.value) == null ? void 0 : X.toString());
-    }
-    return (g, X) => (f(), h("div", {
-      class: z(d(q)("db-select", e.class)),
-      "data-variant": g.variant,
-      "data-hide-label": d(K)(g.showLabel),
-      "data-icon": g.icon,
-      "data-hide-icon": d(K)(g.showIcon)
+      return m.label ?? ((X = m.value) == null ? void 0 : X.toString());
+    }
+    return (m, X) => (p(), g("div", {
+      class: P(d(z)("db-select", e.class)),
+      "data-variant": m.variant,
+      "data-hide-label": d(K)(m.showLabel),
+      "data-icon": m.icon,
+      "data-hide-icon": d(K)(m.showIcon)
     }, [
-      _("label", { for: t.value }, S(g.label ?? d(ke)), 9, wt),
-      _("select", {
-        "aria-invalid": g.validation === "invalid",
-        "data-custom-validity": g.validation,
+      I("label", { for: t.value }, S(m.label ?? d(ke)), 9, It),
+      I("select", {
+        "aria-invalid": m.validation === "invalid",
+        "data-custom-validity": m.validation,
         ref_key: "_ref",
         ref: N,
-        required: d(M)(g.required, "required"),
-        disabled: d(M)(g.disabled, "disabled"),
+        required: d(M)(m.required, "required"),
+        disabled: d(M)(m.disabled, "disabled"),
         id: t.value,
-        name: g.name,
-        size: g.size,
-        value: g.value ?? I.value,
-        autocomplete: g.autocomplete,
-        multiple: g.multiple,
+        name: m.name,
+        size: m.size,
+        value: m.value ?? _.value,
+        autocomplete: m.autocomplete,
+        multiple: m.multiple,
         onInput: X[0] || (X[0] = async (j) => y(j)),
         onClick: X[1] || (X[1] = async (j) => R(j)),
         onChange: X[2] || (X[2] = async (j) => b(j)),
         onBlur: X[3] || (X[3] = async (j) => O(j)),
-        onFocus: X[4] || (X[4] = async (j) => p(j)),
-        "aria-describedby": v.value
+        onFocus: X[4] || (X[4] = async (j) => f(j)),
+        "aria-describedby": c.value
       }, [
-        X[5] || (X[5] = _("option", { hidden: !0 }, null, -1)),
-        g.options ? (f(!0), h(G, { key: 0 }, ge(g.options, (j, Ae) => (f(), h(G, { key: Ae }, [
-          j.options ? (f(), h("optgroup", {
+        X[5] || (X[5] = I("option", { hidden: !0 }, null, -1)),
+        m.options ? (p(!0), g(U, { key: 0 }, he(m.options, (j, Ae) => (p(), g(U, { key: Ae }, [
+          j.options ? (p(), g("optgroup", {
             key: 0,
             label: E(j)
           }, [
-            (f(!0), h(G, null, ge(j.options, (pe, _e) => (f(), h("option", {
+            (p(!0), g(U, null, he(j.options, (pe, Ie) => (p(), g("option", {
               key: pe.value.toString(),
               value: pe.value,
               selected: pe.selected,
               disabled: pe.disabled
-            }, S(E(pe)), 9, Lt))), 128))
-          ], 8, It)) : F("", !0),
-          j.options ? F("", !0) : (f(), h("option", {
+            }, S(E(pe)), 9, Tt))), 128))
+          ], 8, Lt)) : F("", !0),
+          j.options ? F("", !0) : (p(), g("option", {
             key: 1,
             value: j.value,
             disabled: j.disabled,
             selected: j.selected
-          }, S(E(j)), 9, Tt))
-        ], 64))), 128)) : T(g.$slots, "default", { key: 1 })
+          }, S(E(j)), 9, $t))
+        ], 64))), 128)) : T(m.$slots, "default", { key: 1 })
       ], 40, _t),
-      _("span", { id: u.value }, S(g.placeholder ?? g.label), 9, $t),
-      d(Z)(g.message, g.showMessage) ? (f(), J(ae, {
+      I("span", { id: r.value }, S(m.placeholder ?? m.label), 9, At),
+      d(Z)(m.message, m.showMessage) ? (p(), J(ae, {
         key: 0,
         size: "small",
-        icon: g.messageIcon,
-        id: c.value
+        icon: m.messageIcon,
+        id: v.value
       }, {
         default: V(() => [
-          C(S(g.message), 1)
+          C(S(m.message), 1)
         ]),
         _: 1
       }, 8, ["icon", "id"])) : F("", !0),
-      w() ? (f(), J(ae, {
+      w() ? (p(), J(ae, {
         key: 1,
         size: "small",
         semantic: "successful",
-        id: r.value
+        id: u.value
       }, {
         default: V(() => [
-          C(S(g.validMessage || d(fe)), 1)
+          C(S(m.validMessage || d(fe)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : F("", !0),
       te(ae, {
         size: "small",
         semantic: "critical",
-        id: m.value
+        id: h.value
       }, {
         default: V(() => [
           C(S(s.value), 1)
         ]),
         _: 1
       }, 8, ["id"]),
-      _("span", At, S(B.value), 1)
-    ], 10, St));
+      I("span", Ct, S(B.value), 1)
+    ], 10, wt));
   }
-}), Ct = ["data-visual-aid", "data-size", "data-hide-label", "data-emphasis", "for"], Et = ["id", "aria-checked", "checked", "value", "disabled", "aria-describedby", "aria-invalid", "data-custom-validity", "name", "required", "data-aid-icon", "data-aid-icon-after"], dl = /* @__PURE__ */ U({
+}), Et = ["data-visual-aid", "data-size", "data-hide-label", "data-emphasis", "for"], Nt = ["id", "aria-checked", "checked", "value", "disabled", "aria-describedby", "aria-invalid", "data-custom-validity", "name", "required", "data-aid-icon", "data-aid-icon-after"], nl = /* @__PURE__ */ q({
   __name: "switch",
   props: {
     visualAid: { type: [Boolean, String], default: void 0 },
@@ -1547,64 +1547,64 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
   },
   emits: ["update:checked"],
   setup(l, { emit: a }) {
-    const i = a, e = l, t = n(void 0), c = n(!1), r = n(null);
+    const i = a, e = l, t = n(void 0), v = n(!1), u = n(null);
     Y(() => {
       t.value = e.id ?? `switch-${Q()}`;
     }), A(
       () => [e.checked],
       () => {
-        e.checked !== void 0 && e.checked !== null && (c.value = M(e.checked));
+        e.checked !== void 0 && e.checked !== null && (v.value = M(e.checked));
       },
       {
         immediate: !0,
         flush: "post"
       }
     );
-    function m(v) {
-      var I;
-      e.onChange && e.onChange(v), c.value = (I = v.target) == null ? void 0 : I.checked, oe(i, v, "checked");
+    function h(c) {
+      var _;
+      c.stopPropagation(), e.onChange && e.onChange(c), v.value = (_ = c.target) == null ? void 0 : _.checked, oe(i, c, "checked");
     }
-    function s(v) {
-      e.onBlur && e.onBlur(v);
+    function s(c) {
+      c.stopPropagation(), e.onBlur && e.onBlur(c);
     }
-    function u(v) {
-      e.onFocus && e.onFocus(v);
+    function r(c) {
+      c.stopPropagation(), e.onFocus && e.onFocus(c);
     }
-    return (v, I) => (f(), h("label", {
-      "data-visual-aid": d(H)(v.visualAid),
-      "data-size": v.size,
-      "data-hide-label": d(K)(v.showLabel),
-      "data-emphasis": v.emphasis,
+    return (c, _) => (p(), g("label", {
+      "data-visual-aid": d(H)(c.visualAid),
+      "data-size": c.size,
+      "data-hide-label": d(K)(c.showLabel),
+      "data-emphasis": c.emphasis,
       for: t.value,
-      class: z(d(q)("db-switch", e.class))
+      class: P(d(z)("db-switch", e.class))
     }, [
-      _("input", {
+      I("input", {
         type: "checkbox",
         role: "switch",
         id: t.value,
-        "aria-checked": d(H)(c.value),
+        "aria-checked": d(H)(v.value),
         ref_key: "_ref",
-        ref: r,
-        checked: d(M)(v.checked, "checked"),
-        value: v.value,
-        disabled: d(M)(v.disabled, "disabled"),
-        "aria-describedby": v.describedbyid,
-        "aria-invalid": v.validation === "invalid",
-        "data-custom-validity": v.validation,
-        name: v.name,
-        required: d(M)(v.required, "required"),
-        "data-aid-icon": v.icon,
-        "data-aid-icon-after": v.iconAfter,
-        onChange: I[0] || (I[0] = async (L) => m(L)),
-        onBlur: I[1] || (I[1] = async (L) => s(L)),
-        onFocus: I[2] || (I[2] = async (L) => u(L))
-      }, null, 40, Et),
-      v.label ? (f(), h(G, { key: 0 }, [
-        C(S(v.label), 1)
-      ], 64)) : T(v.$slots, "default", { key: 1 })
-    ], 10, Ct));
+        ref: u,
+        checked: d(M)(c.checked, "checked"),
+        value: c.value,
+        disabled: d(M)(c.disabled, "disabled"),
+        "aria-describedby": c.describedbyid,
+        "aria-invalid": c.validation === "invalid",
+        "data-custom-validity": c.validation,
+        name: c.name,
+        required: d(M)(c.required, "required"),
+        "data-aid-icon": c.icon,
+        "data-aid-icon-after": c.iconAfter,
+        onChange: _[0] || (_[0] = async (L) => h(L)),
+        onBlur: _[1] || (_[1] = async (L) => s(L)),
+        onFocus: _[2] || (_[2] = async (L) => r(L))
+      }, null, 40, Nt),
+      c.label ? (p(), g(U, { key: 0 }, [
+        C(S(c.label), 1)
+      ], 64)) : T(c.$slots, "default", { key: 1 })
+    ], 10, Et));
   }
-}), Nt = ["for", "data-icon", "data-icon-after", "data-hide-icon", "data-hide-icon-after", "data-no-text"], Dt = ["disabled", "aria-selected", "aria-controls", "checked", "name", "id"], Ft = /* @__PURE__ */ U({
+}), Dt = ["for", "data-icon", "data-icon-after", "data-hide-icon", "data-hide-icon-after", "data-no-text"], Ft = ["disabled", "aria-selected", "aria-controls", "checked", "name", "id"], Mt = /* @__PURE__ */ q({
   __name: "tab-item",
   props: {
     children: { default: void 0 },
@@ -1628,13 +1628,13 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
   },
   emits: ["update:checked"],
   setup(l, { emit: a }) {
-    const i = a, e = l, t = n(!1), c = n(void 0), r = n(!1), m = n(null);
+    const i = a, e = l, t = n(!1), v = n(void 0), u = n(!1), h = n(null);
     Y(() => {
-      r.value = !0;
+      u.value = !0;
     }), A(
-      () => [m.value, r.value],
+      () => [h.value, u.value],
       () => {
-        r.value && m.value && (e.active && m.value.click(), r.value = !1);
+        u.value && h.value && (e.active && h.value.click(), u.value = !1);
       },
       {
         immediate: !0,
@@ -1643,50 +1643,50 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
     ), A(
       () => [e.name],
       () => {
-        e.name && (c.value = e.name);
+        e.name && (v.value = e.name);
       },
       {
         immediate: !0,
         flush: "post"
       }
     );
-    function s(u) {
-      var v;
-      e.onChange && e.onChange(u), t.value = (v = u.target) == null ? void 0 : v.checked, oe(i, u, "checked");
+    function s(r) {
+      var c;
+      r.stopPropagation(), e.onChange && e.onChange(r), t.value = (c = r.target) == null ? void 0 : c.checked, oe(i, r, "checked");
     }
-    return (u, v) => (f(), h("li", {
+    return (r, c) => (p(), g("li", {
       role: "none",
-      class: z(d(q)("db-tab-item", e.class))
+      class: P(d(z)("db-tab-item", e.class))
     }, [
-      _("label", {
-        for: u.id,
-        "data-icon": u.icon,
-        "data-icon-after": u.iconAfter,
-        "data-hide-icon": d(K)(u.showIcon),
-        "data-hide-icon-after": d(K)(u.showIcon),
-        "data-no-text": d(H)(u.noText)
+      I("label", {
+        for: r.id,
+        "data-icon": r.icon,
+        "data-icon-after": r.iconAfter,
+        "data-hide-icon": d(K)(r.showIcon),
+        "data-hide-icon-after": d(K)(r.showIcon),
+        "data-no-text": d(H)(r.noText)
       }, [
-        _("input", {
+        I("input", {
           type: "radio",
           role: "tab",
-          disabled: d(M)(u.disabled, "disabled"),
+          disabled: d(M)(r.disabled, "disabled"),
           "aria-selected": t.value,
-          "aria-controls": u.controls,
-          checked: d(M)(u.checked, "checked"),
+          "aria-controls": r.controls,
+          checked: d(M)(r.checked, "checked"),
           ref_key: "_ref",
-          ref: m,
-          name: c.value,
-          id: u.id,
-          onInput: v[0] || (v[0] = async (I) => s(I))
-        }, null, 40, Dt),
-        u.label ? (f(), h(G, { key: 0 }, [
-          C(S(u.label), 1)
+          ref: h,
+          name: v.value,
+          id: r.id,
+          onInput: c[0] || (c[0] = async (_) => s(_))
+        }, null, 40, Ft),
+        r.label ? (p(), g(U, { key: 0 }, [
+          C(S(r.label), 1)
         ], 64)) : F("", !0),
-        T(u.$slots, "default")
-      ], 8, Nt)
+        T(r.$slots, "default")
+      ], 8, Dt)
     ], 2));
   }
-}), Mt = ["id", "data-disabled", "data-semantic", "data-emphasis", "data-icon", "data-show-check-state", "data-hide-icon", "data-no-text", "data-overflow"], Rt = ["title"], zt = /* @__PURE__ */ U({
+}), Rt = ["id", "data-disabled", "data-semantic", "data-emphasis", "data-icon", "data-show-check-state", "data-hide-icon", "data-no-text", "data-overflow"], Pt = ["title"], zt = /* @__PURE__ */ q({
   __name: "tag",
   props: {
     behavior: { default: void 0 },
@@ -1716,13 +1716,13 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
     i.value = !0, A(
       () => [i.value, a.disabled, e.value],
       () => {
-        var r, m;
+        var u, h;
         if (i.value && e.value && a.disabled !== void 0) {
-          const s = (r = e.value) == null ? void 0 : r.querySelector(
+          const s = (u = e.value) == null ? void 0 : u.querySelector(
             "button:not(.db-tab-remove-button)"
-          ), u = (m = e.value) == null ? void 0 : m.querySelector("input");
-          for (const v of [s, u])
-            v && (v.disabled = !!a.disabled);
+          ), r = (h = e.value) == null ? void 0 : h.querySelector("input");
+          for (const c of [s, r])
+            c && (c.disabled = !!a.disabled);
         }
       },
       {
@@ -1730,47 +1730,47 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         flush: "post"
       }
     );
-    function t(r) {
-      a.onRemove && a.onRemove(r);
+    function t(u) {
+      u == null || u.stopPropagation(), a.onRemove && a.onRemove(u);
     }
-    function c() {
-      return a.removeButton ? a.removeButton : Je;
+    function v() {
+      return a.removeButton ? a.removeButton : Qe;
     }
-    return (r, m) => (f(), h("div", {
+    return (u, h) => (p(), g("div", {
       ref_key: "_ref",
       ref: e,
-      id: r.id,
-      class: z(d(q)("db-tag", a.class)),
-      "data-disabled": d(H)(r.disabled),
-      "data-semantic": r.semantic,
-      "data-emphasis": r.emphasis,
-      "data-icon": r.icon,
-      "data-show-check-state": d(H)(r.showCheckState ?? !0),
-      "data-hide-icon": d(K)(r.showIcon),
-      "data-no-text": d(H)(r.noText),
-      "data-overflow": d(H)(r.overflow)
+      id: u.id,
+      class: P(d(z)("db-tag", a.class)),
+      "data-disabled": d(H)(u.disabled),
+      "data-semantic": u.semantic,
+      "data-emphasis": u.emphasis,
+      "data-icon": u.icon,
+      "data-show-check-state": d(H)(u.showCheckState ?? !0),
+      "data-hide-icon": d(K)(u.showIcon),
+      "data-no-text": d(H)(u.noText),
+      "data-overflow": d(H)(u.overflow)
     }, [
-      T(r.$slots, "content"),
-      T(r.$slots, "default"),
-      r.text ? (f(), h(G, { key: 0 }, [
-        C(S(r.text), 1)
+      T(u.$slots, "content"),
+      T(u.$slots, "default"),
+      u.text ? (p(), g(U, { key: 0 }, [
+        C(S(u.text), 1)
       ], 64)) : F("", !0),
-      r.behavior === "removable" ? (f(), h("button", {
+      u.behavior === "removable" ? (p(), g("button", {
         key: 1,
         class: "db-button db-tab-remove-button",
         "data-icon": "cross",
         "data-size": "small",
         "data-no-text": "true",
         "data-variant": "ghost",
-        onClick: m[0] || (m[0] = async (s) => t(s)),
-        title: c()
-      }, S(c()), 9, Rt)) : F("", !0)
-    ], 10, Mt));
+        onClick: h[0] || (h[0] = async (s) => t(s)),
+        title: v()
+      }, S(v()), 9, Pt)) : F("", !0)
+    ], 10, Rt));
   }
-}), qt = ["data-variant", "data-hide-label"], Ut = ["for"], Gt = ["aria-invalid", "data-custom-validity", "id", "data-resize", "disabled", "required", "readOnly", "form", "maxLength", "minLength", "name", "wrap", "spellcheck", "autocomplete", "value", "aria-describedby", "placeholder", "rows", "cols"], Pt = {
+}), qt = ["data-variant", "data-hide-label"], Ut = ["for"], Gt = ["aria-invalid", "data-custom-validity", "id", "data-resize", "disabled", "required", "readOnly", "form", "maxLength", "minLength", "name", "wrap", "spellcheck", "autocomplete", "value", "aria-describedby", "placeholder", "rows", "cols"], Vt = {
   "data-visually-hidden": "true",
   role: "status"
-}, nl = /* @__PURE__ */ U({
+}, sl = /* @__PURE__ */ q({
   __name: "textarea",
   props: {
     cols: { default: void 0 },
@@ -1818,10 +1818,10 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
   },
   emits: ["update:value"],
   setup(l, { emit: a }) {
-    const i = a, e = l, t = n(void 0), c = n(void 0), r = n(void 0), m = n(void 0), s = n(void 0), u = n(""), v = n(""), I = n(""), L = n(null);
+    const i = a, e = l, t = n(void 0), v = n(void 0), u = n(void 0), h = n(void 0), s = n(void 0), r = n(""), c = n(""), _ = n(""), L = n(null);
     Y(() => {
       const b = e.id ?? `textarea-${Q()}`;
-      t.value = b, c.value = b + re, r.value = b + ve, m.value = b + ce, s.value = e.invalidMessage || ie;
+      t.value = b, v.value = b + re, u.value = b + ce, h.value = b + ve, s.value = e.invalidMessage || ie;
     }), A(
       () => [L.value, e.invalidMessage],
       () => {
@@ -1837,7 +1837,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       () => {
         if (t.value) {
           const b = t.value + re;
-          c.value = b, r.value = t.value + ve, m.value = t.value + ce, Z(e.message, e.showMessage) && (u.value = b);
+          v.value = b, u.value = t.value + ce, h.value = t.value + ve, Z(e.message, e.showMessage) && (r.value = b);
         }
       },
       {
@@ -1847,7 +1847,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
     ), A(
       () => [e.value],
       () => {
-        v.value = e.value;
+        c.value = e.value;
       },
       {
         immediate: !0,
@@ -1858,29 +1858,29 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       return !!(e.validMessage ?? e.validation === "valid");
     }
     function N() {
-      var b, O, p;
-      !((b = L.value) != null && b.validity.valid) || e.validation === "invalid" ? (u.value = m.value, s.value = e.invalidMessage || ((O = L.value) == null ? void 0 : O.validationMessage) || ie, ue() && (I.value = s.value, ee(() => I.value = "", 1e3))) : B() && ((p = L.value) != null && p.validity.valid) && (e.required || e.minLength || e.maxLength) ? (u.value = r.value, ue() && (I.value = e.validMessage ?? fe, ee(() => I.value = "", 1e3))) : Z(e.message, e.showMessage) ? u.value = c.value : u.value = "";
+      var b, O, f;
+      !((b = L.value) != null && b.validity.valid) || e.validation === "invalid" ? (r.value = h.value, s.value = e.invalidMessage || ((O = L.value) == null ? void 0 : O.validationMessage) || ie, ue() && (_.value = s.value, ee(() => _.value = "", 1e3))) : B() && ((f = L.value) != null && f.validity.valid) && (e.required || e.minLength || e.maxLength) ? (r.value = u.value, ue() && (_.value = e.validMessage ?? fe, ee(() => _.value = "", 1e3))) : Z(e.message, e.showMessage) ? r.value = v.value : r.value = "";
     }
     function w(b) {
-      e.input && e.input(b), v.value = b.target.value, e.onInput && e.onInput(b), oe(i, b), N();
+      b.stopPropagation(), e.input && e.input(b), c.value = b.target.value, e.onInput && e.onInput(b), oe(i, b), N();
     }
     function $(b) {
-      e.onChange && e.onChange(b), oe(() => {
+      b.stopPropagation(), e.onChange && e.onChange(b), oe(() => {
       }, b), N();
     }
     function R(b) {
-      e.onBlur && e.onBlur(b);
+      b.stopPropagation(), e.onBlur && e.onBlur(b);
     }
     function y(b) {
-      e.onFocus && e.onFocus(b);
+      b.stopPropagation(), e.onFocus && e.onFocus(b);
     }
-    return (b, O) => (f(), h("div", {
-      class: z(d(q)("db-textarea", e.class)),
+    return (b, O) => (p(), g("div", {
+      class: P(d(z)("db-textarea", e.class)),
       "data-variant": b.variant,
       "data-hide-label": d(K)(b.showLabel)
     }, [
-      _("label", { for: t.value }, S(b.label ?? d(ke)), 9, Ut),
-      _("textarea", {
+      I("label", { for: t.value }, S(b.label ?? d(ke)), 9, Ut),
+      I("textarea", {
         "aria-invalid": b.validation === "invalid",
         "data-custom-validity": b.validation,
         ref_key: "_ref",
@@ -1891,38 +1891,38 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         required: d(M)(b.required, "required"),
         readOnly: d(M)(b.readOnly, "readOnly") || d(M)(b.readonly, "readonly"),
         form: b.form,
-        maxLength: d(he)(b.maxLength, b.maxlength),
-        minLength: d(he)(b.minLength, b.minlength),
+        maxLength: d(ye)(b.maxLength, b.maxlength),
+        minLength: d(ye)(b.minLength, b.minlength),
         name: b.name,
         wrap: b.wrap,
         spellcheck: b.spellCheck,
         autocomplete: b.autocomplete,
-        onInput: O[0] || (O[0] = async (p) => w(p)),
-        onChange: O[1] || (O[1] = async (p) => $(p)),
-        onBlur: O[2] || (O[2] = async (p) => R(p)),
-        onFocus: O[3] || (O[3] = async (p) => y(p)),
-        value: b.value ?? v.value,
-        "aria-describedby": u.value,
-        placeholder: b.placeholder ?? d(Ke),
-        rows: d(he)(b.rows, d($a)),
-        cols: d(he)(b.cols)
+        onInput: O[0] || (O[0] = async (f) => w(f)),
+        onChange: O[1] || (O[1] = async (f) => $(f)),
+        onBlur: O[2] || (O[2] = async (f) => R(f)),
+        onFocus: O[3] || (O[3] = async (f) => y(f)),
+        value: b.value ?? c.value,
+        "aria-describedby": r.value,
+        placeholder: b.placeholder ?? d(Je),
+        rows: d(ye)(b.rows, d(Aa)),
+        cols: d(ye)(b.cols)
       }, null, 40, Gt),
-      d(Z)(b.message, b.showMessage) ? (f(), J(ae, {
+      d(Z)(b.message, b.showMessage) ? (p(), J(ae, {
         key: 0,
         size: "small",
         icon: b.messageIcon,
-        id: c.value
+        id: v.value
       }, {
         default: V(() => [
           C(S(b.message), 1)
         ]),
         _: 1
       }, 8, ["icon", "id"])) : F("", !0),
-      B() ? (f(), J(ae, {
+      B() ? (p(), J(ae, {
         key: 1,
         size: "small",
         semantic: "successful",
-        id: r.value
+        id: u.value
       }, {
         default: V(() => [
           C(S(b.validMessage || d(fe)), 1)
@@ -1932,20 +1932,20 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       te(ae, {
         size: "small",
         semantic: "critical",
-        id: m.value
+        id: h.value
       }, {
         default: V(() => [
           C(S(s.value), 1)
         ]),
         _: 1
       }, 8, ["id"]),
-      _("span", Pt, S(I.value), 1)
+      I("span", Vt, S(_.value), 1)
     ], 10, qt));
   }
-}), Vt = ["id", "data-width", "data-icon", "data-hide-icon", "data-active", "data-wrap", "aria-disabled"], Ot = ["aria-haspopup", "aria-expanded", "disabled"], Wt = ["data-auto-close", "id"], Xt = {
+}), Ot = ["id", "data-width", "data-icon", "data-hide-icon", "data-active", "data-wrap", "aria-disabled"], Wt = ["aria-haspopup", "aria-expanded", "disabled"], Xt = ["data-auto-close", "id"], Ht = {
   key: 0,
   class: "db-mobile-navigation-back"
-}, sl = /* @__PURE__ */ U({
+}, ul = /* @__PURE__ */ q({
   __name: "navigation-item",
   props: {
     active: { type: Boolean, default: void 0 },
@@ -1968,15 +1968,15 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
     text: { default: void 0 }
   },
   setup(l) {
-    const a = l, i = n(!1), e = n(!1), t = n(!0), c = n(!1), r = n(!1), m = n(
+    const a = l, i = n(!1), e = n(!1), t = n(!0), v = n(!1), u = n(!1), h = n(
       "sub-navigation-" + Q()
-    ), s = n(void 0), u = n(null);
+    ), s = n(void 0), r = n(null);
     Y(() => {
       i.value = !0;
     }), A(
       () => [a.subNavigationExpanded],
       () => {
-        a.subNavigationExpanded !== void 0 && (c.value = !!M(
+        a.subNavigationExpanded !== void 0 && (v.value = !!M(
           a.subNavigationExpanded,
           "subNavigationExpanded"
         ));
@@ -1986,13 +1986,13 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         flush: "post"
       }
     ), A(
-      () => [i.value, u.value],
+      () => [i.value, r.value],
       () => {
         var B;
-        if (i.value && u.value) {
-          const N = u.value.querySelector("menu");
-          N && (((B = N.children) == null ? void 0 : B.length) > 0 ? (e.value = !0, s.value || (s.value = new Ka(
-            u.value,
+        if (i.value && r.value) {
+          const N = r.value.querySelector("menu");
+          N && (((B = N.children) == null ? void 0 : B.length) > 0 ? (e.value = !0, s.value || (s.value = new Ja(
+            r.value,
             N
           ))) : t.value = !1);
         }
@@ -2002,20 +2002,20 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         flush: "post"
       }
     );
-    function v(B) {
-      aa(B) && (r.value = !0, ee(() => {
-        r.value = !1;
+    function c(B) {
+      ta(B) && (u.value = !0, ee(() => {
+        u.value = !1;
       }, 300));
     }
-    function I(B) {
-      a.onClick && a.onClick(B), e.value && (c.value = !0);
+    function _(B) {
+      B.stopPropagation(), a.onClick && a.onClick(B), e.value && (v.value = !0);
     }
     function L(B) {
-      B.stopPropagation(), c.value = !1;
+      B.stopPropagation(), v.value = !1;
     }
-    return (B, N) => (f(), h("li", {
+    return (B, N) => (p(), g("li", {
       ref_key: "_ref",
-      ref: u,
+      ref: r,
       id: B.id,
       onMouseover: N[2] || (N[2] = async (w) => {
         var $;
@@ -2029,7 +2029,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         var $;
         return ($ = s.value) == null ? void 0 : $.followByMouseEvent(w);
       }),
-      class: z(d(q)("db-navigation-item", a.class)),
+      class: P(d(z)("db-navigation-item", a.class)),
       "data-width": B.width,
       "data-icon": B.icon,
       "data-hide-icon": d(K)(B.showIcon),
@@ -2037,30 +2037,30 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       "data-wrap": d(H)(B.wrap),
       "aria-disabled": d(H)(B.disabled)
     }, [
-      t.value ? F("", !0) : (f(), h(G, { key: 0 }, [
-        B.text ? (f(), h(G, { key: 0 }, [
+      t.value ? F("", !0) : (p(), g(U, { key: 0 }, [
+        B.text ? (p(), g(U, { key: 0 }, [
           C(S(B.text), 1)
         ], 64)) : T(B.$slots, "default", { key: 1 })
       ], 64)),
-      t.value ? (f(), h(G, { key: 1 }, [
-        _("button", {
+      t.value ? (p(), g(U, { key: 1 }, [
+        I("button", {
           class: "db-navigation-item-expand-button",
           "aria-haspopup": e.value,
-          "aria-expanded": c.value,
+          "aria-expanded": v.value,
           disabled: d(M)(B.disabled, "disabled"),
-          onClick: N[0] || (N[0] = async (w) => I(w))
+          onClick: N[0] || (N[0] = async (w) => _(w))
         }, [
-          B.text ? (f(), h(G, { key: 0 }, [
+          B.text ? (p(), g(U, { key: 0 }, [
             C(S(B.text), 1)
           ], 64)) : T(B.$slots, "default", { key: 1 })
-        ], 8, Ot),
-        _("menu", {
+        ], 8, Wt),
+        I("menu", {
           class: "db-sub-navigation",
-          "data-auto-close": r.value,
-          id: m.value,
-          onClick: N[1] || (N[1] = async (w) => v(w))
+          "data-auto-close": u.value,
+          id: h.value,
+          onClick: N[1] || (N[1] = async (w) => c(w))
         }, [
-          e.value ? (f(), h("div", Xt, [
+          e.value ? (p(), g("div", Ht, [
             te(Be, {
               icon: "arrow_left",
               variant: "ghost",
@@ -2074,11 +2074,11 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
             }, 8, ["id", "onClick"])
           ])) : F("", !0),
           T(B.$slots, "sub-navigation")
-        ], 8, Wt)
+        ], 8, Xt)
       ], 64)) : F("", !0)
-    ], 42, Vt));
+    ], 42, Ot));
   }
-}), Ht = ["id"], jt = ["aria-disabled", "name", "open"], Yt = /* @__PURE__ */ U({
+}), jt = ["id"], Yt = ["aria-disabled", "name", "open"], Kt = /* @__PURE__ */ q({
   __name: "accordion-item",
   props: {
     defaultOpen: { type: Boolean, default: void 0 },
@@ -2097,13 +2097,13 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
     name: { default: void 0 }
   },
   setup(l) {
-    const a = l, i = n(we), e = n(!1), t = n(void 0), c = n(!1), r = n(null);
+    const a = l, i = n(we), e = n(!1), t = n(void 0), v = n(!1), u = n(null);
     Y(() => {
-      i.value = a.id || "accordion-item-" + Q(), a.defaultOpen && (e.value = a.defaultOpen), c.value = !0;
+      i.value = a.id || "accordion-item-" + Q(), a.defaultOpen && (e.value = a.defaultOpen), v.value = !0;
     }), A(
-      () => [r.value, c.value],
+      () => [u.value, v.value],
       () => {
-        r.value && c.value;
+        u.value && v.value;
       },
       {
         immediate: !0,
@@ -2119,39 +2119,39 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         flush: "post"
       }
     );
-    function m(s) {
+    function h(s) {
       s == null || s.preventDefault();
-      const u = !e.value;
-      a.onToggle && a.onToggle(u), e.value = u;
+      const r = !e.value;
+      a.onToggle && a.onToggle(r), e.value = r;
     }
-    return (s, u) => (f(), h("li", {
+    return (s, r) => (p(), g("li", {
       id: i.value,
-      class: z(d(q)("db-accordion-item", a.class))
+      class: P(d(z)("db-accordion-item", a.class))
     }, [
-      _("details", {
+      I("details", {
         "aria-disabled": d(H)(s.disabled),
         ref_key: "_ref",
-        ref: r,
+        ref: u,
         name: t.value,
         open: e.value
       }, [
-        _("summary", {
-          onClick: u[0] || (u[0] = async (v) => m(v))
+        I("summary", {
+          onClick: r[0] || (r[0] = async (c) => h(c))
         }, [
-          s.headlinePlain ? (f(), h(G, { key: 0 }, [
+          s.headlinePlain ? (p(), g(U, { key: 0 }, [
             C(S(s.headlinePlain), 1)
           ], 64)) : F("", !0),
           s.headlinePlain ? F("", !0) : T(s.$slots, "headline", { key: 1 })
         ]),
-        _("div", null, [
-          s.text ? (f(), h(G, { key: 0 }, [
+        I("div", null, [
+          s.text ? (p(), g(U, { key: 0 }, [
             C(S(s.text), 1)
           ], 64)) : T(s.$slots, "default", { key: 1 })
         ])
-      ], 8, jt)
-    ], 10, Ht));
+      ], 8, Yt)
+    ], 10, jt));
   }
-}), Kt = ["id", "data-variant"], ul = /* @__PURE__ */ U({
+}), Jt = ["id", "data-variant"], rl = /* @__PURE__ */ q({
   __name: "accordion",
   props: {
     behavior: { default: void 0 },
@@ -2168,9 +2168,9 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
     autofocus: { type: [Boolean, String] }
   },
   setup(l) {
-    const a = l, i = n(we), e = n(""), t = n(!1), c = n(!1), r = n(null);
+    const a = l, i = n(we), e = n(""), t = n(!1), v = n(!1), u = n(null);
     Y(() => {
-      i.value = a.id || "accordion-" + Q(), t.value = !0, c.value = !0;
+      i.value = a.id || "accordion-" + Q(), t.value = !0, v.value = !0;
     }), A(
       () => [t.value, a.name, a.behavior, i.value],
       () => {
@@ -2181,13 +2181,13 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         flush: "post"
       }
     ), A(
-      () => [r.value, e.value],
+      () => [u.value, e.value],
       () => {
-        if (r.value) {
-          const s = r.value.getElementsByTagName("details");
+        if (u.value) {
+          const s = u.value.getElementsByTagName("details");
           if (s)
-            for (const u of Array.from(s))
-              e.value === "" ? u.removeAttribute("name") : u.name = e.value ?? "";
+            for (const r of Array.from(s))
+              e.value === "" ? r.removeAttribute("name") : r.name = e.value ?? "";
         }
       },
       {
@@ -2195,21 +2195,21 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         flush: "post"
       }
     ), A(
-      () => [r.value, c.value, a.initOpenIndex],
+      () => [u.value, v.value, a.initOpenIndex],
       () => {
-        if (r.value && c.value) {
+        if (u.value && v.value) {
           if (a.initOpenIndex && a.initOpenIndex.length > 0) {
-            const s = r.value.getElementsByTagName("details");
+            const s = u.value.getElementsByTagName("details");
             if (s) {
-              const u = a.behavior === "single" && a.initOpenIndex.length > 1 ? [a.initOpenIndex[0]] : a.initOpenIndex;
+              const r = a.behavior === "single" && a.initOpenIndex.length > 1 ? [a.initOpenIndex[0]] : a.initOpenIndex;
               Array.from(s).forEach(
-                (v, I) => {
-                  u != null && u.includes(I) && (v.open = !0);
+                (c, _) => {
+                  r != null && r.includes(_) && (c.open = !0);
                 }
               );
             }
           }
-          c.value = !1;
+          v.value = !1;
         }
       },
       {
@@ -2217,7 +2217,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         flush: "post"
       }
     );
-    function m() {
+    function h() {
       try {
         return typeof a.items == "string" ? JSON.parse(a.items) : a.items;
       } catch (s) {
@@ -2225,23 +2225,23 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       }
       return [];
     }
-    return (s, u) => (f(), h("ul", {
+    return (s, r) => (p(), g("ul", {
       ref_key: "_ref",
-      ref: r,
+      ref: u,
       id: i.value,
-      class: z(d(q)("db-accordion", a.class)),
+      class: P(d(z)("db-accordion", a.class)),
       "data-variant": s.variant
     }, [
       s.items ? F("", !0) : T(s.$slots, "default", { key: 0 }),
-      s.items ? (f(!0), h(G, { key: 1 }, ge(m(), (v, I) => (f(), J(Yt, {
-        key: `accordion-item-${I}`,
-        headlinePlain: v.headlinePlain,
-        disabled: v.disabled,
-        text: v.text
+      s.items ? (p(!0), g(U, { key: 1 }, he(h(), (c, _) => (p(), J(Kt, {
+        key: `accordion-item-${_}`,
+        headlinePlain: c.headlinePlain,
+        disabled: c.disabled,
+        text: c.text
       }, null, 8, ["headlinePlain", "disabled", "text"]))), 128)) : F("", !0)
-    ], 10, Kt));
+    ], 10, Jt));
   }
-}), Jt = ["id", "aria-labelledby"], rl = /* @__PURE__ */ U({
+}), Qt = ["id", "aria-labelledby"], cl = /* @__PURE__ */ q({
   __name: "navigation",
   props: {
     children: { default: void 0 },
@@ -2256,19 +2256,19 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
     const a = l, i = n(we), e = n(null);
     return Y(() => {
       i.value = a.id || "navigation-" + Q();
-    }), (t, c) => (f(), h("nav", {
+    }), (t, v) => (p(), g("nav", {
       ref_key: "_ref",
       ref: e,
       id: i.value,
       "aria-labelledby": t.labelledBy,
-      class: z(d(q)("db-navigation", a.class))
+      class: P(d(z)("db-navigation", a.class))
     }, [
-      _("menu", null, [
+      I("menu", null, [
         T(t.$slots, "default")
       ])
-    ], 10, Jt));
+    ], 10, Qt));
   }
-}), Qt = ["id"], Zt = ["data-spacing", "data-gap", "data-animation", "data-open", "data-delay", "data-width", "data-placement"], vl = /* @__PURE__ */ U({
+}), Zt = ["id"], xt = ["data-spacing", "data-gap", "data-animation", "data-open", "data-delay", "data-width", "data-placement"], vl = /* @__PURE__ */ q({
   __name: "popover",
   props: {
     open: { type: [Boolean, String], default: void 0 },
@@ -2294,7 +2294,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       () => [t.value, i.value],
       () => {
         if (t.value && i.value) {
-          const s = m();
+          const s = h();
           s && (s.ariaHasPopup = "true"), i.value = !1;
         }
       },
@@ -2306,7 +2306,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       () => [t.value, e.value],
       () => {
         if (t.value) {
-          const s = m();
+          const s = h();
           s && (s.ariaExpanded = (!!e.value).toString());
         }
       },
@@ -2315,38 +2315,38 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         flush: "post"
       }
     );
-    function c() {
+    function v() {
       if (e.value = !0, !t.value) return;
       const s = t.value.querySelector("article");
       s && Fe(s);
     }
-    function r(s) {
-      const u = s.target;
-      (!u.parentNode || u.parentNode.querySelector(":focus") !== u && u.parentNode.querySelector(":focus-within") !== u && u.parentNode.querySelector(":hover") !== u) && (e.value = !1);
+    function u(s) {
+      const r = s.target;
+      (!r.parentNode || r.parentNode.querySelector(":focus") !== r && r.parentNode.querySelector(":focus-within") !== r && r.parentNode.querySelector(":hover") !== r) && (e.value = !1);
     }
-    function m() {
+    function h() {
       var s;
       if (t.value) {
-        const u = Array.from(t.value.children);
-        if (u.length >= 2) {
-          const v = u[0];
-          return v.tagName.includes("-") ? ((s = v.children) == null ? void 0 : s.length) > 0 ? v.children[0] : null : v;
+        const r = Array.from(t.value.children);
+        if (r.length >= 2) {
+          const c = r[0];
+          return c.tagName.includes("-") ? ((s = c.children) == null ? void 0 : s.length) > 0 ? c.children[0] : null : c;
         }
       }
       return null;
     }
-    return (s, u) => (f(), h("div", {
+    return (s, r) => (p(), g("div", {
       ref_key: "_ref",
       ref: t,
       id: s.id,
-      class: z(d(q)("db-popover", a.class)),
-      onFocus: u[0] || (u[0] = async (v) => c()),
-      onBlur: u[1] || (u[1] = async (v) => r(v)),
-      onMouseenter: u[2] || (u[2] = async (v) => c()),
-      onMouseleave: u[3] || (u[3] = async (v) => r(v))
+      class: P(d(z)("db-popover", a.class)),
+      onFocus: r[0] || (r[0] = async (c) => v()),
+      onBlur: r[1] || (r[1] = async (c) => u(c)),
+      onMouseenter: r[2] || (r[2] = async (c) => v()),
+      onMouseleave: r[3] || (r[3] = async (c) => u(c))
     }, [
       T(s.$slots, "trigger"),
-      _("article", {
+      I("article", {
         class: "db-popover-content",
         "data-spacing": s.spacing,
         "data-gap": d(H)(s.gap),
@@ -2357,10 +2357,10 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         "data-placement": s.placement
       }, [
         T(s.$slots, "default")
-      ], 8, Zt)
-    ], 42, Qt));
+      ], 8, xt)
+    ], 42, Zt));
   }
-}), xt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width", "data-show-arrow", "data-placement"], ei = /* @__PURE__ */ U({
+}), ei = ["id", "data-emphasis", "data-animation", "data-delay", "data-width", "data-show-arrow", "data-placement"], ai = /* @__PURE__ */ q({
   __name: "tooltip",
   props: {
     showArrow: { type: [Boolean, String], default: void 0 },
@@ -2384,10 +2384,10 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       () => [t.value, e.value],
       () => {
         if (t.value && e.value && i.value) {
-          let m = t.value.parentElement;
-          m && m.localName.includes("tooltip") && (m = m.parentElement), m && (["mouseenter", "focus"].forEach((s) => {
-            m.addEventListener(s, () => r());
-          }), m.setAttribute("data-has-tooltip", "true"), m.setAttribute("aria-describedby", i.value)), e.value = !1;
+          let h = t.value.parentElement;
+          h && h.localName.includes("tooltip") && (h = h.parentElement), h && (["mouseenter", "focus"].forEach((s) => {
+            h.addEventListener(s, () => u());
+          }), h.setAttribute("data-has-tooltip", "true"), h.setAttribute("aria-describedby", i.value)), e.value = !1;
         }
       },
       {
@@ -2395,32 +2395,32 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         flush: "post"
       }
     );
-    function c(m) {
-      m.stopPropagation();
+    function v(h) {
+      h.stopPropagation();
     }
-    function r() {
+    function u() {
       t.value && Fe(t.value);
     }
-    return (m, s) => (f(), h("i", {
+    return (h, s) => (p(), g("i", {
       role: "tooltip",
       "aria-hidden": "true",
       "data-gap": "true",
       ref_key: "_ref",
       ref: t,
-      class: z(d(q)("db-tooltip", a.class)),
+      class: P(d(z)("db-tooltip", a.class)),
       id: i.value,
-      "data-emphasis": m.emphasis,
-      "data-animation": d(H)(m.animation ?? !0),
-      "data-delay": m.delay,
-      "data-width": m.width,
-      "data-show-arrow": d(H)(m.showArrow ?? !0),
-      "data-placement": m.placement,
-      onClick: s[0] || (s[0] = async (u) => c(u))
+      "data-emphasis": h.emphasis,
+      "data-animation": d(H)(h.animation ?? !0),
+      "data-delay": h.delay,
+      "data-width": h.width,
+      "data-show-arrow": d(H)(h.showArrow ?? !0),
+      "data-placement": h.placement,
+      onClick: s[0] || (s[0] = async (r) => v(r))
     }, [
-      T(m.$slots, "default")
-    ], 10, xt));
+      T(h.$slots, "default")
+    ], 10, ei));
   }
-}), ai = ["id"], ti = { role: "tablist" }, ii = /* @__PURE__ */ U({
+}), ti = ["id"], ii = { role: "tablist" }, li = /* @__PURE__ */ q({
   __name: "tab-list",
   props: {
     children: { default: void 0 },
@@ -2434,18 +2434,18 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
     const a = l, i = n(we), e = n(null);
     return Y(() => {
       i.value = a.id || "tab-list-" + Q();
-    }), (t, c) => (f(), h("div", {
+    }), (t, v) => (p(), g("div", {
       ref_key: "_ref",
       ref: e,
       id: i.value,
-      class: z(d(q)("db-tab-list", a.class))
+      class: P(d(z)("db-tab-list", a.class))
     }, [
-      _("ul", ti, [
+      I("ul", ii, [
         T(t.$slots, "default")
       ])
-    ], 10, ai));
+    ], 10, ti));
   }
-}), li = ["id", "aria-labelledby"], oi = /* @__PURE__ */ U({
+}), oi = ["id", "aria-labelledby"], di = /* @__PURE__ */ q({
   __name: "tab-panel",
   props: {
     content: { default: void 0 },
@@ -2460,21 +2460,21 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
   setup(l) {
     const a = l, i = n(null);
     return Y(() => {
-    }), (e, t) => (f(), h("section", {
+    }), (e, t) => (p(), g("section", {
       role: "tabpanel",
       ref_key: "_ref",
       ref: i,
-      class: z(d(q)("db-tab-panel", a.class)),
+      class: P(d(z)("db-tab-panel", a.class)),
       id: e.id,
       "aria-labelledby": e.labelledBy
     }, [
-      e.content ? (f(), h(G, { key: 0 }, [
+      e.content ? (p(), g(U, { key: 0 }, [
         C(S(e.content), 1)
       ], 64)) : F("", !0),
       T(e.$slots, "default")
-    ], 10, li));
+    ], 10, oi));
   }
-}), di = ["id", "data-orientation", "data-scroll-behavior", "data-alignment", "data-width"], cl = /* @__PURE__ */ U({
+}), ni = ["id", "data-orientation", "data-scroll-behavior", "data-alignment", "data-width"], fl = /* @__PURE__ */ q({
   __name: "tabs",
   props: {
     arrowScrollDistance: { default: void 0 },
@@ -2498,7 +2498,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
     alignment: { default: void 0 }
   },
   setup(l) {
-    const a = l, i = n("tabs-" + Q()), e = n(""), t = n(!1), c = n(!1), r = n(!1), m = n(null), s = n(null);
+    const a = l, i = n("tabs-" + Q()), e = n(""), t = n(!1), v = n(!1), u = n(!1), h = n(null), s = n(null);
     Y(() => {
       i.value = a.id || i.value, e.value = `tabs-${a.name || Q()}`, t.value = !0;
     }), A(
@@ -2522,7 +2522,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         flush: "post"
       }
     );
-    function u() {
+    function r() {
       try {
         return typeof a.tabs == "string" ? JSON.parse(a.tabs) : a.tabs;
       } catch (w) {
@@ -2530,14 +2530,14 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       }
       return [];
     }
-    function v(w) {
+    function c(w) {
       const $ = w.scrollWidth > w.clientWidth;
-      c.value = $ && w.scrollLeft > 1, r.value = $ && w.scrollLeft < w.scrollWidth - w.clientWidth;
+      v.value = $ && w.scrollLeft > 1, u.value = $ && w.scrollLeft < w.scrollWidth - w.clientWidth;
     }
-    function I(w) {
+    function _(w) {
       var R;
       let $ = Number(a.arrowScrollDistance) || 100;
-      w && ($ *= -1), (R = m.value) == null || R.scrollBy({
+      w && ($ *= -1), (R = h.value) == null || R.scrollBy({
         top: 0,
         left: $,
         behavior: "smooth"
@@ -2551,8 +2551,8 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
           $ && ($.setAttribute(
             "aria-orientation",
             a.orientation || "horizontal"
-          ), a.behavior === "arrows" && (m.value = $, v($), $.addEventListener("scroll", () => {
-            v($);
+          ), a.behavior === "arrows" && (h.value = $, c($), $.addEventListener("scroll", () => {
+            c($);
           })));
         }
       }
@@ -2563,18 +2563,18 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
           s.value.getElementsByClassName("db-tab-item")
         );
         for (const y of $) {
-          const b = $.indexOf(y), O = y.querySelector("label"), p = y.querySelector("input");
-          if (p && O) {
-            if (!p.id) {
+          const b = $.indexOf(y), O = y.querySelector("label"), f = y.querySelector("input");
+          if (f && O) {
+            if (!f.id) {
               const E = `${e.value}-tab-${b}`;
-              O.setAttribute("for", E), p.setAttribute(
+              O.setAttribute("for", E), f.setAttribute(
                 "aria-controls",
                 `${e.value}-tab-panel-${b}`
-              ), p.id = E, p.setAttribute("name", e.value);
+              ), f.id = E, f.setAttribute("name", e.value);
             }
             if (w) {
-              const E = !a.initialSelectedMode || a.initialSelectedMode === "auto", g = a.initialSelectedIndex == null && b === 0 || Number(a.initialSelectedIndex) === b;
-              E && g && p.click();
+              const E = !a.initialSelectedMode || a.initialSelectedMode === "auto", m = a.initialSelectedIndex == null && b === 0 || Number(a.initialSelectedIndex) === b;
+              E && m && f.click();
             }
           }
         }
@@ -2592,6 +2592,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
     }
     function N(w) {
       var y;
+      w.stopPropagation();
       const $ = (y = w.target) == null ? void 0 : y.closest("ul"), R = (
         // db-tab-item for angular and stencil wrapping elements
         w.target.closest("db-tab-item") ?? w.target.closest("li")
@@ -2602,35 +2603,35 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       }
       a.onTabSelect && a.onTabSelect(w);
     }
-    return (w, $) => (f(), h("div", {
+    return (w, $) => (p(), g("div", {
       ref_key: "_ref",
       ref: s,
       id: i.value,
-      class: z(d(q)("db-tabs", a.class)),
+      class: P(d(z)("db-tabs", a.class)),
       "data-orientation": w.orientation,
       "data-scroll-behavior": w.behavior,
       "data-alignment": w.alignment ?? "start",
       "data-width": w.width ?? "auto",
       onInput: $[0] || ($[0] = async (R) => N(R))
     }, [
-      c.value ? (f(), J(Be, {
+      v.value ? (p(), J(Be, {
         key: 0,
         class: "tabs-scroll-left",
         variant: "ghost",
         icon: "chevron_left",
         type: "button",
         noText: !0,
-        onClick: (R) => I(!0)
+        onClick: (R) => _(!0)
       }, {
         default: V(() => $[1] || ($[1] = [
           C(" Scroll left ")
         ])),
         _: 1
       }, 8, ["onClick"])) : F("", !0),
-      w.tabs ? (f(), h(G, { key: 1 }, [
-        te(ii, null, {
+      w.tabs ? (p(), g(U, { key: 1 }, [
+        te(li, null, {
           default: V(() => [
-            (f(!0), h(G, null, ge(u(), (R, y) => (f(), J(Ft, {
+            (p(!0), g(U, null, he(r(), (R, y) => (p(), J(Mt, {
               key: w.name + "tab-item" + y,
               active: R.active,
               label: R.label,
@@ -2641,7 +2642,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
           ]),
           _: 1
         }),
-        (f(!0), h(G, null, ge(u(), (R, y) => (f(), J(oi, {
+        (p(!0), g(U, null, he(r(), (R, y) => (p(), J(di, {
           key: w.name + "tab-panel" + y,
           content: R.content
         }, {
@@ -2651,14 +2652,14 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
           _: 2
         }, 1032, ["content"]))), 128))
       ], 64)) : F("", !0),
-      r.value ? (f(), J(Be, {
+      u.value ? (p(), J(Be, {
         key: 2,
         class: "tabs-scroll-right",
         variant: "ghost",
         icon: "chevron_right",
         type: "button",
         noText: !0,
-        onClick: (R) => I()
+        onClick: (R) => _()
       }, {
         default: V(() => $[2] || ($[2] = [
           C(" Scroll right ")
@@ -2666,9 +2667,9 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         _: 1
       }, 8, ["onClick"])) : F("", !0),
       T(w.$slots, "default")
-    ], 42, di));
+    ], 42, ni));
   }
-}), fl = ["adaptive", "neutral", "critical", "informational", "warning", "successful"], pl = ["medium", "small", "large", "none"], ml = ["medium", "small", "large", "none"], ni = ["left", "right", "left-start", "left-end", "right-start", "right-end"], si = ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"], hl = [...ni, ...si], gl = ["none", "3x-large", "2x-large", "x-large", "large", "medium", "small", "x-small", "2x-small", "3x-small"], bl = ["horizontal", "vertical"], yl = ["full", "auto"], kl = ["full", "medium", "large", "small"], Bl = ["none", "slow", "fast"], Sl = ["auto", "fixed"], wl = ["small", "medium"], _l = ["weak", "strong"], Il = ["invalid", "valid", "no-validation"], Ll = ["above", "floating"], Tl = ["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"], $l = ["time", "true", "false", "date", "page", "step", "location"], Al = ["_self", "_blank", "_parent", "_top"], Cl = ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "same-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url"], El = ["start", "center"], ui = ["id", "data-gap", "data-variant", "data-direction", "data-alignment", "data-justify-content", "data-wrap"], Nl = /* @__PURE__ */ U({
+}), pl = ["adaptive", "neutral", "critical", "informational", "warning", "successful"], ml = ["medium", "small", "large", "none"], hl = ["medium", "small", "large", "none"], si = ["left", "right", "left-start", "left-end", "right-start", "right-end"], ui = ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"], gl = [...si, ...ui], bl = ["none", "3x-large", "2x-large", "x-large", "large", "medium", "small", "x-small", "2x-small", "3x-small"], yl = ["horizontal", "vertical"], kl = ["full", "auto"], Bl = ["full", "medium", "large", "small"], Sl = ["none", "slow", "fast"], wl = ["auto", "fixed"], Il = ["small", "medium"], _l = ["weak", "strong"], Ll = ["invalid", "valid", "no-validation"], Tl = ["above", "floating"], $l = ["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"], Al = ["time", "true", "false", "date", "page", "step", "location"], Cl = ["_self", "_blank", "_parent", "_top"], El = ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "same-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url"], Nl = ["start", "center"], ri = ["id", "data-gap", "data-variant", "data-direction", "data-alignment", "data-justify-content", "data-wrap"], Dl = /* @__PURE__ */ q({
   __name: "stack",
   props: {
     variant: { default: void 0 },
@@ -2686,11 +2687,11 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
   },
   setup(l) {
     const a = l, i = n(null);
-    return (e, t) => (f(), h("div", {
+    return (e, t) => (p(), g("div", {
       ref_key: "_ref",
       ref: i,
       id: e.id,
-      class: z(d(q)("db-stack", a.class)),
+      class: P(d(z)("db-stack", a.class)),
       "data-gap": e.gap,
       "data-variant": e.variant,
       "data-direction": e.direction,
@@ -2699,9 +2700,9 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       "data-wrap": d(H)(e.wrap)
     }, [
       T(e.$slots, "default")
-    ], 10, ui));
+    ], 10, ri));
   }
-}), ri = ["role", "aria-label", "id"], vi = /* @__PURE__ */ U({
+}), ci = ["role", "aria-label", "id"], vi = /* @__PURE__ */ q({
   __name: "custom-select-list",
   props: {
     label: { default: void 0 },
@@ -2715,20 +2716,20 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
   },
   setup(l) {
     const a = l, i = n(null);
-    return (e, t) => (f(), h("div", {
+    return (e, t) => (p(), g("div", {
       role: e.multiple ? "group" : "radiogroup",
       "aria-label": e.label,
       ref_key: "_ref",
       ref: i,
       id: e.id,
-      class: z(d(q)("db-custom-select-list", a.class))
+      class: P(d(z)("db-custom-select-list", a.class))
     }, [
-      _("ul", null, [
+      I("ul", null, [
         T(e.$slots, "default")
       ])
-    ], 10, ri));
+    ], 10, ci));
   }
-}), ci = ["id", "data-divider"], fi = ["data-icon", "data-hide-icon", "data-icon-after"], pi = ["type", "name", "form", "checked", "disabled", "value"], mi = { key: 1 }, hi = /* @__PURE__ */ U({
+}), fi = ["id", "data-divider"], pi = ["data-icon", "data-hide-icon", "data-icon-after"], mi = ["type", "name", "form", "checked", "disabled", "value"], hi = { key: 1 }, gi = /* @__PURE__ */ q({
   __name: "custom-select-list-item",
   props: {
     groupTitle: { default: void 0 },
@@ -2753,62 +2754,62 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
   },
   emits: ["update:checked"],
   setup(l, { emit: a }) {
-    const i = a, e = l, t = n(void 0), c = n(!1), r = n(null);
+    const i = a, e = l, t = n(void 0), v = n(!1), u = n(null);
     Y(() => {
       t.value = e.id ?? `custom-select-list-item-${Q()}`;
     }), A(
       () => [e.isGroupTitle, e.showDivider],
       () => {
-        c.value = !!(e.isGroupTitle || e.showDivider);
+        v.value = !!(e.isGroupTitle || e.showDivider);
       },
       {
         immediate: !0,
         flush: "post"
       }
     );
-    function m(u) {
-      u.stopPropagation(), e.onChange && e.onChange(u), oe(i, u, "checked");
+    function h(r) {
+      r.stopPropagation(), e.onChange && e.onChange(r), oe(i, r, "checked");
     }
     function s() {
       if (!(e.isGroupTitle || e.type === "checkbox"))
         return M(e.checked, "checked") ? "check" : "x_placeholder";
     }
-    return (u, v) => (f(), h("li", {
+    return (r, c) => (p(), g("li", {
       ref_key: "_ref",
-      ref: r,
+      ref: u,
       id: t.value,
-      class: z(
-        d(q)("db-custom-select-list-item", e.class, {
-          "db-checkbox": u.type === "checkbox" && !u.isGroupTitle,
-          "db-radio": u.type !== "checkbox" && !u.isGroupTitle
+      class: P(
+        d(z)("db-custom-select-list-item", e.class, {
+          "db-checkbox": r.type === "checkbox" && !r.isGroupTitle,
+          "db-radio": r.type !== "checkbox" && !r.isGroupTitle
         })
       ),
-      "data-divider": d(H)(c.value)
+      "data-divider": d(H)(v.value)
     }, [
-      u.isGroupTitle ? (f(), h("span", mi, S(u.groupTitle), 1)) : (f(), h("label", {
+      r.isGroupTitle ? (p(), g("span", hi, S(r.groupTitle), 1)) : (p(), g("label", {
         key: 0,
-        "data-icon": u.type !== "checkbox" && u.icon ? u.icon : void 0,
-        "data-hide-icon": d(K)(u.showIcon),
+        "data-icon": r.type !== "checkbox" && r.icon ? r.icon : void 0,
+        "data-hide-icon": d(K)(r.showIcon),
         "data-icon-after": s()
       }, [
-        _("input", {
+        I("input", {
           class: "db-custom-select-list-item-checkbox",
           "data-disable-focus": "true",
-          type: u.type,
-          name: u.name,
-          form: u.name,
-          checked: d(M)(u.checked, "checked"),
-          disabled: d(M)(u.disabled, "disabled"),
-          value: u.value,
-          onChange: v[0] || (v[0] = async (I) => m(I))
-        }, null, 40, pi),
-        u.label ? (f(), h(G, { key: 0 }, [
-          C(S(u.label), 1)
-        ], 64)) : T(u.$slots, "default", { key: 1 })
-      ], 8, fi))
-    ], 10, ci));
+          type: r.type,
+          name: r.name,
+          form: r.name,
+          checked: d(M)(r.checked, "checked"),
+          disabled: d(M)(r.disabled, "disabled"),
+          value: r.value,
+          onChange: c[0] || (c[0] = async (_) => h(_))
+        }, null, 40, mi),
+        r.label ? (p(), g(U, { key: 0 }, [
+          C(S(r.label), 1)
+        ], 64)) : T(r.$slots, "default", { key: 1 })
+      ], 8, pi))
+    ], 10, fi));
   }
-}), gi = ["id", "data-width"], bi = /* @__PURE__ */ U({
+}), bi = ["id", "data-width"], yi = /* @__PURE__ */ q({
   __name: "custom-select-dropdown",
   props: {
     width: { default: "fixed" },
@@ -2821,16 +2822,16 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
   },
   setup(l) {
     const a = l, i = n(null);
-    return (e, t) => (f(), h("article", {
+    return (e, t) => (p(), g("article", {
       "data-spacing": "none",
       ref_key: "_ref",
       ref: i,
       id: e.id,
-      class: z(d(q)("db-custom-select-dropdown db-card", a.class)),
+      class: P(d(z)("db-custom-select-dropdown db-card", a.class)),
       "data-width": e.width
     }, [
       T(e.$slots, "default")
-    ], 10, gi));
+    ], 10, bi));
   }
 }), ne = class ne {
   static runCallbacks(a) {
@@ -2853,10 +2854,10 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
 };
 se(ne, "callbacks", {}), se(ne, "_instance", null);
 let De = ne;
-const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-variant", "data-required", "data-placement", "data-selected-type", "data-hide-label", "data-icon", "data-hide-icon"], ki = ["id"], Bi = ["id", "form", "name", "multiple", "disabled", "required"], Si = ["disabled", "value"], wi = ["open"], _i = ["id", "aria-disabled", "aria-labelledby"], Ii = ["data-visually-hidden", "id"], Li = { key: 1 }, Ti = { key: 0 }, $i = { key: 0 }, Ai = { class: "db-checkbox db-custom-select-list-item" }, Ci = ["form", "checked"], Ei = ["aria-hidden", "id"], Ni = {
+const ki = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-variant", "data-required", "data-placement", "data-selected-type", "data-hide-label", "data-icon", "data-hide-icon"], Bi = ["id"], Si = ["id", "form", "name", "multiple", "disabled", "required"], wi = ["disabled", "value"], Ii = ["open"], _i = ["id", "aria-disabled", "aria-labelledby"], Li = ["data-visually-hidden", "id"], Ti = { key: 1 }, $i = { key: 0 }, Ai = { key: 0 }, Ci = { class: "db-checkbox db-custom-select-list-item" }, Ei = ["form", "checked"], Ni = ["aria-hidden", "id"], Di = {
   "data-visually-hidden": "true",
   role: "status"
-}, Dl = /* @__PURE__ */ U({
+}, Fl = /* @__PURE__ */ q({
   __name: "custom-select",
   props: {
     children: { default: void 0 },
@@ -2915,21 +2916,21 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
   },
   emits: ["update:values"],
   setup(l, { emit: a }) {
-    const i = l, e = n(void 0), t = n(void 0), c = n(void 0), r = n(void 0), m = n(void 0), s = n(void 0), u = n(void 0), v = n(void 0), I = n(void 0), L = n(void 0), B = n("no-validation"), N = n(""), w = n(""), $ = n(void 0), R = n(""), y = n([]), b = n(!1), O = n(!1), p = n(0), E = n([]), g = n([]), X = n(!1), j = n(void 0), Ae = n(0), pe = n(!1), _e = n(!1), ta = n(null), P = n(null), be = n(null), Ce = n(null), Me = n(null);
+    const i = l, e = n(void 0), t = n(void 0), v = n(void 0), u = n(void 0), h = n(void 0), s = n(void 0), r = n(void 0), c = n(void 0), _ = n(void 0), L = n(void 0), B = n("no-validation"), N = n(""), w = n(""), $ = n(void 0), R = n(""), y = n([]), b = n(!1), O = n(!1), f = n(0), E = n([]), m = n([]), X = n(!1), j = n(void 0), Ae = n(0), pe = n(!1), Ie = n(!1), ia = n(null), G = n(null), ge = n(null), Ce = n(null), Me = n(null);
     Y(() => {
       const o = i.id ?? `custom-select-${Q()}`;
-      e.value = o, t.value = o + re, c.value = o + ve, r.value = o + ce, s.value = o + He, u.value = o + Xe, v.value = o + "-summary", I.value = o + Ne, $.value = o + "-selected-labels", L.value = o + "-info", m.value = i.invalidMessage || ie;
+      e.value = o, t.value = o + re, v.value = o + ce, u.value = o + ve, s.value = o + je, r.value = o + He, c.value = o + "-summary", _.value = o + Ne, $.value = o + "-selected-labels", L.value = o + "-info", h.value = i.invalidMessage || ie;
     }), A(
-      () => [P.value],
+      () => [G.value],
       () => {
-        if (P.value) {
-          const o = P.value.querySelector("summary");
+        if (G.value) {
+          const o = G.value.querySelector("summary");
           o && (o.addEventListener("click", () => {
-            Ge(), Re(!0);
+            Ue(), Re(!0);
           }), o.addEventListener("keydown", (k) => {
             var D;
-            k.code === "Space" && !((D = P.value) != null && D.open) && Re();
-          })), P.value.addEventListener(
+            k.code === "Space" && !((D = G.value) != null && D.open) && Re();
+          })), G.value.addEventListener(
             "focusout",
             (k) => Le(k)
           );
@@ -2944,7 +2945,7 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
       () => {
         if (e.value) {
           const o = e.value + re;
-          u.value = e.value + Xe, s.value = e.value + He, c.value = e.value + ve, r.value = e.value + ce, I.value = e.value + Ne, Z(i.message, i.showMessage) ? Ue(o) : Ue();
+          r.value = e.value + He, s.value = e.value + je, v.value = e.value + ce, u.value = e.value + ve, _.value = e.value + Ne, Z(i.message, i.showMessage) ? qe(o) : qe();
         }
       },
       {
@@ -2952,10 +2953,10 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         flush: "post"
       }
     ), A(
-      () => [P.value, N.value],
+      () => [G.value, N.value],
       () => {
-        if (P.value) {
-          const o = P.value.querySelector("summary");
+        if (G.value) {
+          const o = G.value.querySelector("summary");
           o && o.setAttribute("aria-describedby", N.value || "");
         }
       },
@@ -2964,27 +2965,27 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         flush: "post"
       }
     ), A(
-      () => [i.showNoResults, g.value],
+      () => [i.showNoResults, m.value],
       () => {
-        i.showNoResults !== void 0 ? X.value = i.showNoResults : g.value && (X.value = g.value.length === 0);
+        i.showNoResults !== void 0 ? X.value = i.showNoResults : m.value && (X.value = m.value.length === 0);
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), A(
-      () => [i.showSelectAll, p.value, i.multiple],
+      () => [i.showSelectAll, f.value, i.multiple],
       () => {
-        b.value = !!(i.multiple && (i.showSelectAll || p.value > 5));
+        b.value = !!(i.multiple && (i.showSelectAll || f.value > 5));
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), A(
-      () => [i.showSearch, p.value],
+      () => [i.showSearch, f.value],
       () => {
-        O.value = i.showSearch || p.value > 9;
+        O.value = i.showSearch || f.value > 9;
       },
       {
         immediate: !0,
@@ -3002,7 +3003,7 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
     ), A(
       () => [E.value],
       () => {
-        ia();
+        la();
       },
       {
         immediate: !0,
@@ -3018,10 +3019,10 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         flush: "post"
       }
     ), A(
-      () => [E.value, p.value],
+      () => [E.value, f.value],
       () => {
         var o, k;
-        ((o = E.value) == null ? void 0 : o.length) === 0 ? (pe.value = !1, _e.value = !1) : ((k = E.value) == null ? void 0 : k.length) === p.value ? (_e.value = !1, pe.value = !0) : E.value && (_e.value = !0);
+        ((o = E.value) == null ? void 0 : o.length) === 0 ? (pe.value = !1, Ie.value = !1) : ((k = E.value) == null ? void 0 : k.length) === f.value ? (Ie.value = !1, pe.value = !0) : E.value && (Ie.value = !0);
       },
       {
         immediate: !0,
@@ -3031,20 +3032,20 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
       () => [i.options],
       () => {
         var o;
-        g.value = i.options, p.value = ((o = i.options) == null ? void 0 : o.filter((k) => !k.isGroupTitle).length) ?? 0;
+        m.value = i.options, f.value = ((o = i.options) == null ? void 0 : o.filter((k) => !k.isGroupTitle).length) ?? 0;
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), A(
-      () => [g.value, E.value],
+      () => [m.value, E.value],
       () => {
         var o, k;
-        (o = g.value) != null && o.length && (y.value = (k = g.value) == null ? void 0 : k.filter(
+        (o = m.value) != null && o.length && (y.value = (k = m.value) == null ? void 0 : k.filter(
           (D) => {
-            var x, ye;
-            return !D.value || !((x = E.value) != null && x.includes) ? !1 : !D.isGroupTitle && ((ye = E.value) == null ? void 0 : ye.includes(D.value));
+            var x, be;
+            return !D.value || !((x = E.value) != null && x.includes) ? !1 : !D.isGroupTitle && ((be = E.value) == null ? void 0 : be.includes(D.value));
           }
         ));
       },
@@ -3056,7 +3057,7 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
       () => [y.value, i.selectedType, i.amountText],
       () => {
         var o, k, D;
-        (o = y.value) != null && o.length ? i.selectedType === "amount" ? w.value = i.amountText ? i.amountText : `${(k = y.value) == null ? void 0 : k.length} ${Ia}` : w.value = (D = y.value) == null ? void 0 : D.map((x) => Se(x)).join(", ") : w.value = "";
+        (o = y.value) != null && o.length ? i.selectedType === "amount" ? w.value = i.amountText ? i.amountText : `${(k = y.value) == null ? void 0 : k.length} ${La}` : w.value = (D = y.value) == null ? void 0 : D.map((x) => Se(x)).join(", ") : w.value = "";
       },
       {
         immediate: !0,
@@ -3073,76 +3074,76 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         flush: "post"
       }
     ), A(
-      () => [_e.value, Ce.value],
+      () => [Ie.value, Ce.value],
       () => {
-        Ce.value && (Ce.value.indeterminate = !!_e.value);
+        Ce.value && (Ce.value.indeterminate = !!Ie.value);
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), A(
-      () => [be.value, i.invalidMessage],
+      () => [ge.value, i.invalidMessage],
       () => {
         var o;
-        m.value = i.invalidMessage || ((o = be.value) == null ? void 0 : o.validationMessage) || ie;
+        h.value = i.invalidMessage || ((o = ge.value) == null ? void 0 : o.validationMessage) || ie;
       },
       {
         immediate: !0,
         flush: "post"
       }
     );
-    function qe() {
+    function ze() {
       return !!(i.validMessage ?? i.validation === "valid");
     }
-    function ia() {
+    function la() {
       var o, k, D;
-      be.value && (be.value.value = oa()), !((o = be.value) != null && o.validity.valid) || i.validation === "invalid" ? (N.value = r.value, m.value = i.invalidMessage || ((k = be.value) == null ? void 0 : k.validationMessage) || ie, ue() && (R.value = m.value, ee(() => R.value = "", 1e3)), B.value = i.validation ?? "invalid") : qe() && ((D = be.value) != null && D.validity.valid) && i.required ? (N.value = c.value, ue() && (R.value = i.validMessage ?? fe, ee(() => R.value = "", 1e3)), B.value = i.validation ?? "valid") : Z(i.message, i.showMessage) ? (N.value = t.value, B.value = i.validation ?? "no-validation") : (N.value = I.value, B.value = i.validation ?? "no-validation");
+      ge.value && (ge.value.value = da()), !((o = ge.value) != null && o.validity.valid) || i.validation === "invalid" ? (N.value = u.value, h.value = i.invalidMessage || ((k = ge.value) == null ? void 0 : k.validationMessage) || ie, ue() && (R.value = h.value, ee(() => R.value = "", 1e3)), B.value = i.validation ?? "invalid") : ze() && ((D = ge.value) != null && D.validity.valid) && i.required ? (N.value = v.value, ue() && (R.value = i.validMessage ?? fe, ee(() => R.value = "", 1e3)), B.value = i.validation ?? "valid") : Z(i.message, i.showMessage) ? (N.value = t.value, B.value = i.validation ?? "no-validation") : (N.value = _.value, B.value = i.validation ?? "no-validation");
     }
-    function la(o) {
+    function oa(o) {
       i.onDropdownToggle && i.onDropdownToggle(o), o.target.open ? j.value = new De().addCallback(
-        (k) => ca(k)
+        (k) => fa(k)
       ) : j.value && new De().removeCallback(
         j.value
       );
     }
-    function oa() {
+    function da() {
       var o;
       return (o = E.value) != null && o.length ? E.value.at(0) ?? "" : "";
     }
-    function Ue(o) {
+    function qe(o) {
       var D;
       const k = [];
       o && k.push(o), $.value && ((D = w.value) != null && D.length) && k.push($.value), N.value = k.join(" ");
     }
-    function da() {
+    function na() {
       return i.selectAllLabel ?? ke;
     }
     function Se(o) {
       var k;
       return o.label ?? ((k = o.value) == null ? void 0 : k.toString()) ?? "";
     }
-    function na(o) {
+    function sa(o) {
       var k, D;
       return o && ((k = E.value) != null && k.includes) ? (D = E.value) == null ? void 0 : D.includes(o) : !1;
     }
-    function sa(o) {
-      return i.removeTagsTexts && i.removeTagsTexts.length > o ? i.removeTagsTexts.at(o) : `${Je} ${y.value ? Se(y.value[o]) : ""}`;
+    function ua(o) {
+      return i.removeTagsTexts && i.removeTagsTexts.length > o ? i.removeTagsTexts.at(o) : `${Qe} ${y.value ? Se(y.value[o]) : ""}`;
     }
-    function ua(o, k) {
-      k.stopPropagation(), Pe(o.value), Te();
+    function ra(o, k) {
+      k.stopPropagation(), Ge(o.value), Te();
     }
-    function Ge() {
-      if (P.value) {
-        const o = P.value.querySelector("article");
+    function Ue() {
+      if (G.value) {
+        const o = G.value.querySelector("article");
         o && ee(() => {
           Fe(o);
         }, 100);
       }
     }
-    function ra(o) {
-      var k, D, x, ye, W, me, $e;
-      if ((k = P.value) != null && k.open) {
+    function ca(o) {
+      var k, D, x, be, W, me, $e;
+      if ((k = G.value) != null && k.open) {
         if (document) {
           const de = document.activeElement;
           if (de)
@@ -3151,18 +3152,18 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
               if (o.key === "ArrowDown" || o.key === "ArrowRight")
                 le != null && le.nextElementSibling ? (x = (D = le == null ? void 0 : le.nextElementSibling) == null ? void 0 : D.querySelector("input")) == null || x.focus() : Ee(de);
               else if (le != null && le.previousElementSibling)
-                (W = (ye = le == null ? void 0 : le.previousElementSibling) == null ? void 0 : ye.querySelector("input")) == null || W.focus();
-              else if (P.value.querySelector('input[type="checkbox"]') !== de)
+                (W = (be = le == null ? void 0 : le.previousElementSibling) == null ? void 0 : be.querySelector("input")) == null || W.focus();
+              else if (G.value.querySelector('input[type="checkbox"]') !== de)
                 Ee(de);
               else {
-                const Ve = We(P.value);
+                const Ve = Xe(G.value);
                 if (Ve)
                   ee(() => {
                     Ve.focus();
                   }, 100);
                 else {
                   const Oe = Array.from(
-                    (me = P.value) == null ? void 0 : me.querySelectorAll(
+                    (me = G.value) == null ? void 0 : me.querySelectorAll(
                       'input[type="checkbox"],input[type="radio"]'
                     )
                   );
@@ -3173,28 +3174,28 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
               de.getAttribute("type") === "search" && (o.key === "ArrowUp" || o.key === "ArrowLeft") ? (Le("close"), Te()) : Ee(de);
         }
         o.stopPropagation(), o.preventDefault();
-      } else (o.key === "ArrowDown" || o.key === "ArrowRight") && (Ge(), P.value && (P.value.open = !0), Re(), o.stopPropagation(), o.preventDefault());
+      } else (o.key === "ArrowDown" || o.key === "ArrowRight") && (Ue(), G.value && (G.value.open = !0), Re(), o.stopPropagation(), o.preventDefault());
     }
     function va(o) {
       var k;
-      o.key === "Escape" && P.value && ((k = P.value) != null && k.open) ? (Le("close"), Te()) : (o.key === "ArrowDown" || o.key === "ArrowUp" || o.key === "ArrowLeft" || o.key === "ArrowRight") && ra(o);
+      o.key === "Escape" && G.value && ((k = G.value) != null && k.open) ? (Le("close"), Te()) : (o.key === "ArrowDown" || o.key === "ArrowUp" || o.key === "ArrowLeft" || o.key === "ArrowRight") && ca(o);
     }
     function Le(o) {
-      if (P.value) {
+      if (G.value) {
         if (o === "close")
-          P.value.open = !1, Te();
-        else if (P.value.open && (o != null && o.relatedTarget)) {
+          G.value.open = !1, Te();
+        else if (G.value.open && (o != null && o.relatedTarget)) {
           const k = o.relatedTarget;
-          P.value.contains(k) || (P.value.open = !1);
+          G.value.contains(k) || (G.value.open = !1);
         }
       }
     }
-    function ca(o) {
+    function fa(o) {
       var D;
       const k = o.target;
-      (D = P.value) != null && D.open && !P.value.contains(k) && (P.value.open = !1);
+      (D = G.value) != null && D.open && !G.value.contains(k) && (G.value.open = !1);
     }
-    function Ie(o) {
+    function _e(o) {
       (/* @__PURE__ */ new Date()).getTime() - Ae.value < 200 || (i.onOptionSelected && (E.value = o, i.onOptionSelected(o ?? [])), oe(
         () => {
         },
@@ -3206,17 +3207,17 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         "values"
       ), Ae.value = (/* @__PURE__ */ new Date()).getTime());
     }
-    function Pe(o) {
+    function Ge(o) {
       var k;
-      o && (i.multiple ? (k = E.value) != null && k.includes(o) ? Ie(E.value.filter((D) => D !== o)) : Ie([...E.value || [], o]) : (Ie([o]), Le("close")));
+      o && (i.multiple ? (k = E.value) != null && k.includes(o) ? _e(E.value.filter((D) => D !== o)) : _e([...E.value || [], o]) : (_e([o]), Le("close")));
     }
-    function fa() {
+    function pa() {
       var o;
-      if (((o = E.value) == null ? void 0 : o.length) === p.value)
-        Ie([]);
+      if (((o = E.value) == null ? void 0 : o.length) === f.value)
+        _e([]);
       else {
         const k = O.value && Me.value ? Me.value.value : void 0;
-        Ie(
+        _e(
           i.options ? i.options.filter(
             (D) => {
               var x;
@@ -3227,9 +3228,9 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
       }
     }
     function Ee(o) {
-      if (P.value) {
+      if (G.value) {
         const k = Array.from(
-          P.value.querySelectorAll(
+          G.value.querySelectorAll(
             'input[type="checkbox"],input[type="radio"]'
           )
         );
@@ -3242,36 +3243,36 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
       }
     }
     function Re(o) {
-      if (P.value) {
-        const k = We(P.value);
+      if (G.value) {
+        const k = Xe(G.value);
         k ? ee(() => {
           k.focus();
         }, 100) : o || Ee();
       }
     }
-    function pa(o) {
+    function ma(o) {
       o.stopPropagation();
       const k = o.target.value;
-      g.value = !i.options || !k || k.length === 0 ? i.options : i.options.filter(
+      m.value = !i.options || !k || k.length === 0 ? i.options : i.options.filter(
         (D) => !D.isGroupTitle && Se(D).toLowerCase().includes(k.toLowerCase())
       );
     }
-    function ma() {
-      Ie([]), Te();
+    function ha() {
+      _e([]), Te();
     }
     function Te() {
       var o, k;
-      (k = (o = P.value) == null ? void 0 : o.querySelector("summary")) == null || k.focus();
+      (k = (o = G.value) == null ? void 0 : o.querySelector("summary")) == null || k.focus();
     }
-    function Fi() {
+    function Mi() {
     }
     return (o, k) => {
-      var D, x, ye;
-      return f(), h("div", {
+      var D, x, be;
+      return p(), g("div", {
         id: e.value,
         ref_key: "_ref",
-        ref: ta,
-        class: z(d(q)("db-custom-select", i.class)),
+        ref: ia,
+        class: P(d(z)("db-custom-select", i.class)),
         "aria-invalid": B.value === "invalid",
         "data-custom-validity": B.value,
         "data-width": o.formFieldWidth,
@@ -3283,15 +3284,15 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         "data-icon": o.icon,
         "data-hide-icon": d(K)(o.showIcon)
       }, [
-        _("label", { id: u.value }, [
+        I("label", { id: r.value }, [
           C(S(o.label ?? d(ke)), 1),
-          _("select", {
+          I("select", {
             role: "none",
             hidden: !0,
             id: s.value,
             tabIndex: -1,
             ref_key: "selectRef",
-            ref: be,
+            ref: ge,
             form: o.form,
             name: o.name,
             multiple: d(M)(o.multiple, "multiple"),
@@ -3299,40 +3300,40 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
             required: d(M)(o.required, "required"),
             onChange: k[0] || (k[0] = async (W) => void 0)
           }, [
-            (D = g.value) != null && D.length ? (f(!0), h(G, { key: 0 }, ge(g.value, (W, me) => (f(), h("option", {
+            (D = m.value) != null && D.length ? (p(!0), g(U, { key: 0 }, he(m.value, (W, me) => (p(), g("option", {
               key: me,
               disabled: W.disabled,
               value: W.value
-            }, S(Se(W)), 9, Si))), 128)) : F("", !0)
-          ], 40, Bi)
-        ], 8, ki),
-        _("details", {
+            }, S(Se(W)), 9, wi))), 128)) : F("", !0)
+          ], 40, Si)
+        ], 8, Bi),
+        I("details", {
           ref_key: "detailsRef",
-          ref: P,
+          ref: G,
           open: o.open,
-          onToggle: k[2] || (k[2] = async (W) => la(W)),
+          onToggle: k[2] || (k[2] = async (W) => oa(W)),
           onKeydown: k[3] || (k[3] = async (W) => va(W))
         }, [
           T(o.$slots, "default"),
-          o.options ? (f(), h(G, { key: 0 }, [
-            _("summary", {
+          o.options ? (p(), g(U, { key: 0 }, [
+            I("summary", {
               class: "db-custom-select-form-field",
-              id: v.value,
+              id: c.value,
               "aria-disabled": d(H)(o.disabled),
-              "aria-labelledby": u.value
+              "aria-labelledby": r.value
             }, [
-              (x = w.value) != null && x.length ? (f(), h("span", {
+              (x = w.value) != null && x.length ? (p(), g("span", {
                 key: 0,
                 "data-visually-hidden": d(H)(o.selectedType === "tag"),
                 id: $.value
-              }, S(w.value), 9, Ii)) : F("", !0),
-              o.selectedType === "tag" ? (f(), h("div", Li, [
-                (f(!0), h(G, null, ge(y.value, (W, me) => (f(), J(zt, {
+              }, S(w.value), 9, Li)) : F("", !0),
+              o.selectedType === "tag" ? (p(), g("div", Ti, [
+                (p(!0), g(U, null, he(y.value, (W, me) => (p(), J(zt, {
                   key: me,
                   emphasis: "strong",
                   behavior: "removable",
-                  removeButton: sa(me),
-                  onRemove: ($e) => ua(W, $e)
+                  removeButton: ua(me),
+                  onRemove: ($e) => ra(W, $e)
                 }, {
                   default: V(() => [
                     C(S(Se(W)), 1)
@@ -3341,10 +3342,10 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
                 }, 1032, ["removeButton", "onRemove"]))), 128))
               ])) : F("", !0)
             ], 8, _i),
-            te(bi, { width: o.dropdownWidth }, {
+            te(yi, { width: o.dropdownWidth }, {
               default: V(() => [
-                O.value ? (f(), h("div", Ti, [
-                  te(ht, {
+                O.value ? (p(), g("div", $i, [
+                  te(gt, {
                     type: "search",
                     ref_key: "searchInputRef",
                     ref: Me,
@@ -3354,33 +3355,33 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
                     label: o.searchLabel ?? d(ke),
                     placeholder: o.searchPlaceholder ?? o.searchLabel,
                     ariaDescribedBy: X.value || o.showLoading ? L.value : void 0,
-                    onInput: (W) => pa(W)
+                    onInput: (W) => ma(W)
                   }, null, 8, ["name", "form", "label", "placeholder", "ariaDescribedBy", "onInput"])
                 ])) : F("", !0),
-                X.value || o.showLoading ? (f(), J(ae, {
+                X.value || o.showLoading ? (p(), J(ae, {
                   key: 1,
                   id: L.value,
                   icon: X.value ? void 0 : "circular_arrows",
                   semantic: X.value ? "warning" : "informational"
                 }, {
                   default: V(() => [
-                    C(S((X.value ? o.noResultsText : o.loadingText) ?? d(wa)), 1)
+                    C(S((X.value ? o.noResultsText : o.loadingText) ?? d(Ia)), 1)
                   ]),
                   _: 1
-                }, 8, ["id", "icon", "semantic"])) : (f(), h(G, { key: 2 }, [
-                  b.value ? (f(), h("div", $i, [
-                    _("div", Ai, [
-                      _("label", null, [
-                        _("input", {
+                }, 8, ["id", "icon", "semantic"])) : (p(), g(U, { key: 2 }, [
+                  b.value ? (p(), g("div", Ai, [
+                    I("div", Ci, [
+                      I("label", null, [
+                        I("input", {
                           type: "checkbox",
                           value: "select-all",
                           ref_key: "selectAllRef",
                           ref: Ce,
                           form: e.value,
                           checked: pe.value,
-                          onChange: k[1] || (k[1] = async (W) => fa())
-                        }, null, 40, Ci),
-                        C(S(da()), 1)
+                          onChange: k[1] || (k[1] = async (W) => pa())
+                        }, null, 40, Ei),
+                        C(S(na()), 1)
                       ])
                     ])
                   ])) : F("", !0),
@@ -3389,7 +3390,7 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
                     label: o.ariaListLabel ?? o.label ?? d(ke)
                   }, {
                     default: V(() => [
-                      (f(!0), h(G, null, ge(g.value, (W, me) => (f(), J(hi, {
+                      (p(!0), g(U, null, he(m.value, (W, me) => (p(), J(gi, {
                         key: me,
                         type: o.multiple ? "checkbox" : "radio",
                         showDivider: W.showDivider,
@@ -3397,13 +3398,13 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
                         isGroupTitle: W.isGroupTitle,
                         groupTitle: Se(W),
                         name: e.value,
-                        checked: na(W.value),
+                        checked: sa(W.value),
                         disabled: W.disabled,
                         value: W.value,
-                        onChange: ($e) => Pe(W.value)
+                        onChange: ($e) => Ge(W.value)
                       }, {
                         default: V(() => [
-                          W.isGroupTitle ? F("", !0) : (f(), h(G, { key: 0 }, [
+                          W.isGroupTitle ? F("", !0) : (p(), g(U, { key: 0 }, [
                             C(S(Se(W)), 1)
                           ], 64))
                         ]),
@@ -3413,7 +3414,7 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
                     _: 1
                   }, 8, ["multiple", "label"])
                 ], 64)),
-                _("div", null, [
+                I("div", null, [
                   te(Be, {
                     variant: "ghost",
                     width: "full",
@@ -3424,7 +3425,7 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
                     onClick: (W) => Le("close")
                   }, {
                     default: V(() => [
-                      C(S(o.mobileCloseButtonText ?? d(ze)), 1)
+                      C(S(o.mobileCloseButtonText ?? d(Pe)), 1)
                     ]),
                     _: 1
                   }, 8, ["name", "form", "onClick"])
@@ -3433,8 +3434,8 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
               _: 1
             }, 8, ["width"])
           ], 64)) : F("", !0)
-        ], 40, wi),
-        (o.showClearSelection ?? !0) && ((ye = E.value) != null && ye.length) ? (f(), J(Be, {
+        ], 40, Ii),
+        (o.showClearSelection ?? !0) && ((be = E.value) != null && be.length) ? (p(), J(Be, {
           key: 0,
           icon: "cross",
           variant: "ghost",
@@ -3442,11 +3443,11 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
           noText: !0,
           name: e.value,
           form: e.value,
-          onClick: (W) => ma()
+          onClick: (W) => ha()
         }, {
           default: V(() => [
             C(S(o.clearSelectionText), 1),
-            te(ei, { placement: "top" }, {
+            te(ai, { placement: "top" }, {
               default: V(() => [
                 C(S(o.clearSelectionText), 1)
               ]),
@@ -3455,11 +3456,11 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
           ]),
           _: 1
         }, 8, ["name", "form", "onClick"])) : F("", !0),
-        _("span", {
+        I("span", {
           "aria-hidden": d(H)(!0),
-          id: I.value
-        }, S(o.placeholder ?? o.label), 9, Ei),
-        d(Z)(o.message, o.showMessage) ? (f(), J(ae, {
+          id: _.value
+        }, S(o.placeholder ?? o.label), 9, Ni),
+        d(Z)(o.message, o.showMessage) ? (p(), J(ae, {
           key: 1,
           size: "small",
           icon: o.messageIcon,
@@ -3470,11 +3471,11 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
           ]),
           _: 1
         }, 8, ["icon", "id"])) : F("", !0),
-        qe() ? (f(), J(ae, {
+        ze() ? (p(), J(ae, {
           key: 2,
           size: "small",
           semantic: "successful",
-          id: c.value
+          id: v.value
         }, {
           default: V(() => [
             C(S(o.validMessage || d(fe)), 1)
@@ -3484,18 +3485,18 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         te(ae, {
           size: "small",
           semantic: "critical",
-          id: r.value
+          id: u.value
         }, {
           default: V(() => [
-            C(S(m.value), 1)
+            C(S(h.value), 1)
           ]),
           _: 1
         }, 8, ["id"]),
-        _("span", Ni, S(R.value), 1)
-      ], 10, yi);
+        I("span", Di, S(R.value), 1)
+      ], 10, ki);
     };
   }
-}), Di = ["id"], Fl = /* @__PURE__ */ U({
+}), Fi = ["id"], Ml = /* @__PURE__ */ q({
   __name: "custom-select-form-field",
   props: {
     children: { default: void 0 },
@@ -3507,121 +3508,122 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
   },
   setup(l) {
     const a = l, i = n(null);
-    return (e, t) => (f(), h("summary", {
+    return (e, t) => (p(), g("summary", {
       ref_key: "_ref",
       ref: i,
       id: e.id,
-      class: z(d(q)("db-custom-select-form-field", a.class))
+      class: P(d(z)("db-custom-select-form-field", a.class))
     }, [
       T(e.$slots, "default")
-    ], 10, Di));
+    ], 10, Fi));
   }
 });
 export {
-  El as AlignmentList,
-  Tl as AutoCompleteList,
-  xe as COLOR,
-  Oi as COLORS,
-  Wi as COLORS_SIMPLE,
-  Pi as COLOR_CONST,
-  Ze as COLOR_SIMPLE,
-  ul as DBAccordion,
-  Yt as DBAccordionItem,
-  Yi as DBBadge,
-  Ki as DBBrand,
+  Nl as AlignmentList,
+  $l as AutoCompleteList,
+  ea as COLOR,
+  Wi as COLORS,
+  Xi as COLORS_SIMPLE,
+  Vi as COLOR_CONST,
+  xe as COLOR_SIMPLE,
+  rl as DBAccordion,
+  Kt as DBAccordionItem,
+  Ki as DBBadge,
+  Ji as DBBrand,
   Be as DBButton,
-  Ji as DBCard,
-  Qi as DBCheckbox,
-  Dl as DBCustomSelect,
-  bi as DBCustomSelectDropdown,
-  Fl as DBCustomSelectFormField,
+  Qi as DBCard,
+  Zi as DBCheckbox,
+  Fl as DBCustomSelect,
+  yi as DBCustomSelectDropdown,
+  Ml as DBCustomSelectFormField,
   vi as DBCustomSelectList,
-  hi as DBCustomSelectListItem,
-  Zi as DBDivider,
-  Ya as DBDrawer,
-  xi as DBHeader,
-  el as DBIcon,
+  gi as DBCustomSelectListItem,
+  xi as DBDivider,
+  Ka as DBDrawer,
+  el as DBHeader,
+  al as DBIcon,
   ae as DBInfotext,
-  ht as DBInput,
-  al as DBLink,
-  rl as DBNavigation,
-  sl as DBNavigationItem,
-  ji as DBNotification,
-  tl as DBPage,
+  gt as DBInput,
+  tl as DBLink,
+  cl as DBNavigation,
+  ul as DBNavigationItem,
+  Yi as DBNotification,
+  il as DBPage,
   vl as DBPopover,
-  il as DBRadio,
-  ll as DBSection,
-  ol as DBSelect,
-  Nl as DBStack,
-  dl as DBSwitch,
-  Ft as DBTabItem,
-  ii as DBTabList,
-  oi as DBTabPanel,
-  cl as DBTabs,
+  ll as DBRadio,
+  ol as DBSection,
+  dl as DBSelect,
+  Dl as DBStack,
+  nl as DBSwitch,
+  Mt as DBTabItem,
+  li as DBTabList,
+  di as DBTabPanel,
+  fl as DBTabs,
   zt as DBTag,
-  nl as DBTextarea,
-  ei as DBTooltip,
+  sl as DBTextarea,
+  ai as DBTooltip,
   _a as DEFAULT_BACK,
-  La as DEFAULT_BURGER_MENU,
-  ze as DEFAULT_CLOSE_BUTTON,
-  je as DEFAULT_DATALIST_ID_SUFFIX,
-  Ta as DEFAULT_ICON,
+  Ta as DEFAULT_BURGER_MENU,
+  Pe as DEFAULT_CLOSE_BUTTON,
+  Ye as DEFAULT_DATALIST_ID_SUFFIX,
+  $a as DEFAULT_ICON,
   we as DEFAULT_ID,
   ie as DEFAULT_INVALID_MESSAGE,
-  ce as DEFAULT_INVALID_MESSAGE_ID_SUFFIX,
+  ve as DEFAULT_INVALID_MESSAGE_ID_SUFFIX,
   ke as DEFAULT_LABEL,
-  Xe as DEFAULT_LABEL_ID_SUFFIX,
-  wa as DEFAULT_MESSAGE,
+  He as DEFAULT_LABEL_ID_SUFFIX,
+  Ia as DEFAULT_MESSAGE,
   re as DEFAULT_MESSAGE_ID_SUFFIX,
-  Ke as DEFAULT_PLACEHOLDER,
+  Je as DEFAULT_PLACEHOLDER,
   Ne as DEFAULT_PLACEHOLDER_ID_SUFFIX,
-  Je as DEFAULT_REMOVE,
-  $a as DEFAULT_ROWS,
-  Ia as DEFAULT_SELECTED,
-  He as DEFAULT_SELECT_ID_SUFFIX,
+  Qe as DEFAULT_REMOVE,
+  Aa as DEFAULT_ROWS,
+  La as DEFAULT_SELECTED,
+  je as DEFAULT_SELECT_ID_SUFFIX,
   fe as DEFAULT_VALID_MESSAGE,
-  ve as DEFAULT_VALID_MESSAGE_ID_SUFFIX,
-  Aa as DEFAULT_VIEWPORT,
-  Vi as DENSITIES,
-  Qe as DENSITY,
+  ce as DEFAULT_VALID_MESSAGE_ID_SUFFIX,
+  Ca as DEFAULT_VIEWPORT,
+  Oi as DENSITIES,
+  Ze as DENSITY,
   Gi as DENSITY_CONST,
-  Ca as DESKTOP_VIEWPORT,
+  Ea as DESKTOP_VIEWPORT,
   _l as EmphasisList,
-  gl as GapSpacingList,
-  Ll as LabelVariantList,
-  $l as LinkCurrentList,
-  Cl as LinkReferrerPolicyList,
-  Al as LinkTargetList,
-  ml as MarginList,
-  kl as MaxWidthList,
-  Ka as NavigationItemSafeTriangle,
-  bl as OrientationList,
-  ni as PlacementHorizontalList,
-  hl as PlacementList,
-  si as PlacementVerticalList,
-  Bl as PopoverDelayList,
-  Sl as PopoverWidthList,
-  ea as SEMANTIC,
-  Xi as SEMANTICS,
-  fl as SemanticList,
-  wl as SizeList,
-  pl as SpacingList,
-  Hi as TESTING_VIEWPORTS,
-  Il as ValidationList,
-  yl as WidthList,
-  Ye as addAttributeToChildren,
-  q as cls,
+  bl as GapSpacingList,
+  Tl as LabelVariantList,
+  Al as LinkCurrentList,
+  El as LinkReferrerPolicyList,
+  Cl as LinkTargetList,
+  hl as MarginList,
+  Bl as MaxWidthList,
+  Ja as NavigationItemSafeTriangle,
+  yl as OrientationList,
+  si as PlacementHorizontalList,
+  gl as PlacementList,
+  ui as PlacementVerticalList,
+  Sl as PopoverDelayList,
+  wl as PopoverWidthList,
+  aa as SEMANTIC,
+  Hi as SEMANTICS,
+  pl as SemanticList,
+  Il as SizeList,
+  ml as SpacingList,
+  ji as TESTING_VIEWPORTS,
+  Ll as ValidationList,
+  kl as WidthList,
+  Ke as addAttributeToChildren,
+  z as cls,
   ee as delay,
   M as getBoolean,
   H as getBooleanAsString,
   K as getHideProp,
-  he as getNumber,
-  We as getSearchInput,
+  We as getInputValue,
+  ye as getNumber,
+  Xe as getSearchInput,
   Fe as handleDataOutside,
   ue as hasVoiceOver,
-  ka as isArrayOfStrings,
-  aa as isEventTargetNavigationItem,
-  ya as isInView,
+  Ba as isArrayOfStrings,
+  ta as isEventTargetNavigationItem,
+  ka as isInView,
   Z as stringPropVisible,
   Q as uuid,
   qi as visibleInVX,