npm - @db-ux/v-core-components - Versions diffs - 2.0.4 → 2.0.6 - Mend

@db-ux/v-core-components 2.0.4 → 2.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/db-ux.es.js CHANGED Viewed

@@ -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";
+import { defineComponent as q, ref as n, createElementBlock as g, openBlock as f, unref as d, normalizeClass as P, renderSlot as T, Fragment as U, 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";
 const Q = () => {
   var l, a;
   if (typeof window < "u") {
@@ -16,7 +16,7 @@ const Q = () => {
   Object.values(i).forEach((e) => {
     e.setAttribute(a.key, a.value), e.children.length > 0 && Ye(e, a);
   });
-}, q = (...l) => {
+}, z = (...l) => {
   let a = "";
   for (const i of l)
     if (i)
@@ -26,7 +26,7 @@ const Q = () => {
         for (const e in i)
           i[e] && (a += `${e} `);
   return a.trim();
-}, qi = (l) => {
+}, zi = (l) => {
   const {
     left: a,
     right: i
@@ -34,7 +34,7 @@ const Q = () => {
     innerWidth: e
   } = window;
   return a >= 0 && i <= e;
-}, Ui = (l) => {
+}, qi = (l) => {
   const {
     top: a,
     bottom: i
@@ -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;
+  let h = a < 0, s = i > v, r = e < 0, c = t > u;
   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,
+  return B && (I && (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 {
@@ -68,13 +68,13 @@ const Q = () => {
     outLeft: e,
     outRight: t
   } = ya(l);
-  let c = {};
-  return a || i ? (c = {
+  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;
+  }, l.setAttribute("data-outside-vx", v.vx)) : l.removeAttribute("data-outside-vx"), v;
 }, 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) => {
   if (l != null)
     return String(typeof l == "string" ? !!l : l);
@@ -87,7 +87,7 @@ const Q = () => {
 }, 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, 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__ */ 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) => (f(), 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,14 +140,14 @@ 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 ? (f(), g(U, { key: 0 }, [
         C(S(t.text), 1)
       ], 64)) : T(t.$slots, "default", { key: 1 })
     ], 10, Sa));
   }
-}), 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";
+}), we = "OVERWRITE_DEFAULT_ID", ke = "LABEL SHOULD BE SET", Ke = " ", wa = "MESSAGE SHOULD BE SET", Xe = "-label", He = "-select", re = "-message", ce = "-valid-message", ve = "-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, Pe = "Close", Ui = "density", Gi = "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 || {});
@@ -169,7 +169,7 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
 }, {
   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({
+}], Ea = ["id", "aria-live", "data-semantic", "data-variant", "data-icon", "data-hide-icon", "data-link-variant"], Na = { key: 0 }, Da = { key: 1 }, ji = /* @__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) => (f(), 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,13 +218,13 @@ 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),
+      d(Z)(t.headline, t.showHeadline) ? (f(), g("header", Na, S(t.headline), 1)) : F("", !0),
       _("p", null, [
-        t.text ? (f(), h(G, { key: 0 }, [
+        t.text ? (f(), 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) ? (f(), g("span", Da, S(t.timestamp), 1)) : F("", !0),
       T(t.$slots, "link"),
       d(M)(t.closeable, "closeable") ? (f(), J(Be, {
         key: 2,
@@ -233,16 +233,16 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
         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));
   }
-}), Fa = ["id", "data-semantic", "data-size", "data-emphasis", "data-placement", "data-label"], Yi = /* @__PURE__ */ U({
+}), Fa = ["id", "data-semantic", "data-size", "data-emphasis", "data-placement", "data-label"], Yi = /* @__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 f(), 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 ? (f(), g(U, { key: 0 }, [
           C(S(t.text), 1)
         ], 64)) : T(t.$slots, "default", { key: 1 })
       ], 10, Fa);
     };
   }
-}), Ma = ["data-icon", "data-hide-icon", "id"], Ki = /* @__PURE__ */ U({
+}), Ma = ["data-icon", "data-hide-icon", "id"], Ki = /* @__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) => (f(), g("div", {
       ref_key: "_ref",
       ref: i,
       "data-icon": e.hideLogo ? "none" : e.icon ?? d(Ta),
       "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 ? (f(), g(U, { key: 0 }, [
         C(S(e.text), 1)
       ], 64)) : T(e.$slots, "default", { key: 1 })
     ], 10, Ma));
   }
-}), Ra = ["id", "data-behavior", "data-elevation-level", "data-spacing", "role", "tabIndex"], Ji = /* @__PURE__ */ U({
+}), Ra = ["id", "data-behavior", "data-elevation-level", "data-spacing", "role", "tabIndex"], Ji = /* @__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) => (f(), 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));
   }
 }), 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({
+}, Pa = ["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) => (f(), 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 ? (f(), g(U, { key: 0 }, [
         C(S(e.text), 1)
       ], 64)) : T(e.$slots, "default", { key: 1 })
-    ], 10, za));
+    ], 10, Pa));
   }
-}), qa = ["data-size", "data-hide-label"], Ua = ["for"], Ga = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "value", "required", "aria-describedby"], Pa = {
+}), za = ["data-size", "data-hide-label"], qa = ["for"], Ua = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "value", "required", "aria-describedby"], Ga = {
   "data-visually-hidden": "true",
   role: "status"
-}, Qi = /* @__PURE__ */ U({
+}, Qi = /* @__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(""), I = 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() && (I.value = r.value, ee(() => I.value = "", 1e3))) : B() && ((O = L.value) != null && O.validity.valid) && e.required ? (c.value = h.value, ue() && (I.value = e.validMessage ?? fe, ee(() => I.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) => (f(), 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 }, [
+      _("label", { for: v.value }, [
         _("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,17 +515,17 @@ 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
-        }, null, 40, Ga),
-        y.label ? (f(), h(G, { key: 0 }, [
+          "aria-describedby": c.value
+        }, null, 40, Ua),
+        y.label ? (f(), g(U, { key: 0 }, [
           C(S(y.label), 1)
         ], 64)) : T(y.$slots, "default", { key: 1 })
-      ], 8, Ua),
+      ], 8, qa),
       d(Z)(y.message, y.showMessage) ? (f(), J(ae, {
         key: 0,
         size: "small",
         icon: y.messageIcon,
-        id: r.value
+        id: u.value
       }, {
         default: V(() => [
           C(S(y.message), 1)
@@ -536,7 +536,7 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
         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)
-    ], 10, qa));
+      _("span", Ga, S(I.value), 1)
+    ], 10, za));
   }
-}), Va = ["id", "data-margin", "data-variant", "data-emphasis", "data-width"], Zi = /* @__PURE__ */ U({
+}), Va = ["id", "data-margin", "data-variant", "data-emphasis", "data-width"], Zi = /* @__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) => (f(), 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))
+      class: P(d(z)("db-divider", a.class))
     }, null, 10, Va));
   }
-}), 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({
+}), 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__ */ q({
   __name: "drawer",
   props: {
     backdrop: { default: void 0 },
@@ -608,68 +608,68 @@ 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) => (f(), 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", {
         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")
+            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")
+          T(u.$slots, "default")
         ])
       ], 10, Wa)
     ], 40, Oa));
