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

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

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,7 +1,7 @@
-var ha = Object.defineProperty;
-var ga = (l, a, i) => a in l ? ha(l, a, { enumerable: !0, configurable: !0, writable: !0, value: i }) : l[a] = i;
-var se = (l, a, i) => ga(l, typeof a != "symbol" ? a + "" : a, i);
-import { defineComponent as q, ref as n, createElementBlock as g, openBlock as f, unref as d, normalizeClass as P, renderSlot as T, Fragment as U, createTextVNode as C, toDisplayString as S, createCommentVNode as F, createElementVNode as _, createBlock as J, withCtx as V, onMounted as Y, watch as A, createVNode as te, renderList as ge, onUnmounted as ba } from "vue";
+var ga = Object.defineProperty;
+var ba = (l, a, i) => a in l ? ga(l, a, { enumerable: !0, configurable: !0, writable: !0, value: i }) : l[a] = i;
+var se = (l, a, i) => ba(l, typeof a != "symbol" ? a + "" : a, i);
+import { defineComponent as q, ref as n, createElementBlock as g, openBlock as p, unref as d, normalizeClass as P, renderSlot as T, Fragment as U, createTextVNode as C, toDisplayString as S, createCommentVNode as F, createElementVNode as I, createBlock as J, withCtx as V, onMounted as Y, watch as A, createVNode as te, renderList as he, onUnmounted as ya } from "vue";
 const Q = () => {
   var l, a;
   if (typeof window < "u") {
@@ -11,10 +11,10 @@ const Q = () => {
       return window.crypto.getRandomValues(new Uint32Array(3)).join("-");
   }
   return Math.random().toString().substring(2);
-}, Ye = (l, a) => {
+}, Ke = (l, a) => {
   const i = l.children;
   Object.values(i).forEach((e) => {
-    e.setAttribute(a.key, a.value), e.children.length > 0 && Ye(e, a);
+    e.setAttribute(a.key, a.value), e.children.length > 0 && Ke(e, a);
   });
 }, z = (...l) => {
   let a = "";
@@ -26,7 +26,7 @@ const Q = () => {
         for (const e in i)
           i[e] && (a += `${e} `);
   return a.trim();
-}, zi = (l) => {
+}, qi = (l) => {
   const {
     left: a,
     right: i
@@ -34,7 +34,7 @@ const Q = () => {
     innerWidth: e
   } = window;
   return a >= 0 && i <= e;
-}, qi = (l) => {
+}, Ui = (l) => {
   const {
     top: a,
     bottom: i
@@ -42,7 +42,7 @@ const Q = () => {
     innerHeight: e
   } = window;
   return a >= 0 && i <= e;
-}, ya = (l) => {
+}, ka = (l) => {
   var N;
   const {
     top: a,
@@ -54,8 +54,8 @@ const Q = () => {
     innerWidth: u
   } = window;
   let h = a < 0, s = i > v, r = e < 0, c = t > u;
-  const I = l.hasAttribute("data-outside-vy"), L = l.hasAttribute("data-outside-vx"), B = (N = l == null ? void 0 : l.parentElement) == null ? void 0 : N.getBoundingClientRect();
-  return B && (I && (l.getAttribute("data-outside-vy") === "top" ? h = B.top - (i - B.bottom) < 0 : s = B.bottom + (B.top - a) > v), L && (l.getAttribute("data-outside-vx") === "left" ? r = B.left - (t - B.right) < 0 : c = B.right + (B.left - e) > u)), {
+  const _ = l.hasAttribute("data-outside-vy"), L = l.hasAttribute("data-outside-vx"), B = (N = l == null ? void 0 : l.parentElement) == null ? void 0 : N.getBoundingClientRect();
+  return B && (_ && (l.getAttribute("data-outside-vy") === "top" ? h = B.top - (i - B.bottom) < 0 : s = B.bottom + (B.top - a) > v), L && (l.getAttribute("data-outside-vx") === "left" ? r = B.left - (t - B.right) < 0 : c = B.right + (B.left - e) > u)), {
     outTop: h,
     outBottom: s,
     outLeft: r,
@@ -67,7 +67,7 @@ const Q = () => {
     outBottom: i,
     outLeft: e,
     outRight: t
-  } = ya(l);
+  } = ka(l);
   let v = {};
   return a || i ? (v = {
     vy: a ? "top" : "bottom"
@@ -75,19 +75,19 @@ const Q = () => {
     ...v,
     vx: t ? "right" : "left"
   }, l.setAttribute("data-outside-vx", v.vx)) : l.removeAttribute("data-outside-vx"), v;
-}, ka = (l) => Array.isArray(l) && l.every((a) => typeof a == "string"), Ba = ["Mac", "iPhone", "iPad", "iPod"], ue = () => typeof window < "u" && Ba.some((l) => window.navigator.userAgent.includes(l)), ee = (l, a) => new Promise(() => setTimeout(l, a)), H = (l) => {
+}, Ba = (l) => Array.isArray(l) && l.every((a) => typeof a == "string"), Sa = ["Mac", "iPhone", "iPad", "iPod"], ue = () => typeof window < "u" && Sa.some((l) => window.navigator.userAgent.includes(l)), ee = (l, a) => new Promise(() => setTimeout(l, a)), H = (l) => {
   if (l != null)
     return String(typeof l == "string" ? !!l : l);
 }, M = (l, a) => {
   if (l != null)
     return typeof l == "string" && a ? !!(a === l || l) : !!l;
-}, he = (l, a) => {
+}, ye = (l, a) => {
   if (!(l == null && a == null))
     return Number(l ?? a);
-}, K = (l) => {
+}, We = (l, a) => a && ["number", "range"].includes(a) ? ye(l) : l, K = (l) => {
   if (l != null)
     return H(!l);
-}, Z = (l, a) => (a === void 0 || !!a) && !!l, We = (l) => l.querySelector('input[type="search"]'), Sa = ["id", "type", "disabled", "aria-label", "data-icon", "data-hide-icon", "data-size", "data-state", "data-width", "data-variant", "data-no-text", "name", "form", "value", "aria-describedby", "aria-expanded", "aria-pressed"], Be = /* @__PURE__ */ q({
+}, Z = (l, a) => (a === void 0 || !!a) && !!l, Xe = (l) => l.querySelector('input[type="search"]'), wa = ["id", "type", "disabled", "aria-label", "data-icon", "data-hide-icon", "data-size", "data-state", "data-width", "data-variant", "data-no-text", "name", "form", "value", "aria-describedby", "aria-expanded", "aria-pressed"], Be = /* @__PURE__ */ q({
   __name: "button",
   props: {
     ariaexpanded: { type: Boolean, default: void 0 },
@@ -119,7 +119,7 @@ const Q = () => {
     function e(t) {
       t.stopPropagation(), a.onClick && a.onClick(t);
     }
-    return (t, v) => (f(), g("button", {
+    return (t, v) => (p(), g("button", {
       ref_key: "_ref",
       ref: i,
       id: t.id,
@@ -142,34 +142,34 @@ const Q = () => {
       "aria-pressed": t.ariapressed,
       onClick: v[0] || (v[0] = async (u) => e(u))
     }, [
-      t.text ? (f(), g(U, { key: 0 }, [
+      t.text ? (p(), g(U, { key: 0 }, [
         C(S(t.text), 1)
       ], 64)) : T(t.$slots, "default", { key: 1 })
-    ], 10, Sa));
+    ], 10, wa));
   }
-}), we = "OVERWRITE_DEFAULT_ID", ke = "LABEL SHOULD BE SET", Ke = " ", wa = "MESSAGE SHOULD BE SET", Xe = "-label", He = "-select", re = "-message", ce = "-valid-message", ve = "-invalid-message", Ne = "-placeholder", je = "-datalist", fe = "TODO: Add a validMessage", ie = "TODO: Add an invalidMessage", Je = "Remove", _a = "Back", Ia = "Selected", La = "BurgerMenu", Ta = "brand", $a = 4, Pe = "Close", Ui = "density", Gi = "color";
-var Qe = /* @__PURE__ */ ((l) => (l.FUNCTIONAL = "functional", l.REGULAR = "regular", l.EXPRESSIVE = "expressive", l))(Qe || {});
-const Vi = Object.entries(Qe).map(([, l]) => l);
-var Ze = /* @__PURE__ */ ((l) => (l.PRIMARY = "primary", l))(Ze || {}), xe = /* @__PURE__ */ ((l) => (l.NEUTRAL_BG_LEVEL_1 = "neutral-bg-basic-level-1", l.NEUTRAL_BG_LEVEL_2 = "neutral-bg-basic-level-2", l.NEUTRAL_BG_LEVEL_3 = "neutral-bg-basic-level-3", l.NEUTRAL_BG_TRANSPARENT_SEMI = "neutral-bg-basic-transparent-semi", l.NEUTRAL_BG_TRANSPARENT_FULL = "neutral-bg-basic-transparent-full", l.BRAND_BG_LEVEL_1 = "brand-bg-basic-level-1", l.BRAND_BG_LEVEL_2 = "brand-bg-basic-level-2", l.BRAND_BG_LEVEL_3 = "brand-bg-basic-level-3", l.BRAND_BG_TRANSPARENT_SEMI = "brand-bg-basic-transparent-semi", l.BRAND_BG_TRANSPARENT_FULL = "brand-bg-basic-transparent-full", l.SUCCESSFUL_BG_LEVEL_1 = "successful-bg-basic-level-1", l.SUCCESSFUL_BG_LEVEL_2 = "successful-bg-basic-level-2", l.SUCCESSFUL_BG_LEVEL_3 = "successful-bg-basic-level-3", l.SUCCESSFUL_BG_TRANSPARENT_SEMI = "successful-bg-basic-transparent-semi", l.SUCCESSFUL_BG_TRANSPARENT_FULL = "successful-bg-basic-transparent-full", l.CRITICAL_BG_LEVEL_1 = "critical-bg-basic-level-1", l.CRITICAL_BG_LEVEL_2 = "critical-bg-basic-level-2", l.CRITICAL_BG_LEVEL_3 = "critical-bg-basic-level-3", l.CRITICAL_BG_TRANSPARENT_SEMI = "critical-bg-basic-transparent-semi", l.CRITICAL_BG_TRANSPARENT_Full = "critical-bg-basic-transparent-full", l.WARNING_BG_LEVEL_1 = "warning-bg-basic-level-1", l.WARNING_BG_LEVEL_2 = "warning-bg-basic-level-2", l.WARNING_BG_LEVEL_3 = "warning-bg-basic-level-3", l.WARNING_BG_TRANSPARENT_SEMI = "warning-bg-basic-transparent-semi", l.WARNING_BG_TRANSPARENT_FULL = "warning-bg-basic-transparent-full", l.INFORMATIONAL_BG_LEVEL_1 = "informational-bg-basic-level-1", l.INFORMATIONAL_BG_LEVEL_2 = "informational-bg-basic-level-2", l.INFORMATIONAL_BG_LEVEL_3 = "informational-bg-basic-level-3", l.INFORMATIONAL_BG_TRANSPARENT_SEMI = "informational-bg-basic-transparent-semi", l.INFORMATIONAL_BG_TRANSPARENT_FULL = "informational-bg-basic-transparent-full", l))(xe || {});
-const Oi = Object.entries(xe).map(([, l]) => l), Wi = Object.entries(Ze).map(([, l]) => l);
-var ea = /* @__PURE__ */ ((l) => (l.CRITICAL = "critical", l.INFORMATIONAL = "informational", l.WARNING = "warning", l.SUCCESSFUL = "successful", l))(ea || {});
-const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
+}), we = "OVERWRITE_DEFAULT_ID", ke = "LABEL SHOULD BE SET", Je = " ", Ia = "MESSAGE SHOULD BE SET", He = "-label", je = "-select", re = "-message", ce = "-valid-message", ve = "-invalid-message", Ne = "-placeholder", Ye = "-datalist", fe = "TODO: Add a validMessage", ie = "TODO: Add an invalidMessage", Qe = "Remove", _a = "Back", La = "Selected", Ta = "BurgerMenu", $a = "brand", Aa = 4, Pe = "Close", Gi = "density", Vi = "color";
+var Ze = /* @__PURE__ */ ((l) => (l.FUNCTIONAL = "functional", l.REGULAR = "regular", l.EXPRESSIVE = "expressive", l))(Ze || {});
+const Oi = Object.entries(Ze).map(([, l]) => l);
+var xe = /* @__PURE__ */ ((l) => (l.PRIMARY = "primary", l))(xe || {}), ea = /* @__PURE__ */ ((l) => (l.NEUTRAL_BG_LEVEL_1 = "neutral-bg-basic-level-1", l.NEUTRAL_BG_LEVEL_2 = "neutral-bg-basic-level-2", l.NEUTRAL_BG_LEVEL_3 = "neutral-bg-basic-level-3", l.NEUTRAL_BG_TRANSPARENT_SEMI = "neutral-bg-basic-transparent-semi", l.NEUTRAL_BG_TRANSPARENT_FULL = "neutral-bg-basic-transparent-full", l.BRAND_BG_LEVEL_1 = "brand-bg-basic-level-1", l.BRAND_BG_LEVEL_2 = "brand-bg-basic-level-2", l.BRAND_BG_LEVEL_3 = "brand-bg-basic-level-3", l.BRAND_BG_TRANSPARENT_SEMI = "brand-bg-basic-transparent-semi", l.BRAND_BG_TRANSPARENT_FULL = "brand-bg-basic-transparent-full", l.SUCCESSFUL_BG_LEVEL_1 = "successful-bg-basic-level-1", l.SUCCESSFUL_BG_LEVEL_2 = "successful-bg-basic-level-2", l.SUCCESSFUL_BG_LEVEL_3 = "successful-bg-basic-level-3", l.SUCCESSFUL_BG_TRANSPARENT_SEMI = "successful-bg-basic-transparent-semi", l.SUCCESSFUL_BG_TRANSPARENT_FULL = "successful-bg-basic-transparent-full", l.CRITICAL_BG_LEVEL_1 = "critical-bg-basic-level-1", l.CRITICAL_BG_LEVEL_2 = "critical-bg-basic-level-2", l.CRITICAL_BG_LEVEL_3 = "critical-bg-basic-level-3", l.CRITICAL_BG_TRANSPARENT_SEMI = "critical-bg-basic-transparent-semi", l.CRITICAL_BG_TRANSPARENT_Full = "critical-bg-basic-transparent-full", l.WARNING_BG_LEVEL_1 = "warning-bg-basic-level-1", l.WARNING_BG_LEVEL_2 = "warning-bg-basic-level-2", l.WARNING_BG_LEVEL_3 = "warning-bg-basic-level-3", l.WARNING_BG_TRANSPARENT_SEMI = "warning-bg-basic-transparent-semi", l.WARNING_BG_TRANSPARENT_FULL = "warning-bg-basic-transparent-full", l.INFORMATIONAL_BG_LEVEL_1 = "informational-bg-basic-level-1", l.INFORMATIONAL_BG_LEVEL_2 = "informational-bg-basic-level-2", l.INFORMATIONAL_BG_LEVEL_3 = "informational-bg-basic-level-3", l.INFORMATIONAL_BG_TRANSPARENT_SEMI = "informational-bg-basic-transparent-semi", l.INFORMATIONAL_BG_TRANSPARENT_FULL = "informational-bg-basic-transparent-full", l))(ea || {});
+const Wi = Object.entries(ea).map(([, l]) => l), Xi = Object.entries(xe).map(([, l]) => l);
+var aa = /* @__PURE__ */ ((l) => (l.CRITICAL = "critical", l.INFORMATIONAL = "informational", l.WARNING = "warning", l.SUCCESSFUL = "successful", l))(aa || {});
+const Hi = Object.entries(aa).map(([, l]) => l), Ca = {
   width: 390,
   height: 884
-}, Ca = {
+}, Ea = {
   width: 1920,
   height: 1280
-}, Hi = [{
+}, ji = [{
   name: "desktop",
-  ...Ca
+  ...Ea
 }, {
   name: "tablet",
   width: 768,
   height: 1024
 }, {
   name: "mobile",
-  ...Aa
-}], Ea = ["id", "aria-live", "data-semantic", "data-variant", "data-icon", "data-hide-icon", "data-link-variant"], Na = { key: 0 }, Da = { key: 1 }, ji = /* @__PURE__ */ q({
+  ...Ca
+}], Na = ["id", "aria-live", "data-semantic", "data-variant", "data-icon", "data-hide-icon", "data-link-variant"], Da = { key: 0 }, Fa = { key: 1 }, Yi = /* @__PURE__ */ q({
   __name: "notification",
   props: {
     ariaLive: { default: void 0 },
@@ -205,7 +205,7 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
     function e(t) {
       t.stopPropagation(), a.onClose && a.onClose(t);
     }
-    return (t, v) => (f(), g("article", {
+    return (t, v) => (p(), g("article", {
       ref_key: "_ref",
       ref: i,
       id: t.id,
@@ -218,15 +218,15 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
       "data-link-variant": t.linkVariant
     }, [
       T(t.$slots, "image"),
-      d(Z)(t.headline, t.showHeadline) ? (f(), g("header", Na, S(t.headline), 1)) : F("", !0),
-      _("p", null, [
-        t.text ? (f(), g(U, { key: 0 }, [
+      d(Z)(t.headline, t.showHeadline) ? (p(), g("header", Da, S(t.headline), 1)) : F("", !0),
+      I("p", null, [
+        t.text ? (p(), g(U, { key: 0 }, [
           C(S(t.text), 1)
         ], 64)) : T(t.$slots, "default", { key: 1 })
       ]),
-      d(Z)(t.timestamp, t.showTimestamp) ? (f(), g("span", Da, S(t.timestamp), 1)) : F("", !0),
+      d(Z)(t.timestamp, t.showTimestamp) ? (p(), g("span", Fa, S(t.timestamp), 1)) : F("", !0),
       T(t.$slots, "link"),
-      d(M)(t.closeable, "closeable") ? (f(), J(Be, {
+      d(M)(t.closeable, "closeable") ? (p(), J(Be, {
         key: 2,
         icon: "cross",
         variant: "ghost",
@@ -240,9 +240,9 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
         ]),
         _: 1
       }, 8, ["id", "onClick"])) : F("", !0)
-    ], 10, Ea));
+    ], 10, Na));
   }
-}), Fa = ["id", "data-semantic", "data-size", "data-emphasis", "data-placement", "data-label"], Yi = /* @__PURE__ */ q({
+}), Ma = ["id", "data-semantic", "data-size", "data-emphasis", "data-placement", "data-label"], Ki = /* @__PURE__ */ q({
   __name: "badge",
   props: {
     placement: { default: void 0 },
@@ -277,7 +277,7 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
       }
     ), (t, v) => {
       var u;
-      return f(), g("span", {
+      return p(), g("span", {
         ref_key: "_ref",
         ref: e,
         id: t.id,
@@ -288,13 +288,13 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
         "data-placement": t.placement,
         "data-label": ((u = t.placement) == null ? void 0 : u.startsWith("corner")) && (t.label ?? d(ke))
       }, [
-        t.text ? (f(), g(U, { key: 0 }, [
+        t.text ? (p(), g(U, { key: 0 }, [
           C(S(t.text), 1)
         ], 64)) : T(t.$slots, "default", { key: 1 })
-      ], 10, Fa);
+      ], 10, Ma);
     };
   }
-}), Ma = ["data-icon", "data-hide-icon", "id"], Ki = /* @__PURE__ */ q({
+}), Ra = ["data-icon", "data-hide-icon", "id"], Ji = /* @__PURE__ */ q({
   __name: "brand",
   props: {
     hideLogo: { type: Boolean, default: void 0 },
@@ -310,20 +310,20 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
   },
   setup(l) {
     const a = l, i = n(null);
-    return (e, t) => (f(), g("div", {
+    return (e, t) => (p(), g("div", {
       ref_key: "_ref",
       ref: i,
-      "data-icon": e.hideLogo ? "none" : e.icon ?? d(Ta),
+      "data-icon": e.hideLogo ? "none" : e.icon ?? d($a),
       "data-hide-icon": d(K)(e.showIcon),
       id: e.id,
       class: P(d(z)("db-brand", a.class))
     }, [
-      e.text ? (f(), g(U, { key: 0 }, [
+      e.text ? (p(), g(U, { key: 0 }, [
         C(S(e.text), 1)
       ], 64)) : T(e.$slots, "default", { key: 1 })
-    ], 10, Ma));
+    ], 10, Ra));
   }
-}), Ra = ["id", "data-behavior", "data-elevation-level", "data-spacing", "role", "tabIndex"], Ji = /* @__PURE__ */ q({
+}), Pa = ["id", "data-behavior", "data-elevation-level", "data-spacing", "role", "tabIndex"], Qi = /* @__PURE__ */ q({
   __name: "card",
   props: {
     behavior: { default: void 0 },
@@ -342,7 +342,7 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
     function e(t) {
       t.stopPropagation(), a.onClick && a.onClick(t);
     }
-    return (t, v) => (f(), g("div", {
+    return (t, v) => (p(), g("div", {
       ref_key: "_ref",
       ref: i,
       id: t.id,
@@ -355,11 +355,11 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
       onClick: v[0] || (v[0] = async (u) => e(u))
     }, [
       T(t.$slots, "default")
-    ], 10, Ra));
+    ], 10, Pa));
   }
 }), oe = (l, a, i = "value") => {
   l(`update:${i}`, a.target[i]);
-}, Pa = ["id", "data-icon", "data-semantic", "data-size", "data-hide-icon-before"], ae = /* @__PURE__ */ q({
+}, za = ["id", "data-icon", "data-semantic", "data-size", "data-hide-icon-before"], ae = /* @__PURE__ */ q({
   __name: "infotext",
   props: {
     children: { default: void 0 },
@@ -376,7 +376,7 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
   },
   setup(l) {
     const a = l, i = n(null);
-    return (e, t) => (f(), g("span", {
+    return (e, t) => (p(), g("span", {
       ref_key: "_ref",
       ref: i,
       id: e.id,
@@ -386,15 +386,15 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
       "data-size": e.size,
       "data-hide-icon-before": d(K)(e.showIcon ?? !0)
     }, [
-      e.text ? (f(), g(U, { key: 0 }, [
+      e.text ? (p(), g(U, { key: 0 }, [
         C(S(e.text), 1)
       ], 64)) : T(e.$slots, "default", { key: 1 })
-    ], 10, Pa));
+    ], 10, za));
   }
-}), za = ["data-size", "data-hide-label"], qa = ["for"], Ua = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "value", "required", "aria-describedby"], Ga = {
+}), qa = ["data-size", "data-hide-label"], Ua = ["for"], Ga = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "value", "required", "aria-describedby"], Va = {
   "data-visually-hidden": "true",
   role: "status"
-}, Qi = /* @__PURE__ */ q({
+}, Zi = /* @__PURE__ */ q({
   __name: "checkbox",
   props: {
     indeterminate: { type: [Boolean, String], default: void 0 },
@@ -432,7 +432,7 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
   },
   emits: ["update:checked"],
   setup(l, { emit: a }) {
-    const i = a, e = l, t = n(!1), v = n(void 0), u = n(void 0), h = n(void 0), s = n(void 0), r = n(void 0), c = n(""), I = n(""), L = n(null);
+    const i = a, e = l, t = n(!1), v = n(void 0), u = n(void 0), h = n(void 0), s = n(void 0), r = n(void 0), c = n(""), _ = n(""), L = n(null);
     Y(() => {
       t.value = !0;
       const y = e.id ?? `checkbox-${Q()}`;
@@ -483,7 +483,7 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
     }
     function N() {
       var y, b, O;
-      !((y = L.value) != null && y.validity.valid) || e.validation === "invalid" ? (c.value = s.value, r.value = e.invalidMessage || ((b = L.value) == null ? void 0 : b.validationMessage) || ie, ue() && (I.value = r.value, ee(() => I.value = "", 1e3))) : B() && ((O = L.value) != null && O.validity.valid) && e.required ? (c.value = h.value, ue() && (I.value = e.validMessage ?? fe, ee(() => I.value = "", 1e3))) : Z(e.message, e.showMessage) ? c.value = u.value : c.value = "";
+      !((y = L.value) != null && y.validity.valid) || e.validation === "invalid" ? (c.value = s.value, r.value = e.invalidMessage || ((b = L.value) == null ? void 0 : b.validationMessage) || ie, ue() && (_.value = r.value, ee(() => _.value = "", 1e3))) : B() && ((O = L.value) != null && O.validity.valid) && e.required ? (c.value = h.value, ue() && (_.value = e.validMessage ?? fe, ee(() => _.value = "", 1e3))) : Z(e.message, e.showMessage) ? c.value = u.value : c.value = "";
     }
     function w(y) {
       y.stopPropagation(), e.onChange && e.onChange(y), oe(i, y, "checked"), N();
@@ -494,13 +494,13 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
     function R(y) {
       y.stopPropagation(), e.onFocus && e.onFocus(y);
     }
-    return (y, b) => (f(), g("div", {
+    return (y, b) => (p(), g("div", {
       class: P(d(z)("db-checkbox", e.class)),
       "data-size": y.size,
       "data-hide-label": d(K)(y.showLabel)
     }, [
-      _("label", { for: v.value }, [
-        _("input", {
+      I("label", { for: v.value }, [
+        I("input", {
           type: "checkbox",
           "aria-invalid": y.validation === "invalid",
           "data-custom-validity": y.validation,
@@ -516,12 +516,12 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
           onBlur: b[1] || (b[1] = async (O) => $(O)),
           onFocus: b[2] || (b[2] = async (O) => R(O)),
           "aria-describedby": c.value
-        }, null, 40, Ua),
-        y.label ? (f(), g(U, { key: 0 }, [
+        }, null, 40, Ga),
+        y.label ? (p(), g(U, { key: 0 }, [
           C(S(y.label), 1)
         ], 64)) : T(y.$slots, "default", { key: 1 })
-      ], 8, qa),
-      d(Z)(y.message, y.showMessage) ? (f(), J(ae, {
+      ], 8, Ua),
+      d(Z)(y.message, y.showMessage) ? (p(), J(ae, {
         key: 0,
         size: "small",
         icon: y.messageIcon,
@@ -532,7 +532,7 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
         ]),
         _: 1
       }, 8, ["icon", "id"])) : F("", !0),
-      B() ? (f(), J(ae, {
+      B() ? (p(), J(ae, {
         key: 1,
         size: "small",
         semantic: "successful",
@@ -553,10 +553,10 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
         ]),
         _: 1
       }, 8, ["id"]),
-      _("span", Ga, S(I.value), 1)
-    ], 10, za));
+      I("span", Va, S(_.value), 1)
+    ], 10, qa));
   }
-}), Va = ["id", "data-margin", "data-variant", "data-emphasis", "data-width"], Zi = /* @__PURE__ */ q({
+}), Oa = ["id", "data-margin", "data-variant", "data-emphasis", "data-width"], xi = /* @__PURE__ */ q({
   __name: "divider",
   props: {
     margin: { default: void 0 },
@@ -572,7 +572,7 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
   },
   setup(l) {
     const a = l, i = n(null);
-    return (e, t) => (f(), g("div", {
+    return (e, t) => (p(), g("div", {
       ref_key: "_ref",
       ref: i,
       id: e.id,
@@ -581,9 +581,9 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
       "data-emphasis": e.emphasis,
       "data-width": e.width,
       class: P(d(z)("db-divider", a.class))
-    }, null, 10, Va));
+    }, null, 10, Oa));
   }
-}), Oa = ["id", "data-backdrop", "data-variant"], Wa = ["data-spacing", "data-width", "data-direction", "data-rounded"], Xa = { class: "db-drawer-header" }, Ha = { class: "db-drawer-header-text" }, ja = { class: "db-drawer-content" }, Ya = /* @__PURE__ */ q({
+}), Wa = ["id", "data-backdrop", "data-variant"], Xa = ["data-spacing", "data-width", "data-direction", "data-rounded"], Ha = { class: "db-drawer-header" }, ja = { class: "db-drawer-header-text" }, Ya = { class: "db-drawer-content" }, Ka = /* @__PURE__ */ q({
   __name: "drawer",
   props: {
     backdrop: { default: void 0 },
@@ -631,7 +631,7 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
         }, 401));
       }
     }
-    return (u, h) => (f(), g("dialog", {
+    return (u, h) => (p(), g("dialog", {
       class: "db-drawer",
       id: u.id,
       ref_key: "_ref",
@@ -641,7 +641,7 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
       "data-backdrop": u.backdrop,
       "data-variant": u.variant
     }, [
-      _("article", {
+      I("article", {
         ref_key: "dialogContainerRef",
         ref: e,
         class: P(d(z)("db-drawer-container", a.class)),
@@ -650,8 +650,8 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
         "data-direction": u.direction,
         "data-rounded": d(H)(u.rounded)
       }, [
-        _("header", Xa, [
-          _("div", Ha, [
+        I("header", Ha, [
+          I("div", ja, [
             T(u.$slots, "drawer-header")
           ]),
           te(Be, {
@@ -668,20 +668,20 @@ const Xi = Object.entries(ea).map(([, l]) => l), Aa = {
             _: 1
           }, 8, ["id", "onClick"])
         ]),
-        _("div", ja, [
+        I("div", Ya, [
           T(u.$slots, "default")
         ])
-      ], 10, Wa)
-    ], 40, Oa));
+      ], 10, Xa)
+    ], 40, Wa));
   }
-}), aa = (l) => {
+}), ta = (l) => {
   var i, e;
   const {
     target: a
   } = l;
   return !!(!((i = a == null ? void 0 : a.classList) != null && i.contains("db-navigation-item-expand-button")) && ((e = a == null ? void 0 : a.parentElement) != null && e.classList.contains("db-navigation-item")));
 };
-class Ka {
+class Ja {
   constructor(a, i) {
     se(this, "element");
     se(this, "subNavigation");
@@ -757,7 +757,7 @@ class Ka {
     e && (this.element.style.setProperty("--db-navigation-item-clip-path", `polygon(${e.lb}, ${e.lt}, ${e.rt}, ${e.rb})`), i && (this.triangleData = void 0));
   }
 }
-const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-header-drawer-navigation" }, Za = { class: "db-header-meta-navigation" }, xa = { class: "db-header-secondary-action" }, et = { class: "db-header-meta-navigation" }, at = { class: "db-header-navigation-bar" }, tt = { class: "db-header-brand-container" }, it = { class: "db-header-navigation-container" }, lt = { class: "db-header-navigation" }, ot = { class: "db-header-primary-action" }, dt = { class: "db-header-action-container" }, nt = { class: "db-header-burger-menu-container" }, st = { class: "db-header-secondary-action" }, xi = /* @__PURE__ */ q({
+const Qa = ["id", "data-width", "data-on-forcing-mobile"], Za = { class: "db-header-drawer-navigation" }, xa = { class: "db-header-meta-navigation" }, et = { class: "db-header-secondary-action" }, at = { class: "db-header-meta-navigation" }, tt = { class: "db-header-navigation-bar" }, it = { class: "db-header-brand-container" }, lt = { class: "db-header-navigation-container" }, ot = { class: "db-header-navigation" }, dt = { class: "db-header-primary-action" }, nt = { class: "db-header-action-container" }, st = { class: "db-header-burger-menu-container" }, ut = { class: "db-header-secondary-action" }, el = /* @__PURE__ */ q({
   __name: "header",
   props: {
     brand: {},
@@ -788,7 +788,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
           const s = document.getElementById(
             i.value ?? ""
           );
-          s && Ye(s, {
+          s && Ke(s, {
             key: "data-force-mobile",
             value: "true"
           }), t.value = !0;
@@ -804,9 +804,9 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       a.onToggle && a.onToggle(s);
     }
     function h(s) {
-      aa(s) && u();
+      ta(s) && u();
     }
-    return (s, r) => (f(), g("header", {
+    return (s, r) => (p(), g("header", {
       ref_key: "_ref",
       ref: v,
       class: P(d(z)("db-header", a.class)),
@@ -814,7 +814,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       "data-width": s.width,
       "data-on-forcing-mobile": s.forceMobile && !t.value
     }, [
-      te(Ya, {
+      te(Ka, {
         class: "db-header-drawer",
         spacing: "small",
         rounded: !0,
@@ -822,40 +822,40 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         onClose: (c) => u()
       }, {
         default: V(() => [
-          _("div", Qa, [
-            _("div", {
+          I("div", Za, [
+            I("div", {
               class: "db-header-navigation",
               onClick: r[0] || (r[0] = async (c) => h(c))
             }, [
               T(s.$slots, "default")
             ]),
-            _("div", Za, [
+            I("div", xa, [
               T(s.$slots, "meta-navigation")
             ])
           ]),
-          _("div", xa, [
+          I("div", et, [
             T(s.$slots, "secondary-action")
           ])
         ]),
         _: 3
       }, 8, ["open", "onClose"]),
-      _("div", et, [
+      I("div", at, [
         T(s.$slots, "meta-navigation")
       ]),
-      _("div", at, [
-        _("div", tt, [
+      I("div", tt, [
+        I("div", it, [
           T(s.$slots, "brand")
         ]),
-        _("div", it, [
-          _("div", lt, [
+        I("div", lt, [
+          I("div", ot, [
             T(s.$slots, "default")
           ]),
-          _("div", ot, [
+          I("div", dt, [
             T(s.$slots, "primary-action")
           ])
         ]),
-        _("div", dt, [
-          _("div", nt, [
+        I("div", nt, [
+          I("div", st, [
             te(Be, {
               icon: "menu",
               variant: "ghost",
@@ -864,19 +864,19 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
               onClick: (c) => u()
             }, {
               default: V(() => [
-                C(S(s.burgerMenuLabel ?? d(La)), 1)
+                C(S(s.burgerMenuLabel ?? d(Ta)), 1)
               ]),
               _: 1
             }, 8, ["id", "onClick"])
           ]),
-          _("div", st, [
+          I("div", ut, [
             T(s.$slots, "secondary-action")
           ])
         ])
       ])
-    ], 10, Ja));
+    ], 10, Qa));
   }
-}), ut = ["id", "data-icon", "data-icon-weight", "data-icon-variant"], el = /* @__PURE__ */ q({
+}), rt = ["id", "data-icon", "data-icon-weight", "data-icon-variant"], al = /* @__PURE__ */ q({
   __name: "icon",
   props: {
     variant: { default: void 0 },
@@ -892,7 +892,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
   },
   setup(l) {
     const a = l, i = n(null);
-    return (e, t) => (f(), g("span", {
+    return (e, t) => (p(), g("span", {
       "aria-hidden": "true",
       ref_key: "_ref",
       ref: i,
@@ -902,15 +902,15 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       "data-icon-weight": e.weight,
       "data-icon-variant": e.variant
     }, [
-      e.text ? (f(), g(U, { key: 0 }, [
+      e.text ? (p(), g(U, { key: 0 }, [
         C(S(e.text), 1)
       ], 64)) : T(e.$slots, "default", { key: 1 })
-    ], 10, ut));
+    ], 10, rt));
   }
-}), rt = ["data-variant", "data-hide-label", "data-hide-icon", "data-icon", "data-icon-after", "data-hide-icon-after"], ct = ["for"], vt = ["aria-invalid", "data-custom-validity", "id", "name", "type", "placeholder", "disabled", "required", "step", "value", "maxLength", "minLength", "max", "min", "readOnly", "form", "pattern", "size", "autoComplete", "autoFocus", "list", "aria-describedby"], ft = ["id"], pt = ["value"], mt = {
+}), ct = ["data-variant", "data-hide-label", "data-hide-icon", "data-icon", "data-icon-after", "data-hide-icon-after"], vt = ["for"], ft = ["aria-invalid", "data-custom-validity", "id", "name", "type", "placeholder", "disabled", "required", "step", "value", "maxLength", "minLength", "max", "min", "readOnly", "form", "pattern", "size", "autoComplete", "autoFocus", "list", "aria-describedby"], pt = ["id"], mt = ["value"], ht = {
   "data-visually-hidden": "true",
   role: "status"
-}, ht = /* @__PURE__ */ q({
+}, gt = /* @__PURE__ */ q({
   __name: "input",
   props: {
     dataList: { default: void 0 },
@@ -964,15 +964,15 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
   },
   emits: ["update:value"],
   setup(l, { emit: a }) {
-    const i = a, e = l, t = n(void 0), v = n(void 0), u = n(void 0), h = n(void 0), s = n(void 0), r = n(void 0), c = n(""), I = n(""), L = n(""), B = n(null);
+    const i = a, e = l, t = n(void 0), v = n(void 0), u = n(void 0), h = n(void 0), s = n(void 0), r = n(void 0), c = n(""), _ = n(""), L = n(""), B = n(null);
     Y(() => {
-      const p = e.id ?? `input-${Q()}`;
-      t.value = p, v.value = p + re, u.value = p + ce, h.value = p + ve, r.value = p + je, s.value = e.invalidMessage || ie;
+      const f = e.id ?? `input-${Q()}`;
+      t.value = f, v.value = f + re, u.value = f + ce, h.value = f + ve, r.value = f + Ye, s.value = e.invalidMessage || ie;
     }), A(
       () => [B.value, e.invalidMessage],
       () => {
-        var p;
-        s.value = e.invalidMessage || ((p = B.value) == null ? void 0 : p.validationMessage) || ie;
+        var f;
+        s.value = e.invalidMessage || ((f = B.value) == null ? void 0 : f.validationMessage) || ie;
       },
       {
         immediate: !0,
@@ -982,8 +982,8 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       () => [t.value],
       () => {
         if (t.value) {
-          const p = t.value + re;
-          v.value = p, u.value = t.value + ce, h.value = t.value + ve, r.value = e.dataListId ?? t.value + je, Z(e.message, e.showMessage) && (c.value = p);
+          const f = t.value + re;
+          v.value = f, u.value = t.value + ce, h.value = t.value + ve, r.value = e.dataListId ?? t.value + Ye, Z(e.message, e.showMessage) && (c.value = f);
         }
       },
       {
@@ -993,7 +993,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
     ), A(
       () => [e.value],
       () => {
-        I.value = e.value;
+        _.value = e.value;
       },
       {
         immediate: !0,
@@ -1004,100 +1004,100 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       return !!(e.validMessage ?? e.validation === "valid");
     }
     function w() {
-      var p, E, m;
-      !((p = B.value) != null && p.validity.valid) || e.validation === "invalid" ? (c.value = h.value, s.value = e.invalidMessage || ((E = B.value) == null ? void 0 : E.validationMessage) || ie, ue() && (L.value = s.value, ee(() => L.value = "", 1e3))) : N() && ((m = B.value) != null && m.validity.valid) && (e.required || e.minLength || e.maxLength || e.pattern) ? (c.value = u.value, ue() && (L.value = e.validMessage ?? fe, ee(() => L.value = "", 1e3))) : Z(e.message, e.showMessage) ? c.value = v.value : c.value = "";
+      var f, E, m;
+      !((f = B.value) != null && f.validity.valid) || e.validation === "invalid" ? (c.value = h.value, s.value = e.invalidMessage || ((E = B.value) == null ? void 0 : E.validationMessage) || ie, ue() && (L.value = s.value, ee(() => L.value = "", 1e3))) : N() && ((m = B.value) != null && m.validity.valid) && (e.required || e.minLength || e.maxLength || e.pattern) ? (c.value = u.value, ue() && (L.value = e.validMessage ?? fe, ee(() => L.value = "", 1e3))) : Z(e.message, e.showMessage) ? c.value = v.value : c.value = "";
     }
-    function $(p) {
-      p.stopPropagation(), e.input && e.input(p), I.value = p.target.value, e.onInput && e.onInput(p), oe(i, p), w();
+    function $(f) {
+      f.stopPropagation(), e.input && e.input(f), _.value = f.target.value, e.onInput && e.onInput(f), oe(i, f), w();
     }
-    function R(p) {
-      p.stopPropagation(), e.onChange && e.onChange(p), oe(() => {
-      }, p), w();
+    function R(f) {
+      f.stopPropagation(), e.onChange && e.onChange(f), oe(() => {
+      }, f), w();
     }
-    function y(p) {
-      p.stopPropagation(), e.onBlur && e.onBlur(p);
+    function y(f) {
+      f.stopPropagation(), e.onBlur && e.onBlur(f);
     }
-    function b(p) {
-      p.stopPropagation(), e.onFocus && e.onFocus(p);
+    function b(f) {
+      f.stopPropagation(), e.onFocus && e.onFocus(f);
     }
     function O() {
-      const p = e.dataList;
+      const f = e.dataList;
       return Array.from(
-        (ka(p) ? p == null ? void 0 : p.map((E) => ({
+        (Ba(f) ? f == null ? void 0 : f.map((E) => ({
           value: E,
           label: void 0
-        })) : p) || []
+        })) : f) || []
       );
     }
-    return (p, E) => (f(), g("div", {
+    return (f, E) => (p(), g("div", {
       class: P(d(z)("db-input", e.class)),
-      "data-variant": p.variant,
-      "data-hide-label": d(K)(p.showLabel),
-      "data-hide-icon": d(K)(p.showIcon),
-      "data-icon": p.icon,
-      "data-icon-after": p.iconAfter,
-      "data-hide-icon-after": d(K)(p.showIcon)
+      "data-variant": f.variant,
+      "data-hide-label": d(K)(f.showLabel),
+      "data-hide-icon": d(K)(f.showIcon),
+      "data-icon": f.icon,
+      "data-icon-after": f.iconAfter,
+      "data-hide-icon-after": d(K)(f.showIcon)
     }, [
-      _("label", { for: t.value }, S(p.label ?? d(ke)), 9, ct),
-      _("input", {
-        "aria-invalid": p.validation === "invalid",
-        "data-custom-validity": p.validation,
+      I("label", { for: t.value }, S(f.label ?? d(ke)), 9, vt),
+      I("input", {
+        "aria-invalid": f.validation === "invalid",
+        "data-custom-validity": f.validation,
         ref_key: "_ref",
         ref: B,
         id: t.value,
-        name: p.name,
-        type: p.type || "text",
-        placeholder: p.placeholder ?? d(Ke),
-        disabled: d(M)(p.disabled, "disabled"),
-        required: d(M)(p.required, "required"),
-        step: d(he)(p.step),
-        value: p.value ?? I.value,
-        maxLength: d(he)(p.maxLength, p.maxlength),
-        minLength: d(he)(p.minLength, p.minlength),
-        max: d(he)(p.max),
-        min: d(he)(p.min),
-        readOnly: d(M)(p.readOnly, "readOnly") || d(M)(p.readonly, "readonly"),
-        form: p.form,
-        pattern: p.pattern,
-        size: p.size,
-        autoComplete: p.autocomplete,
-        autoFocus: d(M)(p.autofocus, "autofocus"),
+        name: f.name,
+        type: f.type || "text",
+        placeholder: f.placeholder ?? d(Je),
+        disabled: d(M)(f.disabled, "disabled"),
+        required: d(M)(f.required, "required"),
+        step: d(ye)(f.step),
+        value: f.value ?? _.value,
+        maxLength: d(ye)(f.maxLength, f.maxlength),
+        minLength: d(ye)(f.minLength, f.minlength),
+        max: d(We)(f.max, f.type),
+        min: d(We)(f.min, f.type),
+        readOnly: d(M)(f.readOnly, "readOnly") || d(M)(f.readonly, "readonly"),
+        form: f.form,
+        pattern: f.pattern,
+        size: f.size,
+        autoComplete: f.autocomplete,
+        autoFocus: d(M)(f.autofocus, "autofocus"),
         onInput: E[0] || (E[0] = async (m) => $(m)),
         onChange: E[1] || (E[1] = async (m) => R(m)),
         onBlur: E[2] || (E[2] = async (m) => y(m)),
         onFocus: E[3] || (E[3] = async (m) => b(m)),
-        list: p.dataList && r.value,
-        "aria-describedby": p.ariaDescribedBy ?? c.value
-      }, null, 40, vt),
-      p.dataList ? (f(), g("datalist", {
+        list: f.dataList && r.value,
+        "aria-describedby": f.ariaDescribedBy ?? c.value
+      }, null, 40, ft),
+      f.dataList ? (p(), g("datalist", {
         key: 0,
         id: r.value
       }, [
-        (f(!0), g(U, null, ge(O(), (m) => (f(), g("option", {
+        (p(!0), g(U, null, he(O(), (m) => (p(), g("option", {
           key: r.value + "-option-" + m.value,
           value: m.value
-        }, S(m.label), 9, pt))), 128))
-      ], 8, ft)) : F("", !0),
-      T(p.$slots, "default"),
-      d(Z)(p.message, p.showMessage) ? (f(), J(ae, {
+        }, S(m.label), 9, mt))), 128))
+      ], 8, pt)) : F("", !0),
+      T(f.$slots, "default"),
+      d(Z)(f.message, f.showMessage) ? (p(), J(ae, {
         key: 1,
         size: "small",
-        icon: p.messageIcon,
+        icon: f.messageIcon,
         id: v.value
       }, {
         default: V(() => [
-          C(S(p.message), 1)
+          C(S(f.message), 1)
         ]),
         _: 1
       }, 8, ["icon", "id"])) : F("", !0),
-      N() ? (f(), J(ae, {
+      N() ? (p(), J(ae, {
         key: 2,
         size: "small",
         semantic: "successful",
         id: u.value
       }, {
         default: V(() => [
-          C(S(p.validMessage || d(fe)), 1)
+          C(S(f.validMessage || d(fe)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : F("", !0),
@@ -1111,10 +1111,10 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         ]),
         _: 1
       }, 8, ["id"]),
-      _("span", mt, S(L.value), 1)
-    ], 10, rt));
+      I("span", ht, S(L.value), 1)
+    ], 10, ct));
   }
-}), gt = ["id", "href", "target", "rel", "role", "hrefLang", "aria-disabled", "tabIndex", "aria-selected", "aria-label", "aria-current", "data-size", "data-hide-icon-after", "data-variant", "data-content"], al = /* @__PURE__ */ q({
+}), bt = ["id", "href", "target", "rel", "role", "hrefLang", "aria-disabled", "tabIndex", "aria-selected", "aria-label", "aria-current", "data-size", "data-hide-icon-after", "data-variant", "data-content"], tl = /* @__PURE__ */ q({
   __name: "link",
   props: {
     content: { default: void 0 },
@@ -1145,7 +1145,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
     function e(t) {
       t.stopPropagation(), a.onClick && a.onClick(t);
     }
-    return (t, v) => (f(), g("a", {
+    return (t, v) => (p(), g("a", {
       ref_key: "_ref",
       ref: i,
       id: t.id,
@@ -1166,12 +1166,12 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       "data-content": t.content || "internal",
       onClick: v[0] || (v[0] = async (u) => e(u))
     }, [
-      t.text ? (f(), g(U, { key: 0 }, [
+      t.text ? (p(), g(U, { key: 0 }, [
         C(S(t.text), 1)
       ], 64)) : T(t.$slots, "default", { key: 1 })
-    ], 10, gt));
+    ], 10, bt));
   }
-}), bt = ["id", "data-variant", "data-fade-in", "data-fonts-loaded"], tl = /* @__PURE__ */ q({
+}), yt = ["id", "data-variant", "data-fade-in", "data-fonts-loaded"], il = /* @__PURE__ */ q({
   __name: "page",
   props: {
     documentOverflow: { default: void 0 },
@@ -1193,9 +1193,9 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       i.value = !a.fadeIn, document && a.fadeIn ? document.fonts.ready.then(() => {
         i.value = !0;
       }) : i.value = !0;
-    }), ba(() => {
+    }), ya(() => {
       typeof window < "u" && document.documentElement.classList.contains("db-page-document") && document.documentElement.classList.remove("db-page-document");
-    }), (t, v) => (f(), g("div", {
+    }), (t, v) => (p(), g("div", {
       ref_key: "_ref",
       ref: e,
       id: t.id,
@@ -1205,15 +1205,15 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       "data-fonts-loaded": d(H)(i.value)
     }, [
       T(t.$slots, "header"),
-      _("main", {
+      I("main", {
         class: P(d(z)("db-main", t.mainClass))
       }, [
         T(t.$slots, "default")
       ], 2),
       T(t.$slots, "footer")
-    ], 10, bt));
+    ], 10, yt));
   }
-}), yt = ["data-size", "data-hide-label", "for"], kt = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "aria-describedby", "value", "required"], il = /* @__PURE__ */ q({
+}), kt = ["data-size", "data-hide-label", "for"], Bt = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "aria-describedby", "value", "required"], ll = /* @__PURE__ */ q({
   __name: "radio",
   props: {
     describedbyid: { default: void 0 },
@@ -1264,13 +1264,13 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
     function r(c) {
       c.stopPropagation(), e.onFocus && e.onFocus(c);
     }
-    return (c, I) => (f(), g("label", {
+    return (c, _) => (p(), g("label", {
       "data-size": c.size,
       "data-hide-label": d(K)(c.showLabel),
       class: P(d(z)("db-radio", e.class)),
       for: v.value
     }, [
-      _("input", {
+      I("input", {
         type: "radio",
         "aria-invalid": c.validation === "invalid",
         "data-custom-validity": c.validation,
@@ -1283,16 +1283,16 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         "aria-describedby": c.describedbyid,
         value: c.value,
         required: d(M)(c.required, "required"),
-        onChange: I[0] || (I[0] = async (L) => h(L)),
-        onBlur: I[1] || (I[1] = async (L) => s(L)),
-        onFocus: I[2] || (I[2] = async (L) => r(L))
-      }, null, 40, kt),
-      c.label ? (f(), g(U, { key: 0 }, [
+        onChange: _[0] || (_[0] = async (L) => h(L)),
+        onBlur: _[1] || (_[1] = async (L) => s(L)),
+        onFocus: _[2] || (_[2] = async (L) => r(L))
+      }, null, 40, Bt),
+      c.label ? (p(), g(U, { key: 0 }, [
         C(S(c.label), 1)
       ], 64)) : T(c.$slots, "default", { key: 1 })
-    ], 10, yt));
+    ], 10, kt));
   }
-}), Bt = ["id", "data-spacing", "data-width"], ll = /* @__PURE__ */ q({
+}), St = ["id", "data-spacing", "data-width"], ol = /* @__PURE__ */ q({
   __name: "section",
   props: {
     children: { default: void 0 },
@@ -1308,7 +1308,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
     const a = l, i = n(we), e = n(null);
     return Y(() => {
       i.value = a.id || "section-" + Q();
-    }), (t, v) => (f(), g("section", {
+    }), (t, v) => (p(), g("section", {
       ref_key: "_ref",
       ref: e,
       id: i.value,
@@ -1317,12 +1317,12 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       "data-width": t.width
     }, [
       T(t.$slots, "default")
-    ], 10, Bt));
+    ], 10, St));
   }
-}), St = ["data-variant", "data-hide-label", "data-icon", "data-hide-icon"], wt = ["for"], _t = ["aria-invalid", "data-custom-validity", "required", "disabled", "id", "name", "size", "value", "autocomplete", "multiple", "aria-describedby"], It = ["label"], Lt = ["value", "selected", "disabled"], Tt = ["value", "disabled", "selected"], $t = ["id"], At = {
+}), wt = ["data-variant", "data-hide-label", "data-icon", "data-hide-icon"], It = ["for"], _t = ["aria-invalid", "data-custom-validity", "required", "disabled", "id", "name", "size", "value", "autocomplete", "multiple", "aria-describedby"], Lt = ["label"], Tt = ["value", "selected", "disabled"], $t = ["value", "disabled", "selected"], At = ["id"], Ct = {
   "data-visually-hidden": "true",
   role: "status"
-}, ol = /* @__PURE__ */ q({
+}, dl = /* @__PURE__ */ q({
   __name: "select",
   props: {
     children: { default: void 0 },
@@ -1365,7 +1365,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
   },
   emits: ["update:value"],
   setup(l, { emit: a }) {
-    const i = a, e = l, t = n(void 0), v = n(void 0), u = n(void 0), h = n(void 0), s = n(void 0), r = n(""), c = n(""), I = n(""), L = n(!1), B = n(""), N = n(null);
+    const i = a, e = l, t = n(void 0), v = n(void 0), u = n(void 0), h = n(void 0), s = n(void 0), r = n(""), c = n(""), _ = n(""), L = n(!1), B = n(""), N = n(null);
     Y(() => {
       L.value = !0;
       const m = e.id ?? `select-${Q()}`;
@@ -1395,7 +1395,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
     ), A(
       () => [e.value],
       () => {
-        I.value = e.value;
+        _.value = e.value;
       },
       {
         immediate: !0,
@@ -1413,7 +1413,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       m.stopPropagation(), e.onClick && e.onClick(m);
     }
     function y(m) {
-      m.stopPropagation(), e.input && e.input(m), I.value = m.target.value, e.onInput && e.onInput(m), oe(i, m), $();
+      m.stopPropagation(), e.input && e.input(m), _.value = m.target.value, e.onInput && e.onInput(m), oe(i, m), $();
     }
     function b(m) {
       m.stopPropagation(), e.onChange && e.onChange(m), oe(() => {
@@ -1422,22 +1422,22 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
     function O(m) {
       m.stopPropagation(), e.onBlur && e.onBlur(m);
     }
-    function p(m) {
+    function f(m) {
       m.stopPropagation(), e.onFocus && e.onFocus(m);
     }
     function E(m) {
       var X;
       return m.label ?? ((X = m.value) == null ? void 0 : X.toString());
     }
-    return (m, X) => (f(), g("div", {
+    return (m, X) => (p(), g("div", {
       class: P(d(z)("db-select", e.class)),
       "data-variant": m.variant,
       "data-hide-label": d(K)(m.showLabel),
       "data-icon": m.icon,
       "data-hide-icon": d(K)(m.showIcon)
     }, [
-      _("label", { for: t.value }, S(m.label ?? d(ke)), 9, wt),
-      _("select", {
+      I("label", { for: t.value }, S(m.label ?? d(ke)), 9, It),
+      I("select", {
         "aria-invalid": m.validation === "invalid",
         "data-custom-validity": m.validation,
         ref_key: "_ref",
@@ -1447,39 +1447,39 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         id: t.value,
         name: m.name,
         size: m.size,
-        value: m.value ?? I.value,
+        value: m.value ?? _.value,
         autocomplete: m.autocomplete,
         multiple: m.multiple,
         onInput: X[0] || (X[0] = async (j) => y(j)),
         onClick: X[1] || (X[1] = async (j) => R(j)),
         onChange: X[2] || (X[2] = async (j) => b(j)),
         onBlur: X[3] || (X[3] = async (j) => O(j)),
-        onFocus: X[4] || (X[4] = async (j) => p(j)),
+        onFocus: X[4] || (X[4] = async (j) => f(j)),
         "aria-describedby": c.value
       }, [
-        X[5] || (X[5] = _("option", { hidden: !0 }, null, -1)),
-        m.options ? (f(!0), g(U, { key: 0 }, ge(m.options, (j, Ae) => (f(), g(U, { key: Ae }, [
-          j.options ? (f(), g("optgroup", {
+        X[5] || (X[5] = I("option", { hidden: !0 }, null, -1)),
+        m.options ? (p(!0), g(U, { key: 0 }, he(m.options, (j, Ae) => (p(), g(U, { key: Ae }, [
+          j.options ? (p(), g("optgroup", {
             key: 0,
             label: E(j)
           }, [
-            (f(!0), g(U, null, ge(j.options, (pe, _e) => (f(), g("option", {
+            (p(!0), g(U, null, he(j.options, (pe, Ie) => (p(), g("option", {
               key: pe.value.toString(),
               value: pe.value,
               selected: pe.selected,
               disabled: pe.disabled
-            }, S(E(pe)), 9, Lt))), 128))
-          ], 8, It)) : F("", !0),
-          j.options ? F("", !0) : (f(), g("option", {
+            }, S(E(pe)), 9, Tt))), 128))
+          ], 8, Lt)) : F("", !0),
+          j.options ? F("", !0) : (p(), g("option", {
             key: 1,
             value: j.value,
             disabled: j.disabled,
             selected: j.selected
-          }, S(E(j)), 9, Tt))
+          }, S(E(j)), 9, $t))
         ], 64))), 128)) : T(m.$slots, "default", { key: 1 })
       ], 40, _t),
-      _("span", { id: r.value }, S(m.placeholder ?? m.label), 9, $t),
-      d(Z)(m.message, m.showMessage) ? (f(), J(ae, {
+      I("span", { id: r.value }, S(m.placeholder ?? m.label), 9, At),
+      d(Z)(m.message, m.showMessage) ? (p(), J(ae, {
         key: 0,
         size: "small",
         icon: m.messageIcon,
@@ -1490,7 +1490,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         ]),
         _: 1
       }, 8, ["icon", "id"])) : F("", !0),
-      w() ? (f(), J(ae, {
+      w() ? (p(), J(ae, {
         key: 1,
         size: "small",
         semantic: "successful",
@@ -1511,10 +1511,10 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         ]),
         _: 1
       }, 8, ["id"]),
-      _("span", At, S(B.value), 1)
-    ], 10, St));
+      I("span", Ct, S(B.value), 1)
+    ], 10, wt));
   }
-}), Ct = ["data-visual-aid", "data-size", "data-hide-label", "data-emphasis", "for"], Et = ["id", "aria-checked", "checked", "value", "disabled", "aria-describedby", "aria-invalid", "data-custom-validity", "name", "required", "data-aid-icon", "data-aid-icon-after"], dl = /* @__PURE__ */ q({
+}), Et = ["data-visual-aid", "data-size", "data-hide-label", "data-emphasis", "for"], Nt = ["id", "aria-checked", "checked", "value", "disabled", "aria-describedby", "aria-invalid", "data-custom-validity", "name", "required", "data-aid-icon", "data-aid-icon-after"], nl = /* @__PURE__ */ q({
   __name: "switch",
   props: {
     visualAid: { type: [Boolean, String], default: void 0 },
@@ -1561,8 +1561,8 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       }
     );
     function h(c) {
-      var I;
-      c.stopPropagation(), e.onChange && e.onChange(c), v.value = (I = c.target) == null ? void 0 : I.checked, oe(i, c, "checked");
+      var _;
+      c.stopPropagation(), e.onChange && e.onChange(c), v.value = (_ = c.target) == null ? void 0 : _.checked, oe(i, c, "checked");
     }
     function s(c) {
       c.stopPropagation(), e.onBlur && e.onBlur(c);
@@ -1570,7 +1570,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
     function r(c) {
       c.stopPropagation(), e.onFocus && e.onFocus(c);
     }
-    return (c, I) => (f(), g("label", {
+    return (c, _) => (p(), g("label", {
       "data-visual-aid": d(H)(c.visualAid),
       "data-size": c.size,
       "data-hide-label": d(K)(c.showLabel),
@@ -1578,7 +1578,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       for: t.value,
       class: P(d(z)("db-switch", e.class))
     }, [
-      _("input", {
+      I("input", {
         type: "checkbox",
         role: "switch",
         id: t.value,
@@ -1595,16 +1595,16 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         required: d(M)(c.required, "required"),
         "data-aid-icon": c.icon,
         "data-aid-icon-after": c.iconAfter,
-        onChange: I[0] || (I[0] = async (L) => h(L)),
-        onBlur: I[1] || (I[1] = async (L) => s(L)),
-        onFocus: I[2] || (I[2] = async (L) => r(L))
-      }, null, 40, Et),
-      c.label ? (f(), g(U, { key: 0 }, [
+        onChange: _[0] || (_[0] = async (L) => h(L)),
+        onBlur: _[1] || (_[1] = async (L) => s(L)),
+        onFocus: _[2] || (_[2] = async (L) => r(L))
+      }, null, 40, Nt),
+      c.label ? (p(), g(U, { key: 0 }, [
         C(S(c.label), 1)
       ], 64)) : T(c.$slots, "default", { key: 1 })
-    ], 10, Ct));
+    ], 10, Et));
   }
-}), Nt = ["for", "data-icon", "data-icon-after", "data-hide-icon", "data-hide-icon-after", "data-no-text"], Dt = ["disabled", "aria-selected", "aria-controls", "checked", "name", "id"], Ft = /* @__PURE__ */ q({
+}), Dt = ["for", "data-icon", "data-icon-after", "data-hide-icon", "data-hide-icon-after", "data-no-text"], Ft = ["disabled", "aria-selected", "aria-controls", "checked", "name", "id"], Mt = /* @__PURE__ */ q({
   __name: "tab-item",
   props: {
     children: { default: void 0 },
@@ -1654,11 +1654,11 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       var c;
       r.stopPropagation(), e.onChange && e.onChange(r), t.value = (c = r.target) == null ? void 0 : c.checked, oe(i, r, "checked");
     }
-    return (r, c) => (f(), g("li", {
+    return (r, c) => (p(), g("li", {
       role: "none",
       class: P(d(z)("db-tab-item", e.class))
     }, [
-      _("label", {
+      I("label", {
         for: r.id,
         "data-icon": r.icon,
         "data-icon-after": r.iconAfter,
@@ -1666,7 +1666,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         "data-hide-icon-after": d(K)(r.showIcon),
         "data-no-text": d(H)(r.noText)
       }, [
-        _("input", {
+        I("input", {
           type: "radio",
           role: "tab",
           disabled: d(M)(r.disabled, "disabled"),
@@ -1677,16 +1677,16 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
           ref: h,
           name: v.value,
           id: r.id,
-          onInput: c[0] || (c[0] = async (I) => s(I))
-        }, null, 40, Dt),
-        r.label ? (f(), g(U, { key: 0 }, [
+          onInput: c[0] || (c[0] = async (_) => s(_))
+        }, null, 40, Ft),
+        r.label ? (p(), g(U, { key: 0 }, [
           C(S(r.label), 1)
         ], 64)) : F("", !0),
         T(r.$slots, "default")
-      ], 8, Nt)
+      ], 8, Dt)
     ], 2));
   }
-}), Mt = ["id", "data-disabled", "data-semantic", "data-emphasis", "data-icon", "data-show-check-state", "data-hide-icon", "data-no-text", "data-overflow"], Rt = ["title"], Pt = /* @__PURE__ */ q({
+}), Rt = ["id", "data-disabled", "data-semantic", "data-emphasis", "data-icon", "data-show-check-state", "data-hide-icon", "data-no-text", "data-overflow"], Pt = ["title"], zt = /* @__PURE__ */ q({
   __name: "tag",
   props: {
     behavior: { default: void 0 },
@@ -1734,9 +1734,9 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       u == null || u.stopPropagation(), a.onRemove && a.onRemove(u);
     }
     function v() {
-      return a.removeButton ? a.removeButton : Je;
+      return a.removeButton ? a.removeButton : Qe;
     }
-    return (u, h) => (f(), g("div", {
+    return (u, h) => (p(), g("div", {
       ref_key: "_ref",
       ref: e,
       id: u.id,
@@ -1752,10 +1752,10 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
     }, [
       T(u.$slots, "content"),
       T(u.$slots, "default"),
-      u.text ? (f(), g(U, { key: 0 }, [
+      u.text ? (p(), g(U, { key: 0 }, [
         C(S(u.text), 1)
       ], 64)) : F("", !0),
-      u.behavior === "removable" ? (f(), g("button", {
+      u.behavior === "removable" ? (p(), g("button", {
         key: 1,
         class: "db-button db-tab-remove-button",
         "data-icon": "cross",
@@ -1764,13 +1764,13 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         "data-variant": "ghost",
         onClick: h[0] || (h[0] = async (s) => t(s)),
         title: v()
-      }, S(v()), 9, Rt)) : F("", !0)
-    ], 10, Mt));
+      }, S(v()), 9, Pt)) : F("", !0)
+    ], 10, Rt));
   }
-}), zt = ["data-variant", "data-hide-label"], qt = ["for"], Ut = ["aria-invalid", "data-custom-validity", "id", "data-resize", "disabled", "required", "readOnly", "form", "maxLength", "minLength", "name", "wrap", "spellcheck", "autocomplete", "value", "aria-describedby", "placeholder", "rows", "cols"], Gt = {
+}), qt = ["data-variant", "data-hide-label"], Ut = ["for"], Gt = ["aria-invalid", "data-custom-validity", "id", "data-resize", "disabled", "required", "readOnly", "form", "maxLength", "minLength", "name", "wrap", "spellcheck", "autocomplete", "value", "aria-describedby", "placeholder", "rows", "cols"], Vt = {
   "data-visually-hidden": "true",
   role: "status"
-}, nl = /* @__PURE__ */ q({
+}, sl = /* @__PURE__ */ q({
   __name: "textarea",
   props: {
     cols: { default: void 0 },
@@ -1818,7 +1818,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
   },
   emits: ["update:value"],
   setup(l, { emit: a }) {
-    const i = a, e = l, t = n(void 0), v = n(void 0), u = n(void 0), h = n(void 0), s = n(void 0), r = n(""), c = n(""), I = n(""), L = n(null);
+    const i = a, e = l, t = n(void 0), v = n(void 0), u = n(void 0), h = n(void 0), s = n(void 0), r = n(""), c = n(""), _ = n(""), L = n(null);
     Y(() => {
       const b = e.id ?? `textarea-${Q()}`;
       t.value = b, v.value = b + re, u.value = b + ce, h.value = b + ve, s.value = e.invalidMessage || ie;
@@ -1858,8 +1858,8 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       return !!(e.validMessage ?? e.validation === "valid");
     }
     function N() {
-      var b, O, p;
-      !((b = L.value) != null && b.validity.valid) || e.validation === "invalid" ? (r.value = h.value, s.value = e.invalidMessage || ((O = L.value) == null ? void 0 : O.validationMessage) || ie, ue() && (I.value = s.value, ee(() => I.value = "", 1e3))) : B() && ((p = L.value) != null && p.validity.valid) && (e.required || e.minLength || e.maxLength) ? (r.value = u.value, ue() && (I.value = e.validMessage ?? fe, ee(() => I.value = "", 1e3))) : Z(e.message, e.showMessage) ? r.value = v.value : r.value = "";
+      var b, O, f;
+      !((b = L.value) != null && b.validity.valid) || e.validation === "invalid" ? (r.value = h.value, s.value = e.invalidMessage || ((O = L.value) == null ? void 0 : O.validationMessage) || ie, ue() && (_.value = s.value, ee(() => _.value = "", 1e3))) : B() && ((f = L.value) != null && f.validity.valid) && (e.required || e.minLength || e.maxLength) ? (r.value = u.value, ue() && (_.value = e.validMessage ?? fe, ee(() => _.value = "", 1e3))) : Z(e.message, e.showMessage) ? r.value = v.value : r.value = "";
     }
     function w(b) {
       b.stopPropagation(), e.input && e.input(b), c.value = b.target.value, e.onInput && e.onInput(b), oe(i, b), N();
@@ -1874,13 +1874,13 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
     function y(b) {
       b.stopPropagation(), e.onFocus && e.onFocus(b);
     }
-    return (b, O) => (f(), g("div", {
+    return (b, O) => (p(), g("div", {
       class: P(d(z)("db-textarea", e.class)),
       "data-variant": b.variant,
       "data-hide-label": d(K)(b.showLabel)
     }, [
-      _("label", { for: t.value }, S(b.label ?? d(ke)), 9, qt),
-      _("textarea", {
+      I("label", { for: t.value }, S(b.label ?? d(ke)), 9, Ut),
+      I("textarea", {
         "aria-invalid": b.validation === "invalid",
         "data-custom-validity": b.validation,
         ref_key: "_ref",
@@ -1891,23 +1891,23 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         required: d(M)(b.required, "required"),
         readOnly: d(M)(b.readOnly, "readOnly") || d(M)(b.readonly, "readonly"),
         form: b.form,
-        maxLength: d(he)(b.maxLength, b.maxlength),
-        minLength: d(he)(b.minLength, b.minlength),
+        maxLength: d(ye)(b.maxLength, b.maxlength),
+        minLength: d(ye)(b.minLength, b.minlength),
         name: b.name,
         wrap: b.wrap,
         spellcheck: b.spellCheck,
         autocomplete: b.autocomplete,
-        onInput: O[0] || (O[0] = async (p) => w(p)),
-        onChange: O[1] || (O[1] = async (p) => $(p)),
-        onBlur: O[2] || (O[2] = async (p) => R(p)),
-        onFocus: O[3] || (O[3] = async (p) => y(p)),
+        onInput: O[0] || (O[0] = async (f) => w(f)),
+        onChange: O[1] || (O[1] = async (f) => $(f)),
+        onBlur: O[2] || (O[2] = async (f) => R(f)),
+        onFocus: O[3] || (O[3] = async (f) => y(f)),
         value: b.value ?? c.value,
         "aria-describedby": r.value,
-        placeholder: b.placeholder ?? d(Ke),
-        rows: d(he)(b.rows, d($a)),
-        cols: d(he)(b.cols)
-      }, null, 40, Ut),
-      d(Z)(b.message, b.showMessage) ? (f(), J(ae, {
+        placeholder: b.placeholder ?? d(Je),
+        rows: d(ye)(b.rows, d(Aa)),
+        cols: d(ye)(b.cols)
+      }, null, 40, Gt),
+      d(Z)(b.message, b.showMessage) ? (p(), J(ae, {
         key: 0,
         size: "small",
         icon: b.messageIcon,
@@ -1918,7 +1918,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         ]),
         _: 1
       }, 8, ["icon", "id"])) : F("", !0),
-      B() ? (f(), J(ae, {
+      B() ? (p(), J(ae, {
         key: 1,
         size: "small",
         semantic: "successful",
@@ -1939,13 +1939,13 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         ]),
         _: 1
       }, 8, ["id"]),
-      _("span", Gt, S(I.value), 1)
-    ], 10, zt));
+      I("span", Vt, S(_.value), 1)
+    ], 10, qt));
   }
-}), Vt = ["id", "data-width", "data-icon", "data-hide-icon", "data-active", "data-wrap", "aria-disabled"], Ot = ["aria-haspopup", "aria-expanded", "disabled"], Wt = ["data-auto-close", "id"], Xt = {
+}), Ot = ["id", "data-width", "data-icon", "data-hide-icon", "data-active", "data-wrap", "aria-disabled"], Wt = ["aria-haspopup", "aria-expanded", "disabled"], Xt = ["data-auto-close", "id"], Ht = {
   key: 0,
   class: "db-mobile-navigation-back"
-}, sl = /* @__PURE__ */ q({
+}, ul = /* @__PURE__ */ q({
   __name: "navigation-item",
   props: {
     active: { type: Boolean, default: void 0 },
@@ -1991,7 +1991,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         var B;
         if (i.value && r.value) {
           const N = r.value.querySelector("menu");
-          N && (((B = N.children) == null ? void 0 : B.length) > 0 ? (e.value = !0, s.value || (s.value = new Ka(
+          N && (((B = N.children) == null ? void 0 : B.length) > 0 ? (e.value = !0, s.value || (s.value = new Ja(
             r.value,
             N
           ))) : t.value = !1);
@@ -2003,17 +2003,17 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       }
     );
     function c(B) {
-      aa(B) && (u.value = !0, ee(() => {
+      ta(B) && (u.value = !0, ee(() => {
         u.value = !1;
       }, 300));
     }
-    function I(B) {
+    function _(B) {
       B.stopPropagation(), a.onClick && a.onClick(B), e.value && (v.value = !0);
     }
     function L(B) {
       B.stopPropagation(), v.value = !1;
     }
-    return (B, N) => (f(), g("li", {
+    return (B, N) => (p(), g("li", {
       ref_key: "_ref",
       ref: r,
       id: B.id,
@@ -2037,30 +2037,30 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       "data-wrap": d(H)(B.wrap),
       "aria-disabled": d(H)(B.disabled)
     }, [
-      t.value ? F("", !0) : (f(), g(U, { key: 0 }, [
-        B.text ? (f(), g(U, { key: 0 }, [
+      t.value ? F("", !0) : (p(), g(U, { key: 0 }, [
+        B.text ? (p(), g(U, { key: 0 }, [
           C(S(B.text), 1)
         ], 64)) : T(B.$slots, "default", { key: 1 })
       ], 64)),
-      t.value ? (f(), g(U, { key: 1 }, [
-        _("button", {
+      t.value ? (p(), g(U, { key: 1 }, [
+        I("button", {
           class: "db-navigation-item-expand-button",
           "aria-haspopup": e.value,
           "aria-expanded": v.value,
           disabled: d(M)(B.disabled, "disabled"),
-          onClick: N[0] || (N[0] = async (w) => I(w))
+          onClick: N[0] || (N[0] = async (w) => _(w))
         }, [
-          B.text ? (f(), g(U, { key: 0 }, [
+          B.text ? (p(), g(U, { key: 0 }, [
             C(S(B.text), 1)
           ], 64)) : T(B.$slots, "default", { key: 1 })
-        ], 8, Ot),
-        _("menu", {
+        ], 8, Wt),
+        I("menu", {
           class: "db-sub-navigation",
           "data-auto-close": u.value,
           id: h.value,
           onClick: N[1] || (N[1] = async (w) => c(w))
         }, [
-          e.value ? (f(), g("div", Xt, [
+          e.value ? (p(), g("div", Ht, [
             te(Be, {
               icon: "arrow_left",
               variant: "ghost",
@@ -2074,11 +2074,11 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
             }, 8, ["id", "onClick"])
           ])) : F("", !0),
           T(B.$slots, "sub-navigation")
-        ], 8, Wt)
+        ], 8, Xt)
       ], 64)) : F("", !0)
-    ], 42, Vt));
+    ], 42, Ot));
   }
-}), Ht = ["id"], jt = ["aria-disabled", "name", "open"], Yt = /* @__PURE__ */ q({
+}), jt = ["id"], Yt = ["aria-disabled", "name", "open"], Kt = /* @__PURE__ */ q({
   __name: "accordion-item",
   props: {
     defaultOpen: { type: Boolean, default: void 0 },
@@ -2124,34 +2124,34 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       const r = !e.value;
       a.onToggle && a.onToggle(r), e.value = r;
     }
-    return (s, r) => (f(), g("li", {
+    return (s, r) => (p(), g("li", {
       id: i.value,
       class: P(d(z)("db-accordion-item", a.class))
     }, [
-      _("details", {
+      I("details", {
         "aria-disabled": d(H)(s.disabled),
         ref_key: "_ref",
         ref: u,
         name: t.value,
         open: e.value
       }, [
-        _("summary", {
+        I("summary", {
           onClick: r[0] || (r[0] = async (c) => h(c))
         }, [
-          s.headlinePlain ? (f(), g(U, { key: 0 }, [
+          s.headlinePlain ? (p(), g(U, { key: 0 }, [
             C(S(s.headlinePlain), 1)
           ], 64)) : F("", !0),
           s.headlinePlain ? F("", !0) : T(s.$slots, "headline", { key: 1 })
         ]),
-        _("div", null, [
-          s.text ? (f(), g(U, { key: 0 }, [
+        I("div", null, [
+          s.text ? (p(), g(U, { key: 0 }, [
             C(S(s.text), 1)
           ], 64)) : T(s.$slots, "default", { key: 1 })
         ])
-      ], 8, jt)
-    ], 10, Ht));
+      ], 8, Yt)
+    ], 10, jt));
   }
-}), Kt = ["id", "data-variant"], ul = /* @__PURE__ */ q({
+}), Jt = ["id", "data-variant"], rl = /* @__PURE__ */ q({
   __name: "accordion",
   props: {
     behavior: { default: void 0 },
@@ -2203,8 +2203,8 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
             if (s) {
               const r = a.behavior === "single" && a.initOpenIndex.length > 1 ? [a.initOpenIndex[0]] : a.initOpenIndex;
               Array.from(s).forEach(
-                (c, I) => {
-                  r != null && r.includes(I) && (c.open = !0);
+                (c, _) => {
+                  r != null && r.includes(_) && (c.open = !0);
                 }
               );
             }
@@ -2225,7 +2225,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       }
       return [];
     }
-    return (s, r) => (f(), g("ul", {
+    return (s, r) => (p(), g("ul", {
       ref_key: "_ref",
       ref: u,
       id: i.value,
@@ -2233,15 +2233,15 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       "data-variant": s.variant
     }, [
       s.items ? F("", !0) : T(s.$slots, "default", { key: 0 }),
-      s.items ? (f(!0), g(U, { key: 1 }, ge(h(), (c, I) => (f(), J(Yt, {
-        key: `accordion-item-${I}`,
+      s.items ? (p(!0), g(U, { key: 1 }, he(h(), (c, _) => (p(), J(Kt, {
+        key: `accordion-item-${_}`,
         headlinePlain: c.headlinePlain,
         disabled: c.disabled,
         text: c.text
       }, null, 8, ["headlinePlain", "disabled", "text"]))), 128)) : F("", !0)
-    ], 10, Kt));
+    ], 10, Jt));
   }
-}), Jt = ["id", "aria-labelledby"], rl = /* @__PURE__ */ q({
+}), Qt = ["id", "aria-labelledby"], cl = /* @__PURE__ */ q({
   __name: "navigation",
   props: {
     children: { default: void 0 },
@@ -2256,19 +2256,19 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
     const a = l, i = n(we), e = n(null);
     return Y(() => {
       i.value = a.id || "navigation-" + Q();
-    }), (t, v) => (f(), g("nav", {
+    }), (t, v) => (p(), g("nav", {
       ref_key: "_ref",
       ref: e,
       id: i.value,
       "aria-labelledby": t.labelledBy,
       class: P(d(z)("db-navigation", a.class))
     }, [
-      _("menu", null, [
+      I("menu", null, [
         T(t.$slots, "default")
       ])
-    ], 10, Jt));
+    ], 10, Qt));
   }
-}), Qt = ["id"], Zt = ["data-spacing", "data-gap", "data-animation", "data-open", "data-delay", "data-width", "data-placement"], cl = /* @__PURE__ */ q({
+}), Zt = ["id"], xt = ["data-spacing", "data-gap", "data-animation", "data-open", "data-delay", "data-width", "data-placement"], vl = /* @__PURE__ */ q({
   __name: "popover",
   props: {
     open: { type: [Boolean, String], default: void 0 },
@@ -2335,7 +2335,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       }
       return null;
     }
-    return (s, r) => (f(), g("div", {
+    return (s, r) => (p(), g("div", {
       ref_key: "_ref",
       ref: t,
       id: s.id,
@@ -2346,7 +2346,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       onMouseleave: r[3] || (r[3] = async (c) => u(c))
     }, [
       T(s.$slots, "trigger"),
-      _("article", {
+      I("article", {
         class: "db-popover-content",
         "data-spacing": s.spacing,
         "data-gap": d(H)(s.gap),
@@ -2357,10 +2357,10 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         "data-placement": s.placement
       }, [
         T(s.$slots, "default")
-      ], 8, Zt)
-    ], 42, Qt));
+      ], 8, xt)
+    ], 42, Zt));
   }
-}), xt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width", "data-show-arrow", "data-placement"], ei = /* @__PURE__ */ q({
+}), ei = ["id", "data-emphasis", "data-animation", "data-delay", "data-width", "data-show-arrow", "data-placement"], ai = /* @__PURE__ */ q({
   __name: "tooltip",
   props: {
     showArrow: { type: [Boolean, String], default: void 0 },
@@ -2401,7 +2401,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
     function u() {
       t.value && Fe(t.value);
     }
-    return (h, s) => (f(), g("i", {
+    return (h, s) => (p(), g("i", {
       role: "tooltip",
       "aria-hidden": "true",
       "data-gap": "true",
@@ -2418,9 +2418,9 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       onClick: s[0] || (s[0] = async (r) => v(r))
     }, [
       T(h.$slots, "default")
-    ], 10, xt));
+    ], 10, ei));
   }
-}), ai = ["id"], ti = { role: "tablist" }, ii = /* @__PURE__ */ q({
+}), ti = ["id"], ii = { role: "tablist" }, li = /* @__PURE__ */ q({
   __name: "tab-list",
   props: {
     children: { default: void 0 },
@@ -2434,18 +2434,18 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
     const a = l, i = n(we), e = n(null);
     return Y(() => {
       i.value = a.id || "tab-list-" + Q();
-    }), (t, v) => (f(), g("div", {
+    }), (t, v) => (p(), g("div", {
       ref_key: "_ref",
       ref: e,
       id: i.value,
       class: P(d(z)("db-tab-list", a.class))
     }, [
-      _("ul", ti, [
+      I("ul", ii, [
         T(t.$slots, "default")
       ])
-    ], 10, ai));
+    ], 10, ti));
   }
-}), li = ["id", "aria-labelledby"], oi = /* @__PURE__ */ q({
+}), oi = ["id", "aria-labelledby"], di = /* @__PURE__ */ q({
   __name: "tab-panel",
   props: {
     content: { default: void 0 },
@@ -2460,7 +2460,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
   setup(l) {
     const a = l, i = n(null);
     return Y(() => {
-    }), (e, t) => (f(), g("section", {
+    }), (e, t) => (p(), g("section", {
       role: "tabpanel",
       ref_key: "_ref",
       ref: i,
@@ -2468,13 +2468,13 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       id: e.id,
       "aria-labelledby": e.labelledBy
     }, [
-      e.content ? (f(), g(U, { key: 0 }, [
+      e.content ? (p(), g(U, { key: 0 }, [
         C(S(e.content), 1)
       ], 64)) : F("", !0),
       T(e.$slots, "default")
-    ], 10, li));
+    ], 10, oi));
   }
-}), di = ["id", "data-orientation", "data-scroll-behavior", "data-alignment", "data-width"], vl = /* @__PURE__ */ q({
+}), ni = ["id", "data-orientation", "data-scroll-behavior", "data-alignment", "data-width"], fl = /* @__PURE__ */ q({
   __name: "tabs",
   props: {
     arrowScrollDistance: { default: void 0 },
@@ -2534,7 +2534,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       const $ = w.scrollWidth > w.clientWidth;
       v.value = $ && w.scrollLeft > 1, u.value = $ && w.scrollLeft < w.scrollWidth - w.clientWidth;
     }
-    function I(w) {
+    function _(w) {
       var R;
       let $ = Number(a.arrowScrollDistance) || 100;
       w && ($ *= -1), (R = h.value) == null || R.scrollBy({
@@ -2563,18 +2563,18 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
           s.value.getElementsByClassName("db-tab-item")
         );
         for (const y of $) {
-          const b = $.indexOf(y), O = y.querySelector("label"), p = y.querySelector("input");
-          if (p && O) {
-            if (!p.id) {
+          const b = $.indexOf(y), O = y.querySelector("label"), f = y.querySelector("input");
+          if (f && O) {
+            if (!f.id) {
               const E = `${e.value}-tab-${b}`;
-              O.setAttribute("for", E), p.setAttribute(
+              O.setAttribute("for", E), f.setAttribute(
                 "aria-controls",
                 `${e.value}-tab-panel-${b}`
-              ), p.id = E, p.setAttribute("name", e.value);
+              ), f.id = E, f.setAttribute("name", e.value);
             }
             if (w) {
               const E = !a.initialSelectedMode || a.initialSelectedMode === "auto", m = a.initialSelectedIndex == null && b === 0 || Number(a.initialSelectedIndex) === b;
-              E && m && p.click();
+              E && m && f.click();
             }
           }
         }
@@ -2603,7 +2603,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       }
       a.onTabSelect && a.onTabSelect(w);
     }
-    return (w, $) => (f(), g("div", {
+    return (w, $) => (p(), g("div", {
       ref_key: "_ref",
       ref: s,
       id: i.value,
@@ -2614,24 +2614,24 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       "data-width": w.width ?? "auto",
       onInput: $[0] || ($[0] = async (R) => N(R))
     }, [
-      v.value ? (f(), J(Be, {
+      v.value ? (p(), J(Be, {
         key: 0,
         class: "tabs-scroll-left",
         variant: "ghost",
         icon: "chevron_left",
         type: "button",
         noText: !0,
-        onClick: (R) => I(!0)
+        onClick: (R) => _(!0)
       }, {
         default: V(() => $[1] || ($[1] = [
           C(" Scroll left ")
         ])),
         _: 1
       }, 8, ["onClick"])) : F("", !0),
-      w.tabs ? (f(), g(U, { key: 1 }, [
-        te(ii, null, {
+      w.tabs ? (p(), g(U, { key: 1 }, [
+        te(li, null, {
           default: V(() => [
-            (f(!0), g(U, null, ge(r(), (R, y) => (f(), J(Ft, {
+            (p(!0), g(U, null, he(r(), (R, y) => (p(), J(Mt, {
               key: w.name + "tab-item" + y,
               active: R.active,
               label: R.label,
@@ -2642,7 +2642,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
           ]),
           _: 1
         }),
-        (f(!0), g(U, null, ge(r(), (R, y) => (f(), J(oi, {
+        (p(!0), g(U, null, he(r(), (R, y) => (p(), J(di, {
           key: w.name + "tab-panel" + y,
           content: R.content
         }, {
@@ -2652,14 +2652,14 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
           _: 2
         }, 1032, ["content"]))), 128))
       ], 64)) : F("", !0),
-      u.value ? (f(), J(Be, {
+      u.value ? (p(), J(Be, {
         key: 2,
         class: "tabs-scroll-right",
         variant: "ghost",
         icon: "chevron_right",
         type: "button",
         noText: !0,
-        onClick: (R) => I()
+        onClick: (R) => _()
       }, {
         default: V(() => $[2] || ($[2] = [
           C(" Scroll right ")
@@ -2667,9 +2667,9 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
         _: 1
       }, 8, ["onClick"])) : F("", !0),
       T(w.$slots, "default")
-    ], 42, di));
+    ], 42, ni));
   }
-}), fl = ["adaptive", "neutral", "critical", "informational", "warning", "successful"], pl = ["medium", "small", "large", "none"], ml = ["medium", "small", "large", "none"], ni = ["left", "right", "left-start", "left-end", "right-start", "right-end"], si = ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"], hl = [...ni, ...si], gl = ["none", "3x-large", "2x-large", "x-large", "large", "medium", "small", "x-small", "2x-small", "3x-small"], bl = ["horizontal", "vertical"], yl = ["full", "auto"], kl = ["full", "medium", "large", "small"], Bl = ["none", "slow", "fast"], Sl = ["auto", "fixed"], wl = ["small", "medium"], _l = ["weak", "strong"], Il = ["invalid", "valid", "no-validation"], Ll = ["above", "floating"], Tl = ["off", "on", "name", "honorific-prefix", "given-name", "additional-name", "family-name", "honorific-suffix", "nickname", "email", "username", "new-password", "current-password", "one-time-code", "organization-title", "organization", "street-address", "shipping", "billing", "address-line1", "address-line2", "address-line3", "address-level4", "address-level3", "address-level2", "address-level1", "country", "country-name", "postal-code", "cc-name", "cc-given-name", "cc-additional-name", "cc-family-name", "cc-number", "cc-exp", "cc-exp-month", "cc-exp-year", "cc-csc", "cc-type", "transaction-currency", "transaction-amount", "language", "bday", "bday-day", "bday-month", "bday-year", "sex", "tel", "tel-country-code", "tel-national", "tel-area-code", "tel-local", "tel-extension", "impp", "url", "photo", "webauthn"], $l = ["time", "true", "false", "date", "page", "step", "location"], Al = ["_self", "_blank", "_parent", "_top"], Cl = ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "same-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url"], El = ["start", "center"], ui = ["id", "data-gap", "data-variant", "data-direction", "data-alignment", "data-justify-content", "data-wrap"], Nl = /* @__PURE__ */ q({
+}), pl = ["adaptive", "neutral", "critical", "informational", "warning", "successful"], ml = ["medium", "small", "large", "none"], hl = ["medium", "small", "large", "none"], si = ["left", "right", "left-start", "left-end", "right-start", "right-end"], ui = ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"], gl = [...si, ...ui], bl = ["none", "3x-large", "2x-large", "x-large", "large", "medium", "small", "x-small", "2x-small", "3x-small"], yl = ["horizontal", "vertical"], kl = ["full", "auto"], Bl = ["full", "medium", "large", "small"], Sl = ["none", "slow", "fast"], wl = ["auto", "fixed"], Il = ["small", "medium"], _l = ["weak", "strong"], Ll = ["invalid", "valid", "no-validation"], Tl = ["above", "floating"], $l = ["off", "on", "name", "honorific-prefix", "given-name", "additional-name", "family-name", "honorific-suffix", "nickname", "email", "username", "new-password", "current-password", "one-time-code", "organization-title", "organization", "street-address", "shipping", "billing", "address-line1", "address-line2", "address-line3", "address-level4", "address-level3", "address-level2", "address-level1", "country", "country-name", "postal-code", "cc-name", "cc-given-name", "cc-additional-name", "cc-family-name", "cc-number", "cc-exp", "cc-exp-month", "cc-exp-year", "cc-csc", "cc-type", "transaction-currency", "transaction-amount", "language", "bday", "bday-day", "bday-month", "bday-year", "sex", "tel", "tel-country-code", "tel-national", "tel-area-code", "tel-local", "tel-extension", "impp", "url", "photo", "webauthn"], Al = ["time", "true", "false", "date", "page", "step", "location"], Cl = ["_self", "_blank", "_parent", "_top"], El = ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "same-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url"], Nl = ["start", "center"], ri = ["id", "data-gap", "data-variant", "data-direction", "data-alignment", "data-justify-content", "data-wrap"], Dl = /* @__PURE__ */ q({
   __name: "stack",
   props: {
     variant: { default: void 0 },
@@ -2687,7 +2687,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
   },
   setup(l) {
     const a = l, i = n(null);
-    return (e, t) => (f(), g("div", {
+    return (e, t) => (p(), g("div", {
       ref_key: "_ref",
       ref: i,
       id: e.id,
@@ -2700,9 +2700,9 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       "data-wrap": d(H)(e.wrap)
     }, [
       T(e.$slots, "default")
-    ], 10, ui));
+    ], 10, ri));
   }
-}), ri = ["role", "aria-label", "id"], ci = /* @__PURE__ */ q({
+}), ci = ["role", "aria-label", "id"], vi = /* @__PURE__ */ q({
   __name: "custom-select-list",
   props: {
     label: { default: void 0 },
@@ -2716,7 +2716,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
   },
   setup(l) {
     const a = l, i = n(null);
-    return (e, t) => (f(), g("div", {
+    return (e, t) => (p(), g("div", {
       role: e.multiple ? "group" : "radiogroup",
       "aria-label": e.label,
       ref_key: "_ref",
@@ -2724,12 +2724,12 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       id: e.id,
       class: P(d(z)("db-custom-select-list", a.class))
     }, [
-      _("ul", null, [
+      I("ul", null, [
         T(e.$slots, "default")
       ])
-    ], 10, ri));
+    ], 10, ci));
   }
-}), vi = ["id", "data-divider"], fi = ["data-icon", "data-hide-icon", "data-icon-after"], pi = ["type", "name", "form", "checked", "disabled", "value"], mi = { key: 1 }, hi = /* @__PURE__ */ q({
+}), fi = ["id", "data-divider"], pi = ["data-icon", "data-hide-icon", "data-icon-after"], mi = ["type", "name", "form", "checked", "disabled", "value"], hi = { key: 1 }, gi = /* @__PURE__ */ q({
   __name: "custom-select-list-item",
   props: {
     groupTitle: { default: void 0 },
@@ -2774,7 +2774,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       if (!(e.isGroupTitle || e.type === "checkbox"))
         return M(e.checked, "checked") ? "check" : "x_placeholder";
     }
-    return (r, c) => (f(), g("li", {
+    return (r, c) => (p(), g("li", {
       ref_key: "_ref",
       ref: u,
       id: t.value,
@@ -2786,13 +2786,13 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       ),
       "data-divider": d(H)(v.value)
     }, [
-      r.isGroupTitle ? (f(), g("span", mi, S(r.groupTitle), 1)) : (f(), g("label", {
+      r.isGroupTitle ? (p(), g("span", hi, S(r.groupTitle), 1)) : (p(), g("label", {
         key: 0,
         "data-icon": r.type !== "checkbox" && r.icon ? r.icon : void 0,
         "data-hide-icon": d(K)(r.showIcon),
         "data-icon-after": s()
       }, [
-        _("input", {
+        I("input", {
           class: "db-custom-select-list-item-checkbox",
           "data-disable-focus": "true",
           type: r.type,
@@ -2801,15 +2801,15 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
           checked: d(M)(r.checked, "checked"),
           disabled: d(M)(r.disabled, "disabled"),
           value: r.value,
-          onChange: c[0] || (c[0] = async (I) => h(I))
-        }, null, 40, pi),
-        r.label ? (f(), g(U, { key: 0 }, [
+          onChange: c[0] || (c[0] = async (_) => h(_))
+        }, null, 40, mi),
+        r.label ? (p(), g(U, { key: 0 }, [
           C(S(r.label), 1)
         ], 64)) : T(r.$slots, "default", { key: 1 })
-      ], 8, fi))
-    ], 10, vi));
+      ], 8, pi))
+    ], 10, fi));
   }
-}), gi = ["id", "data-width"], bi = /* @__PURE__ */ q({
+}), bi = ["id", "data-width"], yi = /* @__PURE__ */ q({
   __name: "custom-select-dropdown",
   props: {
     width: { default: "fixed" },
@@ -2822,7 +2822,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
   },
   setup(l) {
     const a = l, i = n(null);
-    return (e, t) => (f(), g("article", {
+    return (e, t) => (p(), g("article", {
       "data-spacing": "none",
       ref_key: "_ref",
       ref: i,
@@ -2831,7 +2831,7 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
       "data-width": e.width
     }, [
       T(e.$slots, "default")
-    ], 10, gi));
+    ], 10, bi));
   }
 }), ne = class ne {
   static runCallbacks(a) {
@@ -2854,10 +2854,10 @@ const Ja = ["id", "data-width", "data-on-forcing-mobile"], Qa = { class: "db-hea
 };
 se(ne, "callbacks", {}), se(ne, "_instance", null);
 let De = ne;
-const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-variant", "data-required", "data-placement", "data-selected-type", "data-hide-label", "data-icon", "data-hide-icon"], ki = ["id"], Bi = ["id", "form", "name", "multiple", "disabled", "required"], Si = ["disabled", "value"], wi = ["open"], _i = ["id", "aria-disabled", "aria-labelledby"], Ii = ["data-visually-hidden", "id"], Li = { key: 1 }, Ti = { key: 0 }, $i = { key: 0 }, Ai = { class: "db-checkbox db-custom-select-list-item" }, Ci = ["form", "checked"], Ei = ["aria-hidden", "id"], Ni = {
+const ki = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-variant", "data-required", "data-placement", "data-selected-type", "data-hide-label", "data-icon", "data-hide-icon"], Bi = ["id"], Si = ["id", "form", "name", "multiple", "disabled", "required"], wi = ["disabled", "value"], Ii = ["open"], _i = ["id", "aria-disabled", "aria-labelledby"], Li = ["data-visually-hidden", "id"], Ti = { key: 1 }, $i = { key: 0 }, Ai = { key: 0 }, Ci = { class: "db-checkbox db-custom-select-list-item" }, Ei = ["form", "checked"], Ni = ["aria-hidden", "id"], Di = {
   "data-visually-hidden": "true",
   role: "status"
-}, Dl = /* @__PURE__ */ q({
+}, Fl = /* @__PURE__ */ q({
   __name: "custom-select",
   props: {
     children: { default: void 0 },
@@ -2916,10 +2916,10 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
   },
   emits: ["update:values"],
   setup(l, { emit: a }) {
-    const i = l, e = n(void 0), t = n(void 0), v = n(void 0), u = n(void 0), h = n(void 0), s = n(void 0), r = n(void 0), c = n(void 0), I = n(void 0), L = n(void 0), B = n("no-validation"), N = n(""), w = n(""), $ = n(void 0), R = n(""), y = n([]), b = n(!1), O = n(!1), p = n(0), E = n([]), m = n([]), X = n(!1), j = n(void 0), Ae = n(0), pe = n(!1), _e = n(!1), ta = n(null), G = n(null), be = n(null), Ce = n(null), Me = n(null);
+    const i = l, e = n(void 0), t = n(void 0), v = n(void 0), u = n(void 0), h = n(void 0), s = n(void 0), r = n(void 0), c = n(void 0), _ = n(void 0), L = n(void 0), B = n("no-validation"), N = n(""), w = n(""), $ = n(void 0), R = n(""), y = n([]), b = n(!1), O = n(!1), f = n(0), E = n([]), m = n([]), X = n(!1), j = n(void 0), Ae = n(0), pe = n(!1), Ie = n(!1), ia = n(null), G = n(null), ge = n(null), Ce = n(null), Me = n(null);
     Y(() => {
       const o = i.id ?? `custom-select-${Q()}`;
-      e.value = o, t.value = o + re, v.value = o + ce, u.value = o + ve, s.value = o + He, r.value = o + Xe, c.value = o + "-summary", I.value = o + Ne, $.value = o + "-selected-labels", L.value = o + "-info", h.value = i.invalidMessage || ie;
+      e.value = o, t.value = o + re, v.value = o + ce, u.value = o + ve, s.value = o + je, r.value = o + He, c.value = o + "-summary", _.value = o + Ne, $.value = o + "-selected-labels", L.value = o + "-info", h.value = i.invalidMessage || ie;
     }), A(
       () => [G.value],
       () => {
@@ -2945,7 +2945,7 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
       () => {
         if (e.value) {
           const o = e.value + re;
-          r.value = e.value + Xe, s.value = e.value + He, v.value = e.value + ce, u.value = e.value + ve, I.value = e.value + Ne, Z(i.message, i.showMessage) ? qe(o) : qe();
+          r.value = e.value + He, s.value = e.value + je, v.value = e.value + ce, u.value = e.value + ve, _.value = e.value + Ne, Z(i.message, i.showMessage) ? qe(o) : qe();
         }
       },
       {
@@ -2974,18 +2974,18 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         flush: "post"
       }
     ), A(
-      () => [i.showSelectAll, p.value, i.multiple],
+      () => [i.showSelectAll, f.value, i.multiple],
       () => {
-        b.value = !!(i.multiple && (i.showSelectAll || p.value > 5));
+        b.value = !!(i.multiple && (i.showSelectAll || f.value > 5));
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), A(
-      () => [i.showSearch, p.value],
+      () => [i.showSearch, f.value],
       () => {
-        O.value = i.showSearch || p.value > 9;
+        O.value = i.showSearch || f.value > 9;
       },
       {
         immediate: !0,
@@ -3003,7 +3003,7 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
     ), A(
       () => [E.value],
       () => {
-        ia();
+        la();
       },
       {
         immediate: !0,
@@ -3019,10 +3019,10 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         flush: "post"
       }
     ), A(
-      () => [E.value, p.value],
+      () => [E.value, f.value],
       () => {
         var o, k;
-        ((o = E.value) == null ? void 0 : o.length) === 0 ? (pe.value = !1, _e.value = !1) : ((k = E.value) == null ? void 0 : k.length) === p.value ? (_e.value = !1, pe.value = !0) : E.value && (_e.value = !0);
+        ((o = E.value) == null ? void 0 : o.length) === 0 ? (pe.value = !1, Ie.value = !1) : ((k = E.value) == null ? void 0 : k.length) === f.value ? (Ie.value = !1, pe.value = !0) : E.value && (Ie.value = !0);
       },
       {
         immediate: !0,
@@ -3032,7 +3032,7 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
       () => [i.options],
       () => {
         var o;
-        m.value = i.options, p.value = ((o = i.options) == null ? void 0 : o.filter((k) => !k.isGroupTitle).length) ?? 0;
+        m.value = i.options, f.value = ((o = i.options) == null ? void 0 : o.filter((k) => !k.isGroupTitle).length) ?? 0;
       },
       {
         immediate: !0,
@@ -3044,8 +3044,8 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         var o, k;
         (o = m.value) != null && o.length && (y.value = (k = m.value) == null ? void 0 : k.filter(
           (D) => {
-            var x, ye;
-            return !D.value || !((x = E.value) != null && x.includes) ? !1 : !D.isGroupTitle && ((ye = E.value) == null ? void 0 : ye.includes(D.value));
+            var x, be;
+            return !D.value || !((x = E.value) != null && x.includes) ? !1 : !D.isGroupTitle && ((be = E.value) == null ? void 0 : be.includes(D.value));
           }
         ));
       },
@@ -3057,7 +3057,7 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
       () => [y.value, i.selectedType, i.amountText],
       () => {
         var o, k, D;
-        (o = y.value) != null && o.length ? i.selectedType === "amount" ? w.value = i.amountText ? i.amountText : `${(k = y.value) == null ? void 0 : k.length} ${Ia}` : w.value = (D = y.value) == null ? void 0 : D.map((x) => Se(x)).join(", ") : w.value = "";
+        (o = y.value) != null && o.length ? i.selectedType === "amount" ? w.value = i.amountText ? i.amountText : `${(k = y.value) == null ? void 0 : k.length} ${La}` : w.value = (D = y.value) == null ? void 0 : D.map((x) => Se(x)).join(", ") : w.value = "";
       },
       {
         immediate: !0,
@@ -3074,19 +3074,19 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         flush: "post"
       }
     ), A(
-      () => [_e.value, Ce.value],
+      () => [Ie.value, Ce.value],
       () => {
-        Ce.value && (Ce.value.indeterminate = !!_e.value);
+        Ce.value && (Ce.value.indeterminate = !!Ie.value);
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), A(
-      () => [be.value, i.invalidMessage],
+      () => [ge.value, i.invalidMessage],
       () => {
         var o;
-        h.value = i.invalidMessage || ((o = be.value) == null ? void 0 : o.validationMessage) || ie;
+        h.value = i.invalidMessage || ((o = ge.value) == null ? void 0 : o.validationMessage) || ie;
       },
       {
         immediate: !0,
@@ -3096,18 +3096,18 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
     function ze() {
       return !!(i.validMessage ?? i.validation === "valid");
     }
-    function ia() {
+    function la() {
       var o, k, D;
-      be.value && (be.value.value = oa()), !((o = be.value) != null && o.validity.valid) || i.validation === "invalid" ? (N.value = u.value, h.value = i.invalidMessage || ((k = be.value) == null ? void 0 : k.validationMessage) || ie, ue() && (R.value = h.value, ee(() => R.value = "", 1e3)), B.value = i.validation ?? "invalid") : ze() && ((D = be.value) != null && D.validity.valid) && i.required ? (N.value = v.value, ue() && (R.value = i.validMessage ?? fe, ee(() => R.value = "", 1e3)), B.value = i.validation ?? "valid") : Z(i.message, i.showMessage) ? (N.value = t.value, B.value = i.validation ?? "no-validation") : (N.value = I.value, B.value = i.validation ?? "no-validation");
+      ge.value && (ge.value.value = da()), !((o = ge.value) != null && o.validity.valid) || i.validation === "invalid" ? (N.value = u.value, h.value = i.invalidMessage || ((k = ge.value) == null ? void 0 : k.validationMessage) || ie, ue() && (R.value = h.value, ee(() => R.value = "", 1e3)), B.value = i.validation ?? "invalid") : ze() && ((D = ge.value) != null && D.validity.valid) && i.required ? (N.value = v.value, ue() && (R.value = i.validMessage ?? fe, ee(() => R.value = "", 1e3)), B.value = i.validation ?? "valid") : Z(i.message, i.showMessage) ? (N.value = t.value, B.value = i.validation ?? "no-validation") : (N.value = _.value, B.value = i.validation ?? "no-validation");
     }
-    function la(o) {
+    function oa(o) {
       i.onDropdownToggle && i.onDropdownToggle(o), o.target.open ? j.value = new De().addCallback(
-        (k) => va(k)
+        (k) => fa(k)
       ) : j.value && new De().removeCallback(
         j.value
       );
     }
-    function oa() {
+    function da() {
       var o;
       return (o = E.value) != null && o.length ? E.value.at(0) ?? "" : "";
     }
@@ -3116,21 +3116,21 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
       const k = [];
       o && k.push(o), $.value && ((D = w.value) != null && D.length) && k.push($.value), N.value = k.join(" ");
     }
-    function da() {
+    function na() {
       return i.selectAllLabel ?? ke;
     }
     function Se(o) {
       var k;
       return o.label ?? ((k = o.value) == null ? void 0 : k.toString()) ?? "";
     }
-    function na(o) {
+    function sa(o) {
       var k, D;
       return o && ((k = E.value) != null && k.includes) ? (D = E.value) == null ? void 0 : D.includes(o) : !1;
     }
-    function sa(o) {
-      return i.removeTagsTexts && i.removeTagsTexts.length > o ? i.removeTagsTexts.at(o) : `${Je} ${y.value ? Se(y.value[o]) : ""}`;
+    function ua(o) {
+      return i.removeTagsTexts && i.removeTagsTexts.length > o ? i.removeTagsTexts.at(o) : `${Qe} ${y.value ? Se(y.value[o]) : ""}`;
     }
-    function ua(o, k) {
+    function ra(o, k) {
       k.stopPropagation(), Ge(o.value), Te();
     }
     function Ue() {
@@ -3141,8 +3141,8 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         }, 100);
       }
     }
-    function ra(o) {
-      var k, D, x, ye, W, me, $e;
+    function ca(o) {
+      var k, D, x, be, W, me, $e;
       if ((k = G.value) != null && k.open) {
         if (document) {
           const de = document.activeElement;
@@ -3152,11 +3152,11 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
               if (o.key === "ArrowDown" || o.key === "ArrowRight")
                 le != null && le.nextElementSibling ? (x = (D = le == null ? void 0 : le.nextElementSibling) == null ? void 0 : D.querySelector("input")) == null || x.focus() : Ee(de);
               else if (le != null && le.previousElementSibling)
-                (W = (ye = le == null ? void 0 : le.previousElementSibling) == null ? void 0 : ye.querySelector("input")) == null || W.focus();
+                (W = (be = le == null ? void 0 : le.previousElementSibling) == null ? void 0 : be.querySelector("input")) == null || W.focus();
               else if (G.value.querySelector('input[type="checkbox"]') !== de)
                 Ee(de);
               else {
-                const Ve = We(G.value);
+                const Ve = Xe(G.value);
                 if (Ve)
                   ee(() => {
                     Ve.focus();
@@ -3176,9 +3176,9 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         o.stopPropagation(), o.preventDefault();
       } else (o.key === "ArrowDown" || o.key === "ArrowRight") && (Ue(), G.value && (G.value.open = !0), Re(), o.stopPropagation(), o.preventDefault());
     }
-    function ca(o) {
+    function va(o) {
       var k;
-      o.key === "Escape" && G.value && ((k = G.value) != null && k.open) ? (Le("close"), Te()) : (o.key === "ArrowDown" || o.key === "ArrowUp" || o.key === "ArrowLeft" || o.key === "ArrowRight") && ra(o);
+      o.key === "Escape" && G.value && ((k = G.value) != null && k.open) ? (Le("close"), Te()) : (o.key === "ArrowDown" || o.key === "ArrowUp" || o.key === "ArrowLeft" || o.key === "ArrowRight") && ca(o);
     }
     function Le(o) {
       if (G.value) {
@@ -3190,12 +3190,12 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         }
       }
     }
-    function va(o) {
+    function fa(o) {
       var D;
       const k = o.target;
       (D = G.value) != null && D.open && !G.value.contains(k) && (G.value.open = !1);
     }
-    function Ie(o) {
+    function _e(o) {
       (/* @__PURE__ */ new Date()).getTime() - Ae.value < 200 || (i.onOptionSelected && (E.value = o, i.onOptionSelected(o ?? [])), oe(
         () => {
         },
@@ -3209,15 +3209,15 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
     }
     function Ge(o) {
       var k;
-      o && (i.multiple ? (k = E.value) != null && k.includes(o) ? Ie(E.value.filter((D) => D !== o)) : Ie([...E.value || [], o]) : (Ie([o]), Le("close")));
+      o && (i.multiple ? (k = E.value) != null && k.includes(o) ? _e(E.value.filter((D) => D !== o)) : _e([...E.value || [], o]) : (_e([o]), Le("close")));
     }
-    function fa() {
+    function pa() {
       var o;
-      if (((o = E.value) == null ? void 0 : o.length) === p.value)
-        Ie([]);
+      if (((o = E.value) == null ? void 0 : o.length) === f.value)
+        _e([]);
       else {
         const k = O.value && Me.value ? Me.value.value : void 0;
-        Ie(
+        _e(
           i.options ? i.options.filter(
             (D) => {
               var x;
@@ -3244,34 +3244,34 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
     }
     function Re(o) {
       if (G.value) {
-        const k = We(G.value);
+        const k = Xe(G.value);
         k ? ee(() => {
           k.focus();
         }, 100) : o || Ee();
       }
     }
-    function pa(o) {
+    function ma(o) {
       o.stopPropagation();
       const k = o.target.value;
       m.value = !i.options || !k || k.length === 0 ? i.options : i.options.filter(
         (D) => !D.isGroupTitle && Se(D).toLowerCase().includes(k.toLowerCase())
       );
     }
-    function ma() {
-      Ie([]), Te();
+    function ha() {
+      _e([]), Te();
     }
     function Te() {
       var o, k;
       (k = (o = G.value) == null ? void 0 : o.querySelector("summary")) == null || k.focus();
     }
-    function Fi() {
+    function Mi() {
     }
     return (o, k) => {
-      var D, x, ye;
-      return f(), g("div", {
+      var D, x, be;
+      return p(), g("div", {
         id: e.value,
         ref_key: "_ref",
-        ref: ta,
+        ref: ia,
         class: P(d(z)("db-custom-select", i.class)),
         "aria-invalid": B.value === "invalid",
         "data-custom-validity": B.value,
@@ -3284,15 +3284,15 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         "data-icon": o.icon,
         "data-hide-icon": d(K)(o.showIcon)
       }, [
-        _("label", { id: r.value }, [
+        I("label", { id: r.value }, [
           C(S(o.label ?? d(ke)), 1),
-          _("select", {
+          I("select", {
             role: "none",
             hidden: !0,
             id: s.value,
             tabIndex: -1,
             ref_key: "selectRef",
-            ref: be,
+            ref: ge,
             form: o.form,
             name: o.name,
             multiple: d(M)(o.multiple, "multiple"),
@@ -3300,40 +3300,40 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
             required: d(M)(o.required, "required"),
             onChange: k[0] || (k[0] = async (W) => void 0)
           }, [
-            (D = m.value) != null && D.length ? (f(!0), g(U, { key: 0 }, ge(m.value, (W, me) => (f(), g("option", {
+            (D = m.value) != null && D.length ? (p(!0), g(U, { key: 0 }, he(m.value, (W, me) => (p(), g("option", {
               key: me,
               disabled: W.disabled,
               value: W.value
-            }, S(Se(W)), 9, Si))), 128)) : F("", !0)
-          ], 40, Bi)
-        ], 8, ki),
-        _("details", {
+            }, S(Se(W)), 9, wi))), 128)) : F("", !0)
+          ], 40, Si)
+        ], 8, Bi),
+        I("details", {
           ref_key: "detailsRef",
           ref: G,
           open: o.open,
-          onToggle: k[2] || (k[2] = async (W) => la(W)),
-          onKeydown: k[3] || (k[3] = async (W) => ca(W))
+          onToggle: k[2] || (k[2] = async (W) => oa(W)),
+          onKeydown: k[3] || (k[3] = async (W) => va(W))
         }, [
           T(o.$slots, "default"),
-          o.options ? (f(), g(U, { key: 0 }, [
-            _("summary", {
+          o.options ? (p(), g(U, { key: 0 }, [
+            I("summary", {
               class: "db-custom-select-form-field",
               id: c.value,
               "aria-disabled": d(H)(o.disabled),
               "aria-labelledby": r.value
             }, [
-              (x = w.value) != null && x.length ? (f(), g("span", {
+              (x = w.value) != null && x.length ? (p(), g("span", {
                 key: 0,
                 "data-visually-hidden": d(H)(o.selectedType === "tag"),
                 id: $.value
-              }, S(w.value), 9, Ii)) : F("", !0),
-              o.selectedType === "tag" ? (f(), g("div", Li, [
-                (f(!0), g(U, null, ge(y.value, (W, me) => (f(), J(Pt, {
+              }, S(w.value), 9, Li)) : F("", !0),
+              o.selectedType === "tag" ? (p(), g("div", Ti, [
+                (p(!0), g(U, null, he(y.value, (W, me) => (p(), J(zt, {
                   key: me,
                   emphasis: "strong",
                   behavior: "removable",
-                  removeButton: sa(me),
-                  onRemove: ($e) => ua(W, $e)
+                  removeButton: ua(me),
+                  onRemove: ($e) => ra(W, $e)
                 }, {
                   default: V(() => [
                     C(S(Se(W)), 1)
@@ -3342,10 +3342,10 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
                 }, 1032, ["removeButton", "onRemove"]))), 128))
               ])) : F("", !0)
             ], 8, _i),
-            te(bi, { width: o.dropdownWidth }, {
+            te(yi, { width: o.dropdownWidth }, {
               default: V(() => [
-                O.value ? (f(), g("div", Ti, [
-                  te(ht, {
+                O.value ? (p(), g("div", $i, [
+                  te(gt, {
                     type: "search",
                     ref_key: "searchInputRef",
                     ref: Me,
@@ -3355,42 +3355,42 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
                     label: o.searchLabel ?? d(ke),
                     placeholder: o.searchPlaceholder ?? o.searchLabel,
                     ariaDescribedBy: X.value || o.showLoading ? L.value : void 0,
-                    onInput: (W) => pa(W)
+                    onInput: (W) => ma(W)
                   }, null, 8, ["name", "form", "label", "placeholder", "ariaDescribedBy", "onInput"])
                 ])) : F("", !0),
-                X.value || o.showLoading ? (f(), J(ae, {
+                X.value || o.showLoading ? (p(), J(ae, {
                   key: 1,
                   id: L.value,
                   icon: X.value ? void 0 : "circular_arrows",
                   semantic: X.value ? "warning" : "informational"
                 }, {
                   default: V(() => [
-                    C(S((X.value ? o.noResultsText : o.loadingText) ?? d(wa)), 1)
+                    C(S((X.value ? o.noResultsText : o.loadingText) ?? d(Ia)), 1)
                   ]),
                   _: 1
-                }, 8, ["id", "icon", "semantic"])) : (f(), g(U, { key: 2 }, [
-                  b.value ? (f(), g("div", $i, [
-                    _("div", Ai, [
-                      _("label", null, [
-                        _("input", {
+                }, 8, ["id", "icon", "semantic"])) : (p(), g(U, { key: 2 }, [
+                  b.value ? (p(), g("div", Ai, [
+                    I("div", Ci, [
+                      I("label", null, [
+                        I("input", {
                           type: "checkbox",
                           value: "select-all",
                           ref_key: "selectAllRef",
                           ref: Ce,
                           form: e.value,
                           checked: pe.value,
-                          onChange: k[1] || (k[1] = async (W) => fa())
-                        }, null, 40, Ci),
-                        C(S(da()), 1)
+                          onChange: k[1] || (k[1] = async (W) => pa())
+                        }, null, 40, Ei),
+                        C(S(na()), 1)
                       ])
                     ])
                   ])) : F("", !0),
-                  te(ci, {
+                  te(vi, {
                     multiple: d(M)(o.multiple, "multiple"),
                     label: o.ariaListLabel ?? o.label ?? d(ke)
                   }, {
                     default: V(() => [
-                      (f(!0), g(U, null, ge(m.value, (W, me) => (f(), J(hi, {
+                      (p(!0), g(U, null, he(m.value, (W, me) => (p(), J(gi, {
                         key: me,
                         type: o.multiple ? "checkbox" : "radio",
                         showDivider: W.showDivider,
@@ -3398,13 +3398,13 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
                         isGroupTitle: W.isGroupTitle,
                         groupTitle: Se(W),
                         name: e.value,
-                        checked: na(W.value),
+                        checked: sa(W.value),
                         disabled: W.disabled,
                         value: W.value,
                         onChange: ($e) => Ge(W.value)
                       }, {
                         default: V(() => [
-                          W.isGroupTitle ? F("", !0) : (f(), g(U, { key: 0 }, [
+                          W.isGroupTitle ? F("", !0) : (p(), g(U, { key: 0 }, [
                             C(S(Se(W)), 1)
                           ], 64))
                         ]),
@@ -3414,7 +3414,7 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
                     _: 1
                   }, 8, ["multiple", "label"])
                 ], 64)),
-                _("div", null, [
+                I("div", null, [
                   te(Be, {
                     variant: "ghost",
                     width: "full",
@@ -3434,8 +3434,8 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
               _: 1
             }, 8, ["width"])
           ], 64)) : F("", !0)
-        ], 40, wi),
-        (o.showClearSelection ?? !0) && ((ye = E.value) != null && ye.length) ? (f(), J(Be, {
+        ], 40, Ii),
+        (o.showClearSelection ?? !0) && ((be = E.value) != null && be.length) ? (p(), J(Be, {
           key: 0,
           icon: "cross",
           variant: "ghost",
@@ -3443,11 +3443,11 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
           noText: !0,
           name: e.value,
           form: e.value,
-          onClick: (W) => ma()
+          onClick: (W) => ha()
         }, {
           default: V(() => [
             C(S(o.clearSelectionText), 1),
-            te(ei, { placement: "top" }, {
+            te(ai, { placement: "top" }, {
               default: V(() => [
                 C(S(o.clearSelectionText), 1)
               ]),
@@ -3456,11 +3456,11 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
           ]),
           _: 1
         }, 8, ["name", "form", "onClick"])) : F("", !0),
-        _("span", {
+        I("span", {
           "aria-hidden": d(H)(!0),
-          id: I.value
-        }, S(o.placeholder ?? o.label), 9, Ei),
-        d(Z)(o.message, o.showMessage) ? (f(), J(ae, {
+          id: _.value
+        }, S(o.placeholder ?? o.label), 9, Ni),
+        d(Z)(o.message, o.showMessage) ? (p(), J(ae, {
           key: 1,
           size: "small",
           icon: o.messageIcon,
@@ -3471,7 +3471,7 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
           ]),
           _: 1
         }, 8, ["icon", "id"])) : F("", !0),
-        ze() ? (f(), J(ae, {
+        ze() ? (p(), J(ae, {
           key: 2,
           size: "small",
           semantic: "successful",
@@ -3492,11 +3492,11 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
           ]),
           _: 1
         }, 8, ["id"]),
-        _("span", Ni, S(R.value), 1)
-      ], 10, yi);
+        I("span", Di, S(R.value), 1)
+      ], 10, ki);
     };
   }
-}), Di = ["id"], Fl = /* @__PURE__ */ q({
+}), Fi = ["id"], Ml = /* @__PURE__ */ q({
   __name: "custom-select-form-field",
   props: {
     children: { default: void 0 },
@@ -3508,123 +3508,124 @@ const yi = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
   },
   setup(l) {
     const a = l, i = n(null);
-    return (e, t) => (f(), g("summary", {
+    return (e, t) => (p(), g("summary", {
       ref_key: "_ref",
       ref: i,
       id: e.id,
       class: P(d(z)("db-custom-select-form-field", a.class))
     }, [
       T(e.$slots, "default")
-    ], 10, Di));
+    ], 10, Fi));
   }
 });
 export {
-  El as AlignmentList,
-  Tl as AutoCompleteList,
-  xe as COLOR,
-  Oi as COLORS,
-  Wi as COLORS_SIMPLE,
-  Gi as COLOR_CONST,
-  Ze as COLOR_SIMPLE,
-  ul as DBAccordion,
-  Yt as DBAccordionItem,
-  Yi as DBBadge,
-  Ki as DBBrand,
+  Nl as AlignmentList,
+  $l as AutoCompleteList,
+  ea as COLOR,
+  Wi as COLORS,
+  Xi as COLORS_SIMPLE,
+  Vi as COLOR_CONST,
+  xe as COLOR_SIMPLE,
+  rl as DBAccordion,
+  Kt as DBAccordionItem,
+  Ki as DBBadge,
+  Ji as DBBrand,
   Be as DBButton,
-  Ji as DBCard,
-  Qi as DBCheckbox,
-  Dl as DBCustomSelect,
-  bi as DBCustomSelectDropdown,
-  Fl as DBCustomSelectFormField,
-  ci as DBCustomSelectList,
-  hi as DBCustomSelectListItem,
-  Zi as DBDivider,
-  Ya as DBDrawer,
-  xi as DBHeader,
-  el as DBIcon,
+  Qi as DBCard,
+  Zi as DBCheckbox,
+  Fl as DBCustomSelect,
+  yi as DBCustomSelectDropdown,
+  Ml as DBCustomSelectFormField,
+  vi as DBCustomSelectList,
+  gi as DBCustomSelectListItem,
+  xi as DBDivider,
+  Ka as DBDrawer,
+  el as DBHeader,
+  al as DBIcon,
   ae as DBInfotext,
-  ht as DBInput,
-  al as DBLink,
-  rl as DBNavigation,
-  sl as DBNavigationItem,
-  ji as DBNotification,
-  tl as DBPage,
-  cl as DBPopover,
-  il as DBRadio,
-  ll as DBSection,
-  ol as DBSelect,
-  Nl as DBStack,
-  dl as DBSwitch,
-  Ft as DBTabItem,
-  ii as DBTabList,
-  oi as DBTabPanel,
-  vl as DBTabs,
-  Pt as DBTag,
-  nl as DBTextarea,
-  ei as DBTooltip,
+  gt as DBInput,
+  tl as DBLink,
+  cl as DBNavigation,
+  ul as DBNavigationItem,
+  Yi as DBNotification,
+  il as DBPage,
+  vl as DBPopover,
+  ll as DBRadio,
+  ol as DBSection,
+  dl as DBSelect,
+  Dl as DBStack,
+  nl as DBSwitch,
+  Mt as DBTabItem,
+  li as DBTabList,
+  di as DBTabPanel,
+  fl as DBTabs,
+  zt as DBTag,
+  sl as DBTextarea,
+  ai as DBTooltip,
   _a as DEFAULT_BACK,
-  La as DEFAULT_BURGER_MENU,
+  Ta as DEFAULT_BURGER_MENU,
   Pe as DEFAULT_CLOSE_BUTTON,
-  je as DEFAULT_DATALIST_ID_SUFFIX,
-  Ta as DEFAULT_ICON,
+  Ye as DEFAULT_DATALIST_ID_SUFFIX,
+  $a as DEFAULT_ICON,
   we as DEFAULT_ID,
   ie as DEFAULT_INVALID_MESSAGE,
   ve as DEFAULT_INVALID_MESSAGE_ID_SUFFIX,
   ke as DEFAULT_LABEL,
-  Xe as DEFAULT_LABEL_ID_SUFFIX,
-  wa as DEFAULT_MESSAGE,
+  He as DEFAULT_LABEL_ID_SUFFIX,
+  Ia as DEFAULT_MESSAGE,
   re as DEFAULT_MESSAGE_ID_SUFFIX,
-  Ke as DEFAULT_PLACEHOLDER,
+  Je as DEFAULT_PLACEHOLDER,
   Ne as DEFAULT_PLACEHOLDER_ID_SUFFIX,
-  Je as DEFAULT_REMOVE,
-  $a as DEFAULT_ROWS,
-  Ia as DEFAULT_SELECTED,
-  He as DEFAULT_SELECT_ID_SUFFIX,
+  Qe as DEFAULT_REMOVE,
+  Aa as DEFAULT_ROWS,
+  La as DEFAULT_SELECTED,
+  je as DEFAULT_SELECT_ID_SUFFIX,
   fe as DEFAULT_VALID_MESSAGE,
   ce as DEFAULT_VALID_MESSAGE_ID_SUFFIX,
-  Aa as DEFAULT_VIEWPORT,
-  Vi as DENSITIES,
-  Qe as DENSITY,
-  Ui as DENSITY_CONST,
-  Ca as DESKTOP_VIEWPORT,
+  Ca as DEFAULT_VIEWPORT,
+  Oi as DENSITIES,
+  Ze as DENSITY,
+  Gi as DENSITY_CONST,
+  Ea as DESKTOP_VIEWPORT,
   _l as EmphasisList,
-  gl as GapSpacingList,
-  Ll as LabelVariantList,
-  $l as LinkCurrentList,
-  Cl as LinkReferrerPolicyList,
-  Al as LinkTargetList,
-  ml as MarginList,
-  kl as MaxWidthList,
-  Ka as NavigationItemSafeTriangle,
-  bl as OrientationList,
-  ni as PlacementHorizontalList,
-  hl as PlacementList,
-  si as PlacementVerticalList,
-  Bl as PopoverDelayList,
-  Sl as PopoverWidthList,
-  ea as SEMANTIC,
-  Xi as SEMANTICS,
-  fl as SemanticList,
-  wl as SizeList,
-  pl as SpacingList,
-  Hi as TESTING_VIEWPORTS,
-  Il as ValidationList,
-  yl as WidthList,
-  Ye as addAttributeToChildren,
+  bl as GapSpacingList,
+  Tl as LabelVariantList,
+  Al as LinkCurrentList,
+  El as LinkReferrerPolicyList,
+  Cl as LinkTargetList,
+  hl as MarginList,
+  Bl as MaxWidthList,
+  Ja as NavigationItemSafeTriangle,
+  yl as OrientationList,
+  si as PlacementHorizontalList,
+  gl as PlacementList,
+  ui as PlacementVerticalList,
+  Sl as PopoverDelayList,
+  wl as PopoverWidthList,
+  aa as SEMANTIC,
+  Hi as SEMANTICS,
+  pl as SemanticList,
+  Il as SizeList,
+  ml as SpacingList,
+  ji as TESTING_VIEWPORTS,
+  Ll as ValidationList,
+  kl as WidthList,
+  Ke as addAttributeToChildren,
   z as cls,
   ee as delay,
   M as getBoolean,
   H as getBooleanAsString,
   K as getHideProp,
-  he as getNumber,
-  We as getSearchInput,
+  We as getInputValue,
+  ye as getNumber,
+  Xe as getSearchInput,
   Fe as handleDataOutside,
   ue as hasVoiceOver,
-  ka as isArrayOfStrings,
-  aa as isEventTargetNavigationItem,
-  ya as isInView,
+  Ba as isArrayOfStrings,
+  ta as isEventTargetNavigationItem,
+  ka as isInView,
   Z as stringPropVisible,
   Q as uuid,
-  zi as visibleInVX,
-  qi as visibleInVY
+  qi as visibleInVX,
+  Ui as visibleInVY
 };