@db-ux/v-core-components 2.3.1 → 2.4.0-0-af2a02f

package/dist/db-ux.es.js

@@ -222,7 +222,7 @@ const al = Object.entries(na).map(([, i]) => i), Ua = {
         var t;
         if (e.value && l.value && (t = a.placement) != null && t.startsWith("corner")) {
           let p = e.value.parentElement;
-          p && p.localName.includes("badge") && (p = p.parentElement), p && (p.dataset.hasBadge = "true");
+          p && p.localName.includes("badge") && (p = p.parentElement), p && p.setAttribute("data-has-badge", "true");
         }
       },
       {
@@ -436,8 +436,8 @@ const al = Object.entries(na).map(([, i]) => i), Ua = {
       return !!(e.validMessage ?? e.validation === "valid");
     }
     function f() {
-      var b, k, W;
-      !((b = g.value) != null && b.validity.valid) || e.validation === "invalid" ? (u.value = r.value, v.value = e.invalidMessage || ((k = g.value) == null ? void 0 : k.validationMessage) || ie, ve() && (L.value = v.value, x(() => L.value = "", 1e3))) : h() && ((W = g.value) != null && W.validity.valid) && e.required ? (u.value = B.value, ve() && (L.value = e.validMessage ?? me, x(() => L.value = "", 1e3))) : ee(e.message, e.showMessage) ? u.value = d.value : u.value = "";
+      var b, w, W;
+      !((b = g.value) != null && b.validity.valid) || e.validation === "invalid" ? (u.value = r.value, v.value = e.invalidMessage || ((w = g.value) == null ? void 0 : w.validationMessage) || ie, ve() && (L.value = v.value, x(() => L.value = "", 1e3))) : h() && ((W = g.value) != null && W.validity.valid) && e.required ? (u.value = B.value, ve() && (L.value = e.validMessage ?? me, x(() => L.value = "", 1e3))) : ee(e.message, e.showMessage) ? u.value = d.value : u.value = "";
     }
     function c(b) {
       e.onChange && e.onChange(b), se(l, b, "checked"), f();
@@ -448,7 +448,7 @@ const al = Object.entries(na).map(([, i]) => i), Ua = {
     function C(b) {
       e.onFocus && e.onFocus(b);
     }
-    return (b, k) => (m(), S("div", {
+    return (b, w) => (m(), S("div", {
       class: z(n(R)("db-checkbox", e.class)),
       "data-size": b.size,
       "data-hide-label": n(K)(b.showLabel)
@@ -466,9 +466,9 @@ const al = Object.entries(na).map(([, i]) => i), Ua = {
           disabled: n(M)(b.disabled, "disabled"),
           value: b.value,
           required: n(M)(b.required, "required"),
-          onChange: k[0] || (k[0] = async (W) => c(W)),
-          onBlur: k[1] || (k[1] = async (W) => I(W)),
-          onFocus: k[2] || (k[2] = async (W) => C(W)),
+          onChange: w[0] || (w[0] = async (W) => c(W)),
+          onBlur: w[1] || (w[1] = async (W) => I(W)),
+          onFocus: w[2] || (w[2] = async (W) => C(W)),
           "aria-describedby": b.ariaDescribedBy ?? u.value
         }, null, 40, Qa),
         b.label ? (m(), S(U, { key: 0 }, [
@@ -770,7 +770,7 @@ const al = Object.entries(na).map(([, i]) => i), Ua = {
     const c = L + B;
     i.style.insetBlockStart = `calc(${L}px + ${e})`, i.style.insetBlockEnd = `calc(${c > f ? f : c}px + ${e})`;
   }
-  i.style.position = "fixed", i.dataset.correctedPlacement = g;
+  i.style.position = "fixed", i.setAttribute("data-corrected-placement", g);
 }, ra = (i) => {
   var l, e;
   const {
@@ -1004,7 +1004,7 @@ const rt = ["id", "data-width", "data-on-forcing-mobile"], ct = { class: "db-hea
       ], 64)) : A(e.$slots, "default", { key: 1 })
     ], 10, Bt));
   }
-}), It = ["data-variant", "data-hide-label", "data-hide-icon", "data-icon", "data-icon-after", "data-hide-icon-after"], $t = ["for"], Lt = ["aria-invalid", "data-custom-validity", "data-field-sizing", "id", "name", "type", "placeholder", "disabled", "required", "step", "value", "maxLength", "minLength", "max", "min", "readOnly", "form", "pattern", "size", "autoComplete", "autoFocus", "list", "aria-describedby"], _t = ["id"], Tt = ["value"], Ct = {
+}), It = ["data-variant", "data-hide-label", "data-hide-icon", "data-icon", "data-icon-after", "data-hide-icon-after"], $t = ["for"], Lt = ["aria-invalid", "data-custom-validity", "data-field-sizing", "id", "name", "type", "placeholder", "disabled", "required", "step", "value", "maxLength", "minLength", "max", "min", "readOnly", "form", "pattern", "size", "autoComplete", "autoFocus", "list", "aria-describedby"], _t = ["id"], Tt = ["value", "data-value"], Ct = {
   "data-visually-hidden": "true",
   role: "status"
 }, Et = /* @__PURE__ */ P({
@@ -1102,8 +1102,8 @@ const rt = ["id", "data-width", "data-on-forcing-mobile"], ct = { class: "db-hea
       return !!(e.validMessage ?? e.validation === "valid");
     }
     function c() {
-      var y, O, w;
-      !((y = h.value) != null && y.validity.valid) || e.validation === "invalid" ? (u.value = B.value, r.value = e.invalidMessage || ((O = h.value) == null ? void 0 : O.validationMessage) || ie, ve() && (g.value = r.value, x(() => g.value = "", 1e3))) : f() && ((w = h.value) != null && w.validity.valid) && (e.required || e.minLength || e.maxLength || e.pattern) ? (u.value = d.value, ve() && (g.value = e.validMessage ?? me, x(() => g.value = "", 1e3))) : ee(e.message, e.showMessage) ? u.value = p.value : u.value = "";
+      var y, O, k;
+      !((y = h.value) != null && y.validity.valid) || e.validation === "invalid" ? (u.value = B.value, r.value = e.invalidMessage || ((O = h.value) == null ? void 0 : O.validationMessage) || ie, ve() && (g.value = r.value, x(() => g.value = "", 1e3))) : f() && ((k = h.value) != null && k.validity.valid) && (e.required || e.minLength || e.maxLength || e.pattern) ? (u.value = d.value, ve() && (g.value = e.validMessage ?? me, x(() => g.value = "", 1e3))) : ee(e.message, e.showMessage) ? u.value = p.value : u.value = "";
     }
     function I(y) {
       e.input && e.input(y), L.value = y.target.value, e.onInput && e.onInput(y), se(l, y), c();
@@ -1114,7 +1114,7 @@ const rt = ["id", "data-width", "data-on-forcing-mobile"], ct = { class: "db-hea
     function b(y) {
       e.onBlur && e.onBlur(y);
     }
-    function k(y) {
+    function w(y) {
       e.onFocus && e.onFocus(y);
     }
     function W() {
@@ -1160,10 +1160,10 @@ const rt = ["id", "data-width", "data-on-forcing-mobile"], ct = { class: "db-hea
         size: y.size,
         autoComplete: y.autocomplete,
         autoFocus: n(M)(y.autofocus, "autofocus"),
-        onInput: O[0] || (O[0] = async (w) => I(w)),
-        onChange: O[1] || (O[1] = async (w) => C(w)),
-        onBlur: O[2] || (O[2] = async (w) => b(w)),
-        onFocus: O[3] || (O[3] = async (w) => k(w)),
+        onInput: O[0] || (O[0] = async (k) => I(k)),
+        onChange: O[1] || (O[1] = async (k) => C(k)),
+        onBlur: O[2] || (O[2] = async (k) => b(k)),
+        onFocus: O[3] || (O[3] = async (k) => w(k)),
         list: y.dataList && v.value,
         "aria-describedby": y.ariaDescribedBy ?? u.value
       }, null, 40, Lt),
@@ -1171,10 +1171,11 @@ const rt = ["id", "data-width", "data-on-forcing-mobile"], ct = { class: "db-hea
         key: 0,
         id: v.value
       }, [
-        (m(!0), S(U, null, be(W(), (w) => (m(), S("option", {
-          key: v.value + "-option-" + w.value,
-          value: w.value
-        }, _(w.label), 9, Tt))), 128))
+        (m(!0), S(U, null, be(W(), (k) => (m(), S("option", {
+          key: v.value + "-option-" + k.value,
+          value: k.value,
+          "data-value": k.hiddenValue
+        }, _(k.label), 9, Tt))), 128))
       ], 8, _t)) : V("", !0),
       A(y.$slots, "default"),
       n(ee)(y.message, y.showMessage) ? (m(), Z(te, {
@@ -1466,13 +1467,13 @@ const rt = ["id", "data-width", "data-on-forcing-mobile"], ct = { class: "db-hea
     const l = a, e = i, t = s(void 0), p = s(void 0), d = s(void 0), B = s(void 0), r = s(void 0), v = s(""), u = s(""), L = s(""), g = s(!1), h = s(""), f = s(null);
     Y(() => {
       g.value = !0;
-      const w = e.id ?? `select-${Q()}`;
-      t.value = w, p.value = w + fe, d.value = w + pe, B.value = w + he, v.value = w + ze, r.value = e.invalidMessage || ie;
+      const k = e.id ?? `select-${Q()}`;
+      t.value = k, p.value = k + fe, d.value = k + pe, B.value = k + he, v.value = k + ze, r.value = e.invalidMessage || ie;
     }), D(
       () => [f.value, e.invalidMessage],
       () => {
-        var w;
-        r.value = e.invalidMessage || ((w = f.value) == null ? void 0 : w.validationMessage) || ie;
+        var k;
+        r.value = e.invalidMessage || ((k = f.value) == null ? void 0 : k.validationMessage) || ie;
       },
       {
         immediate: !0,
@@ -1482,8 +1483,8 @@ const rt = ["id", "data-width", "data-on-forcing-mobile"], ct = { class: "db-hea
       () => [t.value, g.value],
       () => {
         if (t.value && g.value) {
-          const w = t.value + fe, H = t.value + ze;
-          p.value = w, d.value = t.value + pe, B.value = t.value + he, v.value = H, ee(e.message, e.showMessage) ? u.value = w : u.value = H, g.value = !1;
+          const k = t.value + fe, H = t.value + ze;
+          p.value = k, d.value = t.value + pe, B.value = t.value + he, v.value = H, ee(e.message, e.showMessage) ? u.value = k : u.value = H, g.value = !1;
         }
       },
       {
@@ -1504,60 +1505,60 @@ const rt = ["id", "data-width", "data-on-forcing-mobile"], ct = { class: "db-hea
       return !!(e.validMessage ?? e.validation === "valid");
     }
     function I() {
-      var w, H, le;
-      !((w = f.value) != null && w.validity.valid) || e.validation === "invalid" ? (u.value = B.value, r.value = e.invalidMessage || ((H = f.value) == null ? void 0 : H.validationMessage) || ie, ve() && (h.value = r.value, x(() => h.value = "", 1e3))) : c() && ((le = f.value) != null && le.validity.valid) && e.required ? (u.value = d.value, ve() && (h.value = e.validMessage ?? me, x(() => h.value = "", 1e3))) : ee(e.message, e.showMessage) ? u.value = p.value : u.value = v.value;
+      var k, H, le;
+      !((k = f.value) != null && k.validity.valid) || e.validation === "invalid" ? (u.value = B.value, r.value = e.invalidMessage || ((H = f.value) == null ? void 0 : H.validationMessage) || ie, ve() && (h.value = r.value, x(() => h.value = "", 1e3))) : c() && ((le = f.value) != null && le.validity.valid) && e.required ? (u.value = d.value, ve() && (h.value = e.validMessage ?? me, x(() => h.value = "", 1e3))) : ee(e.message, e.showMessage) ? u.value = p.value : u.value = v.value;
     }
-    function C(w) {
-      e.onClick && e.onClick(w);
+    function C(k) {
+      e.onClick && e.onClick(k);
     }
-    function b(w) {
-      e.input && e.input(w), L.value = w.target.value, e.onInput && e.onInput(w), se(l, w), I();
+    function b(k) {
+      e.input && e.input(k), L.value = k.target.value, e.onInput && e.onInput(k), se(l, k), I();
     }
-    function k(w) {
-      e.onChange && e.onChange(w), se(l, w), I();
+    function w(k) {
+      e.onChange && e.onChange(k), se(l, k), I();
     }
-    function W(w) {
-      e.onBlur && e.onBlur(w);
+    function W(k) {
+      e.onBlur && e.onBlur(k);
     }
-    function y(w) {
-      e.onFocus && e.onFocus(w);
+    function y(k) {
+      e.onFocus && e.onFocus(k);
     }
-    function O(w) {
+    function O(k) {
       var H;
-      return w.label ?? ((H = w.value) == null ? void 0 : H.toString());
+      return k.label ?? ((H = k.value) == null ? void 0 : H.toString());
     }
-    return (w, H) => {
+    return (k, H) => {
       var le;
       return m(), S("div", {
         class: z(n(R)("db-select", e.class)),
-        "data-variant": w.variant,
-        "data-hide-label": n(K)(w.showLabel),
-        "data-icon": w.icon,
-        "data-hide-icon": n(K)(w.showIcon)
+        "data-variant": k.variant,
+        "data-hide-label": n(K)(k.showLabel),
+        "data-icon": k.icon,
+        "data-hide-icon": n(K)(k.showIcon)
       }, [
-        T("label", { for: t.value }, _(w.label ?? n(Se)), 9, Rt),
+        T("label", { for: t.value }, _(k.label ?? n(Se)), 9, Rt),
         T("select", {
-          "aria-invalid": w.validation === "invalid",
-          "data-custom-validity": w.validation,
+          "aria-invalid": k.validation === "invalid",
+          "data-custom-validity": k.validation,
           ref_key: "_ref",
           ref: f,
-          required: n(M)(w.required, "required"),
-          disabled: n(M)(w.disabled, "disabled"),
+          required: n(M)(k.required, "required"),
+          disabled: n(M)(k.disabled, "disabled"),
           id: t.value,
-          name: w.name,
-          size: w.size,
-          value: w.value ?? L.value,
-          autocomplete: w.autocomplete,
-          multiple: w.multiple,
+          name: k.name,
+          size: k.size,
+          value: k.value ?? L.value,
+          autocomplete: k.autocomplete,
+          multiple: k.multiple,
           onInput: H[0] || (H[0] = async (J) => b(J)),
           onClick: H[1] || (H[1] = async (J) => C(J)),
-          onChange: H[2] || (H[2] = async (J) => k(J)),
+          onChange: H[2] || (H[2] = async (J) => w(J)),
           onBlur: H[3] || (H[3] = async (J) => W(J)),
           onFocus: H[4] || (H[4] = async (J) => y(J)),
-          "aria-describedby": w.ariaDescribedBy ?? u.value
+          "aria-describedby": k.ariaDescribedBy ?? u.value
         }, [
           H[5] || (H[5] = T("option", { hidden: !0 }, null, -1)),
-          (le = w.options) != null && le.length ? (m(!0), S(U, { key: 0 }, be(w.options, (J, Fe) => (m(), S(U, { key: Fe }, [
+          (le = k.options) != null && le.length ? (m(!0), S(U, { key: 0 }, be(k.options, (J, Fe) => (m(), S(U, { key: Fe }, [
             J.options ? (m(), S("optgroup", {
               key: 0,
               label: O(J)
@@ -1574,17 +1575,17 @@ const rt = ["id", "data-width", "data-on-forcing-mobile"], ct = { class: "db-hea
               disabled: J.disabled,
               selected: J.selected
             }, _(O(J)), 9, qt))
-          ], 64))), 128)) : A(w.$slots, "default", { key: 1 })
+          ], 64))), 128)) : A(k.$slots, "default", { key: 1 })
         ], 40, Vt),
-        T("span", { id: v.value }, _(w.placeholder ?? w.label), 9, Gt),
-        n(ee)(w.message, w.showMessage) ? (m(), Z(te, {
+        T("span", { id: v.value }, _(k.placeholder ?? k.label), 9, Gt),
+        n(ee)(k.message, k.showMessage) ? (m(), Z(te, {
           key: 0,
           size: "small",
-          icon: w.messageIcon,
+          icon: k.messageIcon,
           id: p.value
         }, {
           default: G(() => [
-            F(_(w.message), 1)
+            F(_(k.message), 1)
           ]),
           _: 1
         }, 8, ["icon", "id"])) : V("", !0),
@@ -1595,7 +1596,7 @@ const rt = ["id", "data-width", "data-on-forcing-mobile"], ct = { class: "db-hea
           id: d.value
         }, {
           default: G(() => [
-            F(_(w.validMessage || n(me)), 1)
+            F(_(k.validMessage || n(me)), 1)
           ]),
           _: 1
         }, 8, ["id"])) : V("", !0),
@@ -1840,7 +1841,7 @@ const Kt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
             f.addEventListener(c, () => h(f));
           }), f.addEventListener("keydown", (c) => r(c)), ["mouseleave", "focusout"].forEach((c) => {
             f.addEventListener(c, () => g());
-          }), f.dataset.hasTooltip = "true", a.variant === "label" ? f.setAttribute("aria-labelledby", l.value) : f.setAttribute("aria-describedby", l.value)), typeof window < "u" && "IntersectionObserver" in window && (p.value = new IntersectionObserver((c) => {
+          }), f.setAttribute("data-has-tooltip", "true"), a.variant === "label" ? f.setAttribute("aria-labelledby", l.value) : f.setAttribute("aria-describedby", l.value)), typeof window < "u" && "IntersectionObserver" in window && (p.value = new IntersectionObserver((c) => {
             const I = c.find(({ target: C }) => C === v());
             I && !I.isIntersecting && r(!1);
           })), e.value = !1;
@@ -2048,13 +2049,13 @@ const Kt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
   setup(i, { emit: a }) {
     const l = a, e = i, t = s(void 0), p = s(void 0), d = s(void 0), B = s(void 0), r = s(void 0), v = s(""), u = s(""), L = s(""), g = s(null);
     Y(() => {
-      const k = e.id ?? `textarea-${Q()}`;
-      t.value = k, p.value = k + fe, d.value = k + pe, B.value = k + he, r.value = e.invalidMessage || ie;
+      const w = e.id ?? `textarea-${Q()}`;
+      t.value = w, p.value = w + fe, d.value = w + pe, B.value = w + he, r.value = e.invalidMessage || ie;
     }), D(
       () => [g.value, e.invalidMessage],
       () => {
-        var k;
-        r.value = e.invalidMessage || ((k = g.value) == null ? void 0 : k.validationMessage) || ie;
+        var w;
+        r.value = e.invalidMessage || ((w = g.value) == null ? void 0 : w.validationMessage) || ie;
       },
       {
         immediate: !0,
@@ -2064,8 +2065,8 @@ const Kt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
       () => [t.value],
       () => {
         if (t.value) {
-          const k = t.value + fe;
-          p.value = k, d.value = t.value + pe, B.value = t.value + he, ee(e.message, e.showMessage) && (v.value = k);
+          const w = t.value + fe;
+          p.value = w, d.value = t.value + pe, B.value = t.value + he, ee(e.message, e.showMessage) && (v.value = w);
         }
       },
       {
@@ -2086,64 +2087,64 @@ const Kt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
       return !!(e.validMessage ?? e.validation === "valid");
     }
     function f() {
-      var k, W, y;
-      !((k = g.value) != null && k.validity.valid) || e.validation === "invalid" ? (v.value = B.value, r.value = e.invalidMessage || ((W = g.value) == null ? void 0 : W.validationMessage) || ie, ve() && (L.value = r.value, x(() => L.value = "", 1e3))) : h() && ((y = g.value) != null && y.validity.valid) && (e.required || e.minLength || e.maxLength) ? (v.value = d.value, ve() && (L.value = e.validMessage ?? me, x(() => L.value = "", 1e3))) : ee(e.message, e.showMessage) ? v.value = p.value : v.value = "";
+      var w, W, y;
+      !((w = g.value) != null && w.validity.valid) || e.validation === "invalid" ? (v.value = B.value, r.value = e.invalidMessage || ((W = g.value) == null ? void 0 : W.validationMessage) || ie, ve() && (L.value = r.value, x(() => L.value = "", 1e3))) : h() && ((y = g.value) != null && y.validity.valid) && (e.required || e.minLength || e.maxLength) ? (v.value = d.value, ve() && (L.value = e.validMessage ?? me, x(() => L.value = "", 1e3))) : ee(e.message, e.showMessage) ? v.value = p.value : v.value = "";
     }
-    function c(k) {
-      e.input && e.input(k), u.value = k.target.value, e.onInput && e.onInput(k), se(l, k), f();
+    function c(w) {
+      e.input && e.input(w), u.value = w.target.value, e.onInput && e.onInput(w), se(l, w), f();
     }
-    function I(k) {
-      e.onChange && e.onChange(k), se(l, k), f();
+    function I(w) {
+      e.onChange && e.onChange(w), se(l, w), f();
     }
-    function C(k) {
-      e.onBlur && e.onBlur(k);
+    function C(w) {
+      e.onBlur && e.onBlur(w);
     }
-    function b(k) {
-      e.onFocus && e.onFocus(k);
+    function b(w) {
+      e.onFocus && e.onFocus(w);
     }
-    return (k, W) => (m(), S("div", {
+    return (w, W) => (m(), S("div", {
       class: z(n(R)("db-textarea", e.class)),
-      "data-variant": k.variant,
-      "data-hide-label": n(K)(k.showLabel)
+      "data-variant": w.variant,
+      "data-hide-label": n(K)(w.showLabel)
     }, [
-      T("label", { for: t.value }, _(k.label ?? n(Se)), 9, xt),
+      T("label", { for: t.value }, _(w.label ?? n(Se)), 9, xt),
       T("textarea", {
-        "aria-invalid": k.validation === "invalid",
-        "data-custom-validity": k.validation,
-        "data-field-sizing": k.fieldSizing,
+        "aria-invalid": w.validation === "invalid",
+        "data-custom-validity": w.validation,
+        "data-field-sizing": w.fieldSizing,
         ref_key: "_ref",
         ref: g,
         id: t.value,
-        "data-resize": k.resize,
-        "data-hide-resizer": n(K)(k.showResizer ?? !0),
-        disabled: n(M)(k.disabled, "disabled"),
-        required: n(M)(k.required, "required"),
-        readOnly: n(M)(k.readOnly, "readOnly") || n(M)(k.readonly, "readonly"),
-        form: k.form,
-        maxLength: n(we)(k.maxLength, k.maxlength),
-        minLength: n(we)(k.minLength, k.minlength),
-        name: k.name,
-        wrap: k.wrap,
-        spellcheck: k.spellCheck,
-        autocomplete: k.autocomplete,
+        "data-resize": w.resize,
+        "data-hide-resizer": n(K)(w.showResizer ?? !0),
+        disabled: n(M)(w.disabled, "disabled"),
+        required: n(M)(w.required, "required"),
+        readOnly: n(M)(w.readOnly, "readOnly") || n(M)(w.readonly, "readonly"),
+        form: w.form,
+        maxLength: n(we)(w.maxLength, w.maxlength),
+        minLength: n(we)(w.minLength, w.minlength),
+        name: w.name,
+        wrap: w.wrap,
+        spellcheck: w.spellCheck,
+        autocomplete: w.autocomplete,
         onInput: W[0] || (W[0] = async (y) => c(y)),
         onChange: W[1] || (W[1] = async (y) => I(y)),
         onBlur: W[2] || (W[2] = async (y) => C(y)),
         onFocus: W[3] || (W[3] = async (y) => b(y)),
-        value: k.value ?? u.value,
-        "aria-describedby": k.ariaDescribedBy ?? v.value,
-        placeholder: k.placeholder ?? n(ta),
-        rows: n(we)(k.rows, n(Pa)),
-        cols: n(we)(k.cols)
+        value: w.value ?? u.value,
+        "aria-describedby": w.ariaDescribedBy ?? v.value,
+        placeholder: w.placeholder ?? n(ta),
+        rows: n(we)(w.rows, n(Pa)),
+        cols: n(we)(w.cols)
       }, null, 40, ei),
-      n(ee)(k.message, k.showMessage) ? (m(), Z(te, {
+      n(ee)(w.message, w.showMessage) ? (m(), Z(te, {
         key: 0,
         size: "small",
-        icon: k.messageIcon,
+        icon: w.messageIcon,
         id: p.value
       }, {
         default: G(() => [
-          F(_(k.message), 1)
+          F(_(w.message), 1)
         ]),
         _: 1
       }, 8, ["icon", "id"])) : V("", !0),
@@ -2154,7 +2155,7 @@ const Kt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
         id: d.value
       }, {
         default: G(() => [
-          F(_(k.validMessage || n(me)), 1)
+          F(_(w.validMessage || n(me)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : V("", !0),
@@ -2772,32 +2773,32 @@ const Kt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
           )
         );
         for (const b of I) {
-          const k = I.indexOf(b), W = b.querySelector("label"), y = b.querySelector("input");
+          const w = I.indexOf(b), W = b.querySelector("label"), y = b.querySelector("input");
           if (y && W) {
             if (!y.id) {
-              const O = `${e.value}-tab-${k}`;
-              W.setAttribute("for", O), y.id = O, y.setAttribute("name", e.value), C.length > k && y.setAttribute(
+              const O = `${e.value}-tab-${w}`;
+              W.setAttribute("for", O), y.id = O, y.setAttribute("name", e.value), C.length > w && y.setAttribute(
                 "aria-controls",
-                `${e.value}-tab-panel-${k}`
+                `${e.value}-tab-panel-${w}`
               );
             }
             if (c) {
-              const O = !a.initialSelectedMode || a.initialSelectedMode === "auto", w = a.initialSelectedIndex == null && k === 0 || Number(a.initialSelectedIndex) === k;
-              O && w && y.click();
+              const O = !a.initialSelectedMode || a.initialSelectedMode === "auto", k = a.initialSelectedIndex == null && w === 0 || Number(a.initialSelectedIndex) === w;
+              O && k && y.click();
             }
           }
         }
         for (const b of C) {
           if (b.id) continue;
-          const k = C.indexOf(b);
-          b.id = `${e.value}-tab-panel-${k}`, b.setAttribute("aria-labelledby", `${e.value}-tab-${k}`);
+          const w = C.indexOf(b);
+          b.id = `${e.value}-tab-panel-${w}`, b.setAttribute("aria-labelledby", `${e.value}-tab-${w}`);
         }
       }
     }
     function f(c) {
-      var k;
+      var w;
       c.stopPropagation();
-      const I = (k = c.target) == null ? void 0 : k.closest;
+      const I = (w = c.target) == null ? void 0 : w.closest;
       if (!I) return;
       const C = I("ul"), b = (
         // db-tab-item for angular and stencil wrapping elements
@@ -3129,7 +3130,7 @@ const Ai = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
   },
   emits: ["update:values"],
   setup(i, { emit: a }) {
-    const l = a, e = i, t = s(void 0), p = s(void 0), d = s(void 0), B = s(void 0), r = s(void 0), v = s(void 0), u = s(void 0), L = s(void 0), g = s(void 0), h = s(void 0), f = s("no-validation"), c = s(""), I = s(""), C = s(void 0), b = s(""), k = s([]), W = s(!1), y = s(!1), O = s(0), w = s([]), H = s([]), le = s(!1), J = s(void 0), Fe = s(0), ye = s(void 0), Te = s(void 0), Ve = s(void 0), Pe = s(!1), Ce = s(!1), va = s(null), N = s(null), ke = s(null), Ne = s(null), Ue = s(null);
+    const l = a, e = i, t = s(void 0), p = s(void 0), d = s(void 0), B = s(void 0), r = s(void 0), v = s(void 0), u = s(void 0), L = s(void 0), g = s(void 0), h = s(void 0), f = s("no-validation"), c = s(""), I = s(""), C = s(void 0), b = s(""), w = s([]), W = s(!1), y = s(!1), O = s(0), k = s([]), H = s([]), le = s(!1), J = s(void 0), Fe = s(0), ye = s(void 0), Te = s(void 0), Ve = s(void 0), Pe = s(!1), Ce = s(!1), va = s(null), N = s(null), ke = s(null), Ne = s(null), Ue = s(null);
     Y(() => {
       const o = e.id ?? `custom-select-${Q()}`;
       t.value = o, p.value = o + fe, d.value = o + pe, B.value = o + he, v.value = o + xe, u.value = o + Ze, L.value = o + "-summary", g.value = o + ze, C.value = o + "-selected-labels", h.value = o + "-info", r.value = e.invalidMessage || ie, typeof window < "u" && "IntersectionObserver" in window && (Te.value = new IntersectionObserver(($) => {
@@ -3207,14 +3208,14 @@ const Ai = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
     ), D(
       () => [e.values],
       () => {
-        e.values && Array.isArray(e.values) && e.values !== w.value && (w.value = e.values ?? []);
+        e.values && Array.isArray(e.values) && e.values !== k.value && (k.value = e.values ?? []);
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), D(
-      () => [w.value],
+      () => [k.value],
       () => {
         pa();
       },
@@ -3232,10 +3233,10 @@ const Ai = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         flush: "post"
       }
     ), D(
-      () => [w.value, O.value],
+      () => [k.value, O.value],
       () => {
         var o, $;
-        ((o = w.value) == null ? void 0 : o.length) === 0 ? (Pe.value = !1, Ce.value = !1) : (($ = w.value) == null ? void 0 : $.length) === O.value ? (Ce.value = !1, Pe.value = !0) : w.value && (Ce.value = !0);
+        ((o = k.value) == null ? void 0 : o.length) === 0 ? (Pe.value = !1, Ce.value = !1) : (($ = k.value) == null ? void 0 : $.length) === O.value ? (Ce.value = !1, Pe.value = !0) : k.value && (Ce.value = !0);
       },
       {
         immediate: !0,
@@ -3264,13 +3265,13 @@ const Ai = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         flush: "post"
       }
     ), D(
-      () => [e.options, w.value],
+      () => [e.options, k.value],
       () => {
         var o, $;
-        (o = e.options) != null && o.length && (k.value = ($ = e.options) == null ? void 0 : $.filter(
+        (o = e.options) != null && o.length && (w.value = ($ = e.options) == null ? void 0 : $.filter(
           (E) => {
             var j, oe;
-            return !E.value || !((j = w.value) != null && j.includes) ? !1 : !E.isGroupTitle && ((oe = w.value) == null ? void 0 : oe.includes(E.value));
+            return !E.value || !((j = k.value) != null && j.includes) ? !1 : !E.isGroupTitle && ((oe = k.value) == null ? void 0 : oe.includes(E.value));
           }
         ));
       },
@@ -3280,7 +3281,7 @@ const Ai = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
       }
     ), D(
       () => [
-        k.value,
+        w.value,
         e.selectedType,
         e.amountText,
         e.selectedLabels,
@@ -3292,13 +3293,13 @@ const Ai = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
           I.value = e.selectedLabels;
           return;
         }
-        if ((o = k.value) != null && o.length) {
+        if ((o = w.value) != null && o.length) {
           if (e.transformSelectedLabels) {
-            const j = k.value, oe = e.transformSelectedLabels;
+            const j = w.value, oe = e.transformSelectedLabels;
             I.value = oe(j);
             return;
           }
-          e.selectedType === "amount" ? I.value = e.amountText ? e.amountText : `${($ = k.value) == null ? void 0 : $.length} ${za}` : I.value = (E = k.value) == null ? void 0 : E.map((j) => $e(j)).join(", ");
+          e.selectedType === "amount" ? I.value = e.amountText ? e.amountText : `${($ = w.value) == null ? void 0 : $.length} ${za}` : I.value = (E = w.value) == null ? void 0 : E.map((j) => $e(j)).join(", ");
         } else
           I.value = "";
       },
@@ -3307,10 +3308,10 @@ const Ai = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         flush: "post"
       }
     ), D(
-      () => [k.value],
+      () => [w.value],
       () => {
         var o;
-        e.onAmountChange && e.onAmountChange(((o = k.value) == null ? void 0 : o.length) ?? 0);
+        e.onAmountChange && e.onAmountChange(((o = w.value) == null ? void 0 : o.length) ?? 0);
       },
       {
         immediate: !0,
@@ -3361,7 +3362,7 @@ const Ai = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
     }
     function ma() {
       var o;
-      return (o = w.value) != null && o.length ? w.value.at(0) ?? "" : "";
+      return (o = k.value) != null && o.length ? k.value.at(0) ?? "" : "";
     }
     function Oe(o) {
       var E;
@@ -3377,10 +3378,10 @@ const Ai = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
     }
     function ba(o) {
       var $, E;
-      return o && (($ = w.value) != null && $.includes) ? (E = w.value) == null ? void 0 : E.includes(o) : !1;
+      return o && (($ = k.value) != null && $.includes) ? (E = k.value) == null ? void 0 : E.includes(o) : !1;
     }
     function ya(o) {
-      return e.removeTagsTexts && e.removeTagsTexts.length > o ? e.removeTagsTexts.at(o) : `${ia} ${k.value ? $e(k.value[o]) : ""}`;
+      return e.removeTagsTexts && e.removeTagsTexts.length > o ? e.removeTagsTexts.at(o) : `${ia} ${w.value ? $e(w.value[o]) : ""}`;
     }
     function ka(o, $) {
       $ && $.stopPropagation(), He(o.value), Ae();
@@ -3454,7 +3455,7 @@ const Ai = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
       }
     }
     function _e(o) {
-      (/* @__PURE__ */ new Date()).getTime() - Fe.value < 200 || (w.value = o, e.onOptionSelected && e.onOptionSelected(o ?? []), se(
+      (/* @__PURE__ */ new Date()).getTime() - Fe.value < 200 || (k.value = o, e.onOptionSelected && e.onOptionSelected(o ?? []), se(
         l,
         {
           target: {
@@ -3466,11 +3467,11 @@ const Ai = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
     }
     function He(o) {
       var $;
-      o && (e.multiple ? ($ = w.value) != null && $.includes(o) ? _e(w.value.filter((E) => E !== o)) : _e([...w.value || [], o]) : (_e([o]), Ee(void 0, !0)));
+      o && (e.multiple ? ($ = k.value) != null && $.includes(o) ? _e(k.value.filter((E) => E !== o)) : _e([...k.value || [], o]) : (_e([o]), Ee(void 0, !0)));
     }
     function Ia(o) {
       var $;
-      if (o.stopPropagation(), (($ = w.value) == null ? void 0 : $.length) === O.value)
+      if (o.stopPropagation(), (($ = k.value) == null ? void 0 : $.length) === O.value)
         _e([]);
       else {
         const E = y.value && Ue.value ? Ue.value.value : void 0;
@@ -3595,7 +3596,7 @@ const Ai = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
                 id: C.value
               }, _(I.value), 9, Ri)) : V("", !0),
               o.selectedType === "tag" ? (m(), S("div", Vi, [
-                (m(!0), S(U, null, be(k.value, (q, ge) => (m(), Z(Qt, {
+                (m(!0), S(U, null, be(w.value, (q, ge) => (m(), Z(Qt, {
                   key: ge,
                   emphasis: "strong",
                   behavior: "removable",
@@ -3703,7 +3704,7 @@ const Ai = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
             }, 8, ["width"])
           ], 64)) : V("", !0)
         ], 40, Mi),
-        (o.showClearSelection ?? !0) && ((oe = w.value) != null && oe.length) ? (m(), Z(Be, {
+        (o.showClearSelection ?? !0) && ((oe = k.value) != null && oe.length) ? (m(), Z(Be, {
           key: 0,
           icon: "cross",
           variant: "ghost",