@@ -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 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__ */ 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(
@@ -799,17 +799,17 @@ 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) {
+      aa(s) && u();
     }
-    return (s, u) => (f(), h("header", {
+    return (s, r) => (f(), 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
@@ -819,13 +819,13 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         spacing: "small",
         rounded: !0,
         open: d(M)(s.drawerOpen),
-        onClose: (v) => r()
+        onClose: (c) => u()
       }, {
         default: V(() => [
           _("div", Qa, [
             _("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")
             ]),
@@ -861,7 +861,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
               variant: "ghost",
               id: i.value + "-burger-menu",
               noText: !0,
-              onClick: (v) => r()
+              onClick: (c) => u()
             }, {
               default: V(() => [
                 C(S(s.burgerMenuLabel ?? d(La)), 1)
@@ -876,7 +876,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       ])
     ], 10, Ja));
   }
-}), ut = ["id", "data-icon", "data-icon-weight", "data-icon-variant"], el = /* @__PURE__ */ U({
+}), ut = ["id", "data-icon", "data-icon-weight", "data-icon-variant"], el = /* @__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) => (f(), 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 ? (f(), g(U, { key: 0 }, [
         C(S(e.text), 1)
       ], 64)) : T(e.$slots, "default", { key: 1 })
     ], 10, ut));
   }
-}), 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 = {
+}), rt = ["data-variant", "data-hide-label", "data-hide-icon", "data-icon", "data-icon-after", "data-hide-icon-after"], ct = ["for"], vt = ["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 = {
   "data-visually-hidden": "true",
   role: "status"
-}, ht = /* @__PURE__ */ U({
+}, ht = /* @__PURE__ */ q({
   __name: "input",
   props: {
     dataList: { default: void 0 },
@@ -964,10 +964,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(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(""), I = 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;
+      t.value = p, v.value = p + re, u.value = p + ce, h.value = p + ve, r.value = p + je, s.value = e.invalidMessage || ie;
     }), A(
       () => [B.value, e.invalidMessage],
       () => {
@@ -983,7 +983,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       () => {
         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);
+          v.value = p, u.value = t.value + ce, h.value = t.value + ve, r.value = e.dataListId ?? t.value + je, Z(e.message, e.showMessage) && (c.value = p);
         }
       },
       {
@@ -1004,21 +1004,21 @@ 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 p, E, m;
+      !((p = B.value) != null && p.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();
+      p.stopPropagation(), e.input && e.input(p), I.value = p.target.value, e.onInput && e.onInput(p), oe(i, p), w();
     }
     function R(p) {
-      e.onChange && e.onChange(p), oe(() => {
+      p.stopPropagation(), e.onChange && e.onChange(p), oe(() => {
       }, p), w();
     }
     function y(p) {
-      e.onBlur && e.onBlur(p);
+      p.stopPropagation(), e.onBlur && e.onBlur(p);
     }
     function b(p) {
-      e.onFocus && e.onFocus(p);
+      p.stopPropagation(), e.onFocus && e.onFocus(p);
     }
     function O() {
       const p = e.dataList;
@@ -1029,8 +1029,8 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         })) : p) || []
       );
     }
-    return (p, E) => (f(), h("div", {
-      class: z(d(q)("db-input", e.class)),
+    return (p, E) => (f(), g("div", {
+      class: P(d(z)("db-input", e.class)),
       "data-variant": p.variant,
       "data-hide-label": d(K)(p.showLabel),
       "data-hide-icon": d(K)(p.showIcon),
@@ -1038,7 +1038,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       "data-icon-after": p.iconAfter,
       "data-hide-icon-after": d(K)(p.showIcon)
     }, [
-      _("label", { for: t.value }, S(p.label ?? d(ke)), 9, vt),
+      _("label", { for: t.value }, S(p.label ?? d(ke)), 9, ct),
       _("input", {
         "aria-invalid": p.validation === "invalid",
         "data-custom-validity": p.validation,
@@ -1062,28 +1062,28 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         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", {
+        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: p.dataList && r.value,
+        "aria-describedby": p.ariaDescribedBy ?? c.value
+      }, null, 40, vt),
+      p.dataList ? (f(), 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))
+        (f(!0), g(U, null, ge(O(), (m) => (f(), g("option", {
+          key: r.value + "-option-" + m.value,
+          value: m.value
+        }, S(m.label), 9, pt))), 128))
       ], 8, ft)) : F("", !0),
       T(p.$slots, "default"),
       d(Z)(p.message, p.showMessage) ? (f(), J(ae, {
         key: 1,
         size: "small",
         icon: p.messageIcon,
-        id: c.value
+        id: v.value
       }, {
         default: V(() => [
           C(S(p.message), 1)
@@ -1094,7 +1094,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         key: 2,
         size: "small",
         semantic: "successful",
-        id: r.value
+        id: u.value
       }, {
         default: V(() => [
           C(S(p.validMessage || d(fe)), 1)
@@ -1104,7 +1104,7 @@ 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)
@@ -1114,7 +1114,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       _("span", mt, S(L.value), 1)
     ], 10, rt));
   }
-}), 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({
+}), 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__ */ 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) => (f(), 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 ? (f(), g(U, { key: 0 }, [
         C(S(t.text), 1)
       ], 64)) : T(t.$slots, "default", { key: 1 })
     ], 10, gt));
   }
