@db-ux/v-core-components 1.0.0-test-13b991d

package/dist/db-ux.es.js

@@ -0,0 +1,2645 @@
+var be = Object.defineProperty;
+var ge = (t, n, d) => n in t ? be(t, n, { enumerable: !0, configurable: !0, writable: !0, value: d }) : t[n] = d;
+var j = (t, n, d) => ge(t, typeof n != "symbol" ? n + "" : n, d);
+import { defineComponent as A, ref as o, createElementBlock as g, openBlock as m, unref as r, normalizeClass as N, renderSlot as I, Fragment as T, createTextVNode as E, toDisplayString as w, createCommentVNode as D, createElementVNode as _, createBlock as X, withCtx as z, onMounted as U, watch as R, createVNode as W, renderList as ne, onUnmounted as ye } from "vue";
+const V = () => {
+  var t, n;
+  if (typeof window < "u") {
+    if ((t = window.crypto) != null && t.randomUUID)
+      return window.crypto.randomUUID();
+    if ((n = window.crypto) != null && n.getRandomValues)
+      return window.crypto.getRandomValues(new Uint32Array(3)).join("-");
+  }
+  return Math.random().toString().substring(2);
+}, re = (t, n) => {
+  const d = t.children;
+  Object.values(d).forEach((e) => {
+    e.setAttribute(n.key, n.value), e.children.length > 0 && re(e, n);
+  });
+}, F = (...t) => {
+  let n = "";
+  for (const d of t)
+    if (d)
+      if (typeof d == "string")
+        n += `${d} `;
+      else
+        for (const e in d)
+          d[e] && (n += `${e} `);
+  return n.trim();
+}, Be = ["suppressHydrationWarning", "suppressContentEditableWarning", "translate", "title", "tabIndex", "style", "spellCheck", "nonce", "lang", "hidden", "draggable", "dir", "contextMenu", "contentEditable", "autoFocus", "accessKey", "is", "inputMode", "unselectable", "security", "results", "vocab", "typeof", "rev", "resource", "rel", "property", "inlist", "datatype", "content", "about", "role", "radioGroup", "color"], cn = (t, n) => Object.keys(t).filter((d) => (d.startsWith("data-") || d.startsWith("aria-") || d.startsWith("default") || d.startsWith("auto") || d.startsWith("item") || d.startsWith("on") || Be.includes(d)) && !n.includes(d)).reduce((d, e) => ({
+  ...d,
+  [e]: t[e]
+}), {}), vn = (t, n) => Object.keys(t).filter((d) => n.includes(d)).reduce((d, e) => ({
+  ...d,
+  [e]: t[e]
+}), {}), pn = (t) => {
+  const {
+    left: n,
+    right: d
+  } = t.getBoundingClientRect(), {
+    innerWidth: e
+  } = window;
+  return n >= 0 && d <= e;
+}, hn = (t) => {
+  const {
+    top: n,
+    bottom: d
+  } = t.getBoundingClientRect(), {
+    innerHeight: e
+  } = window;
+  return n >= 0 && d <= e;
+}, ke = (t) => {
+  var k;
+  const {
+    top: n,
+    bottom: d,
+    left: e,
+    right: a
+  } = t.getBoundingClientRect(), {
+    innerHeight: u,
+    innerWidth: l
+  } = window;
+  let c = n < 0, i = d > u, h = e < 0, s = a > l;
+  const B = t.hasAttribute("data-outside-vy"), y = t.hasAttribute("data-outside-vx"), L = (k = t == null ? void 0 : t.parentElement) == null ? void 0 : k.getBoundingClientRect();
+  return L && (B && (t.getAttribute("data-outside-vy") === "top" ? c = L.top - (d - L.bottom) < 0 : i = L.bottom + (L.top - n) > u), y && (t.getAttribute("data-outside-vx") === "left" ? h = L.left - (a - L.right) < 0 : s = L.right + (L.left - e) > l)), {
+    outTop: c,
+    outBottom: i,
+    outLeft: h,
+    outRight: s
+  };
+}, se = (t) => {
+  const {
+    outTop: n,
+    outBottom: d,
+    outLeft: e,
+    outRight: a
+  } = ke(t);
+  let u = {};
+  return n || d ? (u = {
+    vy: n ? "top" : "bottom"
+  }, t.setAttribute("data-outside-vy", u.vy)) : t.removeAttribute("data-outside-vy"), e || a ? (u = {
+    ...u,
+    vx: a ? "right" : "left"
+  }, t.setAttribute("data-outside-vx", u.vx)) : t.removeAttribute("data-outside-vx"), u;
+}, we = (t) => Array.isArray(t) && t.every((n) => typeof n == "string"), Ie = ["Mac", "iPhone", "iPad", "iPod"], Y = () => typeof window < "u" && Ie.some((t) => window.navigator.userAgent.includes(t)), H = (t, n) => new Promise(() => setTimeout(t, n)), G = (t) => t && String(t), P = (t) => {
+  if (t != null)
+    return G(!t);
+}, q = (t, n) => n === void 0 ? !!t : n && t, _e = ["id", "type", "disabled", "aria-label", "data-icon", "data-hide-icon", "data-size", "data-state", "data-width", "data-variant", "data-no-text", "name", "value", "aria-describedby", "aria-expanded", "aria-pressed"], te = /* @__PURE__ */ A({
+  __name: "button",
+  props: {
+    ariaexpanded: { type: Boolean, default: void 0 },
+    ariapressed: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    noText: { type: Boolean, default: void 0 },
+    label: { default: void 0 },
+    name: { default: void 0 },
+    type: { default: void 0 },
+    value: { default: void 0 },
+    state: { default: void 0 },
+    variant: { default: void 0 },
+    children: { default: void 0 },
+    className: { default: void 0 },
+    class: {},
+    describedbyid: { default: void 0 },
+    id: { default: void 0 },
+    autofocus: { type: Boolean },
+    onClick: { type: Function, default: void 0 },
+    icon: { default: void 0 },
+    width: { default: void 0 },
+    size: { default: void 0 },
+    showIcon: { type: Boolean, default: void 0 },
+    text: { default: void 0 }
+  },
+  setup(t) {
+    const n = t, d = o(null);
+    function e(a) {
+      n.onClick && n.onClick(a);
+    }
+    return (a, u) => (m(), g("button", {
+      ref_key: "_ref",
+      ref: d,
+      id: a.id,
+      class: N(r(F)("db-button", n.class)),
+      type: a.type || "button",
+      disabled: a.disabled,
+      "aria-label": a.label,
+      "data-icon": a.icon,
+      "data-hide-icon": r(P)(a.showIcon),
+      "data-size": a.size,
+      "data-state": a.state,
+      "data-width": a.width,
+      "data-variant": a.variant,
+      "data-no-text": r(G)(a.noText),
+      name: a.name,
+      value: a.value,
+      "aria-describedby": a.describedbyid,
+      "aria-expanded": a.ariaexpanded,
+      "aria-pressed": a.ariapressed,
+      onClick: u[0] || (u[0] = async (l) => e(l))
+    }, [
+      a.text ? (m(), g(T, { key: 0 }, [
+        E(w(a.text), 1)
+      ], 64)) : I(a.$slots, "default", { key: 1 })
+    ], 10, _e));
+  }
+}), ee = "OVERWRITE_DEFAULT_ID", le = "LABEL SHOULD BE SET", fe = " ", K = "-message", J = "-valid-message", Q = "-invalid-message", oe = "-placeholder", ue = "-datalist", Z = "TODO: Add a validMessage", x = "TODO: Add an invalidMessage", $e = "Back", Le = "BurgerMenu", Ee = "brand", Ae = 4, ce = "Close Button", mn = "density", bn = "color";
+var ve = /* @__PURE__ */ ((t) => (t.FUNCTIONAL = "functional", t.REGULAR = "regular", t.EXPRESSIVE = "expressive", t))(ve || {});
+const gn = Object.entries(ve).map(([, t]) => t);
+var pe = /* @__PURE__ */ ((t) => (t.PRIMARY = "primary", t))(pe || {}), he = /* @__PURE__ */ ((t) => (t.NEUTRAL_BG_LEVEL_1 = "neutral-bg-basic-level-1", t.NEUTRAL_BG_LEVEL_2 = "neutral-bg-basic-level-2", t.NEUTRAL_BG_LEVEL_3 = "neutral-bg-basic-level-3", t.NEUTRAL_BG_TRANSPARENT_SEMI = "neutral-bg-basic-transparent-semi", t.NEUTRAL_BG_TRANSPARENT_FULL = "neutral-bg-basic-transparent-full", t.BRAND_BG_LEVEL_1 = "brand-bg-basic-level-1", t.BRAND_BG_LEVEL_2 = "brand-bg-basic-level-2", t.BRAND_BG_LEVEL_3 = "brand-bg-basic-level-3", t.BRAND_BG_TRANSPARENT_SEMI = "brand-bg-basic-transparent-semi", t.BRAND_BG_TRANSPARENT_FULL = "brand-bg-basic-transparent-full", t.SUCCESSFUL_BG_LEVEL_1 = "successful-bg-basic-level-1", t.SUCCESSFUL_BG_LEVEL_2 = "successful-bg-basic-level-2", t.SUCCESSFUL_BG_LEVEL_3 = "successful-bg-basic-level-3", t.SUCCESSFUL_BG_TRANSPARENT_SEMI = "successful-bg-basic-transparent-semi", t.SUCCESSFUL_BG_TRANSPARENT_FULL = "successful-bg-basic-transparent-full", t.CRITICAL_BG_LEVEL_1 = "critical-bg-basic-level-1", t.CRITICAL_BG_LEVEL_2 = "critical-bg-basic-level-2", t.CRITICAL_BG_LEVEL_3 = "critical-bg-basic-level-3", t.CRITICAL_BG_TRANSPARENT_SEMI = "critical-bg-basic-transparent-semi", t.CRITICAL_BG_TRANSPARENT_Full = "critical-bg-basic-transparent-full", t.WARNING_BG_LEVEL_1 = "warning-bg-basic-level-1", t.WARNING_BG_LEVEL_2 = "warning-bg-basic-level-2", t.WARNING_BG_LEVEL_3 = "warning-bg-basic-level-3", t.WARNING_BG_TRANSPARENT_SEMI = "warning-bg-basic-transparent-semi", t.WARNING_BG_TRANSPARENT_FULL = "warning-bg-basic-transparent-full", t.INFORMATIONAL_BG_LEVEL_1 = "informational-bg-basic-level-1", t.INFORMATIONAL_BG_LEVEL_2 = "informational-bg-basic-level-2", t.INFORMATIONAL_BG_LEVEL_3 = "informational-bg-basic-level-3", t.INFORMATIONAL_BG_TRANSPARENT_SEMI = "informational-bg-basic-transparent-semi", t.INFORMATIONAL_BG_TRANSPARENT_FULL = "informational-bg-basic-transparent-full", t))(he || {});
+const yn = Object.entries(he).map(([, t]) => t), Bn = Object.entries(pe).map(([, t]) => t);
+var me = /* @__PURE__ */ ((t) => (t.CRITICAL = "critical", t.INFORMATIONAL = "informational", t.WARNING = "warning", t.SUCCESSFUL = "successful", t))(me || {});
+const kn = Object.entries(me).map(([, t]) => t), Ne = {
+  width: 390,
+  height: 884
+}, Fe = {
+  width: 1920,
+  height: 1280
+}, wn = [{
+  name: "desktop",
+  ...Fe
+}, {
+  name: "tablet",
+  width: 768,
+  height: 1024
+}, {
+  name: "mobile",
+  ...Ne
+}], Te = ["id", "aria-live", "data-semantic", "data-variant", "data-icon", "data-hide-icon", "data-link-variant"], Se = { key: 0 }, Ce = { key: 1 }, In = /* @__PURE__ */ A({
+  __name: "notification",
+  props: {
+    ariaLive: { default: void 0 },
+    closeable: { type: Boolean, default: void 0 },
+    headline: { default: void 0 },
+    image: {},
+    link: {},
+    linkVariant: { default: void 0 },
+    showHeadline: { type: Boolean, default: void 0 },
+    timestamp: { default: void 0 },
+    showTimestamp: { type: Boolean, default: void 0 },
+    variant: { default: void 0 },
+    children: { default: void 0 },
+    className: { default: void 0 },
+    class: {},
+    describedbyid: {},
+    id: { default: void 0 },
+    autofocus: { type: Boolean },
+    onClose: { type: Function, default: void 0 },
+    icon: { default: void 0 },
+    semantic: { default: void 0 },
+    closeButtonId: { default: void 0 },
+    closeButtonText: { default: void 0 },
+    delay: {},
+    animation: { type: Boolean },
+    width: {},
+    showIcon: { type: Boolean, default: void 0 },
+    text: { default: void 0 }
+  },
+  setup(t) {
+    const n = t, d = o(null);
+    function e(a) {
+      n.onClose && n.onClose();
+    }
+    return (a, u) => (m(), g("article", {
+      ref_key: "_ref",
+      ref: d,
+      id: a.id,
+      class: N(r(F)("db-notification", n.class)),
+      "aria-live": a.ariaLive,
+      "data-semantic": a.semantic,
+      "data-variant": a.variant,
+      "data-icon": a.icon,
+      "data-hide-icon": r(P)(a.showIcon),
+      "data-link-variant": a.linkVariant
+    }, [
+      I(a.$slots, "image"),
+      r(q)(a.headline, a.showHeadline) ? (m(), g("header", Se, w(a.headline), 1)) : D("", !0),
+      _("p", null, [
+        a.text ? (m(), g(T, { key: 0 }, [
+          E(w(a.text), 1)
+        ], 64)) : I(a.$slots, "default", { key: 1 })
+      ]),
+      r(q)(a.timestamp, a.showTimestamp) ? (m(), g("span", Ce, w(a.timestamp), 1)) : D("", !0),
+      I(a.$slots, "link"),
+      a.closeable ? (m(), X(te, {
+        key: 2,
+        icon: "cross",
+        variant: "ghost",
+        size: "small",
+        id: a.closeButtonId,
+        noText: !0,
+        onClick: (l) => e()
+      }, {
+        default: z(() => [
+          E(w(a.closeButtonText ?? r(ce)), 1)
+        ]),
+        _: 1
+      }, 8, ["id", "onClick"])) : D("", !0)
+    ], 10, Te));
+  }
+}), De = ["id", "data-semantic", "data-size", "data-emphasis", "data-placement", "data-label"], _n = /* @__PURE__ */ A({
+  __name: "badge",
+  props: {
+    placement: { default: void 0 },
+    label: { default: void 0 },
+    children: { default: void 0 },
+    className: { default: void 0 },
+    class: {},
+    describedbyid: {},
+    id: { default: void 0 },
+    autofocus: { type: Boolean },
+    semantic: { default: void 0 },
+    size: { default: void 0 },
+    emphasis: { default: void 0 },
+    text: { default: void 0 }
+  },
+  setup(t) {
+    const n = t, d = o(!1), e = o(null);
+    return U(() => {
+      d.value = !0;
+    }), R(
+      () => [e.value, d.value],
+      () => {
+        var a;
+        if (e.value && d.value && (a = n.placement) != null && a.startsWith("corner")) {
+          let u = e.value.parentElement;
+          u && u.localName.includes("badge") && (u = u.parentElement), u && u.setAttribute("data-has-badge", "true");
+        }
+      },
+      {
+        immediate: !0,
+        flush: "post"
+      }
+    ), (a, u) => {
+      var l;
+      return m(), g("span", {
+        ref_key: "_ref",
+        ref: e,
+        id: a.id,
+        class: N(r(F)("db-badge", n.class)),
+        "data-semantic": a.semantic,
+        "data-size": a.size,
+        "data-emphasis": a.emphasis,
+        "data-placement": a.placement,
+        "data-label": ((l = a.placement) == null ? void 0 : l.startsWith("corner")) && (a.label ?? r(le))
+      }, [
+        a.text ? (m(), g(T, { key: 0 }, [
+          E(w(a.text), 1)
+        ], 64)) : I(a.$slots, "default", { key: 1 })
+      ], 10, De);
+    };
+  }
+}), Me = ["data-icon", "data-hide-icon", "id"], $n = /* @__PURE__ */ A({
+  __name: "brand",
+  props: {
+    hideLogo: { type: Boolean, default: void 0 },
+    children: { default: void 0 },
+    className: { default: void 0 },
+    class: {},
+    describedbyid: {},
+    id: { default: void 0 },
+    autofocus: { type: Boolean },
+    icon: { default: void 0 },
+    showIcon: { type: Boolean, default: void 0 },
+    text: { default: void 0 }
+  },
+  setup(t) {
+    const n = t, d = o(null);
+    return (e, a) => (m(), g("div", {
+      ref_key: "_ref",
+      ref: d,
+      "data-icon": e.hideLogo ? "none" : e.icon ?? r(Ee),
+      "data-hide-icon": r(P)(e.showIcon),
+      id: e.id,
+      class: N(r(F)("db-brand", n.class))
+    }, [
+      e.text ? (m(), g(T, { key: 0 }, [
+        E(w(e.text), 1)
+      ], 64)) : I(e.$slots, "default", { key: 1 })
+    ], 10, Me));
+  }
+}), Re = ["id", "data-behavior", "data-elevation-level", "data-spacing", "role", "tabIndex"], Ln = /* @__PURE__ */ A({
+  __name: "card",
+  props: {
+    behavior: { default: void 0 },
+    elevationLevel: { default: void 0 },
+    children: { default: void 0 },
+    className: { default: void 0 },
+    class: {},
+    describedbyid: {},
+    id: { default: void 0 },
+    autofocus: { type: Boolean },
+    onClick: { type: Function, default: void 0 },
+    spacing: { default: void 0 }
+  },
+  setup(t) {
+    const n = t, d = o(null);
+    function e(a) {
+      n.onClick && n.onClick(a);
+    }
+    return (a, u) => (m(), g("div", {
+      ref_key: "_ref",
+      ref: d,
+      id: a.id,
+      class: N(r(F)("db-card", n.class)),
+      "data-behavior": a.behavior,
+      "data-elevation-level": a.elevationLevel,
+      "data-spacing": a.spacing,
+      role: a.behavior === "interactive" ? "button" : void 0,
+      tabIndex: a.behavior === "interactive" ? 0 : void 0,
+      onClick: u[0] || (u[0] = async (l) => e(l))
+    }, [
+      I(a.$slots, "default")
+    ], 10, Re));
+  }
+}), ae = (t, n, d = "value") => {
+  t(`update:${d}`, n.target[d]);
+}, ze = ["id", "data-icon", "data-semantic", "data-size", "data-hide-icon-before"], O = /* @__PURE__ */ A({
+  __name: "infotext",
+  props: {
+    children: { default: void 0 },
+    className: { default: void 0 },
+    class: {},
+    describedbyid: {},
+    id: { default: void 0 },
+    autofocus: { type: Boolean },
+    semantic: { default: void 0 },
+    icon: { default: void 0 },
+    size: { default: void 0 },
+    showIcon: { type: Boolean, default: void 0 },
+    text: { default: void 0 }
+  },
+  setup(t) {
+    const n = t, d = o(null);
+    return (e, a) => (m(), g("span", {
+      ref_key: "_ref",
+      ref: d,
+      id: e.id,
+      class: N(r(F)("db-infotext", n.class)),
+      "data-icon": e.icon,
+      "data-semantic": e.semantic,
+      "data-size": e.size,
+      "data-hide-icon-before": r(P)(e.showIcon ?? !0)
+    }, [
+      e.text ? (m(), g(T, { key: 0 }, [
+        E(w(e.text), 1)
+      ], 64)) : I(e.$slots, "default", { key: 1 })
+    ], 10, ze));
+  }
+}), Ue = ["data-size", "data-hide-label"], Pe = ["for"], Ge = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "value", "required", "aria-describedby"], Ve = {
+  "data-visually-hidden": "true",
+  role: "status"
+}, En = /* @__PURE__ */ A({
+  __name: "checkbox",
+  props: {
+    indeterminate: { type: Boolean, default: void 0 },
+    children: { default: void 0 },
+    className: { default: void 0 },
+    class: {},
+    describedbyid: {},
+    id: { default: void 0 },
+    autofocus: { type: Boolean },
+    change: { type: Function, default: void 0 },
+    onChange: { type: Function, default: void 0 },
+    blur: { type: Function, default: void 0 },
+    onBlur: { type: Function, default: void 0 },
+    focus: { type: Function, default: void 0 },
+    onFocus: { type: Function, default: void 0 },
+    validation: { default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    form: {},
+    label: { default: void 0 },
+    name: { default: void 0 },
+    required: { type: Boolean, default: void 0 },
+    showLabel: { type: Boolean, default: void 0 },
+    value: { default: void 0 },
+    checked: { type: Boolean, default: void 0 },
+    variant: {},
+    placeholder: {},
+    message: { default: void 0 },
+    validMessage: { default: void 0 },
+    invalidMessage: { default: void 0 },
+    messageIcon: { default: void 0 },
+    autocomplete: {},
+    showMessage: { type: Boolean, default: void 0 },
+    size: { default: void 0 }
+  },
+  emits: ["update:checked"],
+  setup(t, { emit: n }) {
+    const d = n, e = t, a = o(!1), u = o(void 0), l = o(void 0), c = o(void 0), i = o(void 0), h = o(""), s = o(""), B = o(null);
+    U(() => {
+      a.value = !0;
+      const v = e.id ?? `checkbox-${V()}`;
+      u.value = v, l.value = v + K, c.value = v + J, i.value = v + Q;
+    }), R(
+      () => [u.value],
+      () => {
+        if (u.value) {
+          const v = u.value + K;
+          l.value = v, c.value = u.value + J, i.value = u.value + Q, q(e.message, e.showMessage) && (h.value = v);
+        }
+      },
+      {
+        immediate: !0,
+        flush: "post"
+      }
+    ), R(
+      () => [a.value, e.indeterminate, e.checked],
+      () => {
+        if (a.value && document && u.value) {
+          const v = document == null ? void 0 : document.getElementById(
+            u.value
+          );
+          v && (e.checked != null && (v.checked = e.checked), e.indeterminate !== void 0 && (v.indeterminate = e.indeterminate), a.value = !1);
+        }
+      },
+      {
+        immediate: !0,
+        flush: "post"
+      }
+    );
+    function y(v) {
+      var p, $, f;
+      e.onChange && e.onChange(v), e.change && e.change(v), ae(d, v, "checked"), !((p = B.value) != null && p.validity.valid) || e.validation === "invalid" ? (h.value = i.value, Y() && (s.value = e.invalidMessage ?? (($ = B.value) == null ? void 0 : $.validationMessage) ?? x, H(() => s.value = "", 1e3))) : e.validation === "valid" || (f = B.value) != null && f.validity.valid && e.required ? (h.value = c.value, Y() && (s.value = e.validMessage ?? Z, H(() => s.value = "", 1e3))) : q(e.message, e.showMessage) ? h.value = l.value : h.value = "";
+    }
+    function L(v) {
+      e.onBlur && e.onBlur(v), e.blur && e.blur(v);
+    }
+    function k(v) {
+      e.onFocus && e.onFocus(v), e.focus && e.focus(v);
+    }
+    return (v, p) => (m(), g("div", {
+      class: N(r(F)("db-checkbox", e.class)),
+      "data-size": v.size,
+      "data-hide-label": r(P)(v.showLabel)
+    }, [
+      _("label", { for: u.value }, [
+        _("input", {
+          type: "checkbox",
+          "aria-invalid": v.validation === "invalid",
+          "data-custom-validity": v.validation,
+          ref_key: "_ref",
+          ref: B,
+          id: u.value,
+          name: v.name,
+          checked: v.checked,
+          disabled: v.disabled,
+          value: v.value,
+          required: v.required,
+          onChange: p[0] || (p[0] = async ($) => y($)),
+          onBlur: p[1] || (p[1] = async ($) => L($)),
+          onFocus: p[2] || (p[2] = async ($) => k($)),
+          "aria-describedby": h.value
+        }, null, 40, Ge),
+        v.label ? (m(), g(T, { key: 0 }, [
+          E(w(v.label), 1)
+        ], 64)) : I(v.$slots, "default", { key: 1 })
+      ], 8, Pe),
+      r(q)(v.message, v.showMessage) ? (m(), X(O, {
+        key: 0,
+        size: "small",
+        icon: v.messageIcon,
+        id: l.value
+      }, {
+        default: z(() => [
+          E(w(v.message), 1)
+        ]),
+        _: 1
+      }, 8, ["icon", "id"])) : D("", !0),
+      W(O, {
+        size: "small",
+        semantic: "successful",
+        id: c.value
+      }, {
+        default: z(() => [
+          E(w(v.validMessage ?? r(Z)), 1)
+        ]),
+        _: 1
+      }, 8, ["id"]),
+      W(O, {
+        size: "small",
+        semantic: "critical",
+        id: i.value
+      }, {
+        default: z(() => {
+          var $;
+          return [
+            E(w(v.invalidMessage ?? (($ = B.value) == null ? void 0 : $.validationMessage) ?? r(x)), 1)
+          ];
+        }),
+        _: 1
+      }, 8, ["id"]),
+      _("span", Ve, w(s.value), 1)
+    ], 10, Ue));
+  }
+}), qe = ["id", "data-margin", "data-variant", "data-emphasis", "data-width"], An = /* @__PURE__ */ A({
+  __name: "divider",
+  props: {
+    margin: { default: void 0 },
+    variant: { default: void 0 },
+    children: {},
+    className: { default: void 0 },
+    class: {},
+    describedbyid: {},
+    id: { default: void 0 },
+    autofocus: { type: Boolean },
+    emphasis: { default: void 0 },
+    width: { default: void 0 }
+  },
+  setup(t) {
+    const n = t, d = o(null);
+    return (e, a) => (m(), g("div", {
+      ref_key: "_ref",
+      ref: d,
+      id: e.id,
+      "data-margin": e.margin,
+      "data-variant": e.variant,
+      "data-emphasis": e.emphasis,
+      "data-width": e.width,
+      class: N(r(F)("db-divider", n.class))
+    }, null, 10, qe));
+  }
+}), We = ["id", "data-backdrop", "data-variant"], Oe = ["data-spacing", "data-width", "data-direction", "data-rounded"], Xe = { class: "db-drawer-header" }, He = { class: "db-drawer-header-text" }, je = { class: "db-drawer-content" }, Ye = /* @__PURE__ */ A({
+  __name: "drawer",
+  props: {
+    backdrop: { default: void 0 },
+    direction: { default: void 0 },
+    drawerHeader: {},
+    open: { type: Boolean, default: void 0 },
+    rounded: { type: Boolean, default: void 0 },
+    variant: { default: void 0 },
+    children: { default: void 0 },
+    className: { default: void 0 },
+    class: {},
+    describedbyid: {},
+    id: { default: void 0 },
+    autofocus: { type: Boolean },
+    onClose: { type: Function, default: void 0 },
+    closeButtonId: { default: void 0 },
+    closeButtonText: { default: void 0 },
+    width: { default: void 0 },
+    spacing: { default: void 0 }
+  },
+  setup(t) {
+    const n = t, d = o(null), e = o(null);
+    U(() => {
+      u();
+    }), R(
+      () => [n.open],
+      () => {
+        u();
+      },
+      {
+        immediate: !0,
+        flush: "post"
+      }
+    );
+    function a(l) {
+      l.key === "Escape" && l.preventDefault(), (l === "close" || l.key === "Escape" || l.target.nodeName === "DIALOG" && l.type === "click" && n.backdrop !== "none") && n.onClose && n.onClose(l);
+    }
+    function u() {
+      d.value && (n.open && !d.value.open && (e.value && (e.value.hidden = !1), n.backdrop === "none" || n.variant === "inside" ? d.value.show() : d.value.showModal()), !n.open && d.value.open && (e.value && (e.value.hidden = !0), H(() => {
+        var l;
+        e.value && (e.value.hidden = !1), (l = d.value) == null || l.close();
+      }, 401)));
+    }
+    return (l, c) => (m(), g("dialog", {
+      class: "db-drawer",
+      id: l.id,
+      ref_key: "_ref",
+      ref: d,
+      onClick: c[0] || (c[0] = async (i) => {
+        a(i);
+      }),
+      onKeydown: c[1] || (c[1] = async (i) => a(i)),
+      "data-backdrop": l.backdrop,
+      "data-variant": l.variant
+    }, [
+      _("article", {
+        ref_key: "dialogContainerRef",
+        ref: e,
+        class: N(r(F)("db-drawer-container", n.class)),
+        "data-spacing": l.spacing,
+        "data-width": l.width,
+        "data-direction": l.direction,
+        "data-rounded": l.rounded
+      }, [
+        _("header", Xe, [
+          _("div", He, [
+            I(l.$slots, "drawer-header")
+          ]),
+          W(te, {
+            class: "button-close-drawer",
+            icon: "cross",
+            variant: "ghost",
+            id: l.closeButtonId,
+            noText: !0,
+            onClick: (i) => a("close")
+          }, {
+            default: z(() => [
+              E(w(l.closeButtonText ?? r(ce)), 1)
+            ]),
+            _: 1
+          }, 8, ["id", "onClick"])
+        ]),
+        _("div", je, [
+          I(l.$slots, "default")
+        ])
+      ], 10, Oe)
+    ], 40, We));
+  }
+}), Ke = (t) => {
+  var d, e;
+  const {
+    target: n
+  } = t;
+  return !!(!((d = n == null ? void 0 : n.classList) != null && d.contains("db-navigation-item-expand-button")) && ((e = n == null ? void 0 : n.parentElement) != null && e.classList.contains("db-navigation-item")));
+};
+class Je {
+  constructor(n, d) {
+    j(this, "element");
+    j(this, "subNavigation");
+    j(this, "parentSubNavigation", null);
+    j(this, "triangleData");
+    j(this, "initialized", !1);
+    j(this, "mouseX", 0);
+    j(this, "mouseY", 0);
+    var e;
+    this.element = n, this.subNavigation = d, !(!this.element || !this.subNavigation) && (this.parentSubNavigation = (e = this.element) == null ? void 0 : e.closest(".db-sub-navigation"), this.parentSubNavigation && !this.element.closest(".db-drawer") && this.init());
+  }
+  init() {
+    var d, e;
+    const n = ((d = this.parentSubNavigation) == null ? void 0 : d.getBoundingClientRect().width) ?? 0;
+    (e = this.element) == null || e.style.setProperty("--db-navigation-item-inline-size", `${n}px`), this.initialized = !0;
+  }
+  enableFollow() {
+    var a;
+    if (!this.initialized || this.triangleData || !this.element || !this.subNavigation)
+      return;
+    const n = se(this.subNavigation), d = this.element.getBoundingClientRect(), e = ((a = this.parentSubNavigation) == null ? void 0 : a.getBoundingClientRect().width) ?? 0;
+    this.triangleData = {
+      itemRect: d,
+      parentElementWidth: e,
+      subNavigationHeight: this.subNavigation.getBoundingClientRect().height,
+      padding: (e - d.width) / 2,
+      outsideVX: n.vx,
+      outsideVY: n.vy
+    };
+  }
+  disableFollow() {
+    this.triangleData = void 0;
+  }
+  getTriangleTipX() {
+    return this.triangleData ? this.triangleData.outsideVX === "right" ? this.triangleData.itemRect.width - this.mouseX : Math.min(this.mouseX, this.triangleData.itemRect.width * 0.75) : 0;
+  }
+  getTriangleTipY() {
+    if (!this.triangleData) return 0;
+    const n = Math.max(Math.min(this.mouseY, this.triangleData.itemRect.height), 0) + this.triangleData.padding;
+    return this.triangleData.outsideVY === "bottom" ? n + (this.triangleData.subNavigationHeight - this.triangleData.padding * 2 - this.triangleData.itemRect.height) : n;
+  }
+  hasMouseEnteredSubNavigation() {
+    if (!this.triangleData)
+      return !1;
+    const n = this.triangleData.outsideVX === "right";
+    return !!(n && this.mouseX < -1 * this.triangleData.padding || !n && this.mouseX > this.triangleData.parentElementWidth - this.triangleData.padding);
+  }
+  getTriangleCoordinates(n) {
+    if (!this.triangleData)
+      return;
+    if (n === "fill-gap") {
+      const l = `${this.triangleData.itemRect.height + 2 * this.triangleData.padding}px`, c = `${this.triangleData.parentElementWidth - this.triangleData.padding}px`;
+      return {
+        lb: `${c} ${l}`,
+        lt: `${c} 0`,
+        rt: "100% 0",
+        rb: `100% ${l}`
+      };
+    }
+    const d = this.getTriangleTipX(), e = this.getTriangleTipY(), a = `${d}px ${e}px`, u = `${d}px ${e}px`;
+    return {
+      lb: a,
+      lt: u,
+      rt: "100% 0",
+      rb: "100% 100%"
+    };
+  }
+  followByMouseEvent(n) {
+    if (!this.initialized || !this.triangleData || !this.element || !this.subNavigation)
+      return;
+    this.mouseX = n.clientX - this.triangleData.itemRect.left, this.mouseY = n.clientY - this.triangleData.itemRect.top;
+    const d = this.hasMouseEnteredSubNavigation(), e = this.getTriangleCoordinates(d ? "fill-gap" : "safe-triangle");
+    e && (this.element.style.setProperty("--db-navigation-item-clip-path", `polygon(${e.lb}, ${e.lt}, ${e.rt}, ${e.rb})`), d && (this.triangleData = void 0));
+  }
+}
+const Qe = ["id", "data-width", "data-on-forcing-mobile"], Ze = { class: "db-header-drawer-navigation" }, xe = { class: "db-header-meta-navigation" }, ea = { class: "db-header-secondary-action" }, aa = { class: "db-header-meta-navigation" }, na = { class: "db-header-navigation-bar" }, ta = { class: "db-header-brand-container" }, da = { class: "db-header-navigation-container" }, ia = { class: "db-header-navigation" }, la = { class: "db-header-primary-action" }, sa = { class: "db-header-action-container" }, oa = { class: "db-header-burger-menu-container" }, ua = { class: "db-header-secondary-action" }, Nn = /* @__PURE__ */ A({
+  __name: "header",
+  props: {
+    brand: {},
+    metaNavigation: {},
+    primaryAction: {},
+    secondaryAction: {},
+    drawerOpen: { type: Boolean, default: void 0 },
+    forceMobile: { type: Boolean, default: void 0 },
+    burgerMenuLabel: { default: void 0 },
+    children: { default: void 0 },
+    className: { default: void 0 },
+    class: {},
+    describedbyid: {},
+    id: { default: void 0 },
+    autofocus: { type: Boolean },
+    onToggle: { type: Function, default: void 0 },
+    width: { default: void 0 }
+  },
+  setup(t) {
+    const n = t, d = o(ee), e = o(!1), a = o(!1), u = o(null);
+    U(() => {
+      e.value = !0, d.value = n.id || "header-" + V();
+    }), R(
+      () => [e.value],
+      () => {
+        if (e.value && document && d.value && n.forceMobile) {
+          const i = document.getElementById(d.value);
+          i && re(i, {
+            key: "data-force-mobile",
+            value: "true"
+          }), a.value = !0;
+        }
+      },
+      {
+        immediate: !0,
+        flush: "post"
+      }
+    );
+    function l() {
+      n.onToggle && n.onToggle(!n.drawerOpen);
+    }
+    function c(i) {
+      Ke(i) && l();
+    }
+    return (i, h) => (m(), g("header", {
+      ref_key: "_ref",
+      ref: u,
+      class: N(r(F)("db-header", n.class)),
+      id: d.value,
+      "data-width": i.width,
+      "data-on-forcing-mobile": i.forceMobile && !a.value
+    }, [
+      W(Ye, {
+        class: "db-header-drawer",
+        spacing: "small",
+        rounded: !0,
+        open: i.drawerOpen,
+        onClose: () => l()
+      }, {
+        default: z(() => [
+          _("div", Ze, [
+            _("div", {
+              class: "db-header-navigation",
+              onClick: h[0] || (h[0] = async (s) => c(s))
+            }, [
+              I(i.$slots, "default")
+            ]),
+            _("div", xe, [
+              I(i.$slots, "meta-navigation")
+            ])
+          ]),
+          _("div", ea, [
+            I(i.$slots, "secondary-action")
+          ])
+        ]),
+        _: 3
+      }, 8, ["open", "onClose"]),
+      _("div", aa, [
+        I(i.$slots, "meta-navigation")
+      ]),
+      _("div", na, [
+        _("div", ta, [
+          I(i.$slots, "brand")
+        ]),
+        _("div", da, [
+          _("div", ia, [
+            I(i.$slots, "default")
+          ]),
+          _("div", la, [
+            I(i.$slots, "primary-action")
+          ])
+        ]),
+        _("div", sa, [
+          _("div", oa, [
+            W(te, {
+              icon: "menu",
+              variant: "ghost",
+              id: d.value + "-burger-menu",
+              noText: !0,
+              onClick: () => l()
+            }, {
+              default: z(() => [
+                E(w(i.burgerMenuLabel ?? r(Le)), 1)
+              ]),
+              _: 1
+            }, 8, ["id", "onClick"])
+          ]),
+          _("div", ua, [
+            I(i.$slots, "secondary-action")
+          ])
+        ])
+      ])
+    ], 10, Qe));
+  }
+}), ra = ["id", "data-icon", "data-icon-weight", "data-icon-variant"], Fn = /* @__PURE__ */ A({
+  __name: "icon",
+  props: {
+    variant: { default: void 0 },
+    weight: { default: void 0 },
+    children: { default: void 0 },
+    className: { default: void 0 },
+    class: {},
+    describedbyid: {},
+    id: { default: void 0 },
+    autofocus: { type: Boolean },
+    icon: { default: void 0 },
+    text: { default: void 0 }
+  },
+  setup(t) {
+    const n = t, d = o(null);
+    return (e, a) => (m(), g("span", {
+      "aria-hidden": "true",
+      ref_key: "_ref",
+      ref: d,
+      id: e.id,
+      class: N(r(F)("db-icon", n.class)),
+      "data-icon": e.icon,
+      "data-icon-weight": e.weight,
+      "data-icon-variant": e.variant
+    }, [
+      e.text ? (m(), g(T, { key: 0 }, [
+        E(w(e.text), 1)
+      ], 64)) : I(e.$slots, "default", { key: 1 })
+    ], 10, ra));
+  }
+}), fa = ["data-variant", "data-hide-label", "data-hide-icon", "data-icon", "data-icon-after", "data-hide-icon-after"], ca = ["for"], va = ["aria-invalid", "data-custom-validity", "id", "name", "type", "placeholder", "disabled", "required", "step", "value", "maxLength", "minLength", "max", "min", "readOnly", "form", "pattern", "autoComplete", "autoFocus", "list", "aria-describedby"], pa = ["id"], ha = ["value"], ma = {
+  "data-visually-hidden": "true",
+  role: "status"
+}, Tn = /* @__PURE__ */ A({
+  __name: "input",
+  props: {
+    dataList: { default: void 0 },
+    dataListId: { default: void 0 },
+    max: { default: void 0 },
+    min: { default: void 0 },
+    pattern: { default: void 0 },
+    type: { default: void 0 },
+    step: { default: void 0 },
+    children: { default: void 0 },
+    className: { default: void 0 },
+    class: {},
+    describedbyid: {},
+    id: { default: void 0 },
+    autofocus: { type: Boolean, default: void 0 },
+    maxLength: { default: void 0 },
+    minLength: { default: void 0 },
+    readOnly: { type: Boolean, default: void 0 },
+    input: { type: Function, default: void 0 },
+    onInput: { type: Function, default: void 0 },
+    change: { type: Function, default: void 0 },
+    onChange: { type: Function, default: void 0 },
+    blur: { type: Function, default: void 0 },
+    onBlur: { type: Function, default: void 0 },
+    focus: { type: Function, default: void 0 },
+    onFocus: { type: Function, default: void 0 },
+    validation: { default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    form: { default: void 0 },
+    label: { default: void 0 },
+    name: { default: void 0 },
+    required: { type: Boolean, default: void 0 },
+    showLabel: { type: Boolean, default: void 0 },
+    value: { default: void 0 },
+    icon: { default: void 0 },
+    iconAfter: { default: void 0 },
+    variant: { default: void 0 },
+    placeholder: { default: void 0 },
+    message: { default: void 0 },
+    validMessage: { default: void 0 },
+    invalidMessage: { default: void 0 },
+    messageIcon: { default: void 0 },
+    autocomplete: { default: void 0 },
+    showMessage: { type: Boolean, default: void 0 },
+    showIcon: { type: Boolean, default: void 0 }
+  },
+  emits: ["update:value"],
+  setup(t, { emit: n }) {
+    const d = n, e = t, a = o(void 0), u = o(void 0), l = o(void 0), c = o(void 0), i = o(void 0), h = o(""), s = o(""), B = o(""), y = o(null);
+    U(() => {
+      const f = e.id ?? `input-${V()}`;
+      a.value = f, u.value = f + K, l.value = f + J, c.value = f + Q, i.value = f + ue;
+    }), R(
+      () => [a.value],
+      () => {
+        if (a.value) {
+          const f = a.value + K;
+          u.value = f, l.value = a.value + J, c.value = a.value + Q, i.value = e.dataListId ?? a.value + ue, q(e.message, e.showMessage) && (h.value = f);
+        }
+      },
+      {
+        immediate: !0,
+        flush: "post"
+      }
+    ), R(
+      () => [e.value],
+      () => {
+        s.value = e.value;
+      },
+      {
+        immediate: !0,
+        flush: "post"
+      }
+    );
+    function L(f) {
+      s.value = f.target.value, e.onInput && e.onInput(f), e.input && e.input(f);
+    }
+    function k(f) {
+      var M, b, S;
+      e.onChange && e.onChange(f), e.change && e.change(f), ae(d, f), !((M = y.value) != null && M.validity.valid) || e.validation === "invalid" ? (h.value = c.value, Y() && (B.value = e.invalidMessage ?? ((b = y.value) == null ? void 0 : b.validationMessage) ?? x, H(() => B.value = "", 1e3))) : e.validation === "valid" || (S = y.value) != null && S.validity.valid && (e.required || e.minLength || e.maxLength || e.pattern) ? (h.value = l.value, Y() && (B.value = e.validMessage ?? Z, H(() => B.value = "", 1e3))) : q(e.message, e.showMessage) ? h.value = u.value : h.value = "";
+    }
+    function v(f) {
+      e.onBlur && e.onBlur(f), e.blur && e.blur(f);
+    }
+    function p(f) {
+      e.onFocus && e.onFocus(f), e.focus && e.focus(f);
+    }
+    function $(f) {
+      return Array.from(
+        (we(f) ? f.map((M) => ({
+          value: M,
+          label: void 0
+        })) : f) || []
+      );
+    }
+    return (f, M) => (m(), g("div", {
+      class: N(r(F)("db-input", e.class)),
+      "data-variant": f.variant,
+      "data-hide-label": r(P)(f.showLabel),
+      "data-hide-icon": r(P)(f.showIcon),
+      "data-icon": f.icon,
+      "data-icon-after": f.iconAfter,
+      "data-hide-icon-after": r(P)(f.showIcon)
+    }, [
+      _("label", { for: a.value }, w(f.label ?? r(le)), 9, ca),
+      _("input", {
+        "aria-invalid": f.validation === "invalid",
+        "data-custom-validity": f.validation,
+        ref_key: "_ref",
+        ref: y,
+        id: a.value,
+        name: f.name,
+        type: f.type || "text",
+        placeholder: f.placeholder ?? r(fe),
+        disabled: f.disabled,
+        required: f.required,
+        step: f.step,
+        value: f.value ?? s.value,
+        maxLength: f.maxLength,
+        minLength: f.minLength,
+        max: f.max,
+        min: f.min,
+        readOnly: f.readOnly,
+        form: f.form,
+        pattern: f.pattern,
+        autoComplete: f.autocomplete,
+        autoFocus: f.autofocus,
+        onInput: M[0] || (M[0] = async (b) => L(b)),
+        onChange: M[1] || (M[1] = async (b) => k(b)),
+        onBlur: M[2] || (M[2] = async (b) => v(b)),
+        onFocus: M[3] || (M[3] = async (b) => p(b)),
+        list: f.dataList && i.value,
+        "aria-describedby": h.value
+      }, null, 40, va),
+      f.dataList ? (m(), g("datalist", {
+        key: 0,
+        id: i.value
+      }, [
+        (m(!0), g(T, null, ne($(f.dataList), (b) => (m(), g("option", {
+          key: i.value + "-option-" + b.value,
+          value: b.value
+        }, w(b.label), 9, ha))), 128))
+      ], 8, pa)) : D("", !0),
+      I(f.$slots, "default"),
+      r(q)(f.message, f.showMessage) ? (m(), X(O, {
+        key: 1,
+        size: "small",
+        icon: f.messageIcon,
+        id: u.value
+      }, {
+        default: z(() => [
+          E(w(f.message), 1)
+        ]),
+        _: 1
+      }, 8, ["icon", "id"])) : D("", !0),
+      W(O, {
+        size: "small",
+        semantic: "successful",
+        id: l.value
+      }, {
+        default: z(() => [
+          E(w(f.validMessage ?? r(Z)), 1)
+        ]),
+        _: 1
+      }, 8, ["id"]),
+      W(O, {
+        size: "small",
+        semantic: "critical",
+        id: c.value
+      }, {
+        default: z(() => {
+          var b;
+          return [
+            E(w(f.invalidMessage ?? ((b = y.value) == null ? void 0 : b.validationMessage) ?? r(x)), 1)
+          ];
+        }),
+        _: 1
+      }, 8, ["id"]),
+      _("span", ma, w(B.value), 1)
+    ], 10, fa));
+  }
+}), ba = ["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"], Sn = /* @__PURE__ */ A({
+  __name: "link",
+  props: {
+    content: { default: void 0 },
+    size: { default: void 0 },
+    variant: { default: void 0 },
+    children: { default: void 0 },
+    className: { default: void 0 },
+    class: {},
+    describedbyid: {},
+    id: { default: void 0 },
+    autofocus: { type: Boolean },
+    onClick: { type: Function, default: void 0 },
+    current: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    href: { default: void 0 },
+    hreflang: { default: void 0 },
+    label: { default: void 0 },
+    target: { default: void 0 },
+    rel: { default: void 0 },
+    role: { default: void 0 },
+    referrerpolicy: {},
+    selected: { type: Boolean, default: void 0 },
+    showIcon: { type: Boolean, default: void 0 },
+    text: { default: void 0 }
+  },
+  setup(t) {
+    const n = t, d = o(null);
+    function e(a) {
+      n.onClick && n.onClick(a);
+    }
+    return (a, u) => (m(), g("a", {
+      ref_key: "_ref",
+      ref: d,
+      id: a.id,
+      class: N(r(F)("db-link", n.class)),
+      href: a.href,
+      target: a.target,
+      rel: a.rel,
+      role: a.role,
+      hrefLang: a.hreflang,
+      "aria-disabled": r(G)(a.disabled),
+      tabIndex: a.disabled ? -1 : 0,
+      "aria-selected": a.selected,
+      "aria-label": a.label,
+      "aria-current": a.current,
+      "data-size": a.size,
+      "data-hide-icon-after": r(P)(a.showIcon ?? !0),
+      "data-variant": a.variant,
+      "data-content": a.content || "internal",
+      onClick: u[0] || (u[0] = async (l) => e(l))
+    }, [
+      a.text ? (m(), g(T, { key: 0 }, [
+        E(w(a.text), 1)
+      ], 64)) : I(a.$slots, "default", { key: 1 })
+    ], 10, ba));
+  }
+}), ga = ["id", "data-variant", "data-fade-in", "data-fonts-loaded"], ya = { class: "db-main" }, Cn = /* @__PURE__ */ A({
+  __name: "page",
+  props: {
+    documentOverflow: { default: void 0 },
+    fadeIn: { type: Boolean, default: void 0 },
+    footer: {},
+    header: {},
+    variant: { default: void 0 },
+    children: { default: void 0 },
+    className: { default: void 0 },
+    class: {},
+    describedbyid: {},
+    id: { default: void 0 },
+    autofocus: { type: Boolean }
+  },
+  setup(t) {
+    const n = t, d = o(!1), e = o(null);
+    return typeof window < "u" && document && (n.documentOverflow === "hidden" || n.variant === "fixed" && n.documentOverflow !== "auto") && document.documentElement.classList.add("db-page-document"), U(() => {
+      d.value = !n.fadeIn, document && n.fadeIn ? document.fonts.ready.then(() => {
+        d.value = !0;
+      }) : d.value = !0;
+    }), ye(() => {
+      typeof window < "u" && document.documentElement.classList.contains("db-page-document") && document.documentElement.classList.remove("db-page-document");
+    }), (a, u) => (m(), g("div", {
+      ref_key: "_ref",
+      ref: e,
+      id: a.id,
+      class: N(r(F)("db-page", n.class)),
+      "data-variant": a.variant,
+      "data-fade-in": a.fadeIn,
+      "data-fonts-loaded": r(G)(d.value)
+    }, [
+      I(a.$slots, "header"),
+      _("main", ya, [
+        I(a.$slots, "default")
+      ]),
+      I(a.$slots, "footer")
+    ], 10, ga));
+  }
+}), Ba = ["data-size", "data-hide-label", "for"], ka = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "aria-describedby", "value", "required"], Dn = /* @__PURE__ */ A({
+  __name: "radio",
+  props: {
+    describedbyid: { default: void 0 },
+    children: { default: void 0 },
+    className: { default: void 0 },
+    class: {},
+    id: { default: void 0 },
+    autofocus: { type: Boolean },
+    change: { type: Function, default: void 0 },
+    onChange: { type: Function, default: void 0 },
+    blur: { type: Function, default: void 0 },
+    onBlur: { type: Function, default: void 0 },
+    focus: { type: Function, default: void 0 },
+    onFocus: { type: Function, default: void 0 },
+    validation: { default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    form: {},
+    label: { default: void 0 },
+    name: { default: void 0 },
+    required: { type: Boolean, default: void 0 },
+    showLabel: { type: Boolean, default: void 0 },
+    value: { default: void 0 },
+    checked: { type: Boolean, default: void 0 },
+    size: { default: void 0 }
+  },
+  emits: ["update:checked"],
+  setup(t, { emit: n }) {
+    const d = n, e = t, a = o(!1), u = o(void 0), l = o(null);
+    U(() => {
+      a.value = !0, u.value = e.id ?? `radio-${V()}`;
+    }), R(
+      () => [a.value, e.checked],
+      () => {
+        if (e.checked && a.value && document && u.value) {
+          const s = document == null ? void 0 : document.getElementById(
+            u.value
+          );
+          s && e.checked != null && (s.checked = !0);
+        }
+      },
+      {
+        immediate: !0,
+        flush: "post"
+      }
+    );
+    function c(s) {
+      e.onChange && e.onChange(s), e.change && e.change(s), ae(d, s, "checked");
+    }
+    function i(s) {
+      e.onBlur && e.onBlur(s), e.blur && e.blur(s);
+    }
+    function h(s) {
+      e.onFocus && e.onFocus(s), e.focus && e.focus(s);
+    }
+    return (s, B) => (m(), g("label", {
+      "data-size": s.size,
+      "data-hide-label": r(P)(s.showLabel),
+      class: N(r(F)("db-radio", e.class)),
+      for: u.value
+    }, [
+      _("input", {
+        type: "radio",
+        "aria-invalid": s.validation === "invalid",
+        "data-custom-validity": s.validation,
+        ref_key: "_ref",
+        ref: l,
+        id: u.value,
+        name: s.name,
+        checked: s.checked,
+        disabled: s.disabled,
+        "aria-describedby": s.describedbyid,
+        value: s.value,
+        required: s.required,
+        onChange: B[0] || (B[0] = async (y) => c(y)),
+        onBlur: B[1] || (B[1] = async (y) => i(y)),
+        onFocus: B[2] || (B[2] = async (y) => h(y))
+      }, null, 40, ka),
+      s.label ? (m(), g(T, { key: 0 }, [
+        E(w(s.label), 1)
+      ], 64)) : I(s.$slots, "default", { key: 1 })
+    ], 10, Ba));
+  }
+}), wa = ["id", "data-spacing", "data-width"], Mn = /* @__PURE__ */ A({
+  __name: "section",
+  props: {
+    children: { default: void 0 },
+    className: { default: void 0 },
+    class: {},
+    describedbyid: {},
+    id: { default: void 0 },
+    autofocus: { type: Boolean },
+    spacing: { default: void 0 },
+    width: { default: void 0 }
+  },
+  setup(t) {
+    const n = t, d = o(ee), e = o(null);
+    return U(() => {
+      d.value = n.id || "section-" + V();
+    }), (a, u) => (m(), g("section", {
+      ref_key: "_ref",
+      ref: e,
+      id: d.value,
+      class: N(r(F)("db-section", n.class)),
+      "data-spacing": a.spacing || "medium",
+      "data-width": a.width
+    }, [
+      I(a.$slots, "default")
+    ], 10, wa));
+  }
+}), Ia = ["data-variant", "data-hide-label", "data-icon", "data-hide-icon"], _a = ["for"], $a = ["aria-invalid", "data-custom-validity", "required", "disabled", "id", "name", "value", "autocomplete", "aria-describedby"], La = ["label"], Ea = ["value", "selected", "disabled"], Aa = ["value", "disabled", "selected"], Na = ["id"], Fa = {
+  "data-visually-hidden": "true",
+  role: "status"
+}, Rn = /* @__PURE__ */ A({
+  __name: "select",
+  props: {
+    description: {},
+    options: { default: void 0 },
+    children: { default: void 0 },
+    className: { default: void 0 },
+    class: {},
+    describedbyid: {},
+    id: { default: void 0 },
+    autofocus: { type: Boolean },
+    onClick: { type: Function, default: void 0 },
+    change: { type: Function, default: void 0 },
+    onChange: { type: Function, default: void 0 },
+    blur: { type: Function, default: void 0 },
+    onBlur: { type: Function, default: void 0 },
+    focus: { type: Function, default: void 0 },
+    onFocus: { type: Function, default: void 0 },
+    input: { type: Function, default: void 0 },
+    onInput: { type: Function, default: void 0 },
+    validation: { default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    form: {},
+    label: { default: void 0 },
+    name: { default: void 0 },
+    required: { type: Boolean, default: void 0 },
+    showLabel: { type: Boolean, default: void 0 },
+    value: { default: void 0 },
+    icon: { default: void 0 },
+    variant: { default: void 0 },
+    placeholder: { default: void 0 },
+    message: { default: void 0 },
+    validMessage: { default: void 0 },
+    invalidMessage: { default: void 0 },
+    messageIcon: { default: void 0 },
+    autocomplete: { default: void 0 },
+    showMessage: { type: Boolean, default: void 0 },
+    showIcon: { type: Boolean, default: void 0 }
+  },
+  emits: ["update:value"],
+  setup(t, { emit: n }) {
+    const d = n, e = t, a = o(void 0), u = o(void 0), l = o(void 0), c = o(void 0), i = o(""), h = o(""), s = o(""), B = o(!1), y = o(""), L = o(null);
+    U(() => {
+      B.value = !0;
+      const b = e.id ?? `select-${V()}`;
+      a.value = b, u.value = b + K, l.value = b + J, c.value = b + Q, i.value = b + oe;
+    }), R(
+      () => [a.value, B.value],
+      () => {
+        if (a.value && B.value) {
+          const b = a.value + K, S = a.value + oe;
+          u.value = b, l.value = a.value + J, c.value = a.value + Q, i.value = S, q(e.message, e.showMessage) ? h.value = b : h.value = S, B.value = !1;
+        }
+      },
+      {
+        immediate: !0,
+        flush: "post"
+      }
+    ), R(
+      () => [e.value],
+      () => {
+        s.value = e.value;
+      },
+      {
+        immediate: !0,
+        flush: "post"
+      }
+    );
+    function k(b) {
+      e.onClick && e.onClick(b);
+    }
+    function v(b) {
+      s.value = b.target.value, e.onInput && e.onInput(b), e.input && e.input(b);
+    }
+    function p(b) {
+      var S, C, ie;
+      e.onChange && e.onChange(b), e.change && e.change(b), ae(d, b), !((S = L.value) != null && S.validity.valid) || e.validation === "invalid" ? (h.value = c.value, Y() && (y.value = e.invalidMessage ?? ((C = L.value) == null ? void 0 : C.validationMessage) ?? x, H(() => y.value = "", 1e3))) : e.validation === "valid" || (ie = L.value) != null && ie.validity.valid && e.required ? (h.value = l.value, Y() && (y.value = e.validMessage ?? Z, H(() => y.value = "", 1e3))) : q(e.message, e.showMessage) ? h.value = u.value : h.value = i.value;
+    }
+    function $(b) {
+      e.onBlur && e.onBlur(b), e.blur && e.blur(b);
+    }
+    function f(b) {
+      e.onFocus && e.onFocus(b), e.focus && e.focus(b);
+    }
+    function M(b) {
+      return b.label ?? b.value.toString();
+    }
+    return (b, S) => (m(), g("div", {
+      class: N(r(F)("db-select", e.class)),
+      "data-variant": b.variant,
+      "data-hide-label": r(P)(b.showLabel),
+      "data-icon": b.icon,
+      "data-hide-icon": r(P)(b.showIcon)
+    }, [
+      _("label", { for: a.value }, w(b.label ?? r(le)), 9, _a),
+      _("select", {
+        "aria-invalid": b.validation === "invalid",
+        "data-custom-validity": b.validation,
+        ref_key: "_ref",
+        ref: L,
+        required: b.required,
+        disabled: b.disabled,
+        id: a.value,
+        name: b.name,
+        value: b.value ?? s.value,
+        autocomplete: b.autocomplete,
+        onInput: S[0] || (S[0] = async (C) => v(C)),
+        onClick: S[1] || (S[1] = async (C) => k(C)),
+        onChange: S[2] || (S[2] = async (C) => p(C)),
+        onBlur: S[3] || (S[3] = async (C) => $(C)),
+        onFocus: S[4] || (S[4] = async (C) => f(C)),
+        "aria-describedby": h.value
+      }, [
+        S[5] || (S[5] = _("option", { hidden: !0 }, null, -1)),
+        b.options ? (m(!0), g(T, { key: 0 }, ne(b.options, (C, ie) => (m(), g(T, { key: ie }, [
+          C.options ? (m(), g("optgroup", {
+            key: 0,
+            label: M(C)
+          }, [
+            (m(!0), g(T, null, ne(C.options, (de, un) => (m(), g("option", {
+              key: de.value.toString(),
+              value: de.value,
+              selected: de.selected,
+              disabled: de.disabled
+            }, w(M(de)), 9, Ea))), 128))
+          ], 8, La)) : D("", !0),
+          C.options ? D("", !0) : (m(), g("option", {
+            key: 1,
+            value: C.value,
+            disabled: C.disabled,
+            selected: C.selected
+          }, w(M(C)), 9, Aa))
+        ], 64))), 128)) : D("", !0),
+        I(b.$slots, "default")
+      ], 40, $a),
+      _("span", { id: i.value }, w(b.placeholder ?? b.label), 9, Na),
+      r(q)(b.message, b.showMessage) ? (m(), X(O, {
+        key: 0,
+        size: "small",
+        icon: b.messageIcon,
+        id: u.value
+      }, {
+        default: z(() => [
+          E(w(b.message), 1)
+        ]),
+        _: 1
+      }, 8, ["icon", "id"])) : D("", !0),
+      W(O, {
+        size: "small",
+        semantic: "successful",
+        id: l.value
+      }, {
+        default: z(() => [
+          E(w(b.validMessage ?? r(Z)), 1)
+        ]),
+        _: 1
+      }, 8, ["id"]),
+      W(O, {
+        size: "small",
+        semantic: "critical",
+        id: c.value
+      }, {
+        default: z(() => {
+          var C;
+          return [
+            E(w(b.invalidMessage ?? ((C = L.value) == null ? void 0 : C.validationMessage) ?? r(x)), 1)
+          ];
+        }),
+        _: 1
+      }, 8, ["id"]),
+      _("span", Fa, w(y.value), 1)
+    ], 10, Ia));
+  }
+}), Ta = ["data-visual-aid", "data-size", "data-hide-label", "data-emphasis", "for"], Sa = ["id", "aria-checked", "checked", "disabled", "aria-describedby", "aria-invalid", "data-custom-validity", "name", "required", "data-aid-icon", "data-aid-icon-after"], zn = /* @__PURE__ */ A({
+  __name: "switch",
+  props: {
+    visualAid: { type: Boolean, default: void 0 },
+    children: { default: void 0 },
+    className: { default: void 0 },
+    class: {},
+    describedbyid: { default: void 0 },
+    id: { default: void 0 },
+    autofocus: { type: Boolean },
+    change: { type: Function, default: void 0 },
+    onChange: { type: Function, default: void 0 },
+    blur: { type: Function, default: void 0 },
+    onBlur: { type: Function, default: void 0 },
+    focus: { type: Function, default: void 0 },
+    onFocus: { type: Function, default: void 0 },
+    validation: { default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    form: {},
+    label: { default: void 0 },
+    name: { default: void 0 },
+    required: { type: Boolean, default: void 0 },
+    showLabel: { type: Boolean, default: void 0 },
+    value: {},
+    checked: { type: Boolean, default: void 0 },
+    emphasis: { default: void 0 },
+    size: { default: void 0 },
+    icon: { default: void 0 },
+    iconAfter: { default: void 0 }
+  },
+  emits: ["update:checked"],
+  setup(t, { emit: n }) {
+    const d = n, e = t, a = o(void 0), u = o(!1);
+    o(!1);
+    const l = o(null);
+    U(() => {
+      a.value = e.id ?? `switch-${V()}`;
+    });
+    function c(s) {
+      var B;
+      e.onChange && e.onChange(s), e.change && e.change(s), u.value = (B = s.target) == null ? void 0 : B.checked, ae(d, s, "checked");
+    }
+    function i(s) {
+      e.onBlur && e.onBlur(s), e.blur && e.blur(s);
+    }
+    function h(s) {
+      e.onFocus && e.onFocus(s), e.focus && e.focus(s);
+    }
+    return (s, B) => (m(), g("label", {
+      "data-visual-aid": r(G)(s.visualAid),
+      "data-size": s.size,
+      "data-hide-label": r(P)(s.showLabel),
+      "data-emphasis": s.emphasis,
+      for: a.value,
+      class: N(r(F)("db-switch", e.class))
+    }, [
+      _("input", {
+        type: "checkbox",
+        role: "switch",
+        id: a.value,
+        "aria-checked": u.value,
+        ref_key: "_ref",
+        ref: l,
+        checked: s.checked,
+        disabled: s.disabled,
+        "aria-describedby": s.describedbyid,
+        "aria-invalid": s.validation === "invalid",
+        "data-custom-validity": s.validation,
+        name: s.name,
+        required: s.required,
+        "data-aid-icon": s.icon,
+        "data-aid-icon-after": s.iconAfter,
+        onChange: B[0] || (B[0] = async (y) => c(y)),
+        onBlur: B[1] || (B[1] = async (y) => i(y)),
+        onFocus: B[2] || (B[2] = async (y) => h(y))
+      }, null, 40, Sa),
+      s.label ? (m(), g(T, { key: 0 }, [
+        E(w(s.label), 1)
+      ], 64)) : I(s.$slots, "default", { key: 1 })
+    ], 10, Ta));
+  }
+}), Ca = ["for", "data-icon", "data-icon-after", "data-hide-icon", "data-hide-icon-after", "data-no-text"], Da = ["disabled", "aria-selected", "aria-controls", "checked", "id"], Ma = /* @__PURE__ */ A({
+  __name: "tab-item",
+  props: {
+    children: { default: void 0 },
+    className: { default: void 0 },
+    class: {},
+    describedbyid: {},
+    id: { default: void 0 },
+    autofocus: { type: Boolean },
+    checked: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    label: { default: void 0 },
+    noText: { type: Boolean, default: void 0 },
+    icon: { default: void 0 },
+    iconAfter: { default: void 0 },
+    active: { type: Boolean, default: void 0 },
+    controls: { default: void 0 },
+    change: { type: Function, default: void 0 },
+    onChange: { type: Function, default: void 0 },
+    showIcon: { type: Boolean, default: void 0 }
+  },
+  emits: ["update:checked"],
+  setup(t, { emit: n }) {
+    const d = n, e = t, a = o(!1), u = o(!1), l = o(null);
+    U(() => {
+      a.value = !0;
+    }), R(
+      () => [l.value, a.value],
+      () => {
+        e.active && a.value && l.value && (l.value.click(), a.value = !1);
+      },
+      {
+        immediate: !0,
+        flush: "post"
+      }
+    );
+    function c(i) {
+      var h;
+      e.onChange && e.onChange(i), e.change && e.change(i), u.value = (h = i.target) == null ? void 0 : h.checked, ae(d, i, "checked");
+    }
+    return (i, h) => (m(), g("li", {
+      role: "none",
+      class: N(r(F)("db-tab-item", e.class))
+    }, [
+      _("label", {
+        for: i.id,
+        "data-icon": i.icon,
+        "data-icon-after": i.iconAfter,
+        "data-hide-icon": r(P)(i.showIcon),
+        "data-hide-icon-after": r(P)(i.showIcon),
+        "data-no-text": i.noText
+      }, [
+        _("input", {
+          type: "radio",
+          role: "tab",
+          disabled: i.disabled,
+          "aria-selected": u.value,
+          "aria-controls": i.controls,
+          checked: i.checked,
+          ref_key: "_ref",
+          ref: l,
+          id: i.id,
+          onChange: h[0] || (h[0] = async (s) => c(s))
+        }, null, 40, Da),
+        i.label ? (m(), g(T, { key: 0 }, [
+          E(w(i.label), 1)
+        ], 64)) : D("", !0),
+        I(i.$slots, "default")
+      ], 8, Ca)
+    ], 2));
+  }
+}), Ra = ["id", "data-disabled", "data-semantic", "data-emphasis", "data-icon", "data-show-check-state", "data-hide-icon", "data-no-text", "data-overflow"], za = ["title"], Un = /* @__PURE__ */ A({
+  __name: "tag",
+  props: {
+    behavior: { default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    noText: { type: Boolean, default: void 0 },
+    onRemove: { type: Function, default: void 0 },
+    removeButton: { default: void 0 },
+    showCheckState: { type: Boolean, default: void 0 },
+    text: { default: void 0 },
+    value: {},
+    children: { default: void 0 },
+    className: { default: void 0 },
+    class: {},
+    describedbyid: {},
+    id: { default: void 0 },
+    autofocus: { type: Boolean },
+    icon: { default: void 0 },
+    semantic: { default: void 0 },
+    overflow: { type: Boolean, default: void 0 },
+    emphasis: { default: void 0 },
+    showIcon: { type: Boolean, default: void 0 },
+    content: {}
+  },
+  setup(t) {
+    const n = t, d = o(!1), e = o(null);
+    d.value = !0, R(
+      () => [d.value, n.disabled, e.value],
+      () => {
+        var l, c;
+        if (d.value && e.value && n.disabled !== void 0) {
+          const i = (l = e.value) == null ? void 0 : l.querySelector(
+            "button:not(.db-tab-remove-button)"
+          ), h = (c = e.value) == null ? void 0 : c.querySelector("input");
+          for (const s of [i, h])
+            s && (s.disabled = n.disabled);
+        }
+      },
+      {
+        immediate: !0,
+        flush: "post"
+      }
+    );
+    function a() {
+      n.onRemove && n.onRemove();
+    }
+    function u() {
+      return n.removeButton ? n.removeButton : "Remove tag";
+    }
+    return (l, c) => (m(), g("div", {
+      ref_key: "_ref",
+      ref: e,
+      id: l.id,
+      class: N(r(F)("db-tag", n.class)),
+      "data-disabled": r(G)(l.disabled),
+      "data-semantic": l.semantic,
+      "data-emphasis": l.emphasis,
+      "data-icon": l.icon,
+      "data-show-check-state": r(G)(l.showCheckState ?? !0),
+      "data-hide-icon": r(P)(l.showIcon),
+      "data-no-text": r(G)(l.noText),
+      "data-overflow": r(G)(l.overflow)
+    }, [
+      I(l.$slots, "content"),
+      I(l.$slots, "default"),
+      l.text ? (m(), g(T, { key: 0 }, [
+        E(w(l.text), 1)
+      ], 64)) : D("", !0),
+      l.behavior === "removable" ? (m(), g("button", {
+        key: 1,
+        class: "db-button db-tab-remove-button",
+        "data-icon": "cross",
+        "data-size": "small",
+        "data-no-text": "true",
+        "data-variant": "ghost",
+        onClick: c[0] || (c[0] = async (i) => a()),
+        title: u()
+      }, w(u()), 9, za)) : D("", !0)
+    ], 10, Ra));
+  }
+}), Ua = ["data-variant", "data-hide-label"], Pa = ["for"], Ga = ["aria-invalid", "data-custom-validity", "id", "data-resize", "disabled", "required", "readOnly", "form", "maxLength", "minLength", "name", "wrap", "spellcheck", "autocomplete", "value", "aria-describedby", "placeholder", "rows", "cols"], Va = {
+  "data-visually-hidden": "true",
+  role: "status"
+}, Pn = /* @__PURE__ */ A({
+  __name: "textarea",
+  props: {
+    cols: { default: void 0 },
+    resize: { default: void 0 },
+    rows: { default: void 0 },
+    spellCheck: { type: Boolean, default: void 0 },
+    wrap: { default: void 0 },
+    change: { type: Function, default: void 0 },
+    onChange: { type: Function, default: void 0 },
+    input: { type: Function, default: void 0 },
+    onInput: { type: Function, default: void 0 },
+    blur: { type: Function, default: void 0 },
+    onBlur: { type: Function, default: void 0 },
+    focus: { type: Function, default: void 0 },
+    onFocus: { type: Function, default: void 0 },
+    validation: { default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    form: { default: void 0 },
+    label: { default: void 0 },
+    name: { default: void 0 },
+    required: { type: Boolean, default: void 0 },
+    showLabel: { type: Boolean, default: void 0 },
+    value: { default: void 0 },
+    children: {},
+    className: { default: void 0 },
+    class: {},
+    describedbyid: {},
+    id: { default: void 0 },
+    autofocus: { type: Boolean },
+    maxLength: { default: void 0 },
+    minLength: { default: void 0 },
+    readOnly: { type: Boolean, default: void 0 },
+    variant: { default: void 0 },
+    placeholder: { default: void 0 },
+    message: { default: void 0 },
+    validMessage: { default: void 0 },
+    invalidMessage: { default: void 0 },
+    messageIcon: { default: void 0 },
+    autocomplete: { default: void 0 },
+    showMessage: { type: Boolean, default: void 0 }
+  },
+  emits: ["update:value"],
+  setup(t, { emit: n }) {
+    const d = n, e = t, a = o(void 0), u = o(void 0), l = o(void 0), c = o(void 0), i = o(""), h = o(""), s = o(""), B = o(null);
+    U(() => {
+      const p = e.id ?? `textarea-${V()}`;
+      a.value = p, u.value = p + K, l.value = p + J, c.value = p + Q;
+    }), R(
+      () => [a.value],
+      () => {
+        if (a.value) {
+          const p = a.value + K;
+          u.value = p, l.value = a.value + J, c.value = a.value + Q, q(e.message, e.showMessage) && (i.value = p);
+        }
+      },
+      {
+        immediate: !0,
+        flush: "post"
+      }
+    ), R(
+      () => [e.value],
+      () => {
+        h.value = e.value;
+      },
+      {
+        immediate: !0,
+        flush: "post"
+      }
+    );
+    function y(p) {
+      h.value = p.target.value, e.onInput && e.onInput(p), e.input && e.input(p);
+    }
+    function L(p) {
+      var $, f, M;
+      e.onChange && e.onChange(p), e.change && e.change(p), ae(d, p), !(($ = B.value) != null && $.validity.valid) || e.validation === "invalid" ? (i.value = c.value, Y() && (s.value = e.invalidMessage ?? ((f = B.value) == null ? void 0 : f.validationMessage) ?? x, H(() => s.value = "", 1e3))) : e.validation === "valid" || (M = B.value) != null && M.validity.valid && (e.required || e.minLength || e.maxLength) ? (i.value = l.value, Y() && (s.value = e.validMessage ?? Z, H(() => s.value = "", 1e3))) : q(e.message, e.showMessage) ? i.value = u.value : i.value = "";
+    }
+    function k(p) {
+      e.onBlur && e.onBlur(p), e.blur && e.blur(p);
+    }
+    function v(p) {
+      e.onFocus && e.onFocus(p), e.focus && e.focus(p);
+    }
+    return (p, $) => (m(), g("div", {
+      class: N(r(F)("db-textarea", e.class)),
+      "data-variant": p.variant,
+      "data-hide-label": r(P)(p.showLabel)
+    }, [
+      _("label", { for: a.value }, w(p.label ?? r(le)), 9, Pa),
+      _("textarea", {
+        "aria-invalid": p.validation === "invalid",
+        "data-custom-validity": p.validation,
+        ref_key: "_ref",
+        ref: B,
+        id: a.value,
+        "data-resize": p.resize,
+        disabled: p.disabled,
+        required: p.required,
+        readOnly: p.readOnly,
+        form: p.form,
+        maxLength: p.maxLength,
+        minLength: p.minLength,
+        name: p.name,
+        wrap: p.wrap,
+        spellcheck: p.spellCheck,
+        autocomplete: p.autocomplete,
+        onInput: $[0] || ($[0] = async (f) => y(f)),
+        onChange: $[1] || ($[1] = async (f) => L(f)),
+        onBlur: $[2] || ($[2] = async (f) => k(f)),
+        onFocus: $[3] || ($[3] = async (f) => v(f)),
+        value: p.value ?? h.value,
+        "aria-describedby": i.value,
+        placeholder: p.placeholder ?? r(fe),
+        rows: p.rows ?? r(Ae),
+        cols: p.cols
+      }, null, 40, Ga),
+      r(q)(p.message, p.showMessage) ? (m(), X(O, {
+        key: 0,
+        size: "small",
+        icon: p.messageIcon,
+        id: u.value
+      }, {
+        default: z(() => [
+          E(w(p.message), 1)
+        ]),
+        _: 1
+      }, 8, ["icon", "id"])) : D("", !0),
+      W(O, {
+        size: "small",
+        semantic: "successful",
+        id: l.value
+      }, {
+        default: z(() => [
+          E(w(p.validMessage ?? r(Z)), 1)
+        ]),
+        _: 1
+      }, 8, ["id"]),
+      W(O, {
+        size: "small",
+        semantic: "critical",
+        id: c.value
+      }, {
+        default: z(() => {
+          var f;
+          return [
+            E(w(p.invalidMessage ?? ((f = B.value) == null ? void 0 : f.validationMessage) ?? r(x)), 1)
+          ];
+        }),
+        _: 1
+      }, 8, ["id"]),
+      _("span", Va, w(s.value), 1)
+    ], 10, Ua));
+  }
+}), qa = ["id", "data-width", "data-icon", "data-hide-icon", "data-active", "aria-disabled"], Wa = ["aria-haspopup", "aria-expanded", "disabled"], Oa = ["id"], Xa = {
+  key: 0,
+  class: "db-mobile-navigation-back"
+}, Gn = /* @__PURE__ */ A({
+  __name: "navigation-item",
+  props: {
+    active: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    subNavigation: {},
+    subNavigationExpanded: { type: Boolean, default: void 0 },
+    children: { default: void 0 },
+    className: { default: void 0 },
+    class: {},
+    describedbyid: {},
+    id: { default: void 0 },
+    autofocus: { type: Boolean },
+    onClick: { type: Function, default: void 0 },
+    icon: { default: void 0 },
+    width: { default: void 0 },
+    backButtonId: { default: void 0 },
+    backButtonText: { default: void 0 },
+    showIcon: { type: Boolean, default: void 0 },
+    text: { default: void 0 }
+  },
+  setup(t) {
+    const n = t, d = o(!1), e = o(!1), a = o(!0), u = o(!1), l = o(
+      "sub-navigation-" + V()
+    ), c = o(void 0), i = o(null);
+    U(() => {
+      d.value = !0;
+    }), R(
+      () => [n.subNavigationExpanded],
+      () => {
+        n.subNavigationExpanded !== void 0 && (u.value = !!n.subNavigationExpanded);
+      },
+      {
+        immediate: !0,
+        flush: "post"
+      }
+    ), R(
+      () => [d.value],
+      () => {
+        B();
+      },
+      {
+        immediate: !0,
+        flush: "post"
+      }
+    );
+    function h(y) {
+      n.onClick && n.onClick(y), e.value && (u.value = !0);
+    }
+    function s(y) {
+      y.stopPropagation(), u.value = !1;
+    }
+    function B() {
+      var y;
+      if (d.value && document && l.value) {
+        const L = document == null ? void 0 : document.getElementById(
+          l.value
+        );
+        L && (((y = L.children) == null ? void 0 : y.length) > 0 ? (e.value = !0, c.value || (c.value = new Je(
+          i.value,
+          L
+        ))) : a.value = !1);
+      }
+    }
+    return (y, L) => (m(), g("li", {
+      ref_key: "_ref",
+      ref: i,
+      id: y.id,
+      onMouseover: L[1] || (L[1] = async (k) => {
+        var v;
+        return (v = c.value) == null ? void 0 : v.enableFollow();
+      }),
+      onMouseleave: L[2] || (L[2] = async (k) => {
+        var v;
+        return (v = c.value) == null ? void 0 : v.disableFollow();
+      }),
+      onMousemove: L[3] || (L[3] = async (k) => {
+        var v;
+        return (v = c.value) == null ? void 0 : v.followByMouseEvent(k);
+      }),
+      class: N(r(F)("db-navigation-item", n.class)),
+      "data-width": y.width,
+      "data-icon": y.icon,
+      "data-hide-icon": r(P)(y.showIcon),
+      "data-active": y.active,
+      "aria-disabled": r(G)(y.disabled)
+    }, [
+      a.value ? D("", !0) : (m(), g(T, { key: 0 }, [
+        y.text ? (m(), g(T, { key: 0 }, [
+          E(w(y.text), 1)
+        ], 64)) : I(y.$slots, "default", { key: 1 })
+      ], 64)),
+      a.value ? (m(), g(T, { key: 1 }, [
+        _("button", {
+          class: "db-navigation-item-expand-button",
+          "aria-haspopup": e.value,
+          "aria-expanded": u.value,
+          disabled: y.disabled,
+          onClick: L[0] || (L[0] = async (k) => h(k))
+        }, [
+          y.text ? (m(), g(T, { key: 0 }, [
+            E(w(y.text), 1)
+          ], 64)) : I(y.$slots, "default", { key: 1 })
+        ], 8, Wa),
+        _("menu", {
+          class: "db-sub-navigation",
+          id: l.value
+        }, [
+          e.value ? (m(), g("div", Xa, [
+            W(te, {
+              icon: "arrow_left",
+              variant: "ghost",
+              id: y.backButtonId,
+              onClick: (k) => s(k)
+            }, {
+              default: z(() => [
+                E(w(y.backButtonText ?? r($e)), 1)
+              ]),
+              _: 1
+            }, 8, ["id", "onClick"])
+          ])) : D("", !0),
+          I(y.$slots, "sub-navigation")
+        ], 8, Oa)
+      ], 64)) : D("", !0)
+    ], 42, qa));
+  }
+}), Ha = ["id"], ja = ["aria-disabled", "open"], Ya = /* @__PURE__ */ A({
+  __name: "accordion-item",
+  props: {
+    defaultOpen: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    headline: {},
+    headlinePlain: { default: void 0 },
+    text: { default: void 0 },
+    children: { default: void 0 },
+    className: { default: void 0 },
+    class: {},
+    describedbyid: {},
+    id: { default: void 0 },
+    autofocus: { type: Boolean },
+    onToggle: { type: Function, default: void 0 }
+  },
+  setup(t) {
+    const n = t, d = o(ee), e = o(!1), a = o(null);
+    U(() => {
+      d.value = n.id || "accordion-item-" + V(), n.defaultOpen && (e.value = n.defaultOpen);
+    });
+    function u(l) {
+      l == null || l.preventDefault();
+      const c = !e.value;
+      n.onToggle && n.onToggle(c), e.value = c;
+    }
+    return (l, c) => (m(), g("li", {
+      id: d.value,
+      class: N(r(F)("db-accordion-item", n.class))
+    }, [
+      _("details", {
+        "aria-disabled": r(G)(l.disabled),
+        ref_key: "_ref",
+        ref: a,
+        open: e.value
+      }, [
+        _("summary", {
+          onClick: c[0] || (c[0] = async (i) => u(i))
+        }, [
+          l.headlinePlain ? (m(), g(T, { key: 0 }, [
+            E(w(l.headlinePlain), 1)
+          ], 64)) : D("", !0),
+          l.headlinePlain ? D("", !0) : I(l.$slots, "headline", { key: 1 })
+        ]),
+        _("div", null, [
+          l.text ? (m(), g(T, { key: 0 }, [
+            E(w(l.text), 1)
+          ], 64)) : I(l.$slots, "default", { key: 1 })
+        ])
+      ], 8, ja)
+    ], 10, Ha));
+  }
+}), Ka = ["id", "data-variant"], Vn = /* @__PURE__ */ A({
+  __name: "accordion",
+  props: {
+    behavior: { default: void 0 },
+    initOpenIndex: { default: void 0 },
+    items: { default: void 0 },
+    name: { default: void 0 },
+    onChange: {},
+    variant: { default: void 0 },
+    children: { default: void 0 },
+    className: { default: void 0 },
+    class: {},
+    describedbyid: {},
+    id: { default: void 0 },
+    autofocus: { type: Boolean }
+  },
+  setup(t) {
+    const n = t, d = o(ee), e = o(""), a = o(!1), u = o(!1), l = o(null);
+    U(() => {
+      d.value = n.id || "accordion-" + V(), a.value = !0, u.value = !0;
+    }), R(
+      () => [a.value, n.name, n.behavior, d.value],
+      () => {
+        a.value && (n.behavior === "single" ? n.name ? e.value !== n.name && (e.value = n.name) : e.value !== d.value && d.value && (e.value = d.value) : e.value = "");
+      },
+      {
+        immediate: !0,
+        flush: "post"
+      }
+    ), R(
+      () => [l.value, e.value],
+      () => {
+        if (l.value) {
+          const i = l.value.getElementsByTagName("details");
+          if (i)
+            for (const h of Array.from(i))
+              e.value === "" ? h.removeAttribute("name") : h.name = e.value;
+        }
+      },
+      {
+        immediate: !0,
+        flush: "post"
+      }
+    ), R(
+      () => [l.value, u.value, n.initOpenIndex],
+      () => {
+        var i;
+        if (l.value && u.value) {
+          if (n.initOpenIndex && ((i = n.initOpenIndex) == null ? void 0 : i.length) > 0) {
+            const h = l.value.getElementsByTagName("details");
+            if (h) {
+              const s = n.behavior === "single" && n.initOpenIndex.length > 1 ? [n.initOpenIndex[0]] : n.initOpenIndex;
+              Array.from(h).forEach(
+                (B, y) => {
+                  s.includes(y) && (B.open = !0);
+                }
+              );
+            }
+          }
+          u.value = !1;
+        }
+      },
+      {
+        immediate: !0,
+        flush: "post"
+      }
+    );
+    function c(i) {
+      try {
+        return typeof i == "string" ? JSON.parse(i) : i;
+      } catch (h) {
+        console.error(h);
+      }
+      return [];
+    }
+    return (i, h) => (m(), g("ul", {
+      ref_key: "_ref",
+      ref: l,
+      id: d.value,
+      class: N(r(F)("db-accordion", n.class)),
+      "data-variant": i.variant
+    }, [
+      i.items ? D("", !0) : I(i.$slots, "default", { key: 0 }),
+      i.items ? (m(!0), g(T, { key: 1 }, ne(c(i.items), (s, B) => (m(), X(Ya, {
+        key: `accordion-item-${B}`,
+        headlinePlain: s.headlinePlain,
+        disabled: s.disabled,
+        text: s.text
+      }, null, 8, ["headlinePlain", "disabled", "text"]))), 128)) : D("", !0)
+    ], 10, Ka));
+  }
+}), Ja = ["id", "aria-labelledby"], qn = /* @__PURE__ */ A({
+  __name: "navigation",
+  props: {
+    children: { default: void 0 },
+    className: { default: void 0 },
+    class: {},
+    describedbyid: {},
+    id: { default: void 0 },
+    autofocus: { type: Boolean },
+    labelledBy: { default: void 0 }
+  },
+  setup(t) {
+    const n = t, d = o(ee), e = o(null);
+    return U(() => {
+      d.value = n.id || "navigation-" + V();
+    }), (a, u) => (m(), g("nav", {
+      ref_key: "_ref",
+      ref: e,
+      id: d.value,
+      "aria-labelledby": a.labelledBy,
+      class: N(r(F)("db-navigation", n.class))
+    }, [
+      _("menu", null, [
+        I(a.$slots, "default")
+      ])
+    ], 10, Ja));
+  }
+}), Qa = ["id"], Za = ["data-spacing", "data-gap", "data-animation", "data-open", "data-delay", "data-width", "data-placement"], Wn = /* @__PURE__ */ A({
+  __name: "popover",
+  props: {
+    open: { type: Boolean, default: void 0 },
+    trigger: {},
+    children: { default: void 0 },
+    className: { default: void 0 },
+    class: {},
+    describedbyid: {},
+    id: { default: void 0 },
+    autofocus: { type: Boolean },
+    spacing: { default: void 0 },
+    placement: { default: void 0 },
+    gap: { type: Boolean, default: void 0 },
+    delay: { default: void 0 },
+    animation: { type: Boolean, default: void 0 },
+    width: { default: void 0 }
+  },
+  setup(t) {
+    const n = t, d = o(!1), e = o(!1), a = o(null);
+    U(() => {
+      d.value = !0;
+    }), R(
+      () => [a.value, d.value],
+      () => {
+        if (a.value && d.value) {
+          const i = c();
+          i && (i.ariaHasPopup = "true"), d.value = !1;
+        }
+      },
+      {
+        immediate: !0,
+        flush: "post"
+      }
+    ), R(
+      () => [a.value, e.value],
+      () => {
+        if (a.value) {
+          const i = c();
+          i && (i.ariaExpanded = (!!e.value).toString());
+        }
+      },
+      {
+        immediate: !0,
+        flush: "post"
+      }
+    );
+    function u() {
+      if (e.value = !0, !a.value) return;
+      const i = a.value.querySelector("article");
+      i && se(i);
+    }
+    function l(i) {
+      const h = i.target;
+      (!h.parentNode || h.parentNode.querySelector(":focus") !== h && h.parentNode.querySelector(":focus-within") !== h && h.parentNode.querySelector(":hover") !== h) && (e.value = !1);
+    }
+    function c() {
+      var i;
+      if (a.value) {
+        const h = Array.from(a.value.children);
+        if (h.length >= 2) {
+          const s = h[0];
+          return s.tagName.includes("-") ? ((i = s.children) == null ? void 0 : i.length) > 0 ? s.children[0] : null : s;
+        }
+      }
+      return null;
+    }
+    return (i, h) => (m(), g("div", {
+      ref_key: "_ref",
+      ref: a,
+      id: i.id,
+      class: N(r(F)("db-popover", n.class)),
+      onFocus: h[0] || (h[0] = async (s) => u()),
+      onBlur: h[1] || (h[1] = async (s) => l(s)),
+      onMouseenter: h[2] || (h[2] = async (s) => u()),
+      onMouseleave: h[3] || (h[3] = async (s) => l(s))
+    }, [
+      I(i.$slots, "trigger"),
+      _("article", {
+        class: "db-popover-content",
+        "data-spacing": i.spacing,
+        "data-gap": r(G)(i.gap),
+        "data-animation": r(G)(i.animation ?? !0),
+        "data-open": i.open,
+        "data-delay": i.delay,
+        "data-width": i.width,
+        "data-placement": i.placement
+      }, [
+        I(i.$slots, "default")
+      ], 8, Za)
+    ], 42, Qa));
+  }
+}), xa = ["id", "data-emphasis", "data-animation", "data-delay", "data-width", "data-show-arrow", "data-placement"], On = /* @__PURE__ */ A({
+  __name: "tooltip",
+  props: {
+    showArrow: { type: Boolean, default: void 0 },
+    children: { default: void 0 },
+    className: { default: void 0 },
+    class: {},
+    describedbyid: {},
+    id: { default: void 0 },
+    autofocus: { type: Boolean },
+    emphasis: { default: void 0 },
+    placement: { default: void 0 },
+    delay: { default: void 0 },
+    animation: { type: Boolean, default: void 0 },
+    width: { default: void 0 }
+  },
+  setup(t) {
+    const n = t, d = o(ee), e = o(!1), a = o(null);
+    U(() => {
+      d.value = n.id || "tooltip-" + V(), e.value = !0;
+    }), R(
+      () => [a.value, e.value],
+      () => {
+        if (a.value && e.value && d.value) {
+          let c = a.value.parentElement;
+          c && c.localName.includes("tooltip") && (c = c.parentElement), c && (["mouseenter", "focus"].forEach((i) => {
+            c.addEventListener(i, () => l());
+          }), c.setAttribute("data-has-tooltip", "true"), c.setAttribute("aria-describedby", d.value)), e.value = !1;
+        }
+      },
+      {
+        immediate: !0,
+        flush: "post"
+      }
+    );
+    function u(c) {
+      c.stopPropagation();
+    }
+    function l() {
+      a.value && se(a.value);
+    }
+    return (c, i) => (m(), g("i", {
+      role: "tooltip",
+      "aria-hidden": "true",
+      "data-gap": "true",
+      ref_key: "_ref",
+      ref: a,
+      class: N(r(F)("db-tooltip", n.class)),
+      id: d.value,
+      "data-emphasis": c.emphasis,
+      "data-animation": r(G)(c.animation ?? !0),
+      "data-delay": c.delay,
+      "data-width": c.width,
+      "data-show-arrow": r(G)(c.showArrow ?? !0),
+      "data-placement": c.placement,
+      onClick: i[0] || (i[0] = async (h) => u(h))
+    }, [
+      I(c.$slots, "default")
+    ], 10, xa));
+  }
+}), en = ["id"], an = { role: "tablist" }, nn = /* @__PURE__ */ A({
+  __name: "tab-list",
+  props: {
+    children: { default: void 0 },
+    className: { default: void 0 },
+    class: {},
+    describedbyid: {},
+    id: { default: void 0 },
+    autofocus: { type: Boolean }
+  },
+  setup(t) {
+    const n = t, d = o(ee), e = o(null);
+    return U(() => {
+      d.value = n.id || "tab-list-" + V();
+    }), (a, u) => (m(), g("div", {
+      ref_key: "_ref",
+      ref: e,
+      id: d.value,
+      class: N(r(F)("db-tab-list", n.class))
+    }, [
+      _("ul", an, [
+        I(a.$slots, "default")
+      ])
+    ], 10, en));
+  }
+}), tn = ["id", "aria-labelledby"], dn = /* @__PURE__ */ A({
+  __name: "tab-panel",
+  props: {
+    content: { default: void 0 },
+    children: { default: void 0 },
+    className: { default: void 0 },
+    class: {},
+    describedbyid: {},
+    id: { default: void 0 },
+    autofocus: { type: Boolean },
+    labelledBy: { default: void 0 }
+  },
+  setup(t) {
+    const n = t, d = o(null);
+    return U(() => {
+    }), (e, a) => (m(), g("section", {
+      role: "tabpanel",
+      ref_key: "_ref",
+      ref: d,
+      class: N(r(F)("db-tab-panel", n.class)),
+      id: e.id,
+      "aria-labelledby": e.labelledBy
+    }, [
+      e.content ? (m(), g(T, { key: 0 }, [
+        E(w(e.content), 1)
+      ], 64)) : D("", !0),
+      I(e.$slots, "default")
+    ], 10, tn));
+  }
+}), ln = ["id", "data-orientation", "data-scroll-behavior", "data-alignment", "data-width"], Xn = /* @__PURE__ */ A({
+  __name: "tabs",
+  props: {
+    arrowScrollDistance: { default: void 0 },
+    behavior: { default: void 0 },
+    initialSelectedIndex: { default: void 0 },
+    initialSelectedMode: { default: void 0 },
+    name: { default: void 0 },
+    tabs: { default: void 0 },
+    children: { default: void 0 },
+    className: { default: void 0 },
+    class: {},
+    describedbyid: {},
+    id: { default: void 0 },
+    autofocus: { type: Boolean },
+    orientation: { default: void 0 },
+    width: { default: void 0 },
+    alignment: { default: void 0 }
+  },
+  setup(t) {
+    const n = t, d = o("tabs-" + V()), e = o(""), a = o(!1), u = o(!1), l = o(!1), c = o(null), i = o(null);
+    U(() => {
+      d.value = n.id || d.value, e.value = `tabs-${n.name || V()}`, a.value = !0;
+    }), R(
+      () => [i.value, a.value],
+      () => {
+        if (i.value && a.value) {
+          y(), L(!0);
+          const k = i.value.querySelector(".db-tab-list");
+          k && new MutationObserver((p) => {
+            p.forEach(($) => {
+              ($.removedNodes.length || $.addedNodes.length) && (y(), L());
+            });
+          }).observe(k, {
+            childList: !0,
+            subtree: !0
+          }), a.value = !1;
+        }
+      },
+      {
+        immediate: !0,
+        flush: "post"
+      }
+    );
+    function h(k) {
+      try {
+        return typeof k == "string" ? JSON.parse(k) : k;
+      } catch (v) {
+        console.error(v);
+      }
+      return [];
+    }
+    function s(k) {
+      const v = k.scrollWidth > k.clientWidth;
+      u.value = v && k.scrollLeft > 1, l.value = v && k.scrollLeft < k.scrollWidth - k.clientWidth;
+    }
+    function B(k) {
+      var p;
+      let v = n.arrowScrollDistance || 100;
+      k && (v *= -1), (p = c.value) == null || p.scrollBy({
+        top: 0,
+        left: v,
+        behavior: "smooth"
+      });
+    }
+    function y() {
+      if (i.value) {
+        const k = i.value.querySelector(".db-tab-list");
+        if (k) {
+          const v = k.querySelector('[role="tablist"]');
+          v && (v.setAttribute(
+            "aria-orientation",
+            n.orientation || "horizontal"
+          ), n.behavior === "arrows" && (c.value = v, s(v), v.addEventListener("scroll", () => {
+            s(v);
+          })));
+        }
+      }
+    }
+    function L(k) {
+      if (i.value) {
+        const v = Array.from(
+          i.value.getElementsByClassName("db-tab-item")
+        );
+        for (const $ of v) {
+          const f = v.indexOf($), M = $.querySelector("label"), b = $.querySelector("input");
+          if (b && M) {
+            if (!b.id) {
+              const S = `${e.value}-tab-${f}`;
+              M.setAttribute("for", S), b.setAttribute(
+                "aria-controls",
+                `${e.value}-tab-panel-${f}`
+              ), b.id = S, b.setAttribute("name", e.value);
+            }
+            if (k) {
+              const S = !n.initialSelectedMode || n.initialSelectedMode === "auto", C = n.initialSelectedIndex == null && f === 0 || n.initialSelectedIndex === f;
+              S && C && b.click();
+            }
+          }
+        }
+        const p = Array.from(
+          i.value.querySelectorAll(
+            ":is(:scope > .db-tab-panel, :scope > db-tab-panel > .db-tab-panel)"
+          )
+        );
+        for (const $ of p) {
+          if ($.id) continue;
+          const f = p.indexOf($);
+          $.id = `${e.value}-tab-panel-${f}`, $.setAttribute("aria-labelledby", `${e.value}-tab-${f}`);
+        }
+      }
+    }
+    return (k, v) => (m(), g("div", {
+      ref_key: "_ref",
+      ref: i,
+      id: d.value,
+      class: N(r(F)("db-tabs", n.class)),
+      "data-orientation": k.orientation,
+      "data-scroll-behavior": k.behavior,
+      "data-alignment": k.alignment ?? "start",
+      "data-width": k.width ?? "auto"
+    }, [
+      u.value ? (m(), X(te, {
+        key: 0,
+        class: "tabs-scroll-left",
+        variant: "ghost",
+        icon: "chevron_left",
+        noText: !0,
+        onClick: (p) => B(!0)
+      }, {
+        default: z(() => v[0] || (v[0] = [
+          E(" Scroll left ")
+        ])),
+        _: 1
+      }, 8, ["onClick"])) : D("", !0),
+      k.tabs ? (m(), g(T, { key: 1 }, [
+        W(nn, null, {
+          default: z(() => [
+            (m(!0), g(T, null, ne(h(k.tabs), (p, $) => (m(), X(Ma, {
+              key: k.name + "tab-item" + $,
+              active: p.active,
+              label: p.label,
+              iconAfter: p.iconAfter,
+              icon: p.icon,
+              noText: p.noText
+            }, null, 8, ["active", "label", "iconAfter", "icon", "noText"]))), 128))
+          ]),
+          _: 1
+        }),
+        (m(!0), g(T, null, ne(h(k.tabs), (p, $) => (m(), X(dn, {
+          key: k.name + "tab-panel" + $,
+          content: p.content
+        }, {
+          default: z(() => [
+            E(w(p.children), 1)
+          ]),
+          _: 2
+        }, 1032, ["content"]))), 128))
+      ], 64)) : D("", !0),
+      l.value ? (m(), X(te, {
+        key: 2,
+        class: "tabs-scroll-right",
+        variant: "ghost",
+        icon: "chevron_right",
+        noText: !0,
+        onClick: (p) => B()
+      }, {
+        default: z(() => v[1] || (v[1] = [
+          E(" Scroll right ")
+        ])),
+        _: 1
+      }, 8, ["onClick"])) : D("", !0),
+      I(k.$slots, "default")
+    ], 10, ln));
+  }
+}), Hn = ["adaptive", "neutral", "critical", "informational", "warning", "successful"], jn = ["medium", "small", "large", "none"], Yn = ["medium", "small", "large", "none"], Kn = ["left", "right", "top", "bottom", "left-start", "left-end", "right-start", "right-end", "top-start", "top-end", "bottom-start", "bottom-end"], Jn = ["none", "3x-large", "2x-large", "x-large", "large", "medium", "small", "x-small", "2x-small", "3x-small"], Qn = ["horizontal", "vertical"], Zn = ["full", "auto"], xn = ["full", "medium", "large", "small"], et = ["none", "slow", "fast"], at = ["auto", "fixed"], nt = ["small", "medium"], sn = ["weak", "strong"], tt = [...sn, "origin"], dt = ["invalid", "valid", "no-validation"], it = ["above", "floating"], lt = ["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"], st = ["time", "true", "false", "date", "page", "step", "location"], ot = ["_self", "_blank", "_parent", "_top"], ut = ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "same-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url"], rt = ["start", "center"], on = ["id", "data-gap", "data-variant", "data-direction", "data-alignment", "data-justify-content", "data-wrap"], ft = /* @__PURE__ */ A({
+  __name: "stack",
+  props: {
+    variant: { default: void 0 },
+    direction: { default: void 0 },
+    wrap: { type: Boolean, default: void 0 },
+    alignment: { default: void 0 },
+    justifyContent: { default: void 0 },
+    children: { default: void 0 },
+    className: { default: void 0 },
+    class: {},
+    describedbyid: {},
+    id: { default: void 0 },
+    autofocus: { type: Boolean },
+    gap: { default: void 0 }
+  },
+  setup(t) {
+    const n = t, d = o(null);
+    return (e, a) => (m(), g("div", {
+      ref_key: "_ref",
+      ref: d,
+      id: e.id,
+      class: N(r(F)("db-stack", n.class)),
+      "data-gap": e.gap,
+      "data-variant": e.variant,
+      "data-direction": e.direction,
+      "data-alignment": e.alignment,
+      "data-justify-content": e.justifyContent,
+      "data-wrap": r(G)(e.wrap)
+    }, [
+      I(e.$slots, "default")
+    ], 10, on));
+  }
+});
+export {
+  rt as AlignmentList,
+  lt as AutoCompleteList,
+  he as COLOR,
+  yn as COLORS,
+  Bn as COLORS_SIMPLE,
+  bn as COLOR_CONST,
+  pe as COLOR_SIMPLE,
+  Vn as DBAccordion,
+  Ya as DBAccordionItem,
+  _n as DBBadge,
+  $n as DBBrand,
+  te as DBButton,
+  Ln as DBCard,
+  En as DBCheckbox,
+  An as DBDivider,
+  Ye as DBDrawer,
+  Nn as DBHeader,
+  Fn as DBIcon,
+  O as DBInfotext,
+  Tn as DBInput,
+  Sn as DBLink,
+  qn as DBNavigation,
+  Gn as DBNavigationItem,
+  In as DBNotification,
+  Cn as DBPage,
+  Wn as DBPopover,
+  Dn as DBRadio,
+  Mn as DBSection,
+  Rn as DBSelect,
+  ft as DBStack,
+  zn as DBSwitch,
+  Ma as DBTabItem,
+  nn as DBTabList,
+  dn as DBTabPanel,
+  Xn as DBTabs,
+  Un as DBTag,
+  Pn as DBTextarea,
+  On as DBTooltip,
+  $e as DEFAULT_BACK,
+  Le as DEFAULT_BURGER_MENU,
+  ce as DEFAULT_CLOSE_BUTTON,
+  ue as DEFAULT_DATALIST_ID_SUFFIX,
+  Ee as DEFAULT_ICON,
+  ee as DEFAULT_ID,
+  x as DEFAULT_INVALID_MESSAGE,
+  Q as DEFAULT_INVALID_MESSAGE_ID_SUFFIX,
+  le as DEFAULT_LABEL,
+  K as DEFAULT_MESSAGE_ID_SUFFIX,
+  fe as DEFAULT_PLACEHOLDER,
+  oe as DEFAULT_PLACEHOLDER_ID_SUFFIX,
+  Ae as DEFAULT_ROWS,
+  Z as DEFAULT_VALID_MESSAGE,
+  J as DEFAULT_VALID_MESSAGE_ID_SUFFIX,
+  Ne as DEFAULT_VIEWPORT,
+  gn as DENSITIES,
+  ve as DENSITY,
+  mn as DENSITY_CONST,
+  Fe as DESKTOP_VIEWPORT,
+  sn as EmphasisList,
+  Jn as GapSpacingList,
+  it as LabelVariantList,
+  st as LinkCurrentList,
+  ut as LinkReferrerPolicyList,
+  ot as LinkTargetList,
+  Yn as MarginList,
+  xn as MaxWidthList,
+  Je as NavigationItemSafeTriangle,
+  Qn as OrientationList,
+  Kn as PlacementList,
+  et as PopoverDelayList,
+  at as PopoverWidthList,
+  me as SEMANTIC,
+  kn as SEMANTICS,
+  Hn as SemanticList,
+  nt as SizeList,
+  jn as SpacingList,
+  wn as TESTING_VIEWPORTS,
+  tt as TagEmphasisList,
+  dt as ValidationList,
+  Zn as WidthList,
+  re as addAttributeToChildren,
+  F as cls,
+  H as delay,
+  cn as filterPassingProps,
+  G as getBooleanAsString,
+  P as getHideProp,
+  vn as getRootProps,
+  se as handleDataOutside,
+  Y as hasVoiceOver,
+  we as isArrayOfStrings,
+  Ke as isEventTargetNavigationItem,
+  ke as isInView,
+  q as stringPropVisible,
+  V as uuid,
+  pn as visibleInVX,
+  hn as visibleInVY
+};