@db-ux/v-core-components 4.3.1 → 4.3.2-consolidation-7549d9f

package/dist/db-ux.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as W, ref as o, onMounted as J, watch as C, createElementBlock as y, openBlock as v, normalizeClass as O, unref as n, createElementVNode as E, createCommentVNode as z, renderSlot as M, Fragment as H, createTextVNode as D, toDisplayString as S, renderList as ge, createBlock as Y, onUnmounted as he, createVNode as te, withCtx as G } from "vue";
-const Te = "OVERWRITE_DEFAULT_ID", ke = "LABEL SHOULD BE SET", ea = " ", Ia = "MESSAGE SHOULD BE SET", Ye = "-label", Je = "-select", ce = "-message", re = "-valid-message", ve = "-invalid-message", De = "-placeholder", Qe = "-datalist", se = "TODO: Add a validMessage", ee = "TODO: Add an invalidMessage", aa = "Remove", xa = "Back", $a = "Selected", Ta = "BurgerMenu", Ca = "brand", Ea = 4, qe = "Close", Yi = "density", Ji = "color";
+const Te = "OVERWRITE_DEFAULT_ID", ke = "LABEL SHOULD BE SET", ea = " ", Ia = "MESSAGE SHOULD BE SET", Ye = "-label", Je = "-select", ce = "-message", re = "-valid-message", ve = "-invalid-message", De = "-placeholder", Qe = "-datalist", se = "TODO: Add a validMessage", ae = "TODO: Add an invalidMessage", aa = "Remove", xa = "Back", $a = "Selected", Ta = "BurgerMenu", Ca = "brand", Ea = 4, Oe = "Close", Yi = "density", Ji = "color";
 var ta = /* @__PURE__ */ ((e) => (e.FUNCTIONAL = "functional", e.REGULAR = "regular", e.EXPRESSIVE = "expressive", e))(ta || {});
 const Qi = Object.entries(ta).map(([, e]) => e);
 var ia = /* @__PURE__ */ ((e) => (e.PRIMARY = "primary", e))(ia || {}), la = /* @__PURE__ */ ((e) => (e.NEUTRAL_BG_LEVEL_1 = "neutral-bg-basic-level-1", e.NEUTRAL_BG_LEVEL_2 = "neutral-bg-basic-level-2", e.NEUTRAL_BG_LEVEL_3 = "neutral-bg-basic-level-3", e.NEUTRAL_BG_TRANSPARENT_SEMI = "neutral-bg-basic-transparent-semi", e.NEUTRAL_BG_TRANSPARENT_FULL = "neutral-bg-basic-transparent-full", e.BRAND_BG_LEVEL_1 = "brand-bg-basic-level-1", e.BRAND_BG_LEVEL_2 = "brand-bg-basic-level-2", e.BRAND_BG_LEVEL_3 = "brand-bg-basic-level-3", e.BRAND_BG_TRANSPARENT_SEMI = "brand-bg-basic-transparent-semi", e.BRAND_BG_TRANSPARENT_FULL = "brand-bg-basic-transparent-full", e.SUCCESSFUL_BG_LEVEL_1 = "successful-bg-basic-level-1", e.SUCCESSFUL_BG_LEVEL_2 = "successful-bg-basic-level-2", e.SUCCESSFUL_BG_LEVEL_3 = "successful-bg-basic-level-3", e.SUCCESSFUL_BG_TRANSPARENT_SEMI = "successful-bg-basic-transparent-semi", e.SUCCESSFUL_BG_TRANSPARENT_FULL = "successful-bg-basic-transparent-full", e.CRITICAL_BG_LEVEL_1 = "critical-bg-basic-level-1", e.CRITICAL_BG_LEVEL_2 = "critical-bg-basic-level-2", e.CRITICAL_BG_LEVEL_3 = "critical-bg-basic-level-3", e.CRITICAL_BG_TRANSPARENT_SEMI = "critical-bg-basic-transparent-semi", e.CRITICAL_BG_TRANSPARENT_Full = "critical-bg-basic-transparent-full", e.WARNING_BG_LEVEL_1 = "warning-bg-basic-level-1", e.WARNING_BG_LEVEL_2 = "warning-bg-basic-level-2", e.WARNING_BG_LEVEL_3 = "warning-bg-basic-level-3", e.WARNING_BG_TRANSPARENT_SEMI = "warning-bg-basic-transparent-semi", e.WARNING_BG_TRANSPARENT_FULL = "warning-bg-basic-transparent-full", e.INFORMATIONAL_BG_LEVEL_1 = "informational-bg-basic-level-1", e.INFORMATIONAL_BG_LEVEL_2 = "informational-bg-basic-level-2", e.INFORMATIONAL_BG_LEVEL_3 = "informational-bg-basic-level-3", e.INFORMATIONAL_BG_TRANSPARENT_SEMI = "informational-bg-basic-transparent-semi", e.INFORMATIONAL_BG_TRANSPARENT_FULL = "informational-bg-basic-transparent-full", e))(la || {});