-}), bt = ["id", "data-variant", "data-fade-in", "data-fonts-loaded"], tl = /* @__PURE__ */ U({
+}), bt = ["id", "data-variant", "data-fade-in", "data-fonts-loaded"], tl = /* @__PURE__ */ q({
   __name: "page",
   props: {
     documentOverflow: { default: void 0 },
@@ -1195,25 +1195,25 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       }) : i.value = !0;
     }), ba(() => {
       typeof window < "u" && document.documentElement.classList.contains("db-page-document") && document.documentElement.classList.remove("db-page-document");
-    }), (t, c) => (f(), h("div", {
+    }), (t, v) => (f(), 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))
+        class: P(d(z)("db-main", t.mainClass))
       }, [
         T(t.$slots, "default")
       ], 2),
       T(t.$slots, "footer")
     ], 10, bt));
   }
-}), yt = ["data-size", "data-hide-label", "for"], kt = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "aria-describedby", "value", "required"], il = /* @__PURE__ */ U({
+}), yt = ["data-size", "data-hide-label", "for"], kt = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "aria-describedby", "value", "required"], il = /* @__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, I) => (f(), 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", {
         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)),
+        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: I[0] || (I[0] = async (L) => h(L)),
         onBlur: I[1] || (I[1] = async (L) => s(L)),
-        onFocus: I[2] || (I[2] = async (L) => u(L))
+        onFocus: I[2] || (I[2] = async (L) => r(L))
       }, null, 40, kt),
-      v.label ? (f(), h(G, { key: 0 }, [
-        C(S(v.label), 1)
-      ], 64)) : T(v.$slots, "default", { key: 1 })
+      c.label ? (f(), g(U, { key: 0 }, [
+        C(S(c.label), 1)
+      ], 64)) : T(c.$slots, "default", { key: 1 })
     ], 10, yt));
   }
-}), Bt = ["id", "data-spacing", "data-width"], ll = /* @__PURE__ */ U({
+}), Bt = ["id", "data-spacing", "data-width"], ll = /* @__PURE__ */ q({
   __name: "section",
   props: {
     children: { default: void 0 },
@@ -1308,11 +1308,11 @@ 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) => (f(), 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
     }, [
@@ -1322,7 +1322,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
 }), 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 = {
   "data-visually-hidden": "true",
   role: "status"
-}, ol = /* @__PURE__ */ U({
+}, ol = /* @__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(""), I = 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;
         }
       },
       {
@@ -1406,87 +1406,87 @@ 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), I.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 p(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) => (f(), 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),
+      _("label", { for: t.value }, S(m.label ?? d(ke)), 9, wt),
       _("select", {
-        "aria-invalid": g.validation === "invalid",
-        "data-custom-validity": g.validation,
+        "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 ?? I.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
+        "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", {
+        m.options ? (f(!0), g(U, { key: 0 }, ge(m.options, (j, Ae) => (f(), g(U, { key: Ae }, [
+          j.options ? (f(), g("optgroup", {
             key: 0,
             label: E(j)
           }, [
-            (f(!0), h(G, null, ge(j.options, (pe, _e) => (f(), h("option", {
+            (f(!0), g(U, null, ge(j.options, (pe, _e) => (f(), 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", {
+          j.options ? F("", !0) : (f(), 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 })
+        ], 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, {
+      _("span", { id: r.value }, S(m.placeholder ?? m.label), 9, $t),
+      d(Z)(m.message, m.showMessage) ? (f(), 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),
@@ -1494,17 +1494,17 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         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)
@@ -1514,7 +1514,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       _("span", At, S(B.value), 1)
     ], 10, St));
   }
-}), 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({
+}), 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__ */ 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) {
+    function h(c) {
       var I;
-      e.onChange && e.onChange(v), c.value = (I = v.target) == null ? void 0 : I.checked, oe(i, v, "checked");
+      c.stopPropagation(), e.onChange && e.onChange(c), v.value = (I = c.target) == null ? void 0 : I.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, I) => (f(), 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", {
         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)),
+        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: I[0] || (I[0] = async (L) => h(L)),
         onBlur: I[1] || (I[1] = async (L) => s(L)),
-        onFocus: I[2] || (I[2] = async (L) => u(L))
+        onFocus: I[2] || (I[2] = async (L) => r(L))
       }, null, 40, Et),
