@solfacil/girassol 0.11.0 → 0.12.0

package/dist/girassol.es.js

@@ -1274,15 +1274,15 @@ function rn(e, t, i) {
   return He(i == null ? void 0 : i.type) ? Vl(e, t, i) : cn(e, t, i);
 }
 function cn(e, t, i) {
-  const { initialValue: n, validateOnMount: l, bails: a, type: s, checkedValue: o, label: r, validateOnValueUpdate: c, uncheckedValue: M, controlled: N, keepValueOnUnmount: I, modelPropName: d, syncVModel: v, form: T } = kl(u(e), i), G = N ? di(ut) : void 0, L = T || G;
-  let Z = !1;
-  const { id: b, value: h, initialValue: p, meta: w, setState: O, errors: W, errorMessage: te } = wl(e, {
+  const { initialValue: n, validateOnMount: l, bails: a, type: s, checkedValue: o, label: r, validateOnValueUpdate: c, uncheckedValue: M, controlled: N, keepValueOnUnmount: I, modelPropName: d, syncVModel: v, form: w } = kl(u(e), i), G = N ? di(ut) : void 0, L = w || G;
+  let T = !1;
+  const { id: b, value: h, initialValue: p, meta: Z, setState: O, errors: W, errorMessage: te } = wl(e, {
     modelValue: n,
     form: L
   });
   v && Ol({ value: h, prop: d, handleChange: ne });
   const R = () => {
-    w.touched = !0;
+    Z.touched = !0;
   }, ae = x(() => {
     let S = u(t);
     const q = u(L == null ? void 0 : L.schema);
@@ -1296,7 +1296,7 @@ function cn(e, t, i) {
       bails: a
     });
   }
-  const ce = kt(async () => (w.pending = !0, w.validated = !0, re("validated-only")), (S) => (Z && (S.valid = !0, S.errors = []), O({ errors: S.errors }), w.pending = !1, S)), Ne = kt(async () => re("silent"), (S) => (Z && (S.valid = !0), w.valid = S.valid, S));
+  const ce = kt(async () => (Z.pending = !0, Z.validated = !0, re("validated-only")), (S) => (T && (S.valid = !0, S.errors = []), O({ errors: S.errors }), Z.pending = !1, S)), Ne = kt(async () => re("silent"), (S) => (T && (S.valid = !0), Z.valid = S.valid, S));
   function ve(S) {
     return (S == null ? void 0 : S.mode) === "silent" ? Ne() : ce();
   }
@@ -1310,7 +1310,7 @@ function cn(e, t, i) {
     (!L || !L.validateSchema) && Ne();
   });
   function z(S) {
-    w.touched = S;
+    Z.touched = S;
   }
   let E, D = ie(h.value);
   function A() {
@@ -1332,7 +1332,7 @@ function cn(e, t, i) {
       initialValue: ie(de),
       touched: (q = S == null ? void 0 : S.touched) !== null && q !== void 0 ? q : !1,
       errors: (S == null ? void 0 : S.errors) || []
-    }), w.pending = !1, w.validated = !1, Ne(), Ee(() => {
+    }), Z.pending = !1, Z.validated = !1, Ne(), Ee(() => {
       A();
     });
   }
@@ -1347,7 +1347,7 @@ function cn(e, t, i) {
     name: e,
     label: r,
     value: h,
-    meta: w,
+    meta: Z,
     errors: W,
     errorMessage: te,
     type: s,
@@ -1366,15 +1366,15 @@ function cn(e, t, i) {
     setValue: B
   };
   if (Vi(al, se), Pe(t) && typeof u(t) != "function" && ge(t, (S, q) => {
-    Me(S, q) || (w.validated ? ce() : Ne());
+    Me(S, q) || (Z.validated ? ce() : Ne());
   }, {
     deep: !0
-  }), process.env.NODE_ENV !== "production" && (se._vm = ke(), ge(() => Object.assign(Object.assign({ errors: W.value }, w), { value: h.value }), Qe, {
+  }), process.env.NODE_ENV !== "production" && (se._vm = ke(), ge(() => Object.assign(Object.assign({ errors: W.value }, Z), { value: h.value }), Qe, {
     deep: !0
   }), L || Ll(se)), !L)
     return se;
   L.register(se), Oi(() => {
-    Z = !0, L.unregister(se);
+    T = !0, L.unregister(se);
   });
   const je = x(() => {
     const S = ae.value;
@@ -1389,7 +1389,7 @@ function cn(e, t, i) {
   return ge(je, (S, q) => {
     if (!Object.keys(S).length)
       return;
-    !Me(S, q) && (w.validated ? ce() : Ne());
+    !Me(S, q) && (Z.validated ? ce() : Ne());
   }), se;
 }
 function kl(e, t) {
@@ -1527,7 +1527,7 @@ X({
     }
   },
   setup(e, t) {
-    const i = ze(e, "rules"), n = ze(e, "name"), l = ze(e, "label"), a = ze(e, "uncheckedValue"), s = ze(e, "keepValue"), { errors: o, value: r, errorMessage: c, validate: M, handleChange: N, handleBlur: I, setTouched: d, resetField: v, handleReset: T, meta: G, checked: L, setErrors: Z } = rn(n, i, {
+    const i = ze(e, "rules"), n = ze(e, "name"), l = ze(e, "label"), a = ze(e, "uncheckedValue"), s = ze(e, "keepValue"), { errors: o, value: r, errorMessage: c, validate: M, handleChange: N, handleBlur: I, setTouched: d, resetField: v, handleReset: w, meta: G, checked: L, setErrors: T } = rn(n, i, {
       validateOnMount: e.validateOnMount,
       bails: e.bails,
       standalone: e.standalone,
@@ -1544,7 +1544,7 @@ X({
       He(t.attrs.type) || (r.value = Ii(W));
     }, p = function(te) {
       h(te), t.emit("update:modelValue", r.value);
-    }, w = x(() => {
+    }, Z = x(() => {
       const { validateOnInput: W, validateOnChange: te, validateOnBlur: R, validateOnModelUpdate: ae } = Yl(e), re = [I, t.attrs.onBlur, R ? M : void 0].filter(Boolean), ce = [(z) => b(z, W), t.attrs.onInput].filter(Boolean), Ne = [(z) => b(z, te), t.attrs.onChange].filter(Boolean), ve = {
         name: e.name,
         onBlur: re,
@@ -1557,7 +1557,7 @@ X({
     });
     function O() {
       return {
-        field: w.value,
+        field: Z.value,
         value: r.value,
         meta: G,
         errors: o.value,
@@ -1566,21 +1566,21 @@ X({
         resetField: v,
         handleChange: b,
         handleInput: p,
-        handleReset: T,
+        handleReset: w,
         handleBlur: I,
         setTouched: d,
-        setErrors: Z
+        setErrors: T
       };
     }
     return t.expose({
-      setErrors: Z,
+      setErrors: T,
       setTouched: d,
       reset: v,
       validate: M,
       handleChange: N
     }), () => {
       const W = li(zi(e, t)), te = St(W, t, O);
-      return W ? gt(W, Object.assign(Object.assign({}, t.attrs), w.value), te) : te;
+      return W ? gt(W, Object.assign(Object.assign({}, t.attrs), Z.value), te) : te;
     };
   }
 });
@@ -1614,7 +1614,7 @@ function Ul(e) {
     const y = a.value[g];
     return Array.isArray(y) ? y[0] : y;
   }
-  function T(g) {
+  function w(g) {
     return !!a.value[g];
   }
   const G = x(() => Ie(a.value).reduce((g, y) => {
@@ -1624,7 +1624,7 @@ function Ul(e) {
     var P;
     const H = v(y);
     return H && (g[y] = (P = H.bails) !== null && P !== void 0 ? P : !0), g;
-  }, {})), Z = Object.assign({}, (e == null ? void 0 : e.initialErrors) || {}), b = (t = e == null ? void 0 : e.keepValuesOnUnmount) !== null && t !== void 0 ? t : !1, { initialValues: h, originalInitialValues: p, setInitialValues: w } = Ql(a, c, e == null ? void 0 : e.initialValues), O = Hl(a, c, p, d), W = x(() => [...n, ...Ie(a.value)].reduce((g, y) => {
+  }, {})), T = Object.assign({}, (e == null ? void 0 : e.initialErrors) || {}), b = (t = e == null ? void 0 : e.keepValuesOnUnmount) !== null && t !== void 0 ? t : !1, { initialValues: h, originalInitialValues: p, setInitialValues: Z } = Ql(a, c, e == null ? void 0 : e.initialValues), O = Hl(a, c, p, d), W = x(() => [...n, ...Ie(a.value)].reduce((g, y) => {
     const P = oe(c, y);
     return Ze(g, y, P), g;
   }, {})), te = e == null ? void 0 : e.validationSchema, R = Ai(vi, 5), ae = Ai(vi, 5), re = kt(async (g) => await g === "silent" ? R() : ae(), (g, [y]) => {
@@ -1751,7 +1751,7 @@ function Ul(e) {
   function se(g) {
     const { value: y } = an(g, void 0, ne);
     return ge(y, () => {
-      T(u(g)) || It({ mode: "validated-only" });
+      w(u(g)) || It({ mode: "validated-only" });
     }, {
       deep: !0
     }), n.add(u(g)), y;
@@ -1769,7 +1769,7 @@ function Ul(e) {
     });
   }
   function de(g) {
-    l = !0, D((y) => y.resetField()), g != null && g.values ? (w(g.values), Q(g == null ? void 0 : g.values)) : (w(p.value), Q(p.value)), g != null && g.touched && q(g.touched), Y((g == null ? void 0 : g.errors) || {}), o.value = (g == null ? void 0 : g.submitCount) || 0, Ee(() => {
+    l = !0, D((y) => y.resetField()), g != null && g.values ? (Z(g.values), Q(g == null ? void 0 : g.values)) : (Z(p.value), Q(p.value)), g != null && g.touched && q(g.touched), Y((g == null ? void 0 : g.errors) || {}), o.value = (g == null ? void 0 : g.submitCount) || 0, Ee(() => {
       l = !1;
     });
   }
@@ -1800,10 +1800,10 @@ function Ul(e) {
   function Re(g) {
     const y = u(g.name);
     Ve(g, y), Pe(g.name) && ge(g.name, async (H, $) => {
-      await Ee(), pe(g, $), Ve(g, H), (d.value[$] || d.value[H]) && (A($, void 0), At(H)), await Ee(), T($) || Mt(c, $);
+      await Ee(), pe(g, $), Ve(g, H), (d.value[$] || d.value[H]) && (A($, void 0), At(H)), await Ee(), w($) || Mt(c, $);
     });
     const P = u(g.errorMessage);
-    P && (Z == null ? void 0 : Z[y]) !== P && At(y), delete Z[y];
+    P && (T == null ? void 0 : T[y]) !== P && At(y), delete T[y];
   }
   function dt(g) {
     const y = u(g.name), P = a.value[y], H = !!P && z(P);
@@ -1819,7 +1819,7 @@ function Ul(e) {
           }
         } else
           ee === u(g.checkedValue) && Mt(c, y);
-      if (!T(y)) {
+      if (!w(y)) {
         if (A(y, void 0), le || H && Array.isArray(ee) && !qi(ee))
           return;
         Mt(c, y);
@@ -1990,21 +1990,21 @@ X({
     }
   },
   setup(e, t) {
-    const i = ze(e, "initialValues"), n = ze(e, "validationSchema"), l = ze(e, "keepValues"), { errors: a, values: s, meta: o, isSubmitting: r, submitCount: c, controlledValues: M, validate: N, validateField: I, handleReset: d, resetForm: v, handleSubmit: T, setErrors: G, setFieldError: L, setFieldValue: Z, setValues: b, setFieldTouched: h, setTouched: p } = Ul({
+    const i = ze(e, "initialValues"), n = ze(e, "validationSchema"), l = ze(e, "keepValues"), { errors: a, values: s, meta: o, isSubmitting: r, submitCount: c, controlledValues: M, validate: N, validateField: I, handleReset: d, resetForm: v, handleSubmit: w, setErrors: G, setFieldError: L, setFieldValue: T, setValues: b, setFieldTouched: h, setTouched: p } = Ul({
       validationSchema: n.value ? n : void 0,
       initialValues: i,
       initialErrors: e.initialErrors,
       initialTouched: e.initialTouched,
       validateOnMount: e.validateOnMount,
       keepValuesOnUnmount: l
-    }), w = T((ae, { evt: re }) => {
+    }), Z = w((ae, { evt: re }) => {
       Ki(re) && re.target.submit();
-    }, e.onInvalidSubmit), O = e.onSubmit ? T(e.onSubmit, e.onInvalidSubmit) : w;
+    }, e.onInvalidSubmit), O = e.onSubmit ? w(e.onSubmit, e.onInvalidSubmit) : Z;
     function W(ae) {
       ri(ae) && ae.preventDefault(), d(), typeof t.attrs.onReset == "function" && t.attrs.onReset();
     }
     function te(ae, re) {
-      return T(typeof ae == "function" && !re ? ae : re, e.onInvalidSubmit)(ae);
+      return w(typeof ae == "function" && !re ? ae : re, e.onInvalidSubmit)(ae);
     }
     function R() {
       return {
@@ -2018,10 +2018,10 @@ X({
         validateField: I,
         handleSubmit: te,
         handleReset: d,
-        submitForm: w,
+        submitForm: Z,
         setErrors: G,
         setFieldError: L,
-        setFieldValue: Z,
+        setFieldValue: T,
         setValues: b,
         setFieldTouched: h,
         setTouched: p,
@@ -2031,7 +2031,7 @@ X({
     return t.expose({
       setFieldError: L,
       setErrors: G,
-      setFieldValue: Z,
+      setFieldValue: T,
       setValues: b,
       setFieldTouched: h,
       setTouched: p,
@@ -2088,16 +2088,16 @@ function Fl(e) {
       key: h,
       value: ml({
         get() {
-          const w = oe(t == null ? void 0 : t.values, u(e), []) || [], O = i.value.findIndex((W) => W.key === h);
-          return O === -1 ? b : w[O];
+          const Z = oe(t == null ? void 0 : t.values, u(e), []) || [], O = i.value.findIndex((W) => W.key === h);
+          return O === -1 ? b : Z[O];
         },
-        set(w) {
+        set(Z) {
           const O = i.value.findIndex((W) => W.key === h);
           if (O === -1) {
             Tt("Attempting to update a non-existent array item");
             return;
           }
-          T(O, w);
+          w(O, Z);
         }
       }),
       isFirst: !1,
@@ -2108,71 +2108,71 @@ function Fl(e) {
     const h = u(e), p = oe(t == null ? void 0 : t.values, h);
     if (!p || !Array.isArray(p))
       return;
-    const w = [...p];
-    w.splice(b, 1), t == null || t.unsetInitialValue(h + `[${b}]`), t == null || t.setFieldValue(h, w), i.value.splice(b, 1), r();
+    const Z = [...p];
+    Z.splice(b, 1), t == null || t.unsetInitialValue(h + `[${b}]`), t == null || t.setFieldValue(h, Z), i.value.splice(b, 1), r();
   }
   function N(b) {
-    const h = u(e), p = oe(t == null ? void 0 : t.values, h), w = et(p) ? [] : p;
-    if (!Array.isArray(w))
+    const h = u(e), p = oe(t == null ? void 0 : t.values, h), Z = et(p) ? [] : p;
+    if (!Array.isArray(Z))
       return;
-    const O = [...w];
+    const O = [...Z];
     O.push(b), t == null || t.stageInitialValue(h + `[${O.length - 1}]`, b), t == null || t.setFieldValue(h, O), i.value.push(c(b)), r();
   }
   function I(b, h) {
-    const p = u(e), w = oe(t == null ? void 0 : t.values, p);
-    if (!Array.isArray(w) || !(b in w) || !(h in w))
+    const p = u(e), Z = oe(t == null ? void 0 : t.values, p);
+    if (!Array.isArray(Z) || !(b in Z) || !(h in Z))
       return;
-    const O = [...w], W = [...i.value], te = O[b];
+    const O = [...Z], W = [...i.value], te = O[b];
     O[b] = O[h], O[h] = te;
     const R = W[b];
     W[b] = W[h], W[h] = R, t == null || t.setFieldValue(p, O), i.value = W, r();
   }
   function d(b, h) {
-    const p = u(e), w = oe(t == null ? void 0 : t.values, p);
-    if (!Array.isArray(w) || w.length < b)
+    const p = u(e), Z = oe(t == null ? void 0 : t.values, p);
+    if (!Array.isArray(Z) || Z.length < b)
       return;
-    const O = [...w], W = [...i.value];
+    const O = [...Z], W = [...i.value];
     O.splice(b, 0, h), W.splice(b, 0, c(h)), t == null || t.setFieldValue(p, O), i.value = W, r();
   }
   function v(b) {
     const h = u(e);
     t == null || t.setFieldValue(h, b), o();
   }
-  function T(b, h) {
-    const p = u(e), w = oe(t == null ? void 0 : t.values, p);
-    !Array.isArray(w) || w.length - 1 < b || (t == null || t.setFieldValue(`${p}[${b}]`, h), t == null || t.validate({ mode: "validated-only" }));
+  function w(b, h) {
+    const p = u(e), Z = oe(t == null ? void 0 : t.values, p);
+    !Array.isArray(Z) || Z.length - 1 < b || (t == null || t.setFieldValue(`${p}[${b}]`, h), t == null || t.validate({ mode: "validated-only" }));
   }
   function G(b) {
-    const h = u(e), p = oe(t == null ? void 0 : t.values, h), w = et(p) ? [] : p;
-    if (!Array.isArray(w))
+    const h = u(e), p = oe(t == null ? void 0 : t.values, h), Z = et(p) ? [] : p;
+    if (!Array.isArray(Z))
       return;
-    const O = [b, ...w];
+    const O = [b, ...Z];
     t == null || t.stageInitialValue(h + `[${O.length - 1}]`, b), t == null || t.setFieldValue(h, O), i.value.unshift(c(b)), r();
   }
   function L(b, h) {
-    const p = u(e), w = oe(t == null ? void 0 : t.values, p), O = et(w) ? [] : [...w];
-    if (!Array.isArray(w) || !(b in w) || !(h in w))
+    const p = u(e), Z = oe(t == null ? void 0 : t.values, p), O = et(Z) ? [] : [...Z];
+    if (!Array.isArray(Z) || !(b in Z) || !(h in Z))
       return;
     const W = [...i.value], te = W[b];
     W.splice(b, 1), W.splice(h, 0, te);
     const R = O[b];
     O.splice(b, 1), O.splice(h, 0, R), t == null || t.setFieldValue(p, O), i.value = W, r();
   }
-  const Z = {
+  const T = {
     fields: i,
     remove: M,
     push: N,
     swap: I,
     insert: d,
-    update: T,
+    update: w,
     replace: v,
     prepend: G,
     move: L
   };
-  return t.fieldArrays.push(Object.assign({ path: e, reset: o }, Z)), Oi(() => {
+  return t.fieldArrays.push(Object.assign({ path: e, reset: o }, T)), Oi(() => {
     const b = t.fieldArrays.findIndex((h) => u(h.path) === u(e));
     b >= 0 && t.fieldArrays.splice(b, 1);
-  }), Z;
+  }), T;
 }
 X({
   name: "FieldArray",
@@ -2719,10 +2719,10 @@ const xa = ["id", "data-testid", "aria-labelledby"], Aa = ["id", "data-testid"],
           direction: e.direction
         }, () => [
           (m(!0), j(Se, null, he(e.radios, (d, v) => {
-            var T;
+            var w;
             return m(), j("li", { key: v }, [
               _(lt, Ge(N.$attrs, {
-                id: (T = d == null ? void 0 : d.id) != null ? T : `${d.value}`,
+                id: (w = d == null ? void 0 : d.id) != null ? w : `${d.value}`,
                 class: ["radio", { "mb-micro": e.direction === "column", "mr-micro": e.direction === "row" }],
                 name: d.name,
                 value: d.value,
@@ -2836,7 +2836,7 @@ const La = ["id", "data-testid", "aria-labelledby"], Ca = ["id", "data-testid"],
     function N(I) {
       var v;
       t("change", I.value);
-      const d = c(I.value) ? (v = l.value) == null ? void 0 : v.filter((T) => T !== I.value) : M(I.value);
+      const d = c(I.value) ? (v = l.value) == null ? void 0 : v.filter((w) => w !== I.value) : M(I.value);
       l.value = d, t("update:modelValue", d);
     }
     return (I, d) => (m(), j("fieldset", {
@@ -2861,9 +2861,9 @@ const La = ["id", "data-testid", "aria-labelledby"], Ca = ["id", "data-testid"],
           checkboxes: e.checkboxes,
           direction: e.direction
         }, () => [
-          (m(!0), j(Se, null, he(e.checkboxes, (v, T) => {
+          (m(!0), j(Se, null, he(e.checkboxes, (v, w) => {
             var G;
-            return m(), j("li", { key: T }, [
+            return m(), j("li", { key: w }, [
               _(Xe, Ge(I.$attrs, {
                 id: (G = v == null ? void 0 : v.id) != null ? G : `${v.value}`,
                 class: ["checkbox", { "mb-micro": e.direction === "column", "mr-micro": e.direction === "row" }],
@@ -2947,8 +2947,8 @@ function Mn(e, t, i = {}) {
     const v = _e(e);
     !v || v === d.target || d.composedPath().includes(v) || !o.value || t(d);
   }, M = (d) => l && l.some((v) => {
-    const T = _e(v);
-    return T && (d.target === T || d.composedPath().includes(T));
+    const w = _e(v);
+    return w && (d.target === w || d.composedPath().includes(w));
   }), N = [
     Ke(n, "click", c, { passive: !0, capture: a }),
     Ke(n, "pointerdown", (d) => {
@@ -2963,8 +2963,8 @@ function Mn(e, t, i = {}) {
     }, { passive: !0 }),
     s && Ke(n, "blur", (d) => {
       var v;
-      const T = _e(e);
-      ((v = document.activeElement) == null ? void 0 : v.tagName) === "IFRAME" && !(T != null && T.contains(document.activeElement)) && t(d);
+      const w = _e(e);
+      ((v = document.activeElement) == null ? void 0 : v.tagName) === "IFRAME" && !(w != null && w.contains(document.activeElement)) && t(d);
     })
   ].filter(Boolean);
   return () => N.forEach((d) => d());
@@ -3081,11 +3081,11 @@ function xt({ target: e, query: t }) {
     genericIndex: -1
   });
   function n(d) {
-    const v = d != null ? d : i.index, T = e == null ? void 0 : e.value;
+    const v = d != null ? d : i.index, w = e == null ? void 0 : e.value;
     I(), d !== void 0 && (i.index = d), setTimeout(() => {
-      var Z;
-      const G = T.children[v], L = t && G.querySelector(t) ? G.querySelector(t) : G;
-      i.id = (Z = G == null ? void 0 : G.id) != null ? Z : "", L == null || L.focus();
+      var T;
+      const G = w.children[v], L = t && G.querySelector(t) ? G.querySelector(t) : G;
+      i.id = (T = G == null ? void 0 : G.id) != null ? T : "", L == null || L.focus();
     }, 0);
   }
   function l() {
@@ -3102,19 +3102,19 @@ function xt({ target: e, query: t }) {
   }
   function r({ query: d, to: v }) {
     var h, p;
-    const T = i.index >= 0 ? i.index : 0, L = (e == null ? void 0 : e.value).children[T], Z = Array.isArray(d) ? d.flatMap((w) => Array.from(L.querySelectorAll(w))).filter((w) => w) : Array.from(L.querySelectorAll(d));
-    if (!Z.length)
+    const w = i.index >= 0 ? i.index : 0, L = (e == null ? void 0 : e.value).children[w], T = Array.isArray(d) ? d.flatMap((Z) => Array.from(L.querySelectorAll(Z))).filter((Z) => Z) : Array.from(L.querySelectorAll(d));
+    if (!T.length)
       return;
-    const b = i.rowIndex < Z.length - 1;
-    v === "RIGHT" && b && (i.rowIndex += 1, (h = Z[i.rowIndex]) == null || h.focus()), v === "LEFT" && (i.rowIndex = i.rowIndex >= 0 ? i.rowIndex - 1 : -1, i.rowIndex < 0 ? L.focus() : (p = Z[i.rowIndex]) == null || p.focus());
+    const b = i.rowIndex < T.length - 1;
+    v === "RIGHT" && b && (i.rowIndex += 1, (h = T[i.rowIndex]) == null || h.focus()), v === "LEFT" && (i.rowIndex = i.rowIndex >= 0 ? i.rowIndex - 1 : -1, i.rowIndex < 0 ? L.focus() : (p = T[i.rowIndex]) == null || p.focus());
   }
   function c({ query: d, to: v }) {
-    var Z, b;
-    const T = e == null ? void 0 : e.value, G = Array.isArray(d) ? d.flatMap((h) => Array.from(T.querySelectorAll(h))).filter((h) => h) : Array.from(T.querySelectorAll(d));
+    var T, b;
+    const w = e == null ? void 0 : e.value, G = Array.isArray(d) ? d.flatMap((h) => Array.from(w.querySelectorAll(h))).filter((h) => h) : Array.from(w.querySelectorAll(d));
     if (!G.length)
       return;
     const L = i.genericIndex < G.length - 1;
-    v === "NEXT" && L && (i.genericIndex += 1, (Z = G[i.genericIndex]) == null || Z.focus()), v === "PREVIOUS" && (i.genericIndex = i.genericIndex >= 0 ? i.genericIndex - 1 : -1, i.genericIndex < 0 ? T.focus() : (b = G[i.genericIndex]) == null || b.focus());
+    v === "NEXT" && L && (i.genericIndex += 1, (T = G[i.genericIndex]) == null || T.focus()), v === "PREVIOUS" && (i.genericIndex = i.genericIndex >= 0 ? i.genericIndex - 1 : -1, i.genericIndex < 0 ? w.focus() : (b = G[i.genericIndex]) == null || b.focus());
   }
   function M(d) {
     return d.id ? d.id === i.id : d.index === i.index;
@@ -3394,7 +3394,7 @@ const xs = { name: "material-symbols-close-rounded", render: Ss }, As = ["data-t
       }
       return [D];
     }
-    function T(D) {
+    function w(D) {
       const A = i.multiple ? v(D) : D;
       r.value = A, i.closeOnSelect && !i.multiple && d();
     }
@@ -3402,7 +3402,7 @@ const xs = { name: "material-symbols-close-rounded", render: Ss }, As = ["data-t
       var A;
       return Array.isArray(r.value) ? r.value.some(({ value: Y }) => Y === D.value) : D.value === ((A = r == null ? void 0 : r.value) == null ? void 0 : A.value);
     }
-    const L = F(), Z = F();
+    const L = F(), T = F();
     function b() {
       var D;
       i.searchable && (te(), (D = L.value) == null || D.focus());
@@ -3410,13 +3410,13 @@ const xs = { name: "material-symbols-close-rounded", render: Ss }, As = ["data-t
     const {
       elementFocus: h,
       focusOnFirstItem: p,
-      focusOnLastItem: w,
+      focusOnLastItem: Z,
       focusOnNextItem: O,
       focusOnPreviousItem: W,
       resetStateFocus: te
-    } = xt({ target: Z }), { navigate: R } = Be({
+    } = xt({ target: T }), { navigate: R } = Be({
       Home: p,
-      End: () => w(i.options.length),
+      End: () => Z(i.options.length),
       ArrowUp: W,
       ArrowDown: () => {
         !l.value && I(), O(i.options.length);
@@ -3430,7 +3430,7 @@ const xs = { name: "material-symbols-close-rounded", render: Ss }, As = ["data-t
       l.value = !1, a.value = "", te();
     }
     function re(D) {
-      return (A) => D === "search" ? L.value = A == null ? void 0 : A.input : Z.value = A == null ? void 0 : A.list;
+      return (A) => D === "search" ? L.value = A == null ? void 0 : A.input : T.value = A == null ? void 0 : A.list;
     }
     function ce() {
       var A;
@@ -3494,7 +3494,7 @@ const xs = { name: "material-symbols-close-rounded", render: Ss }, As = ["data-t
           C(D.$slots, "toggle-dropdown", {
             toggle: { open: I, close: d, toggleDropdown: M },
             isOpen: l.value,
-            select: T,
+            select: w,
             selected: e.selected
           }, () => {
             var B, Q, se;
@@ -3506,8 +3506,8 @@ const xs = { name: "material-symbols-close-rounded", render: Ss }, As = ["data-t
                   variant: "fill",
                   size: "small",
                   label: String(je.name),
-                  onClick: me((q) => T(je), ["stop"]),
-                  onClose: (q) => T(je)
+                  onClick: me((q) => w(je), ["stop"]),
+                  onClose: (q) => w(je)
                 }, null, 8, ["id", "label", "onClick", "onClose"]))), 128))
               ])) : (m(), j("span", {
                 key: 1,
@@ -3592,7 +3592,7 @@ const xs = { name: "material-symbols-close-rounded", render: Ss }, As = ["data-t
                   name: u(o),
                   multiple: e.multiple,
                   "is-selected": G,
-                  onSelect: T
+                  onSelect: w
                 }, {
                   "no-data": J(() => [
                     C(D.$slots, "no-data")
@@ -3926,7 +3926,7 @@ const ho = ["id", "data-testid"], Do = ["data-testid"], Jt = /* @__PURE__ */ X({
     ] },
     onlyLine: null
   },
-  emits: ["update:tabList"],
+  emits: ["update:tabList", "tabitem:active"],
   setup(e, { emit: t }) {
     const i = e, n = F(), {
       focusOnFirstItem: l,
@@ -3943,12 +3943,12 @@ const ho = ["id", "data-testid"], Do = ["data-testid"], Jt = /* @__PURE__ */ X({
     function c(N, I) {
       if (I)
         return;
-      const d = i.tabList.map((v) => ({ ...v, active: v.key === N }));
-      t("update:tabList", d);
+      const d = i.tabList.map((w) => ({ ...w, active: w.key === N })), v = d.find(({ active: w }) => w);
+      t("update:tabList", d), t("tabitem:active", v);
     }
     function M() {
       if (!i.tabList.some(({ disabled: I, active: d }) => !I && d)) {
-        const I = i.tabList.findIndex(({ disabled: v }) => !v), d = i.tabList.map((v, T) => T === I ? { ...v, active: !0 } : v);
+        const I = i.tabList.findIndex(({ disabled: v }) => !v), d = i.tabList.map((v, w) => w === I ? { ...v, active: !0 } : v);
         t("update:tabList", d);
       }
     }
@@ -3967,18 +3967,18 @@ const ho = ["id", "data-testid"], Do = ["data-testid"], Jt = /* @__PURE__ */ X({
         role: "tablist",
         class: k(["tabs-header", { "-only-line": e.onlyLine }])
       }, [
-        (m(!0), j(Se, null, he(e.tabList, ({ label: d, active: v, disabled: T, key: G, gtmId: L }) => (m(), K(bo, {
+        (m(!0), j(Se, null, he(e.tabList, ({ label: d, active: v, disabled: w, key: G, gtmId: L }) => (m(), K(bo, {
           id: `${e.id}-${G}`,
           key: `tab-item-${G}`,
           "gtm-id": L != null ? L : `tab-item:${G}`,
           label: d,
           active: v,
-          disabled: T,
-          "data-interactive": !T,
-          onClick: (Z) => c(G, v),
+          disabled: w,
+          "data-interactive": !w,
+          onClick: (T) => c(G, v),
           onKeyup: [
-            De(me((Z) => c(G, v), ["self"]), ["enter"]),
-            De(me((Z) => c(G, v), ["self"]), ["space"])
+            De(me((T) => c(G, v), ["self"]), ["enter"]),
+            De(me((T) => c(G, v), ["self"]), ["space"])
           ]
         }, {
           icon: J(() => [
@@ -4041,13 +4041,13 @@ const So = ["id", "data-testid"], xo = ["id", "aria-expanded"], Ao = ["id", "dat
     function d() {
       i.value ? N() : I();
     }
-    return (v, T) => (m(), j("div", {
+    return (v, w) => (m(), j("div", {
       id: `menu-${e.id}`,
       ref_key: "el",
       ref: t,
       "data-testid": `menu-${e.id}`,
       class: k([`-${e.position}`, "sol-menu-core"]),
-      onKeyupPassive: T[0] || (T[0] = (...G) => u(M) && u(M)(...G))
+      onKeyupPassive: w[0] || (w[0] = (...G) => u(M) && u(M)(...G))
     }, [
       C(v.$slots, "trigger", {
         id: `menu-button-${e.id}`,
@@ -4207,13 +4207,13 @@ const To = ["id", "data-testid"], zo = {
             renderHeader: e.renderHeader,
             headers: e.headers
           }, () => {
-            var T, G, L, Z;
+            var w, G, L, T;
             return [
               _(Zo, {
                 "data-testid": `listitem-${e.id}-${e.itemIndex}-${d}`,
                 "item-prop": d,
-                hide: (G = (T = e.headers) == null ? void 0 : T[d]) == null ? void 0 : G.hide,
-                align: (Z = (L = e.headers) == null ? void 0 : L[d]) == null ? void 0 : Z.align,
+                hide: (G = (w = e.headers) == null ? void 0 : w[d]) == null ? void 0 : G.hide,
+                align: (T = (L = e.headers) == null ? void 0 : L[d]) == null ? void 0 : T.align,
                 "is-highlight-value": e.isHighlight({ key: d })
               }, {
                 property: J(() => [
@@ -4325,25 +4325,25 @@ const Vo = { name: "material-symbols-more-vert", render: Bo }, Oo = ["id", "data
       var D, A;
       return E ? !0 : z ? !!((A = (D = n.headers) == null ? void 0 : D[z]) != null && A.highlight) : !1;
     }
-    const T = F(), G = [
+    const w = F(), G = [
       "[data-interactive] input",
       "[data-interactive-element]",
       "[data-interactive] button"
     ], {
       elementFocus: L,
-      focusInsideRow: Z,
+      focusInsideRow: T,
       focusOnFirstItem: b,
       focusOnLastItem: h,
       focusOnNextItem: p,
-      focusOnPreviousItem: w,
+      focusOnPreviousItem: Z,
       resetStateFocus: O
-    } = xt({ target: T }), { navigate: W } = Be({
+    } = xt({ target: w }), { navigate: W } = Be({
       Home: b,
       End: () => h(n.data.length),
-      ArrowUp: () => !te() && w(),
+      ArrowUp: () => !te() && Z(),
       ArrowDown: () => !te() && p(n.data.length),
-      ArrowLeft: () => L.id && Z({ to: "LEFT", query: G }),
-      ArrowRight: () => L.id && Z({ to: "RIGHT", query: G })
+      ArrowLeft: () => L.id && T({ to: "LEFT", query: G }),
+      ArrowRight: () => L.id && T({ to: "RIGHT", query: G })
     }, {
       fallback: O,
       exclude: ["Enter", "NumpadEnter", "Space"]
@@ -4388,7 +4388,7 @@ const Vo = { name: "material-symbols-more-vert", render: Bo }, Oo = ["id", "data
     }), (z, E) => (m(), j("ul", {
       id: `list-${e.id}`,
       ref_key: "list",
-      ref: T,
+      ref: w,
       "data-testid": `list-${e.id}`,
       class: "sol-list-core",
       "aria-label": e.ariaLabel,
@@ -4713,12 +4713,12 @@ const tu = { name: "material-symbols-close", render: eu }, iu = ["id", "data-tes
       actionSecondary: `button-modal-action-secondary-${n.id}`,
       actionTertiary: `button-modal-action-tertiary-${n.id}`
     }, s = F(), o = F(n.isOpen), r = F(!1), c = x(() => {
-      var Z;
-      return (Z = n.isOpen) != null ? Z : o.value;
+      var T;
+      return (T = n.isOpen) != null ? T : o.value;
     }), M = Oa(document.body), N = x(() => {
       var h, p;
-      const Z = (h = n.size.desktop) != null ? h : "medium", b = (p = n.size.mobile) != null ? p : "full";
-      return `-desktop-${Z} -mobile-${b}`;
+      const T = (h = n.size.desktop) != null ? h : "medium", b = (p = n.size.mobile) != null ? p : "full";
+      return `-desktop-${T} -mobile-${b}`;
     }), { navigate: I } = Be({
       Escape: d
     });
@@ -4728,27 +4728,27 @@ const tu = { name: "material-symbols-close", render: eu }, iu = ["id", "data-tes
     function v() {
       o.value = !0, i("open"), i("update:isOpen", !0);
     }
-    function T() {
+    function w() {
       document.documentElement.style.setProperty(
         "--viewport-100vh",
         `${window.innerHeight}px`
       );
     }
-    function G(Z) {
-      T(), M.value = !!Z, Z ? setTimeout(() => r.value = !0, 90) : r.value = !1;
+    function G(T) {
+      w(), M.value = !!T, T ? setTimeout(() => r.value = !0, 90) : r.value = !1;
     }
-    function L(Z, b) {
-      Z && setTimeout(() => {
+    function L(T, b) {
+      T && setTimeout(() => {
         var h;
         return (h = b == null ? void 0 : b.value) == null ? void 0 : h.focus();
       }, 110);
     }
-    return ge(c, (Z) => {
-      G(Z), L(Z, s);
+    return ge(c, (T) => {
+      G(T), L(T, s);
     }, { immediate: !0 }), t({
       close: d,
       open: v
-    }), (Z, b) => (m(), K(wn, { to: e.target }, [
+    }), (T, b) => (m(), K(wn, { to: e.target }, [
       u(c) ? (m(), K(Jo, { key: 0 }, {
         default: J(() => [
           _(si, {
@@ -4796,10 +4796,10 @@ const tu = { name: "material-symbols-close", render: eu }, iu = ["id", "data-tes
                   }, 8, ["id"])
                 ], 8, nu),
                 f("main", au, [
-                  C(Z.$slots, "default")
+                  C(T.$slots, "default")
                 ]),
                 f("footer", su, [
-                  C(Z.$slots, "action-tertiary", {
+                  C(T.$slots, "action-tertiary", {
                     id: l.actionTertiary
                   }, () => [
                     e.actionTertiaryText ? (m(), K(ye, {
@@ -4816,7 +4816,7 @@ const tu = { name: "material-symbols-close", render: eu }, iu = ["id", "data-tes
                     }, 8, ["id"])) : U("", !0)
                   ]),
                   f("div", ou, [
-                    C(Z.$slots, "action-secondary", {
+                    C(T.$slots, "action-secondary", {
                       id: l.actionSecondary
                     }, () => [
                       e.actionSecondaryText ? (m(), K(ye, {
@@ -4832,7 +4832,7 @@ const tu = { name: "material-symbols-close", render: eu }, iu = ["id", "data-tes
                         _: 1
                       }, 8, ["id"])) : U("", !0)
                     ]),
-                    C(Z.$slots, "action-primary", {
+                    C(T.$slots, "action-primary", {
                       id: l.actionPrimary
                     }, () => [
                       e.actionPrimaryText ? (m(), K(ye, {