npm - @db-ux/v-core-components - Versions diffs - 4.3.0 → 4.3.2-consolidation-7549d9f - Mend

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

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

Files changed (4) hide show

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

@@ -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 me, createBlock as Y, onUnmounted as he, createVNode as te, withCtx as G } from "vue";
-const Te = "OVERWRITE_DEFAULT_ID", ye = "LABEL SHOULD BE SET", ea = " ", Ia = "MESSAGE SHOULD BE SET", Ye = "-label", Je = "-select", ce = "-message", re = "-valid-message", ve = "-invalid-message", De = "-placeholder", Qe = "-datalist", se = "TODO: Add a validMessage", ee = "TODO: Add an invalidMessage", aa = "Remove", xa = "Back", $a = "Selected", Ta = "BurgerMenu", Ca = "brand", Ea = 4, qe = "Close", Yi = "density", Ji = "color";
+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", 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();
@@ -54,17 +54,17 @@ const el = Object.entries(na).map(([, e]) => e), Aa = {
 }, q = (e, t) => {
   if (e != null)
     return typeof e == "string" && t ? !!(t === e || e) : !!e;
-}, Se = (e, t) => {
+}, pe = (e, t) => {
   if (!(e == null && t == null))
     return Number(e ?? t);
 }, Ra = (e) => {
   if (e != null)
     return e === "any" ? "any" : Number(e);
-}, Ze = (e, t) => t && ["number", "range"].includes(t) ? Se(e) : e, ne = (e) => {
+}, 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],
       () => {
@@ -221,7 +221,7 @@ const el = Object.entries(na).map(([, e]) => e), Aa = {
       "data-variant": e.variant
     }, [
       e.items ? z("", !0) : M(m.$slots, "default", { key: 0 }),
-      e.items ? (v(!0), y(H, { key: 1 }, me(f(), (k, $) => (v(), Y(qa, {
+      e.items ? (v(!0), y(H, { key: 1 }, ge(f(), (k, $) => (v(), Y(qa, {
         key: `accordion-item-${$}`,
         headlinePlain: k.headlinePlain,
         disabled: k.disabled,
@@ -270,7 +270,7 @@ const el = Object.entries(na).map(([, e]) => e), Aa = {
       "data-size": e.size,
       "data-emphasis": e.emphasis,
       "data-placement": e.placement,
-      "data-label": e.placement?.startsWith("corner") && (e.label ?? n(ye))
+      "data-label": e.placement?.startsWith("corner") && (e.label ?? n(ke))
     }, [
       e.text ? (v(), y(H, { key: 0 }, [
         D(S(e.text), 1)
@@ -306,7 +306,7 @@ const el = Object.entries(na).map(([, e]) => e), Aa = {
       ], 64)) : M(a.$slots, "default", { key: 1 })
     ], 10, Ga));
   }
-}), Wa = ["id", "type", "disabled", "data-icon", "data-show-icon", "data-icon-trailing", "data-show-icon-trailing", "data-size", "data-width", "data-variant", "data-no-text", "name", "form", "value"], ke = /* @__PURE__ */ W({
+}), Wa = ["id", "type", "disabled", "data-icon", "data-show-icon", "data-icon-trailing", "data-show-icon-trailing", "data-size", "data-width", "data-variant", "data-no-text", "name", "form", "value"], we = /* @__PURE__ */ W({
   name: "DBButton",
   __name: "button",
   props: {
@@ -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();
         }
       },
       {
@@ -565,8 +565,8 @@ const el = Object.entries(na).map(([, e]) => e), Aa = {
               checked: a.checked,
               defaultChecked: void 0
             },
-            (F) => {
-              I(F);
+            (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,16 +611,16 @@ 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 (F) => I(F)),
-          onBlur: B[1] || (B[1] = async (F) => T(F)),
-          onFocus: B[2] || (B[2] = async (F) => w(F)),
+          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
         }, null, 40, Ya),
         e.label ? (v(), y(H, { key: 0 }, [
           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],
       () => {
@@ -1041,16 +1041,16 @@ const Qa = (e) => {
   },
   emits: ["update:value"],
   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(""), s = o(void 0), d = 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(""), g = o(""), s = o(void 0), d = o(null);
     J(() => {
-      const N = a.id ?? `input-${_()}`;
-      i.value = N, c.value = N + ce, u.value = N + re, f.value = N + ve, h.value = N + 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,
@@ -1060,8 +1060,8 @@ const Qa = (e) => {
       () => [i.value],
       () => {
         if (i.value) {
-          const N = i.value + ce;
-          c.value = N, u.value = i.value + re, f.value = i.value + ve, h.value = a.dataListId ?? i.value + Qe, Z(a.message, a.showMessage) && (k.value = N), I();
+          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, _(a.message, a.showMessage) && (k.value = F), x();
         }
       },
       {
@@ -1071,7 +1071,7 @@ const Qa = (e) => {
     ), C(
       () => [a.value],
       () => {
-        $.value = a.value;
+        a.value !== void 0 && ($.value = a.value);
       },
       {
         immediate: !0,
@@ -1081,17 +1081,17 @@ const Qa = (e) => {
       () => [d.value],
       () => {
         if (d.value) {
-          let X = s.value;
-          X || (X = new AbortController(), s.value = X), Oe(
+          let A = s.value;
+          A || (A = new AbortController(), s.value = A), Ue(
             d.value,
             {
               value: a.value,
               defaultValue: void 0
             },
-            (A) => {
-              w(A), T(A);
+            (R) => {
+              w(R), T(R);
             },
-            X.signal
+            A.signal
           );
         }
       },
@@ -1103,31 +1103,31 @@ 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(N, X) {
-      a.input && a.input(N), $.value = N.target.value, a.onInput && a.onInput(N), de(l, N), I();
+    function T(F, j) {
+      a.input && a.input(F), $.value = F.target.value, a.onInput && a.onInput(F), de(l, F), x();
     }
-    function w(N, X) {
-      a.onChange && a.onChange(N), de(l, N), I();
+    function w(F, j) {
+      a.onChange && a.onChange(F), de(l, F), x();
     }
-    function L(N) {
-      a.onBlur && a.onBlur(N);
+    function L(F) {
+      a.onBlur && a.onBlur(F);
     }
-    function B(N) {
-      a.onFocus && a.onFocus(N);
+    function B(F) {
+      a.onFocus && a.onFocus(F);
     }
-    function F() {
-      const N = a.dataList;
+    function N() {
+      const F = a.dataList;
       return Array.from(
-        (Fa(N) ? N?.map((X) => ({
-          value: X,
+        (Fa(F) ? F?.map((j) => ({
+          value: j,
           label: void 0
-        })) : N) || []
+        })) : F) || []
       );
     }
-    return (N, X) => (v(), y("div", {
+    return (F, j) => (v(), y("div", {
       class: O(n(U)("db-input", a.class)),
       "data-variant": e.variant,
       "data-hide-label": n(ne)(e.showLabel),
@@ -1137,7 +1137,7 @@ const Qa = (e) => {
       "data-hide-asterisk": n(ne)(e.showRequiredAsterisk),
       "data-show-icon-trailing": n(P)(e.showIconTrailing)
     }, [
-      E("label", { for: i.value }, S(e.label ?? n(ye)), 9, ct),
+      E("label", { for: i.value }, S(e.label ?? n(ke)), 9, ct),
       E("input", {
         "aria-invalid": e.validation === "invalid",
         "data-custom-validity": e.validation,
@@ -1153,8 +1153,8 @@ const Qa = (e) => {
         required: n(q)(e.required, "required"),
         step: n(Ra)(e.step),
         value: e.value ?? $.value,
-        maxLength: n(Se)(e.maxLength, e.maxlength),
-        minLength: n(Se)(e.minLength, e.minlength),
+        maxLength: n(pe)(e.maxLength, e.maxlength),
+        minLength: n(pe)(e.minLength, e.minlength),
         max: n(Ze)(e.max, e.type),
         min: n(Ze)(e.min, e.type),
         readOnly: n(q)(e.readOnly, "readOnly") || n(q)(e.readonly, "readonly"),
@@ -1165,10 +1165,10 @@ const Qa = (e) => {
         autoFocus: n(q)(e.autofocus, "autofocus"),
         enterKeyHint: e.enterkeyhint,
         inputMode: e.inputmode,
-        onInput: X[0] || (X[0] = async (A) => T(A)),
-        onChange: X[1] || (X[1] = async (A) => w(A)),
-        onBlur: X[2] || (X[2] = async (A) => L(A)),
-        onFocus: X[3] || (X[3] = async (A) => B(A)),
+        onInput: j[0] || (j[0] = async (A) => T(A)),
+        onChange: j[1] || (j[1] = async (A) => w(A)),
+        onBlur: j[2] || (j[2] = async (A) => L(A)),
+        onFocus: j[3] || (j[3] = async (A) => B(A)),
         list: e.dataList && h.value,
         "aria-describedby": e.ariaDescribedBy ?? k.value,
         role: ["datetime-local", "date", "time", "week", "month", "color"].includes(
@@ -1179,13 +1179,13 @@ const Qa = (e) => {
         key: 0,
         id: h.value
       }, [
-        (v(!0), y(H, null, me(F(), (A) => (v(), y("option", {
+        (v(!0), y(H, null, ge(N(), (A) => (v(), y("option", {
           key: h.value + "-option-" + A.value,
           value: A.value
         }, S(A.label), 9, ft))), 128))
       ], 8, vt)) : z("", !0),
-      M(N.$slots, "default"),
-      n(Z)(e.message, e.showMessage) ? (v(), Y(Q, {
+      M(F.$slots, "default"),
+      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(""), F = o([]), N = o(!1), X = o(!1), A = o(0), R = o([]), j = o([]), pe = o(!1), ge = 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();
         }
       },
       {
@@ -1505,9 +1505,9 @@ const Qa = (e) => {
         flush: "post"
       }
     ), C(
-      () => [a.showNoResults, a.showLoading, j.value],
+      () => [a.showNoResults, a.showLoading, X.value],
       () => {
-        a.showNoResults !== void 0 ? pe.value = a.showNoResults : j.value && (pe.value = j.value.length === 0);
+        a.showNoResults !== void 0 ? me.value = a.showNoResults : X.value && (me.value = X.value.length === 0);
       },
       {
         immediate: !0,
@@ -1516,7 +1516,7 @@ const Qa = (e) => {
     ), C(
       () => [a.showSelectAll, A.value, a.multiple],
       () => {
-        N.value = !!(a.multiple && (a.showSelectAll ?? A.value > 5));
+        F.value = !!(a.multiple && (a.showSelectAll ?? A.value > 5));
       },
       {
         immediate: !0,
@@ -1525,7 +1525,7 @@ const Qa = (e) => {
     ), C(
       () => [a.showSearch, A.value],
       () => {
-        X.value = a.showSearch ?? A.value > 9;
+        j.value = a.showSearch ?? A.value > 9;
       },
       {
         immediate: !0,
@@ -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] : []);
-              Be(x), Ge();
+              const I = p || (le.value.value ? [le.value.value] : []);
+              Se(I), We();
             },
             r.signal
           );
@@ -1592,7 +1592,7 @@ const Qa = (e) => {
     ), C(
       () => [a.options],
       () => {
-        j.value = a.options, A.value = a.options?.filter((r) => !r.isGroupTitle).length ?? 0;
+        X.value = a.options, A.value = a.options?.filter((r) => !r.isGroupTitle).length ?? 0;
       },
       {
         immediate: !0,
@@ -1613,7 +1613,7 @@ const Qa = (e) => {
     ), C(
       () => [a.options, R.value],
       () => {
-        a.options?.length && (F.value = a.options?.filter(
+        a.options?.length && (N.value = a.options?.filter(
           (r) => !r.value || !R.value?.includes ? !1 : !r.isGroupTitle && R.value?.includes(r.value)
         ));
       },
@@ -1623,7 +1623,7 @@ const Qa = (e) => {
       }
     ), C(
       () => [
-        F.value,
+        N.value,
         a.selectedType,
         a.amountText,
         a.selectedLabels,
@@ -1634,13 +1634,13 @@ const Qa = (e) => {
           w.value = a.selectedLabels;
           return;
         }
-        if (F.value?.length) {
+        if (N.value?.length) {
           if (a.transformSelectedLabels) {
-            const r = F.value, p = a.transformSelectedLabels;
+            const r = N.value, p = a.transformSelectedLabels;
             w.value = p(r);
             return;
           }
-          a.selectedType === "amount" ? w.value = a.amountText ? a.amountText : `${F.value?.length} ${$a}` : w.value = F.value?.map((r) => we(r)).join(", ");
+          a.selectedType === "amount" ? w.value = a.amountText ? a.amountText : `${N.value?.length} ${$a}` : w.value = N.value?.map((r) => Be(r)).join(", ");
         } else
           w.value = "";
       },
@@ -1649,9 +1649,9 @@ const Qa = (e) => {
         flush: "post"
       }
     ), C(
-      () => [F.value],
+      () => [N.value],
       () => {
-        a.onAmountChange && a.onAmountChange(F.value?.length ?? 0);
+        a.onAmountChange && a.onAmountChange(N.value?.length ?? 0);
       },
       {
         immediate: !0,
@@ -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,19 +1679,19 @@ 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 ? (ge.value = new fe().addCallback(
+      a.onDropdownToggle && (r.stopPropagation(), a.onDropdownToggle(r)), r.target instanceof HTMLDetailsElement && r.target.open ? (be.value = new fe().addCallback(
         (p) => Ba(p)
       ), Me.value = new oe().addCallback(
         (p) => va(p)
-      ), Ve(), Ne.value?.observe(V.value), r.target.dataset.test || He()) : (ge.value && new fe().removeCallback(
-        ge.value
+      ), Ve(), Ne.value?.observe(V.value), r.target.dataset.test || He()) : (be.value && new fe().removeCallback(
+        be.value
       ), Me.value && new oe().removeCallback(
         Me.value
       ), Ne.value?.unobserve(V.value));
@@ -1704,25 +1704,25 @@ const Qa = (e) => {
       r && p.push(r), L.value && w.value?.length && p.push(L.value), T.value = p.join(" ");
     }
     function ma() {
-      return a.selectAllLabel ?? ye;
+      return a.selectAllLabel ?? ke;
     }
-    function we(r) {
+    function Be(r) {
       return r.label ?? r.value?.toString() ?? "";
     }
     function ga(r) {
       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} ${we(r)}`;
+      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,33 +1742,33 @@ 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 be = ie.querySelector("input");
-                  if (be) {
-                    be.focus();
+                  const ye = ie.querySelector("input");
+                  if (ye) {
+                    ye.focus();
                     break;
                   }
                   ie = ie.nextElementSibling;
                 }
                 ie || Ae(p);
               } else {
-                let ie = ae?.previousElementSibling;
+                let ie = Q?.previousElementSibling;
                 for (; ie; ) {
-                  const be = ie.querySelector("input");
-                  if (be) {
-                    be.focus();
+                  const ye = ie.querySelector("input");
+                  if (ye) {
+                    ye.focus();
                     break;
                   }
                   ie = ie.previousElementSibling;
                 }
                 if (!ie) {
-                  const be = V.value.querySelector(
+                  const ye = V.value.querySelector(
                     'input[type="checkbox"]'
                   );
-                  if (be && be !== p)
+                  if (ye && ye !== p)
                     Ae(p);
                   else {
                     const je = _e(V.value);
@@ -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);
         }
       }
     }
@@ -1819,7 +1826,7 @@ const Qa = (e) => {
         V.value?.open && !V.value.contains(p) && (V.value.open = !1);
       }
     }
-    function Be(r) {
+    function Se(r) {
       (/* @__PURE__ */ new Date()).getTime() - Ce.value < 200 || (R.value = r, b.value = !0, a.onOptionSelected && a.onOptionSelected(r ?? []), de(
         l,
         {
@@ -1830,18 +1837,18 @@ const Qa = (e) => {
         "values"
       ), Ce.value = (/* @__PURE__ */ new Date()).getTime());
     }
-    function We(r) {
-      r && (a.multiple ? R.value?.includes(r) ? Be(R.value.filter((p) => p !== r)) : Be([...R.value || [], r]) : (Be([r]), xe(void 0, !0)));
+    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) {
       if (r.stopPropagation(), R.value?.length === A.value)
-        Be([]);
+        Se([]);
       else {
-        const p = X.value && Pe.value ? Pe.value.value : void 0;
-        Be(
+        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,17 +1882,17 @@ 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 ? j.value = a.options : a.searchFilter ? j.value = a.options.filter(
-        (x) => a.searchFilter(x, p)
-      ) : j.value = a.options.filter(
-        (x) => !x.isGroupTitle && we(x).toLowerCase().includes(p.toLowerCase())
+      !a.options || !p || p.length === 0 ? X.value = a.options : a.searchFilter ? X.value = a.options.filter(
+        (I) => a.searchFilter(I, p)
+      ) : X.value = a.options.filter(
+        (I) => !I.isGroupTitle && Be(I).toLowerCase().includes(p.toLowerCase())
       );
     }
     function pa(r) {
-      r.stopPropagation(), Be([]), $e();
+      r.stopPropagation(), Se([]), $e();
     }
     function $e() {
       V.value && V.value.querySelector("summary")?.focus();
@@ -1911,7 +1918,7 @@ const Qa = (e) => {
       "data-show-icon": n(P)(e.showIcon)
     }, [
       E("label", { id: k.value }, [
-        D(S(e.label ?? n(ye)), 1),
+        D(S(e.label ?? n(ke)), 1),
         E("select", {
           role: "none",
           hidden: !0,
@@ -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 }, me(e.options, (x, ae) => (v(), y("option", {
-            key: ae,
-            disabled: x.disabled,
-            value: x.value
-          }, S(we(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, me(F.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(we(x)), 1)
+                  D(S(Be(I)), 1)
                 ]),
                 _: 2
               }, 1032, ["removeButton", "onRemove"]))), 128))
@@ -1973,7 +1980,7 @@ const Qa = (e) => {
           ], 8, Lt),
           te(at, { width: e.dropdownWidth }, {
             default: G(() => [
-              X.value ? (v(), y("div", Tt, [
+              j.value ? (v(), y("div", Tt, [
                 te(mt, {
                   type: "search",
                   ref_key: "searchInputRef",
@@ -1982,13 +1989,13 @@ const Qa = (e) => {
                   form: i.value,
                   showLabel: !1,
                   value: Re.value,
-                  label: e.searchLabel ?? n(ye),
+                  label: e.searchLabel ?? n(ke),
                   placeholder: e.searchPlaceholder ?? e.searchLabel,
-                  ariaDescribedBy: pe.value || e.showLoading ? s.value : void 0,
-                  onInput: (x) => Xe(x)
+                  ariaDescribedBy: me.value || e.showLoading ? s.value : void 0,
+                  onInput: (I) => Xe(I)
                 }, null, 8, ["name", "form", "value", "label", "placeholder", "ariaDescribedBy", "onInput"])
               ])) : z("", !0),
-              pe.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,
@@ -1999,7 +2006,7 @@ const Qa = (e) => {
                 ]),
                 _: 1
               }, 8, ["id", "icon", "semantic"])) : (v(), y(H, { key: 2 }, [
-                N.value ? (v(), y("div", Ct, [
+                F.value ? (v(), y("div", Ct, [
                   E("div", Et, [
                     E("label", null, [
                       E("input", {
@@ -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)
                     ])
@@ -2017,25 +2024,25 @@ const Qa = (e) => {
                 ])) : z("", !0),
                 te(st, {
                   multiple: n(q)(e.multiple, "multiple"),
-                  label: e.listLabel ?? e.label ?? n(ye)
+                  label: e.listLabel ?? e.label ?? n(ke)
                 }, {
                   default: G(() => [
-                    (v(!0), y(H, null, me(j.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: we(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(we(x)), 1)
+                        I.isGroupTitle ? z("", !0) : (v(), y(H, { key: 0 }, [
+                          D(S(Be(I)), 1)
                         ], 64))
                       ]),
                       _: 2
@@ -2045,17 +2052,17 @@ const Qa = (e) => {
                 }, 8, ["multiple", "label"])
               ], 64)),
               E("div", null, [
-                te(ke, {
+                te(we, {
                   variant: "ghost",
                   width: "full",
                   icon: "cross",
                   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"])
@@ -2065,7 +2072,7 @@ const Qa = (e) => {
           }, 8, ["width"])
         ], 64)) : z("", !0)
       ], 40, pt),
-      (e.showClearSelection ?? !0) && R.value?.length ? (v(), Y(ke, {
+      (e.showClearSelection ?? !0) && R.value?.length ? (v(), Y(we, {
         key: 0,
         icon: "cross",
         variant: "ghost",
@@ -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));
       }
     }
@@ -2259,7 +2270,7 @@ const Qa = (e) => {
           E("div", Vt, [
             M(f.$slots, "drawer-header")
           ]),
-          te(ke, {
+          te(we, {
             class: "button-close-drawer",
             icon: "cross",
             variant: "ghost",
@@ -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"])
@@ -2456,7 +2467,7 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
         ]),
         E("div", ei, [
           E("div", ai, [
-            te(ke, {
+            te(we, {
               icon: "menu",
               variant: "ghost",
               noText: !0,
@@ -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;
@@ -2716,7 +2727,7 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
           onClick: d[1] || (d[1] = async (b) => k(b))
         }, [
           a.value ? (v(), y("div", ui, [
-            te(ke, {
+            te(we, {
               icon: "arrow_left",
               variant: "ghost",
               id: e.backButtonId,
@@ -2782,15 +2793,15 @@ 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(ke, {
+      n(q)(e.closeable, "closeable") ? (v(), Y(we, {
         key: 2,
         icon: "cross",
         variant: "ghost",
@@ -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;
         }
       },
       {
@@ -3206,17 +3217,17 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
       () => [b.value],
       () => {
         if (b.value) {
-          let R = d.value;
-          R || (R = new AbortController(), d.value = R), Oe(
+          let X = d.value;
+          X || (X = new AbortController(), d.value = X), Ue(
             b.value,
             {
               value: a.value,
               defaultValue: void 0
             },
-            (j) => {
-              B(j), L(j);
+            (me) => {
+              B(me), L(me);
             },
-            R.signal
+            X.signal
           );
         }
       },
@@ -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);
@@ -3240,13 +3251,13 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
     function B(A, R) {
       a.onChange && a.onChange(A), de(l, A), T();
     }
-    function F(A) {
+    function N(A) {
       a.onBlur && a.onBlur(A);
     }
-    function N(A) {
+    function F(A) {
       a.onFocus && a.onFocus(A);
     }
-    function X(A) {
+    function j(A) {
       return A.label ?? A.value?.toString();
     }
     return (A, R) => (v(), y("div", {
@@ -3257,7 +3268,7 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
       "data-icon": e.icon,
       "data-show-icon": n(P)(e.showIcon)
     }, [
-      E("label", { for: i.value }, S(e.label ?? n(ye)), 9, wi),
+      E("label", { for: i.value }, S(e.label ?? n(ke)), 9, wi),
       E("select", {
         "aria-invalid": e.validation === "invalid",
         "data-custom-validity": e.validation,
@@ -3271,31 +3282,31 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
         value: e.value ?? $.value,
         autocomplete: e.autocomplete,
         multiple: e.multiple,
-        onInput: R[0] || (R[0] = async (j) => L(j)),
-        onClick: R[1] || (R[1] = async (j) => w(j)),
-        onChange: R[2] || (R[2] = async (j) => B(j)),
-        onBlur: R[3] || (R[3] = async (j) => F(j)),
-        onFocus: R[4] || (R[4] = async (j) => N(j)),
+        onInput: R[0] || (R[0] = async (X) => L(X)),
+        onClick: R[1] || (R[1] = async (X) => w(X)),
+        onChange: R[2] || (R[2] = async (X) => B(X)),
+        onBlur: R[3] || (R[3] = async (X) => N(X)),
+        onFocus: R[4] || (R[4] = async (X) => F(X)),
         "aria-describedby": e.ariaDescribedBy ?? k.value
       }, [
         e.variant === "floating" || e.placeholder ? (v(), y("option", Si)) : z("", !0),
-        e.options?.length ? (v(!0), y(H, { key: 1 }, me(e.options, (j, pe) => (v(), y(H, { key: pe }, [
-          j.options ? (v(), y("optgroup", {
+        e.options?.length ? (v(!0), y(H, { key: 1 }, ge(e.options, (X, me) => (v(), y(H, { key: me }, [
+          X.options ? (v(), y("optgroup", {
             key: 0,
-            label: X(j)
+            label: j(X)
           }, [
-            (v(!0), y(H, null, me(j.options, (ge, Ce) => (v(), y("option", {
+            (v(!0), y(H, null, ge(X.options, (be, Ce) => (v(), y("option", {
               key: Ce,
-              value: ge.value,
-              selected: ge.selected,
-              disabled: ge.disabled
-            }, S(X(ge)), 9, Li))), 128))
+              value: be.value,
+              selected: be.selected,
+              disabled: be.disabled
+            }, S(j(be)), 9, Li))), 128))
           ], 8, pi)) : (v(), y("option", {
             key: 1,
-            value: j.value,
-            disabled: j.disabled,
-            selected: j.selected
-          }, S(X(j)), 9, Ii))
+            value: X.value,
+            disabled: X.disabled,
+            selected: X.selected
+          }, S(j(X)), 9, Ii))
         ], 64))), 128)) : M(A.$slots, "default", { key: 2 })
       ], 40, Bi),
       e.placeholder ? (v(), y("span", {
@@ -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(
@@ -3449,8 +3460,8 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
               checked: a.checked,
               defaultChecked: void 0
             },
-            (F) => {
-              b(F);
+            (N) => {
+              b(N);
             },
             B.signal
           );
@@ -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) {
@@ -3520,16 +3531,16 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
           required: n(q)(e.required, "required"),
           "data-aid-icon": e.iconLeading ?? e.icon,
           "data-aid-icon-trailing": e.iconTrailing,
-          onChange: B[0] || (B[0] = async (F) => b(F)),
-          onBlur: B[1] || (B[1] = async (F) => I(F)),
-          onFocus: B[2] || (B[2] = async (F) => T(F)),
-          onKeydown: B[3] || (B[3] = async (F) => w(F))
+          onChange: B[0] || (B[0] = async (N) => b(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),
         e.label ? (v(), y(H, { key: 0 }, [
           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")
@@ -3803,18 +3814,18 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
           )
         );
         for (const L of T) {
-          const B = T.indexOf(L), F = L.querySelector("label"), N = L.querySelector("input");
-          if (N && F) {
-            if (!N.id) {
-              const X = `${a.value}-tab-${B}`;
-              F.setAttribute("for", X), N.id = X, N.setAttribute("name", a.value), w.length > B && N.setAttribute(
+          const B = T.indexOf(L), N = L.querySelector("label"), F = L.querySelector("input");
+          if (F && N) {
+            if (!F.id) {
+              const j = `${a.value}-tab-${B}`;
+              N.setAttribute("for", j), F.id = j, F.setAttribute("name", a.value), w.length > B && F.setAttribute(
                 "aria-controls",
                 `${a.value}-tab-panel-${B}`
               );
             }
-            if (I) {
-              const X = !t.initialSelectedMode || t.initialSelectedMode === "auto", A = t.initialSelectedIndex == null && B === 0 || Number(t.initialSelectedIndex) === B;
-              X && A && N.click();
+            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 F = Array.from(B.children).indexOf(L);
-              t.onIndexChange && t.onIndexChange(F), t.onTabSelect && t.onTabSelect(I);
+              const N = Array.from(B.children).indexOf(L);
+              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,
@@ -3852,7 +3863,7 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
       onInput: T[0] || (T[0] = async (w) => b(w)),
       onChange: T[1] || (T[1] = async (w) => b(w))
     }, [
-      c.value ? (v(), Y(ke, {
+      c.value ? (v(), Y(we, {
         key: 0,
         class: "tabs-scroll-left",
         variant: "ghost",
@@ -3869,7 +3880,7 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
       e.tabs ? (v(), y(H, { key: 1 }, [
         te(Pi, null, {
           default: G(() => [
-            (v(!0), y(H, null, me(k(), (w, L) => (v(), Y(Ni, {
+            (v(!0), y(H, null, ge(k(), (w, L) => (v(), Y(Ni, {
               key: e.name + "tab-item" + L,
               active: w.active,
               label: w.label,
@@ -3880,7 +3891,7 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
           ]),
           _: 1
         }),
-        (v(!0), y(H, null, me(k(), (w, L) => (v(), Y(qi, {
+        (v(!0), y(H, null, ge(k(), (w, L) => (v(), Y(qi, {
           key: e.name + "tab-panel" + L,
           content: w.content
         }, {
@@ -3890,7 +3901,7 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
           _: 2
         }, 1032, ["content"]))), 128))
       ], 64)) : z("", !0),
-      u.value ? (v(), Y(ke, {
+      u.value ? (v(), Y(we, {
         key: 2,
         class: "tabs-scroll-right",
         variant: "ghost",
@@ -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();
         }
       },
       {
@@ -3991,7 +4002,7 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
     ), C(
       () => [a.value],
       () => {
-        k.value = a.value;
+        a.value !== void 0 && (k.value = a.value);
       },
       {
         immediate: !0,
@@ -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
             },
-            (N) => {
-              T(N), I(N);
+            (j) => {
+              T(j), x(j);
             },
             F.signal
           );
@@ -4024,12 +4035,12 @@ 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, F) {
+    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, F) {
+    function T(B, N) {
       a.onChange && a.onChange(B), de(l, B), b();
     }
     function w(B) {
@@ -4038,13 +4049,13 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
     function L(B) {
       a.onFocus && a.onFocus(B);
     }
-    return (B, F) => (v(), y("div", {
+    return (B, N) => (v(), y("div", {
       class: O(n(U)("db-textarea", a.class)),
       "data-variant": e.variant,
       "data-hide-asterisk": n(ne)(e.showRequiredAsterisk),
       "data-hide-label": n(ne)(e.showLabel)
     }, [
-      E("label", { for: i.value }, S(e.label ?? n(ye)), 9, Gi),
+      E("label", { for: i.value }, S(e.label ?? n(ke)), 9, Gi),
       E("textarea", {
         "aria-invalid": e.validation === "invalid",
         "data-custom-validity": e.validation,
@@ -4058,23 +4069,23 @@ const Wt = ["id", "data-width", "data-on-forcing-mobile"], Ht = { class: "db-hea
         required: n(q)(e.required, "required"),
         readOnly: n(q)(e.readOnly, "readOnly") || n(q)(e.readonly, "readonly"),
         form: e.form,
-        maxLength: n(Se)(e.maxLength, e.maxlength),
-        minLength: n(Se)(e.minLength, e.minlength),
+        maxLength: n(pe)(e.maxLength, e.maxlength),
+        minLength: n(pe)(e.minLength, e.minlength),
         name: e.name,
         wrap: e.wrap,
         spellcheck: e.spellCheck,
         autocomplete: e.autocomplete,
-        onInput: F[0] || (F[0] = async (N) => I(N)),
-        onChange: F[1] || (F[1] = async (N) => T(N)),
-        onBlur: F[2] || (F[2] = async (N) => w(N)),
-        onFocus: F[3] || (F[3] = async (N) => L(N)),
+        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)),
         value: e.value ?? k.value,
         "aria-describedby": e.ariaDescribedBy ?? h.value,
         placeholder: e.placeholder ?? n(ea),
-        rows: n(Se)(e.rows, n(Ea)),
-        cols: n(Se)(e.cols)
+        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
@@ -4131,7 +4142,7 @@ export {
   qa as DBAccordionItem,
   sl as DBBadge,
   cl as DBBrand,
-  ke as DBButton,
+  we as DBButton,
   fl as DBCard,
   gl as DBCheckbox,
   bl as DBCustomSelect,
@@ -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,13 +4178,13 @@ 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,
-  ye as DEFAULT_LABEL,
+  ke as DEFAULT_LABEL,
   Ye as DEFAULT_LABEL_ID_SUFFIX,
   Ia as DEFAULT_MESSAGE,
   ce as DEFAULT_MESSAGE_ID_SUFFIX,
@@ -4251,7 +4262,7 @@ export {
   sa as getFloatingProps,
   ne as getHideProp,
   Ze as getInputValue,
-  Se as getNumber,
+  pe as getNumber,
   ll as getOptionKey,
   _e as getSearchInput,
   Ra as getStep,
@@ -4263,6 +4274,6 @@ export {
   Ut as isEventTargetNavigationItem,
   Na as isIOSSafari,
   za as isKeyboardEvent,
-  Z as stringPropVisible,
-  _ as uuid
+  _ as stringPropVisible,
+  ee as uuid
 };