-      v.label ? (f(), h(G, { key: 0 }, [
-        C(S(v.label), 1)
-      ], 64)) : T(v.$slots, "default", { key: 1 })
+      c.label ? (f(), g(U, { key: 0 }, [
+        C(S(c.label), 1)
+      ], 64)) : T(c.$slots, "default", { key: 1 })
     ], 10, Ct));
   }
-}), 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({
+}), 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__ */ 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) => (f(), 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)
+        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", {
           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))
+          ref: h,
+          name: v.value,
+          id: r.id,
+          onInput: c[0] || (c[0] = async (I) => s(I))
         }, null, 40, Dt),
-        u.label ? (f(), h(G, { key: 0 }, [
-          C(S(u.label), 1)
+        r.label ? (f(), g(U, { key: 0 }, [
+          C(S(r.label), 1)
         ], 64)) : F("", !0),
-        T(u.$slots, "default")
+        T(r.$slots, "default")
       ], 8, Nt)
     ], 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({
+}), Mt = ["id", "data-disabled", "data-semantic", "data-emphasis", "data-icon", "data-show-check-state", "data-hide-icon", "data-no-text", "data-overflow"], Rt = ["title"], Pt = /* @__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() {
+    function v() {
       return a.removeButton ? a.removeButton : Je;
     }
-    return (r, m) => (f(), h("div", {
+    return (u, h) => (f(), 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 ? (f(), g(U, { key: 0 }, [
+        C(S(u.text), 1)
       ], 64)) : F("", !0),
-      r.behavior === "removable" ? (f(), h("button", {
+      u.behavior === "removable" ? (f(), 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)
+        onClick: h[0] || (h[0] = async (s) => t(s)),
+        title: v()
+      }, S(v()), 9, Rt)) : F("", !0)
     ], 10, Mt));
   }
-}), 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 = {
+}), zt = ["data-variant", "data-hide-label"], qt = ["for"], Ut = ["aria-invalid", "data-custom-validity", "id", "data-resize", "disabled", "required", "readOnly", "form", "maxLength", "minLength", "name", "wrap", "spellcheck", "autocomplete", "value", "aria-describedby", "placeholder", "rows", "cols"], Gt = {
   "data-visually-hidden": "true",
   role: "status"
-}, nl = /* @__PURE__ */ U({
+}, nl = /* @__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(""), I = 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,
@@ -1859,27 +1859,27 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
     }
     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 = "";
+      !((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() && (I.value = s.value, ee(() => I.value = "", 1e3))) : B() && ((p = L.value) != null && p.validity.valid) && (e.required || e.minLength || e.maxLength) ? (r.value = u.value, ue() && (I.value = e.validMessage ?? fe, ee(() => I.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) => (f(), 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),
+      _("label", { for: t.value }, S(b.label ?? d(ke)), 9, qt),
       _("textarea", {
         "aria-invalid": b.validation === "invalid",
         "data-custom-validity": b.validation,
@@ -1901,17 +1901,17 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         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,
+        value: b.value ?? c.value,
+        "aria-describedby": r.value,
         placeholder: b.placeholder ?? d(Ke),
         rows: d(he)(b.rows, d($a)),
         cols: d(he)(b.cols)
-      }, null, 40, Gt),
+      }, null, 40, Ut),
       d(Z)(b.message, b.showMessage) ? (f(), J(ae, {
         key: 0,
         size: "small",
         icon: b.messageIcon,
-        id: c.value
+        id: v.value
       }, {
         default: V(() => [
           C(S(b.message), 1)
@@ -1922,7 +1922,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         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)
-    ], 10, qt));
+      _("span", Gt, S(I.value), 1)
+    ], 10, zt));
   }
 }), 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 = {
   key: 0,
   class: "db-mobile-navigation-back"
-}, sl = /* @__PURE__ */ U({
+}, sl = /* @__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");
+        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 Ka(
-            u.value,
+            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) {
+      aa(B) && (u.value = !0, ee(() => {
+        u.value = !1;
       }, 300));
     }
     function I(B) {
-      a.onClick && a.onClick(B), e.value && (c.value = !0);
+      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) => (f(), 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) : (f(), g(U, { key: 0 }, [
+        B.text ? (f(), g(U, { key: 0 }, [
           C(S(B.text), 1)
         ], 64)) : T(B.$slots, "default", { key: 1 })
       ], 64)),
-      t.value ? (f(), h(G, { key: 1 }, [
+      t.value ? (f(), g(U, { key: 1 }, [
         _("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))
         }, [
-          B.text ? (f(), h(G, { key: 0 }, [
+          B.text ? (f(), g(U, { key: 0 }, [
             C(S(B.text), 1)
           ], 64)) : T(B.$slots, "default", { key: 1 })
         ], 8, Ot),
         _("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 ? (f(), g("div", Xt, [
             te(Be, {
               icon: "arrow_left",
               variant: "ghost",
@@ -2078,7 +2078,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       ], 64)) : F("", !0)
     ], 42, Vt));
   }
-}), Ht = ["id"], jt = ["aria-disabled", "name", "open"], Yt = /* @__PURE__ */ U({
+}), Ht = ["id"], jt = ["aria-disabled", "name", "open"], Yt = /* @__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) => (f(), g("li", {
       id: i.value,
-      class: z(d(q)("db-accordion-item", a.class))
+      class: P(d(z)("db-accordion-item", a.class))
     }, [
       _("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))
+          onClick: r[0] || (r[0] = async (c) => h(c))
         }, [
-          s.headlinePlain ? (f(), h(G, { key: 0 }, [
+          s.headlinePlain ? (f(), 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 }, [
+          s.text ? (f(), g(U, { key: 0 }, [
             C(S(s.text), 1)
           ], 64)) : T(s.$slots, "default", { key: 1 })
         ])
       ], 8, jt)
     ], 10, Ht));
   }
-}), Kt = ["id", "data-variant"], ul = /* @__PURE__ */ U({
+}), Kt = ["id", "data-variant"], ul = /* @__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, I) => {
+                  r != null && r.includes(I) && (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) => (f(), 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, {
+      s.items ? (f(!0), g(U, { key: 1 }, ge(h(), (c, I) => (f(), J(Yt, {
         key: `accordion-item-${I}`,
-        headlinePlain: v.headlinePlain,
-        disabled: v.disabled,
-        text: v.text
+        headlinePlain: c.headlinePlain,
+        disabled: c.disabled,
+        text: c.text
       }, null, 8, ["headlinePlain", "disabled", "text"]))), 128)) : F("", !0)
     ], 10, Kt));
   }
-}), Jt = ["id", "aria-labelledby"], rl = /* @__PURE__ */ U({
+}), Jt = ["id", "aria-labelledby"], rl = /* @__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) => (f(), 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, [
         T(t.$slots, "default")
       ])
     ], 10, Jt));
   }
-}), Qt = ["id"], Zt = ["data-spacing", "data-gap", "data-animation", "data-open", "data-delay", "data-width", "data-placement"], vl = /* @__PURE__ */ U({
+}), Qt = ["id"], Zt = ["data-spacing", "data-gap", "data-animation", "data-open", "data-delay", "data-width", "data-placement"], cl = /* @__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,35 +2315,35 @@ 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) => (f(), 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", {
@@ -2360,7 +2360,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       ], 8, Zt)
     ], 42, Qt));
   }
-}), xt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width", "data-show-arrow", "data-placement"], ei = /* @__PURE__ */ U({
+}), xt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width", "data-show-arrow", "data-placement"], ei = /* @__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) => (f(), 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")
+      T(h.$slots, "default")
     ], 10, xt));
   }