@@ -21,7 +21,7 @@ const el = Object.entries(na).map(([, e]) => e), Aa = {
 }, {
   name: "mobile",
   ...Aa
-}], tl = "db-ux-framework", il = "db-ux-mode", _ = () => {
+}], tl = "db-ux-framework", il = "db-ux-mode", ee = () => {
   if (typeof window < "u") {
     if (window.crypto?.randomUUID)
       return window.crypto.randomUUID();
@@ -63,8 +63,8 @@ const el = Object.entries(na).map(([, e]) => e), Aa = {
 }, Ze = (e, t) => t && ["number", "range"].includes(t) ? pe(e) : e, ne = (e) => {
   if (e != null)
     return P(!e);
-}, Z = (e, t) => (t === void 0 || !!t) && !!e, _e = (e) => e.querySelector('input[type="search"]'), ll = (e, t) => {
-  const l = e.id ?? e.value ?? _();
+}, _ = (e, t) => (t === void 0 || !!t) && !!e, _e = (e) => e.querySelector('input[type="search"]'), ll = (e, t) => {
+  const l = e.id ?? e.value ?? ee();
   return `${t}${l}`;
 }, za = (e) => e.key !== void 0, Pa = ["id"], Va = ["aria-disabled", "name", "open"], qa = /* @__PURE__ */ W({
   name: "DBAccordionItem",
@@ -87,7 +87,7 @@ const el = Object.entries(na).map(([, e]) => e), Aa = {
   setup(e) {
     const t = e, l = o(Te), a = o(!1), i = o(void 0), c = o(!1), u = o(null);
     J(() => {
-      l.value = t.id || "accordion-item-" + _(), t.defaultOpen && (a.value = t.defaultOpen), c.value = !0;
+      l.value = t.id || "accordion-item-" + ee(), t.defaultOpen && (a.value = t.defaultOpen), c.value = !0;
     }), C(
       () => [u.value, c.value],
       () => {
@@ -158,7 +158,7 @@ const el = Object.entries(na).map(([, e]) => e), Aa = {
   setup(e) {
     const t = e, l = o(Te), a = o(""), i = o(!1), c = o(!1), u = o(null);
     J(() => {
-      l.value = t.id || "accordion-" + _(), i.value = !0, c.value = !0;
+      l.value = t.id || "accordion-" + ee(), i.value = !0, c.value = !0;
     }), C(
       () => [i.value, t.name, t.behavior, l.value],
       () => {
@@ -421,7 +421,7 @@ const el = Object.entries(na).map(([, e]) => e), Aa = {
       l(u);
     }, 1);
   }, a);
-}, Oe = (e, t, l, a) => {
+}, Ue = (e, t, l, a) => {
   Fe(e, (i) => {
     K(() => {
       const c = t.value ? t.value : t.defaultValue ? t.defaultValue : e.value, u = {
@@ -434,7 +434,7 @@ const el = Object.entries(na).map(([, e]) => e), Aa = {
       l(u);
     }, 1);
   }, a);
-}, Xa = ["id", "data-icon", "data-semantic", "data-size", "data-show-icon-leading"], Q = /* @__PURE__ */ W({
+}, Xa = ["id", "data-icon", "data-semantic", "data-size", "data-show-icon-leading"], Z = /* @__PURE__ */ W({
   name: "DBInfotext",
   __name: "infotext",
   props: {
@@ -511,14 +511,14 @@ const el = Object.entries(na).map(([, e]) => e), Aa = {
     const l = t, a = e, i = o(!1), c = o(void 0), u = o(void 0), f = o(void 0), m = o(void 0), h = o(void 0), k = o(void 0), $ = o(""), g = o(void 0), s = o(null);
     J(() => {
       i.value = !0;
-      const L = a.id ?? `checkbox-${_()}`;
-      c.value = L, u.value = L + ce, f.value = L + re, m.value = L + ve, h.value = a.invalidMessage || ee;
+      const L = a.id ?? `checkbox-${ee()}`;
+      c.value = L, u.value = L + ce, f.value = L + re, m.value = L + ve, h.value = a.invalidMessage || ae;
     }), he(() => {
       g.value?.abort();
     }), C(
       () => [s.value, a.invalidMessage],
       () => {
-        h.value = a.invalidMessage || s.value?.validationMessage || ee;
+        h.value = a.invalidMessage || s.value?.validationMessage || ae;
       },
       {
         immediate: !0,
@@ -529,7 +529,7 @@ const el = Object.entries(na).map(([, e]) => e), Aa = {
       () => {
         if (c.value) {
           const L = c.value + ce;
-          u.value = L, f.value = c.value + re, m.value = c.value + ve, Z(a.message, a.showMessage) && (k.value = L), b();
+          u.value = L, f.value = c.value + re, m.value = c.value + ve, _(a.message, a.showMessage) && (k.value = L), b();
         }
       },
       {
@@ -566,7 +566,7 @@ const el = Object.entries(na).map(([, e]) => e), Aa = {
               defaultChecked: void 0
             },
             (N) => {
-              I(N);
+              x(N);
             },
             B.signal
           );
@@ -581,9 +581,9 @@ const el = Object.entries(na).map(([, e]) => e), Aa = {
       return !!(a.validMessage ?? a.validation === "valid");
     }
     function b() {
-      !s.value?.validity.valid || a.validation === "invalid" ? (k.value = m.value, h.value = a.invalidMessage || s.value?.validationMessage || ee, ue() && ($.value = h.value, K(() => $.value = "", 1e3))) : d() && s.value?.validity.valid && a.required ? (k.value = f.value, ue() && ($.value = a.validMessage ?? se, K(() => $.value = "", 1e3))) : Z(a.message, a.showMessage) ? k.value = u.value : k.value = void 0;
+      !s.value?.validity.valid || a.validation === "invalid" ? (k.value = m.value, h.value = a.invalidMessage || s.value?.validationMessage || ae, ue() && ($.value = h.value, K(() => $.value = "", 1e3))) : d() && s.value?.validity.valid && a.required ? (k.value = f.value, ue() && ($.value = a.validMessage ?? se, K(() => $.value = "", 1e3))) : _(a.message, a.showMessage) ? k.value = u.value : k.value = void 0;
     }
-    function I(L, B) {
+    function x(L, B) {
       a.onChange && a.onChange(L), de(l, L, "checked"), b();
     }
     function T(L) {
@@ -611,7 +611,7 @@ const el = Object.entries(na).map(([, e]) => e), Aa = {
           disabled: n(q)(e.disabled, "disabled"),
           value: e.value,
           required: n(q)(e.required, "required"),
-          onChange: B[0] || (B[0] = async (N) => I(N)),
+          onChange: B[0] || (B[0] = async (N) => x(N)),
           onBlur: B[1] || (B[1] = async (N) => T(N)),
           onFocus: B[2] || (B[2] = async (N) => w(N)),
           "aria-describedby": e.ariaDescribedBy ?? k.value
@@ -620,7 +620,7 @@ const el = Object.entries(na).map(([, e]) => e), Aa = {
           D(S(e.label), 1)
         ], 64)) : M(L.$slots, "default", { key: 1 })
       ], 8, Ka),
-      n(Z)(e.message, e.showMessage) ? (v(), Y(Q, {
+      n(_)(e.message, e.showMessage) ? (v(), Y(Z, {
         key: 0,
         size: "small",
         icon: e.messageIcon,
@@ -631,7 +631,7 @@ const el = Object.entries(na).map(([, e]) => e), Aa = {
         ]),
         _: 1
       }, 8, ["icon", "id"])) : z("", !0),
-      d() ? (v(), Y(Q, {
+      d() ? (v(), Y(Z, {
         key: 1,
         size: "small",
         semantic: "successful",
@@ -642,7 +642,7 @@ const el = Object.entries(na).map(([, e]) => e), Aa = {
         ]),
         _: 1
       }, 8, ["id"])) : z("", !0),
-      te(Q, {
+      te(Z, {
         size: "small",
         semantic: "critical",
         id: m.value
@@ -669,7 +669,7 @@ class fe {
     fe._instance = this, self.document && self.document.addEventListener("click", (t) => fe.runCallbacks(t));
   }
   addCallback(t) {
-    const l = _();
+    const l = ee();
     return fe.callbacks[l] = t, l;
   }
   removeCallback(t) {
@@ -694,7 +694,7 @@ class oe {
     }, !0);
   }
   addCallback(t) {
-    const l = _();
+    const l = ee();
     return oe.callbacks[l] = t, l;
   }
   removeCallback(t) {
@@ -774,9 +774,9 @@ const Qa = (e) => {
   } = window;
   let g = a.height, s = a.width;
   (l === "bottom" || l === "top") && (s = s / 2), (l === "left" || l === "right") && (g = g / 2);
-  const d = u + g > k, b = i - g < 0, I = m - s < 0, T = f + s > $;
+  const d = u + g > k, b = i - g < 0, x = m - s < 0, T = f + s > $;
   let w = l;
-  return l.startsWith("bottom") ? d ? (w = l?.replace("bottom", "top"), I && T ? w = "top" : I ? w = "top-start" : T && (w = "top-end")) : I && T ? w = "bottom" : I ? w = "bottom-start" : T && (w = "bottom-end") : l.startsWith("top") ? b ? (w = l?.replace("top", "bottom"), I && T ? w = "bottom" : I ? w = "bottom-start" : T && (w = "bottom-end")) : I && T ? w = "top" : I ? w = "top-start" : T && (w = "top-end") : l.startsWith("left") ? I ? (w = l?.replace("left", "right"), d && b ? w = "right" : d ? w = "right-end" : b && (w = "right-start")) : d && b ? w = "left" : d ? w = "left-end" : b && (w = "left-start") : w.startsWith("right") && (T ? (w = l?.replace("right", "left"), d && b ? w = "left" : d ? w = "left-end" : b && (w = "left-start")) : d && b ? w = "right" : d ? w = "right-end" : b && (w = "right-start")), {
+  return l.startsWith("bottom") ? d ? (w = l?.replace("bottom", "top"), x && T ? w = "top" : x ? w = "top-start" : T && (w = "top-end")) : x && T ? w = "bottom" : x ? w = "bottom-start" : T && (w = "bottom-end") : l.startsWith("top") ? b ? (w = l?.replace("top", "bottom"), x && T ? w = "bottom" : x ? w = "bottom-start" : T && (w = "bottom-end")) : x && T ? w = "top" : x ? w = "top-start" : T && (w = "top-end") : l.startsWith("left") ? x ? (w = l?.replace("left", "right"), d && b ? w = "right" : d ? w = "right-end" : b && (w = "right-start")) : d && b ? w = "left" : d ? w = "left-end" : b && (w = "left-start") : w.startsWith("right") && (T ? (w = l?.replace("right", "left"), d && b ? w = "left" : d ? w = "left-end" : b && (w = "left-start")) : d && b ? w = "right" : d ? w = "right-end" : b && (w = "right-start")), {
     top: i,
     bottom: u,
     right: f,
@@ -893,7 +893,7 @@ const Qa = (e) => {
   setup(e, { emit: t }) {
     const l = t, a = e, i = o(void 0), c = o(!1), u = o(null);
     J(() => {
-      i.value = a.id ?? `custom-select-list-item-${_()}`;
+      i.value = a.id ?? `custom-select-list-item-${ee()}`;
     }), C(
       () => [a.isGroupTitle, a.showDivider],
       () => {
@@ -1043,14 +1043,14 @@ const Qa = (e) => {
   setup(e, { emit: t }) {
     const l = t, a = e, i = o(void 0), c = o(void 0), u = o(void 0), f = o(void 0), m = o(void 0), h = o(void 0), k = o(void 0), $ = o(""), g = o(""), s = o(void 0), d = o(null);
     J(() => {
-      const F = a.id ?? `input-${_()}`;
-      i.value = F, c.value = F + ce, u.value = F + re, f.value = F + ve, h.value = F + Qe, m.value = a.invalidMessage || ee;
+      const F = a.id ?? `input-${ee()}`;
+      i.value = F, c.value = F + ce, u.value = F + re, f.value = F + ve, h.value = F + Qe, m.value = a.invalidMessage || ae;
     }), he(() => {
       s.value?.abort();
     }), C(
       () => [d.value, a.invalidMessage],
       () => {
-        m.value = a.invalidMessage || d.value?.validationMessage || ee;
+        m.value = a.invalidMessage || d.value?.validationMessage || ae;
       },
       {
         immediate: !0,
@@ -1061,7 +1061,7 @@ const Qa = (e) => {
       () => {
         if (i.value) {
           const F = i.value + ce;
-          c.value = F, u.value = i.value + re, f.value = i.value + ve, h.value = a.dataListId ?? i.value + Qe, Z(a.message, a.showMessage) && (k.value = F), I();
+          c.value = F, u.value = i.value + re, f.value = i.value + ve, h.value = a.dataListId ?? i.value + Qe, _(a.message, a.showMessage) && (k.value = F), x();
         }
       },
       {
@@ -1082,7 +1082,7 @@ const Qa = (e) => {
       () => {
         if (d.value) {
           let A = s.value;
-          A || (A = new AbortController(), s.value = A), Oe(
+          A || (A = new AbortController(), s.value = A), Ue(
             d.value,
             {
               value: a.value,
@@ -1103,14 +1103,14 @@ const Qa = (e) => {
     function b() {
       return !!(a.validMessage ?? a.validation === "valid");
     }
-    function I() {
-      !d.value?.validity.valid || a.validation === "invalid" ? (k.value = f.value, m.value = a.invalidMessage || d.value?.validationMessage || ee, ue() && (g.value = m.value, K(() => g.value = "", 1e3))) : b() && d.value?.validity.valid && (a.required || a.minLength || a.maxLength || a.pattern) ? (k.value = u.value, ue() && (g.value = a.validMessage ?? se, K(() => g.value = "", 1e3))) : Z(a.message, a.showMessage) ? k.value = c.value : k.value = void 0;
+    function x() {
+      !d.value?.validity.valid || a.validation === "invalid" ? (k.value = f.value, m.value = a.invalidMessage || d.value?.validationMessage || ae, ue() && (g.value = m.value, K(() => g.value = "", 1e3))) : b() && d.value?.validity.valid && (a.required || a.minLength || a.maxLength || a.pattern) ? (k.value = u.value, ue() && (g.value = a.validMessage ?? se, K(() => g.value = "", 1e3))) : _(a.message, a.showMessage) ? k.value = c.value : k.value = void 0;
     }
     function T(F, j) {
-      a.input && a.input(F), $.value = F.target.value, a.onInput && a.onInput(F), de(l, F), I();
+      a.input && a.input(F), $.value = F.target.value, a.onInput && a.onInput(F), de(l, F), x();
     }
     function w(F, j) {
-      a.onChange && a.onChange(F), de(l, F), I();
+      a.onChange && a.onChange(F), de(l, F), x();
     }
     function L(F) {
       a.onBlur && a.onBlur(F);
@@ -1185,7 +1185,7 @@ const Qa = (e) => {
         }, S(A.label), 9, ft))), 128))
       ], 8, vt)) : z("", !0),
       M(F.$slots, "default"),
-      n(Z)(e.message, e.showMessage) ? (v(), Y(Q, {
+      n(_)(e.message, e.showMessage) ? (v(), Y(Z, {
         key: 1,
         size: e.messageSize || "small",
         icon: e.messageIcon,
@@ -1196,7 +1196,7 @@ const Qa = (e) => {
         ]),
         _: 1
       }, 8, ["size", "icon", "id"])) : z("", !0),
-      b() ? (v(), Y(Q, {
+      b() ? (v(), Y(Z, {
         key: 2,
         semantic: "successful",
         id: u.value,
@@ -1207,7 +1207,7 @@ const Qa = (e) => {
         ]),
         _: 1
       }, 8, ["id", "size"])) : z("", !0),
-      te(Q, {
+      te(Z, {
         semantic: "critical",
         id: f.value,
         size: e.invalidMessageSize || "small"
@@ -1240,7 +1240,7 @@ const Qa = (e) => {
   setup(e) {
     const t = e, l = o(Te), a = o(!1), i = o(void 0), c = o(void 0), u = o(null);
     J(() => {
-      l.value = t.id || "tooltip-" + _(), a.value = !0;
+      l.value = t.id || "tooltip-" + ee(), a.value = !0;
     }), C(
       () => [u.value, a.value],
       () => {
@@ -1251,8 +1251,8 @@ const Qa = (e) => {
           }), d.addEventListener("keydown", (b) => m(b)), ["mouseleave", "focusout"].forEach((b) => {
             d.addEventListener(b, () => g());
           }), d.dataset.hasTooltip = "true", t.variant === "label" ? d.setAttribute("aria-labelledby", l.value) : d.setAttribute("aria-describedby", l.value)), typeof window < "u" && "IntersectionObserver" in window && (c.value = new IntersectionObserver((b) => {
-            const I = b.find(({ target: T }) => T === h());
-            I && !I.isIntersecting && m(!1);
+            const x = b.find(({ target: T }) => T === h());
+            x && !x.isIntersecting && m(!1);
           })), a.value = !1;
         }
       },
@@ -1307,7 +1307,7 @@ const Qa = (e) => {
       "data-width": e.width,
       "data-show-arrow": n(P)(e.showArrow ?? !0),
       "data-placement": e.placement,
-      onClick: b[0] || (b[0] = async (I) => f(I))
+      onClick: b[0] || (b[0] = async (x) => f(x))
     }, [
       M(d.$slots, "default")
     ], 10, gt));
@@ -1454,17 +1454,17 @@ const Qa = (e) => {
   },
   emits: ["update:values"],
   setup(e, { emit: t }) {
-    const l = t, a = e, i = o(void 0), c = o(void 0), u = o(void 0), f = o(void 0), m = o(void 0), h = o(void 0), k = o(void 0), $ = o(void 0), g = o(void 0), s = o(void 0), d = o("no-validation"), b = o(!1), I = o(void 0), T = o(void 0), w = o(""), L = o(void 0), B = o(""), N = o([]), F = o(!1), j = o(!1), A = o(0), R = o([]), X = o([]), me = o(!1), be = o(void 0), Ce = o(0), Me = o(void 0), Ne = o(void 0), Re = o(void 0), ze = o(!1), Ie = o(!1), ra = o(null), V = o(null), le = o(null), Ee = o(null), Pe = o(null);
+    const l = t, a = e, i = o(void 0), c = o(void 0), u = o(void 0), f = o(void 0), m = o(void 0), h = o(void 0), k = o(void 0), $ = o(void 0), g = o(void 0), s = o(void 0), d = o("no-validation"), b = o(!1), x = o(void 0), T = o(void 0), w = o(""), L = o(void 0), B = o(""), N = o([]), F = o(!1), j = o(!1), A = o(0), R = o([]), X = o([]), me = o(!1), be = o(void 0), Ce = o(0), Me = o(void 0), Ne = o(void 0), Re = o(void 0), ze = o(!1), Ie = o(!1), ra = o(null), V = o(null), le = o(null), Ee = o(null), Pe = o(null);
     J(() => {
-      const r = a.id ?? `custom-select-${_()}`;
-      i.value = r, c.value = r + ce, u.value = r + re, f.value = r + ve, h.value = r + Je, k.value = r + Ye, $.value = r + "-summary", g.value = r + De, L.value = r + "-selected-labels", s.value = r + "-info", m.value = a.invalidMessage || ee, typeof window < "u" && "IntersectionObserver" in window && (Ne.value = new IntersectionObserver((p) => {
+      const r = a.id ?? `custom-select-${ee()}`;
+      i.value = r, c.value = r + ce, u.value = r + re, f.value = r + ve, h.value = r + Je, k.value = r + Ye, $.value = r + "-summary", g.value = r + De, L.value = r + "-selected-labels", s.value = r + "-info", m.value = a.invalidMessage || ae, typeof window < "u" && "IntersectionObserver" in window && (Ne.value = new IntersectionObserver((p) => {
         if (V.value) {
-          const x = p.find(({ target: ae }) => ae === V.value);
-          x && !x.isIntersecting && V.value.open && (V.value.open = !1);
+          const I = p.find(({ target: Q }) => Q === V.value);
+          I && !I.isIntersecting && V.value.open && (V.value.open = !1);
         }
       }));
     }), he(() => {
-      I.value?.abort();
+      x.value?.abort();
     }), C(
       () => [V.value],
       () => {
@@ -1482,7 +1482,7 @@ const Qa = (e) => {
       () => {
         if (i.value) {
           const r = i.value + ce;
-          k.value = i.value + Ye, h.value = i.value + Je, u.value = i.value + re, f.value = i.value + ve, g.value = i.value + De, Z(a.message, a.showMessage) ? Le(r) : Le();
+          k.value = i.value + Ye, h.value = i.value + Je, u.value = i.value + re, f.value = i.value + ve, g.value = i.value + De, _(a.message, a.showMessage) ? Le(r) : Le();
         }
       },
       {
@@ -1544,7 +1544,7 @@ const Qa = (e) => {
     ), C(
       () => [R.value, le.value],
       () => {
-        le.value && Ge();
+        le.value && We();
       },
       {
         immediate: !0,
@@ -1554,14 +1554,14 @@ const Qa = (e) => {
       () => [le.value],
       () => {
         if (le.value) {
-          let r = I.value;
-          r || (r = new AbortController(), I.value = r);
+          let r = x.value;
+          r || (r = new AbortController(), x.value = r);
           const p = a.values;
           Fe(
             le.value,
             () => {
-              const x = p || (le.value.value ? [le.value.value] : []);
-              Se(x), Ge();
+              const I = p || (le.value.value ? [le.value.value] : []);
+              Se(I), We();
             },
             r.signal
           );
@@ -1669,7 +1669,7 @@ const Qa = (e) => {
     ), C(
       () => [le.value, a.invalidMessage],
       () => {
-        m.value = a.invalidMessage || le.value?.validationMessage || ee;
+        m.value = a.invalidMessage || le.value?.validationMessage || ae;
       },
       {
         immediate: !0,
@@ -1679,11 +1679,11 @@ const Qa = (e) => {
     function va(r) {
       r?.target?.contains && r?.target?.contains(V.value) && Ve();
     }
-    function Ue() {
+    function Ge() {
       return !!(a.validMessage ?? a.validation === "valid");
     }
-    function Ge() {
-      le.value && (le.value.value = ha()), !le.value?.validity.valid || a.validation === "invalid" ? (Le(f.value), m.value = a.invalidMessage || le.value?.validationMessage || ee, ue() && (B.value = m.value, K(() => B.value = "", 1e3)), b.value && (d.value = a.validation ?? "invalid")) : Ue() && le.value?.validity.valid && a.required ? (Le(u.value), ue() && (B.value = a.validMessage ?? se, K(() => B.value = "", 1e3)), d.value = a.validation ?? "valid") : Z(a.message, a.showMessage) ? (Le(c.value), d.value = a.validation ?? "no-validation") : (Le(g.value), d.value = a.validation ?? "no-validation");
+    function We() {
+      le.value && (le.value.value = ha()), !le.value?.validity.valid || a.validation === "invalid" ? (Le(f.value), m.value = a.invalidMessage || le.value?.validationMessage || ae, ue() && (B.value = m.value, K(() => B.value = "", 1e3)), b.value && (d.value = a.validation ?? "invalid")) : Ge() && le.value?.validity.valid && a.required ? (Le(u.value), ue() && (B.value = a.validMessage ?? se, K(() => B.value = "", 1e3)), d.value = a.validation ?? "valid") : _(a.message, a.showMessage) ? (Le(c.value), d.value = a.validation ?? "no-validation") : (Le(g.value), d.value = a.validation ?? "no-validation");
     }
     function fa(r) {
       a.onDropdownToggle && (r.stopPropagation(), a.onDropdownToggle(r)), r.target instanceof HTMLDetailsElement && r.target.open ? (be.value = new fe().addCallback(
@@ -1713,16 +1713,16 @@ const Qa = (e) => {
       return r && R.value?.includes ? R.value?.includes(r) : !1;
     }
     function ba(r) {
-      const p = a.removeTagsTexts, x = a.options;
-      if (p && x) {
-        const ae = x.findIndex((ie) => ie.value === r.value);
-        if (ae >= 0 && ae < p.length)
-          return p[ae];
+      const p = a.removeTagsTexts, I = a.options;
+      if (p && I) {
+        const Q = I.findIndex((ie) => ie.value === r.value);
+        if (Q >= 0 && Q < p.length)
+          return p[Q];
       }
       return `${aa} ${Be(r)}`;
     }
     function ya(r, p) {
-      p && p.stopPropagation(), We(r.value), $e();
+      p && p.stopPropagation(), qe(r.value), $e();
     }
     function Ve() {
       if (V.value) {
@@ -1742,9 +1742,9 @@ const Qa = (e) => {
           const p = self.document.activeElement;
           if (p)
             if (p.getAttribute("type") === "checkbox" || p.getAttribute("type") === "radio") {
-              const ae = p?.closest("li");
+              const Q = p?.closest("li");
               if (r.key === "ArrowDown" || r.key === "ArrowRight") {
-                let ie = ae?.nextElementSibling;
+                let ie = Q?.nextElementSibling;
                 for (; ie; ) {
                   const ye = ie.querySelector("input");
                   if (ye) {
@@ -1755,7 +1755,7 @@ const Qa = (e) => {
                 }
                 ie || Ae(p);
               } else {
-                let ie = ae?.previousElementSibling;
+                let ie = Q?.previousElementSibling;
                 for (; ie; ) {
                   const ye = ie.querySelector("input");
                   if (ye) {
@@ -1799,7 +1799,14 @@ const Qa = (e) => {
       else if (r.key === "Enter" && V.value?.open) {
         if (self.document) {
           const p = self.document.activeElement;
-          ["checkbox", "radio"].includes(p.getAttribute("type") || "") && (p.click(), r.preventDefault());
+          if (["checkbox", "radio"].includes(p.getAttribute("type") || ""))
+            p.click(), r.preventDefault();
+          else if (p.getAttribute("type") === "search") {
+            const I = X.value?.find(
+              (Q) => !Q.isGroupTitle && !Q.disabled
+            );
+            I?.value && (qe(I.value), r.preventDefault());
+          }
         }
       } else (r.key === "ArrowDown" || r.key === "ArrowUp" || r.key === "ArrowLeft" || r.key === "ArrowRight") && ka(r);
     }
@@ -1808,8 +1815,8 @@ const Qa = (e) => {
         if (p)
           V.value.open = !1, $e();
         else if (V.value.open && r && r.relatedTarget) {
-          const x = r.relatedTarget;
-          V.value.contains(x) || K(() => V.value.open = !1, 1);
+          const I = r.relatedTarget;
+          V.value.contains(I) || K(() => V.value.open = !1, 1);
         }
       }
     }
@@ -1830,7 +1837,7 @@ const Qa = (e) => {
         "values"
       ), Ce.value = (/* @__PURE__ */ new Date()).getTime());
     }
-    function We(r) {
+    function qe(r) {
       r && (a.multiple ? R.value?.includes(r) ? Se(R.value.filter((p) => p !== r)) : Se([...R.value || [], r]) : (Se([r]), xe(void 0, !0)));
     }
     function Sa(r) {
@@ -1840,8 +1847,8 @@ const Qa = (e) => {
         const p = j.value && Pe.value ? Pe.value.value : void 0;
         Se(
           a.options ? a.options.filter(
-            (x) => !x.isGroupTitle && (!p || x.value?.toLowerCase().includes(p.toLowerCase()))
-          ).map((x) => x.value ?? "") : []
+            (I) => !I.isGroupTitle && (!p || I.value?.toLowerCase().includes(p.toLowerCase()))
+          ).map((I) => I.value ?? "") : []
         );
       }
     }
@@ -1853,9 +1860,9 @@ const Qa = (e) => {
           )
         );
         if (p.length) {
-          const x = p.at(0), ae = x === r && p.length > 1 ? p.at(1) : x;
-          ae && K(() => {
-            ae.focus();
+          const I = p.at(0), Q = I === r && p.length > 1 ? p.at(1) : I;
+          Q && K(() => {
+            Q.focus();
           }, 1);
         }
       }
@@ -1875,13 +1882,13 @@ const Qa = (e) => {
       if (typeof r == "string")
         p = r;
       else {
-        const x = r;
-        x.stopPropagation(), a.onSearch && a.onSearch(x), p = x.target.value, Re.value = p;
+        const I = r;
+        I.stopPropagation(), a.onSearch && a.onSearch(I), p = I.target.value, Re.value = p;
       }
       !a.options || !p || p.length === 0 ? X.value = a.options : a.searchFilter ? X.value = a.options.filter(
-        (x) => a.searchFilter(x, p)
+        (I) => a.searchFilter(I, p)
       ) : X.value = a.options.filter(
-        (x) => !x.isGroupTitle && Be(x).toLowerCase().includes(p.toLowerCase())
+        (I) => !I.isGroupTitle && Be(I).toLowerCase().includes(p.toLowerCase())
       );
     }
     function pa(r) {
@@ -1924,21 +1931,21 @@ const Qa = (e) => {
           multiple: n(q)(e.multiple, "multiple"),
           disabled: n(q)(e.disabled, "disabled"),
           required: n(q)(e.required, "required"),
-          onChange: p[0] || (p[0] = async (x) => La(x))
+          onChange: p[0] || (p[0] = async (I) => La(I))
         }, [
-          e.options?.length ? (v(!0), y(H, { key: 0 }, ge(e.options, (x, ae) => (v(), y("option", {
-            key: ae,
-            disabled: x.disabled,
-            value: x.value
-          }, S(Be(x)), 9, St))), 128)) : z("", !0)
+          e.options?.length ? (v(!0), y(H, { key: 0 }, ge(e.options, (I, Q) => (v(), y("option", {
+            key: Q,
+            disabled: I.disabled,
+            value: I.value
+          }, S(Be(I)), 9, St))), 128)) : z("", !0)
         ], 40, Bt)
       ], 8, wt),
       E("details", {
         ref_key: "detailsRef",
         ref: V,
         open: e.open,
-        onToggle: p[2] || (p[2] = async (x) => fa(x)),
-        onKeydown: p[3] || (p[3] = async (x) => wa(x))
+        onToggle: p[2] || (p[2] = async (I) => fa(I)),
+        onKeydown: p[3] || (p[3] = async (I) => wa(I))
       }, [
         M(r.$slots, "default"),
         e.options ? (v(), y(H, { key: 0 }, [
@@ -1957,15 +1964,15 @@ const Qa = (e) => {
               D(" " + S(w.value), 1)
             ], 8, It)) : z("", !0),
             e.selectedType === "tag" ? (v(), y("div", $t, [
-              (v(!0), y(H, null, ge(N.value, (x, ae) => (v(), Y(yt, {
-                key: ae,
+              (v(!0), y(H, null, ge(N.value, (I, Q) => (v(), Y(yt, {
+                key: Q,
                 emphasis: "strong",
                 behavior: "removable",
-                removeButton: ba(x),
-                onRemove: (ie) => ya(x, ie)
+                removeButton: ba(I),
+                onRemove: (ie) => ya(I, ie)
               }, {
                 default: G(() => [
-                  D(S(Be(x)), 1)
+                  D(S(Be(I)), 1)
                 ]),
                 _: 2
               }, 1032, ["removeButton", "onRemove"]))), 128))
@@ -1985,10 +1992,10 @@ const Qa = (e) => {
                   label: e.searchLabel ?? n(ke),
                   placeholder: e.searchPlaceholder ?? e.searchLabel,
                   ariaDescribedBy: me.value || e.showLoading ? s.value : void 0,
-                  onInput: (x) => Xe(x)
+                  onInput: (I) => Xe(I)
                 }, null, 8, ["name", "form", "value", "label", "placeholder", "ariaDescribedBy", "onInput"])
               ])) : z("", !0),
-              me.value || e.showLoading ? (v(), Y(Q, {
+              me.value || e.showLoading ? (v(), Y(Z, {
                 key: 1,
                 id: s.value,
                 icon: e.showLoading ? "circular_arrows" : void 0,
@@ -2009,7 +2016,7 @@ const Qa = (e) => {
                         ref: Ee,
                         form: i.value,
                         checked: ze.value,
-                        onChange: p[1] || (p[1] = async (x) => Sa(x))
+                        onChange: p[1] || (p[1] = async (I) => Sa(I))
                       }, null, 40, At),
                       D(S(ma()), 1)
                     ])
@@ -2020,22 +2027,22 @@ const Qa = (e) => {
                   label: e.listLabel ?? e.label ?? n(ke)
                 }, {
                   default: G(() => [
-                    (v(!0), y(H, null, ge(X.value, (x, ae) => (v(), Y(ot, {
-                      key: ae,
+                    (v(!0), y(H, null, ge(X.value, (I, Q) => (v(), Y(ot, {
+                      key: Q,
                       type: e.multiple ? "checkbox" : "radio",
-                      showDivider: x.showDivider,
-                      icon: x.icon,
-                      isGroupTitle: x.isGroupTitle,
-                      groupTitle: Be(x),
+                      showDivider: I.showDivider,
+                      icon: I.icon,
+                      isGroupTitle: I.isGroupTitle,
+                      groupTitle: Be(I),
                       name: i.value,
-                      checked: ga(x.value),
-                      disabled: x.disabled,
-                      value: x.value,
-                      onChange: (ie) => We(x.value)
+                      checked: ga(I.value),
+                      disabled: I.disabled,
+                      value: I.value,
+                      onChange: (ie) => qe(I.value)
                     }, {
                       default: G(() => [
-                        x.isGroupTitle ? z("", !0) : (v(), y(H, { key: 0 }, [
-                          D(S(Be(x)), 1)
+                        I.isGroupTitle ? z("", !0) : (v(), y(H, { key: 0 }, [
+                          D(S(Be(I)), 1)
                         ], 64))
                       ]),
                       _: 2
@@ -2052,10 +2059,10 @@ const Qa = (e) => {
                   size: "small",
                   name: i.value,
                   form: i.value,
-                  onClick: (x) => xe(void 0, !0)
+                  onClick: (I) => xe(void 0, !0)
                 }, {
                   default: G(() => [
-                    D(S(e.mobileCloseButtonText ?? n(qe)), 1)
+                    D(S(e.mobileCloseButtonText ?? n(Oe)), 1)
                   ]),
                   _: 1
                 }, 8, ["name", "form", "onClick"])
@@ -2073,7 +2080,7 @@ const Qa = (e) => {
         noText: !0,
         name: i.value,
         form: i.value,
-        onClick: (x) => pa(x)
+        onClick: (I) => pa(I)
       }, {
         default: G(() => [
           D(S(e.clearSelectionText), 1),
@@ -2091,7 +2098,7 @@ const Qa = (e) => {
         "aria-hidden": n(P)(!0),
         id: g.value
       }, S(e.placeholder ?? e.label), 9, Dt),
-      n(Z)(e.message, e.showMessage) ? (v(), Y(Q, {
+      n(_)(e.message, e.showMessage) ? (v(), Y(Z, {
         key: 1,
         size: "small",
         icon: e.messageIcon,
@@ -2102,7 +2109,7 @@ const Qa = (e) => {
         ]),
         _: 1
       }, 8, ["icon", "id"])) : z("", !0),
-      Ue() ? (v(), Y(Q, {
+      Ge() ? (v(), Y(Z, {
         key: 2,
         size: "small",
         semantic: "successful",
@@ -2113,7 +2120,7 @@ const Qa = (e) => {
         ]),
         _: 1
       }, 8, ["id"])) : z("", !0),
-      te(Q, {
+      te(Z, {
         size: "small",
         semantic: "critical",
         id: f.value
@@ -2229,8 +2236,12 @@ const Qa = (e) => {
     function u() {
       if (a.value) {
         const f = !!t.open;
-        f && !a.value.open && (i.value && (i.value.hidden = !1), t.position === "absolute" || t.backdrop === "none" || t.variant === "inside" ? a.value.show() : a.value.showModal()), !f && a.value.open && (i.value && (i.value.hidden = !0), K(() => {
-          i.value && (i.value.hidden = !1), a.value?.close();
+        f && !a.value.open && (i.value && i.value.removeAttribute(
+          "data-transition"
+        ), t.position === "absolute" || t.backdrop === "none" || t.variant === "inside" ? a.value.show() : a.value.showModal(), K(() => {
+          i.value && (i.value.dataset.transition = "open");
+        }, 1)), !f && a.value.open && (i.value && (i.value.dataset.transition = "close"), K(() => {
+          a.value?.close();
         }, 401));
       }
     }
@@ -2268,7 +2279,7 @@ const Qa = (e) => {
             onClick: (h) => c(h, !0)
           }, {
             default: G(() => [
-              D(S(e.closeButtonText ?? n(qe)), 1)
+              D(S(e.closeButtonText ?? n(Oe)), 1)
             ]),
             _: 1
           }, 8, ["id", "onClick"])
@@ -2594,7 +2605,7 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
   setup(e) {
     const t = e, l = o(Te), a = o(null);
     return J(() => {
-      l.value = t.id || "navigation-" + _();
+      l.value = t.id || "navigation-" + ee();
     }), (i, c) => (v(), y("nav", {
       ref_key: "_ref",
       ref: a,
@@ -2634,7 +2645,7 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
   },
   setup(e) {
     const t = e, l = o(!1), a = o(!1), i = o(!0), c = o(!1), u = o(!1), f = o(
-      "sub-navigation-" + _()
+      "sub-navigation-" + ee()
     ), m = o(void 0), h = o(null);
     J(() => {
       l.value = !0;
@@ -2782,13 +2793,13 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
       "data-link-variant": e.linkVariant
     }, [
       M(i.$slots, "image"),
-      n(Z)(e.headline, e.showHeadline) ? (v(), y("header", ri, S(e.headline), 1)) : z("", !0),
+      n(_)(e.headline, e.showHeadline) ? (v(), y("header", ri, S(e.headline), 1)) : z("", !0),
       E("p", null, [
         e.text ? (v(), y(H, { key: 0 }, [
           D(S(e.text), 1)
         ], 64)) : M(i.$slots, "default", { key: 1 })
       ]),
-      n(Z)(e.timestamp, e.showTimestamp) ? (v(), y("span", vi, S(e.timestamp), 1)) : z("", !0),
+      n(_)(e.timestamp, e.showTimestamp) ? (v(), y("span", vi, S(e.timestamp), 1)) : z("", !0),
       M(i.$slots, "link"),
       n(q)(e.closeable, "closeable") ? (v(), Y(we, {
         key: 2,
@@ -2800,7 +2811,7 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
         onClick: (u) => a(u)
       }, {
         default: G(() => [
-          D(S(e.closeButtonText ?? n(qe)), 1)
+          D(S(e.closeButtonText ?? n(Oe)), 1)
         ]),
         _: 1
       }, 8, ["id", "onClick"])) : z("", !0)
@@ -2884,7 +2895,7 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
           }), ["mouseleave", "focusout"].forEach((d) => {
             u.value.addEventListener(d, () => $());
           }), typeof window < "u" && "IntersectionObserver" in window && (c.value = new IntersectionObserver((d) => {
-            const b = d.find(({ target: I }) => I === g());
+            const b = d.find(({ target: x }) => x === g());
             b && !b.isIntersecting && f(!1);
           }));
         }
@@ -3006,7 +3017,7 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
   setup(e, { emit: t }) {
     const l = t, a = e, i = o(!1), c = o(void 0), u = o(void 0), f = o(null);
     J(() => {
-      i.value = !0, c.value = a.id ?? `radio-${_()}`;
+      i.value = !0, c.value = a.id ?? `radio-${ee()}`;
     }), he(() => {
       u.value?.abort();
     }), C(
@@ -3168,14 +3179,14 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
     const l = t, a = e, i = o(void 0), c = o(void 0), u = o(void 0), f = o(void 0), m = o(void 0), h = o(""), k = o(void 0), $ = o(""), g = o(!1), s = o(""), d = o(void 0), b = o(null);
     J(() => {
       g.value = !0;
-      const A = a.id ?? `select-${_()}`;
-      i.value = A, c.value = A + ce, u.value = A + re, f.value = A + ve, h.value = A + De, m.value = a.invalidMessage || ee;
+      const A = a.id ?? `select-${ee()}`;
+      i.value = A, c.value = A + ce, u.value = A + re, f.value = A + ve, h.value = A + De, m.value = a.invalidMessage || ae;
     }), he(() => {
       d.value?.abort();
     }), C(
       () => [b.value, a.invalidMessage],
       () => {
-        m.value = a.invalidMessage || b.value?.validationMessage || ee;
+        m.value = a.invalidMessage || b.value?.validationMessage || ae;
       },
       {
         immediate: !0,
@@ -3186,7 +3197,7 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
       () => {
         if (i.value && g.value) {
           const A = i.value + ce, R = i.value + De;
-          c.value = A, u.value = i.value + re, f.value = i.value + ve, h.value = R, Z(a.message, a.showMessage) ? k.value = A : a.placeholder ? k.value = R : k.value = void 0, T(), g.value = !1;
+          c.value = A, u.value = i.value + re, f.value = i.value + ve, h.value = R, _(a.message, a.showMessage) ? k.value = A : a.placeholder ? k.value = R : k.value = void 0, T(), g.value = !1;
         }
       },
       {
@@ -3207,7 +3218,7 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
       () => {
         if (b.value) {
           let X = d.value;
-          X || (X = new AbortController(), d.value = X), Oe(
+          X || (X = new AbortController(), d.value = X), Ue(
             b.value,
             {
               value: a.value,
@@ -3225,11 +3236,11 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
         flush: "post"
       }
     );
-    function I() {
+    function x() {
       return !!(a.validMessage ?? a.validation === "valid");
     }
     function T() {
-      !b.value?.validity.valid || a.validation === "invalid" ? (k.value = f.value, m.value = a.invalidMessage || b.value?.validationMessage || ee, ue() && (s.value = m.value, K(() => s.value = "", 1e3))) : I() && b.value?.validity.valid && a.required ? (k.value = u.value, ue() && (s.value = a.validMessage ?? se, K(() => s.value = "", 1e3))) : Z(a.message, a.showMessage) ? k.value = c.value : a.placeholder ? k.value = h.value : k.value = void 0;
+      !b.value?.validity.valid || a.validation === "invalid" ? (k.value = f.value, m.value = a.invalidMessage || b.value?.validationMessage || ae, ue() && (s.value = m.value, K(() => s.value = "", 1e3))) : x() && b.value?.validity.valid && a.required ? (k.value = u.value, ue() && (s.value = a.validMessage ?? se, K(() => s.value = "", 1e3))) : _(a.message, a.showMessage) ? k.value = c.value : a.placeholder ? k.value = h.value : k.value = void 0;
     }
     function w(A) {
       a.onClick && a.onClick(A);
@@ -3303,7 +3314,7 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
         class: "db-select-placeholder",
         id: h.value
       }, S(e.placeholder), 9, xi)) : z("", !0),
-      n(Z)(e.message, e.showMessage) ? (v(), Y(Q, {
+      n(_)(e.message, e.showMessage) ? (v(), Y(Z, {
         key: 1,
         size: "small",
         icon: e.messageIcon,
@@ -3314,7 +3325,7 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
         ]),
         _: 1
       }, 8, ["icon", "id"])) : z("", !0),
-      I() ? (v(), Y(Q, {
+      x() ? (v(), Y(Z, {
         key: 2,
         size: "small",
         semantic: "successful",
@@ -3325,7 +3336,7 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
         ]),
         _: 1
       }, 8, ["id"])) : z("", !0),
-      te(Q, {
+      te(Z, {
         size: "small",
         semantic: "critical",
         id: f.value
@@ -3418,7 +3429,7 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
   setup(e, { emit: t }) {
     const l = t, a = e, i = o(void 0), c = o(void 0), u = o(void 0), f = o(void 0), m = o(void 0), h = o(void 0), k = o(""), $ = o(void 0), g = o(null);
     J(() => {
-      i.value = a.id ?? `switch-${_()}`, c.value = `${i.value}${ce}`, u.value = `${i.value}${re}`, f.value = `${i.value}${ve}`, d();
+      i.value = a.id ?? `switch-${ee()}`, c.value = `${i.value}${ce}`, u.value = `${i.value}${re}`, f.value = `${i.value}${ve}`, d();
     }), he(() => {
       $.value?.abort();
     }), C(
@@ -3466,7 +3477,7 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
     }
     function d() {
       if (!g.value?.validity?.valid || a.validation === "invalid") {
-        h.value = f.value, m.value = a.invalidMessage || g.value?.validationMessage || ee, ue() && (k.value = m.value || ee, K(() => {
+        h.value = f.value, m.value = a.invalidMessage || g.value?.validationMessage || ae, ue() && (k.value = m.value || ae, K(() => {
           k.value = "";
         }, 1e3));
         return;
@@ -3477,7 +3488,7 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
         }, 1e3));
         return;
       }
-      if (Z(a.message, a.showMessage)) {
+      if (_(a.message, a.showMessage)) {
         h.value = c.value;
         return;
       }
@@ -3486,7 +3497,7 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
     function b(L, B) {
       a.onChange && a.onChange(L), d(), de(l, L, "checked");
     }
-    function I(L) {
+    function x(L) {
       a.onBlur && a.onBlur(L);
     }
     function T(L) {
@@ -3521,7 +3532,7 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
           "data-aid-icon": e.iconLeading ?? e.icon,
           "data-aid-icon-trailing": e.iconTrailing,
           onChange: B[0] || (B[0] = async (N) => b(N)),
-          onBlur: B[1] || (B[1] = async (N) => I(N)),
+          onBlur: B[1] || (B[1] = async (N) => x(N)),
           onFocus: B[2] || (B[2] = async (N) => T(N)),
           onKeydown: B[3] || (B[3] = async (N) => w(N))
         }, null, 40, Ai),
@@ -3529,7 +3540,7 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
           D(S(e.label), 1)
         ], 64)) : M(L.$slots, "default", { key: 1 })
       ], 8, Ei),
-      n(Z)(e.message, e.showMessage) ? (v(), Y(Q, {
+      n(_)(e.message, e.showMessage) ? (v(), Y(Z, {
         key: 0,
         size: "small",
         semantic: "adaptive",
@@ -3541,7 +3552,7 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
         ]),
         _: 1
       }, 8, ["id", "icon"])) : z("", !0),
-      s() ? (v(), Y(Q, {
+      s() ? (v(), Y(Z, {
         key: 1,
         size: "small",
         semantic: "successful",
@@ -3552,13 +3563,13 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
         ]),
         _: 1
       }, 8, ["id"])) : z("", !0),
-      te(Q, {
+      te(Z, {
         size: "small",
         semantic: "critical",
         id: f.value
       }, {
         default: G(() => [
-          D(S(m.value ?? e.invalidMessage ?? n(ee)), 1)
+          D(S(m.value ?? e.invalidMessage ?? n(ae)), 1)
         ]),
         _: 1
       }, 8, ["id"]),
@@ -3665,7 +3676,7 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
   setup(e) {
     const t = e, l = o(Te), a = o(null);
     return J(() => {
-      l.value = t.id || "tab-list-" + _();
+      l.value = t.id || "tab-list-" + ee();
     }), (i, c) => (v(), y("div", {
       ref_key: "_ref",
       ref: a,
@@ -3728,9 +3739,9 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
     tabSelect: {}
   },
   setup(e) {
-    const t = e, l = o("tabs-" + _()), a = o(""), i = o(!1), c = o(!1), u = o(!1), f = o(null), m = o(void 0), h = o(null);
+    const t = e, l = o("tabs-" + ee()), a = o(""), i = o(!1), c = o(!1), u = o(!1), f = o(null), m = o(void 0), h = o(null);
     J(() => {
-      l.value = t.id || l.value, a.value = `tabs-${t.name || _()}`, i.value = !0;
+      l.value = t.id || l.value, a.value = `tabs-${t.name || ee()}`, i.value = !0;
     }), he(() => {
       m.value?.disconnect(), m.value = void 0;
     }), C(
@@ -3738,12 +3749,12 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
       () => {
         if (h.value && i.value) {
           s(), d(!0);
-          const I = h.value.querySelector(".db-tab-list");
-          I && new MutationObserver((w) => {
+          const x = h.value.querySelector(".db-tab-list");
+          x && new MutationObserver((w) => {
             w.forEach((L) => {
               (L.removedNodes.length || L.addedNodes.length) && (s(), d());
             });
-          }).observe(I, {
+          }).observe(x, {
             childList: !0,
             subtree: !0
           }), i.value = !1;
@@ -3757,18 +3768,18 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
     function k() {
       try {
         return typeof t.tabs == "string" ? JSON.parse(t.tabs) : t.tabs;
-      } catch (I) {
-        console.error(I);
+      } catch (x) {
+        console.error(x);
       }
       return [];
     }
-    function $(I) {
-      const T = I.scrollWidth > I.clientWidth;
-      c.value = T && I.scrollLeft > 1, u.value = T && I.scrollLeft < I.scrollWidth - I.clientWidth;
+    function $(x) {
+      const T = x.scrollWidth > x.clientWidth;
+      c.value = T && x.scrollLeft > 1, u.value = T && x.scrollLeft < x.scrollWidth - x.clientWidth;
     }
-    function g(I) {
+    function g(x) {
       let T = Number(t.arrowScrollDistance) || 100;
-      I && (T *= -1), f.value?.scrollBy({
+      x && (T *= -1), f.value?.scrollBy({
         top: 0,
         left: T,
         behavior: "smooth"
@@ -3776,9 +3787,9 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
     }
     function s() {
       if (h.value) {
-        const I = h.value.querySelector(".db-tab-list");
-        if (I) {
-          const T = I.querySelector('[role="tablist"]');
+        const x = h.value.querySelector(".db-tab-list");
+        if (x) {
+          const T = x.querySelector('[role="tablist"]');
           if (T && (T.setAttribute(
             "aria-orientation",
             t.orientation || "horizontal"
@@ -3793,7 +3804,7 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
         }
       }
     }
-    function d(I) {
+    function d(x) {
       if (h.value) {
         const T = Array.from(
           h.value.getElementsByClassName("db-tab-item")
@@ -3812,7 +3823,7 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
                 `${a.value}-tab-panel-${B}`
               );
             }
-            if (I) {
+            if (x) {
               const j = !t.initialSelectedMode || t.initialSelectedMode === "auto", A = t.initialSelectedIndex == null && B === 0 || Number(t.initialSelectedIndex) === B;
               j && A && F.click();
             }
@@ -3825,22 +3836,22 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
         }
       }
     }
-    function b(I) {
-      if (I.stopPropagation(), I.target) {
-        const w = I.target.parentElement;
+    function b(x) {
+      if (x.stopPropagation(), x.target) {
+        const w = x.target.parentElement;
         if (w && w.parentElement && w.parentElement?.nodeName === "LI") {
           const L = w.parentElement;
           if (L) {
             const B = L.parentElement;
             if (B) {
               const N = Array.from(B.children).indexOf(L);
-              t.onIndexChange && t.onIndexChange(N), t.onTabSelect && t.onTabSelect(I);
+              t.onIndexChange && t.onIndexChange(N), t.onTabSelect && t.onTabSelect(x);
             }
           }
         }
       }
     }
-    return (I, T) => (v(), y("div", {
+    return (x, T) => (v(), y("div", {
       ref_key: "_ref",
       ref: h,
       id: l.value,
@@ -3904,7 +3915,7 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
         ])]),
         _: 1
       }, 8, ["onClick"])) : z("", !0),
-      M(I.$slots, "default")
+      M(x.$slots, "default")
     ], 42, Oi));
   }
 }), ln = ["scrollbar", "arrows"], nn = ["auto", "manually"], on = ["static", "removable"], Ui = ["data-variant", "data-hide-asterisk", "data-hide-label"], Gi = ["for"], Wi = ["aria-invalid", "data-custom-validity", "data-field-sizing", "id", "data-resize", "data-hide-resizer", "disabled", "required", "readOnly", "form", "maxLength", "minLength", "name", "wrap", "spellcheck", "autocomplete", "value", "aria-describedby", "placeholder", "rows", "cols"], Hi = {
@@ -3963,14 +3974,14 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
   setup(e, { emit: t }) {
     const l = t, a = e, i = o(void 0), c = o(void 0), u = o(void 0), f = o(void 0), m = o(void 0), h = o(void 0), k = o(""), $ = o(""), g = o(void 0), s = o(null);
     J(() => {
-      const B = a.id ?? `textarea-${_()}`;
-      i.value = B, c.value = B + ce, u.value = B + re, f.value = B + ve, m.value = a.invalidMessage || ee;
+      const B = a.id ?? `textarea-${ee()}`;
+      i.value = B, c.value = B + ce, u.value = B + re, f.value = B + ve, m.value = a.invalidMessage || ae;
     }), he(() => {
       g.value?.abort();
     }), C(
       () => [s.value, a.invalidMessage],
       () => {
-        m.value = a.invalidMessage || s.value?.validationMessage || ee;
+        m.value = a.invalidMessage || s.value?.validationMessage || ae;
       },
       {
         immediate: !0,
@@ -3981,7 +3992,7 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
       () => {
         if (i.value) {
           const B = i.value + ce;
-          c.value = B, u.value = i.value + re, f.value = i.value + ve, Z(a.message, a.showMessage) && (h.value = B), b();
+          c.value = B, u.value = i.value + re, f.value = i.value + ve, _(a.message, a.showMessage) && (h.value = B), b();
         }
       },
       {
@@ -4002,14 +4013,14 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
       () => {
         if (s.value) {
           let F = g.value;
-          F || (F = new AbortController(), g.value = F), Oe(
+          F || (F = new AbortController(), g.value = F), Ue(
             s.value,
             {
               value: a.value,
               defaultValue: void 0
             },
             (j) => {
-              T(j), I(j);
+              T(j), x(j);
             },
             F.signal
           );
@@ -4024,9 +4035,9 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
       return !!(a.validMessage ?? a.validation === "valid");
     }
     function b() {
-      !s.value?.validity.valid || a.validation === "invalid" ? (h.value = f.value, m.value = a.invalidMessage || s.value?.validationMessage || ee, ue() && ($.value = m.value, K(() => $.value = "", 1e3))) : d() && s.value?.validity.valid && (a.required || a.minLength || a.maxLength) ? (h.value = u.value, ue() && ($.value = a.validMessage ?? se, K(() => $.value = "", 1e3))) : Z(a.message, a.showMessage) ? h.value = c.value : h.value = void 0;
+      !s.value?.validity.valid || a.validation === "invalid" ? (h.value = f.value, m.value = a.invalidMessage || s.value?.validationMessage || ae, ue() && ($.value = m.value, K(() => $.value = "", 1e3))) : d() && s.value?.validity.valid && (a.required || a.minLength || a.maxLength) ? (h.value = u.value, ue() && ($.value = a.validMessage ?? se, K(() => $.value = "", 1e3))) : _(a.message, a.showMessage) ? h.value = c.value : h.value = void 0;
     }
-    function I(B, N) {
+    function x(B, N) {
       a.input && a.input(B), k.value = B.target.value, a.onInput && a.onInput(B), de(l, B), b();
     }
     function T(B, N) {
@@ -4064,7 +4075,7 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
         wrap: e.wrap,
         spellcheck: e.spellCheck,
         autocomplete: e.autocomplete,
-        onInput: N[0] || (N[0] = async (F) => I(F)),
+        onInput: N[0] || (N[0] = async (F) => x(F)),
         onChange: N[1] || (N[1] = async (F) => T(F)),
         onBlur: N[2] || (N[2] = async (F) => w(F)),
         onFocus: N[3] || (N[3] = async (F) => L(F)),
@@ -4074,7 +4085,7 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
         rows: n(pe)(e.rows, n(Ea)),
         cols: n(pe)(e.cols)
       }, S(e.value), 41, Wi),
-      n(Z)(e.message, e.showMessage) ? (v(), Y(Q, {
+      n(_)(e.message, e.showMessage) ? (v(), Y(Z, {
         key: 0,
         size: "small",
         icon: e.messageIcon,
@@ -4085,7 +4096,7 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
         ]),
         _: 1
       }, 8, ["icon", "id"])) : z("", !0),
-      d() ? (v(), Y(Q, {
+      d() ? (v(), Y(Z, {
         key: 1,
         size: "small",
         semantic: "successful",
@@ -4096,7 +4107,7 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
         ]),
         _: 1
       }, 8, ["id"])) : z("", !0),
-      te(Q, {
+      te(Z, {
         size: "small",
         semantic: "critical",
         id: f.value
@@ -4143,7 +4154,7 @@ export {
   Ot as DBDrawer,
   Cl as DBHeader,
   El as DBIcon,
-  Q as DBInfotext,
+  Z as DBInfotext,
   mt as DBInput,
   Fl as DBLink,
   zl as DBNavigation,
@@ -4167,11 +4178,11 @@ export {
   il as DB_UX_LOCAL_STORAGE_MODE,
   xa as DEFAULT_BACK,
   Ta as DEFAULT_BURGER_MENU,
-  qe as DEFAULT_CLOSE_BUTTON,
+  Oe as DEFAULT_CLOSE_BUTTON,
   Qe as DEFAULT_DATALIST_ID_SUFFIX,
   Ca as DEFAULT_ICON,
   Te as DEFAULT_ID,
-  ee as DEFAULT_INVALID_MESSAGE,
+  ae as DEFAULT_INVALID_MESSAGE,
   ve as DEFAULT_INVALID_MESSAGE_ID_SUFFIX,
   ke as DEFAULT_LABEL,
   Ye as DEFAULT_LABEL_ID_SUFFIX,
@@ -4263,6 +4274,6 @@ export {
   Ut as isEventTargetNavigationItem,
   Na as isIOSSafari,
   za as isKeyboardEvent,
-  Z as stringPropVisible,
-  _ as uuid
+  _ as stringPropVisible,
+  ee as uuid
 };