-}), ai = ["id"], ti = { role: "tablist" }, ii = /* @__PURE__ */ U({
+}), ai = ["id"], ti = { role: "tablist" }, ii = /* @__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) => (f(), 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, [
         T(t.$slots, "default")
       ])
     ], 10, ai));
   }
-}), li = ["id", "aria-labelledby"], oi = /* @__PURE__ */ U({
+}), li = ["id", "aria-labelledby"], oi = /* @__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) => (f(), 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 ? (f(), g(U, { key: 0 }, [
         C(S(e.content), 1)
       ], 64)) : F("", !0),
       T(e.$slots, "default")
     ], 10, li));
   }
-}), di = ["id", "data-orientation", "data-scroll-behavior", "data-alignment", "data-width"], cl = /* @__PURE__ */ U({
+}), di = ["id", "data-orientation", "data-scroll-behavior", "data-alignment", "data-width"], vl = /* @__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) {
       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($);
           })));
         }
       }
@@ -2573,8 +2573,8 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
               ), p.id = E, p.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 && p.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,18 +2603,18 @@ 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, $) => (f(), 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 ? (f(), J(Be, {
         key: 0,
         class: "tabs-scroll-left",
         variant: "ghost",
@@ -2627,10 +2628,10 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         ])),
         _: 1
       }, 8, ["onClick"])) : F("", !0),
-      w.tabs ? (f(), h(G, { key: 1 }, [
+      w.tabs ? (f(), g(U, { key: 1 }, [
         te(ii, null, {
           default: V(() => [
-            (f(!0), h(G, null, ge(u(), (R, y) => (f(), J(Ft, {
+            (f(!0), g(U, null, ge(r(), (R, y) => (f(), J(Ft, {
               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, {
+        (f(!0), g(U, null, ge(r(), (R, y) => (f(), J(oi, {
           key: w.name + "tab-panel" + y,
           content: R.content
         }, {
@@ -2651,7 +2652,7 @@ 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 ? (f(), J(Be, {
         key: 2,
         class: "tabs-scroll-right",
         variant: "ghost",
@@ -2668,7 +2669,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       T(w.$slots, "default")
     ], 42, di));
   }
-}), 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({
+}), 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__ */ 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) => (f(), 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,
@@ -2701,7 +2702,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       T(e.$slots, "default")
     ], 10, ui));
   }
-}), ri = ["role", "aria-label", "id"], vi = /* @__PURE__ */ U({
+}), ri = ["role", "aria-label", "id"], ci = /* @__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) => (f(), 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, [
         T(e.$slots, "default")
       ])
     ], 10, ri));
   }
-}), 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({
+}), vi = ["id", "data-divider"], fi = ["data-icon", "data-hide-icon", "data-icon-after"], pi = ["type", "name", "form", "checked", "disabled", "value"], mi = { key: 1 }, hi = /* @__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) => (f(), 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 ? (f(), g("span", mi, S(r.groupTitle), 1)) : (f(), 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", {
           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))
+          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 (I) => h(I))
         }, null, 40, pi),
-        u.label ? (f(), h(G, { key: 0 }, [
-          C(S(u.label), 1)
-        ], 64)) : T(u.$slots, "default", { key: 1 })
+        r.label ? (f(), g(U, { key: 0 }, [
+          C(S(r.label), 1)
+        ], 64)) : T(r.$slots, "default", { key: 1 })
       ], 8, fi))
-    ], 10, ci));
+    ], 10, vi));
   }
-}), gi = ["id", "data-width"], bi = /* @__PURE__ */ U({
+}), gi = ["id", "data-width"], bi = /* @__PURE__ */ q({
   __name: "custom-select-dropdown",
   props: {
     width: { default: "fixed" },
@@ -2821,12 +2822,12 @@ 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) => (f(), 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")
@@ -2856,7 +2857,7 @@ 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 = {
   "data-visually-hidden": "true",
   role: "status"
-}, Dl = /* @__PURE__ */ U({
+}, Dl = /* @__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), 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([]), m = n([]), X = n(!1), j = n(void 0), Ae = n(0), pe = n(!1), _e = n(!1), ta = n(null), G = n(null), be = 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 + He, r.value = o + Xe, c.value = o + "-summary", I.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 + Xe, s.value = e.value + He, v.value = e.value + ce, u.value = e.value + ve, I.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,9 +2965,9 @@ 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,
@@ -3031,17 +3032,17 @@ 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, p.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));
@@ -3085,23 +3086,23 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
       () => [be.value, i.invalidMessage],
       () => {
         var o;
-        m.value = i.invalidMessage || ((o = be.value) == null ? void 0 : o.validationMessage) || ie;
+        h.value = i.invalidMessage || ((o = be.value) == null ? void 0 : o.validationMessage) || ie;
       },
       {
         immediate: !0,
         flush: "post"
       }
     );
-    function qe() {
+    function ze() {
       return !!(i.validMessage ?? i.validation === "valid");
     }
     function ia() {
       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");
+      be.value && (be.value.value = oa()), !((o = be.value) != null && o.validity.valid) || i.validation === "invalid" ? (N.value = u.value, h.value = i.invalidMessage || ((k = be.value) == null ? void 0 : k.validationMessage) || ie, ue() && (R.value = h.value, ee(() => R.value = "", 1e3)), B.value = i.validation ?? "invalid") : ze() && ((D = be.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 = I.value, B.value = i.validation ?? "no-validation");
     }
     function la(o) {
       i.onDropdownToggle && i.onDropdownToggle(o), o.target.open ? j.value = new De().addCallback(
-        (k) => ca(k)
+        (k) => va(k)
       ) : j.value && new De().removeCallback(
         j.value
       );
@@ -3110,7 +3111,7 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
       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(" ");
@@ -3130,11 +3131,11 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
       return i.removeTagsTexts && i.removeTagsTexts.length > o ? i.removeTagsTexts.at(o) : `${Je} ${y.value ? Se(y.value[o]) : ""}`;
     }
     function ua(o, k) {
-      k.stopPropagation(), Pe(o.value), Te();
+      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);
@@ -3142,7 +3143,7 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
     }
     function ra(o) {
       var k, D, x, ye, W, me, $e;
-      if ((k = P.value) != null && k.open) {
+      if ((k = G.value) != null && k.open) {
         if (document) {
           const de = document.activeElement;
           if (de)
@@ -3152,17 +3153,17 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
                 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)
+              else if (G.value.querySelector('input[type="checkbox"]') !== de)
                 Ee(de);
               else {
-                const Ve = We(P.value);
+                const Ve = We(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,26 +3174,26 @@ 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) {
+    function ca(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") && ra(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 va(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) {
       (/* @__PURE__ */ new Date()).getTime() - Ae.value < 200 || (i.onOptionSelected && (E.value = o, i.onOptionSelected(o ?? [])), oe(
@@ -3206,7 +3207,7 @@ 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")));
     }
@@ -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,8 +3243,8 @@ 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 = We(G.value);
         k ? ee(() => {
           k.focus();
         }, 100) : o || Ee();
@@ -3252,7 +3253,7 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
     function pa(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())
       );
     }
@@ -3261,17 +3262,17 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
     }
     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() {
     }
     return (o, k) => {
       var D, x, ye;
-      return f(), h("div", {
+      return f(), g("div", {
         id: e.value,
         ref_key: "_ref",
         ref: ta,
-        class: z(d(q)("db-custom-select", i.class)),
+        class: P(d(z)("db-custom-select", i.class)),
         "aria-invalid": B.value === "invalid",
         "data-custom-validity": B.value,
         "data-width": o.formFieldWidth,
@@ -3283,7 +3284,7 @@ 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 }, [
+        _("label", { id: r.value }, [
           C(S(o.label ?? d(ke)), 1),
           _("select", {
             role: "none",
@@ -3299,7 +3300,7 @@ 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 ? (f(!0), g(U, { key: 0 }, ge(m.value, (W, me) => (f(), g("option", {
               key: me,
               disabled: W.disabled,
               value: W.value
@@ -3308,26 +3309,26 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         ], 8, ki),
         _("details", {
           ref_key: "detailsRef",
-          ref: P,
+          ref: G,
           open: o.open,
           onToggle: k[2] || (k[2] = async (W) => la(W)),
-          onKeydown: k[3] || (k[3] = async (W) => va(W))
+          onKeydown: k[3] || (k[3] = async (W) => ca(W))
         }, [
           T(o.$slots, "default"),
-          o.options ? (f(), h(G, { key: 0 }, [
+          o.options ? (f(), g(U, { key: 0 }, [
             _("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 ? (f(), 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, {
+              o.selectedType === "tag" ? (f(), g("div", Li, [
+                (f(!0), g(U, null, ge(y.value, (W, me) => (f(), J(Pt, {
                   key: me,
                   emphasis: "strong",
                   behavior: "removable",
@@ -3343,7 +3344,7 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
             ], 8, _i),
             te(bi, { width: o.dropdownWidth }, {
               default: V(() => [
-                O.value ? (f(), h("div", Ti, [
+                O.value ? (f(), g("div", Ti, [
                   te(ht, {
                     type: "search",
                     ref_key: "searchInputRef",
@@ -3367,8 +3368,8 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
                     C(S((X.value ? o.noResultsText : o.loadingText) ?? d(wa)), 1)
                   ]),
                   _: 1
-                }, 8, ["id", "icon", "semantic"])) : (f(), h(G, { key: 2 }, [
-                  b.value ? (f(), h("div", $i, [
+                }, 8, ["id", "icon", "semantic"])) : (f(), g(U, { key: 2 }, [
+                  b.value ? (f(), g("div", $i, [
                     _("div", Ai, [
                       _("label", null, [
                         _("input", {
@@ -3384,12 +3385,12 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
                       ])
                     ])
                   ])) : F("", !0),
-                  te(vi, {
+                  te(ci, {
                     multiple: d(M)(o.multiple, "multiple"),
                     label: o.ariaListLabel ?? o.label ?? d(ke)
                   }, {
                     default: V(() => [
-                      (f(!0), h(G, null, ge(g.value, (W, me) => (f(), J(hi, {
+                      (f(!0), g(U, null, ge(m.value, (W, me) => (f(), J(hi, {
                         key: me,
                         type: o.multiple ? "checkbox" : "radio",
                         showDivider: W.showDivider,
@@ -3400,10 +3401,10 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
                         checked: na(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) : (f(), g(U, { key: 0 }, [
                             C(S(Se(W)), 1)
                           ], 64))
                         ]),
@@ -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"])
@@ -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() ? (f(), J(ae, {
           key: 2,
           size: "small",
           semantic: "successful",
-          id: c.value
+          id: v.value
         }, {
           default: V(() => [
             C(S(o.validMessage || d(fe)), 1)
@@ -3484,10 +3485,10 @@ 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"]),
@@ -3495,7 +3496,7 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
       ], 10, yi);
     };
   }
-}), Di = ["id"], Fl = /* @__PURE__ */ U({
+}), Di = ["id"], Fl = /* @__PURE__ */ q({
   __name: "custom-select-form-field",
   props: {
     children: { default: void 0 },
@@ -3507,11 +3508,11 @@ 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) => (f(), 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));
@@ -3523,7 +3524,7 @@ export {
   xe as COLOR,
   Oi as COLORS,
   Wi as COLORS_SIMPLE,
-  Pi as COLOR_CONST,
+  Gi as COLOR_CONST,
   Ze as COLOR_SIMPLE,
   ul as DBAccordion,
   Yt as DBAccordionItem,
@@ -3535,7 +3536,7 @@ export {
   Dl as DBCustomSelect,
   bi as DBCustomSelectDropdown,
   Fl as DBCustomSelectFormField,
-  vi as DBCustomSelectList,
+  ci as DBCustomSelectList,
   hi as DBCustomSelectListItem,
   Zi as DBDivider,
   Ya as DBDrawer,
@@ -3548,7 +3549,7 @@ export {
   sl as DBNavigationItem,
   ji as DBNotification,
   tl as DBPage,
-  vl as DBPopover,
+  cl as DBPopover,
   il as DBRadio,
   ll as DBSection,
   ol as DBSelect,
@@ -3557,18 +3558,18 @@ export {
   Ft as DBTabItem,
   ii as DBTabList,
   oi as DBTabPanel,
-  cl as DBTabs,
-  zt as DBTag,
+  vl as DBTabs,
+  Pt as DBTag,
   nl as DBTextarea,
   ei as DBTooltip,
   _a as DEFAULT_BACK,
   La as DEFAULT_BURGER_MENU,
-  ze as DEFAULT_CLOSE_BUTTON,
+  Pe as DEFAULT_CLOSE_BUTTON,
   je as DEFAULT_DATALIST_ID_SUFFIX,
   Ta 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,
@@ -3580,11 +3581,11 @@ export {
   Ia as DEFAULT_SELECTED,
   He as DEFAULT_SELECT_ID_SUFFIX,
   fe as DEFAULT_VALID_MESSAGE,
-  ve as DEFAULT_VALID_MESSAGE_ID_SUFFIX,
+  ce as DEFAULT_VALID_MESSAGE_ID_SUFFIX,
   Aa as DEFAULT_VIEWPORT,
   Vi as DENSITIES,
   Qe as DENSITY,
-  Gi as DENSITY_CONST,
+  Ui as DENSITY_CONST,
   Ca as DESKTOP_VIEWPORT,
   _l as EmphasisList,
   gl as GapSpacingList,
@@ -3610,7 +3611,7 @@ export {
   Il as ValidationList,
   yl as WidthList,
   Ye as addAttributeToChildren,
-  q as cls,
+  z as cls,
   ee as delay,
   M as getBoolean,
   H as getBooleanAsString,
@@ -3624,6 +3625,6 @@ export {
   ya as isInView,
   Z as stringPropVisible,
   Q as uuid,
-  qi as visibleInVX,
-  Ui as visibleInVY
+  zi as visibleInVX,
+  qi as visibleInVY
 };