energy-components 1.1.1 → 1.1.2

package/dist/components/textArea.es.js

@@ -1,10 +1,10 @@
-import { defineComponent as R, mergeModels as U, useModel as F, toRefs as G, computed as o, openBlock as l, createElementBlock as h, normalizeClass as g, createElementVNode as a, withDirectives as J, unref as t, vModelText as K, renderSlot as x, createBlock as C, mergeProps as M, toHandlers as q, createCommentVNode as s, createTextVNode as L, toDisplayString as i, pushScopeId as O, popScopeId as Q } from "vue";
+import { defineComponent as R, mergeModels as U, useModel as F, toRefs as G, computed as o, openBlock as n, createElementBlock as h, normalizeClass as f, createElementVNode as a, withDirectives as J, unref as t, vModelText as K, renderSlot as x, createBlock as C, mergeProps as M, toHandlers as q, createCommentVNode as s, createTextVNode as L, toDisplayString as i, pushScopeId as O, popScopeId as Q } from "vue";
 import { I as T } from "./icon-svg-CEZ-L3iv.js";
 import { _ as W } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/textArea.css';function y(e, f = !0, u = !0) {
-  return f && !e.trim() ? (console.warn("Advertencia: El valor no puede estar vacío"), !1) : u && !/^[\w\-:]+$/.test(e) ? (console.warn("Advertencia: El valor contiene caracteres inválidos"), !1) : !0;
+import './style/textArea.css';function y(e, m = !0, u = !0) {
+  return m && !e.trim() ? (console.warn("Advertencia: El valor no puede estar vacío"), !1) : u && !/^[\w\-:]+$/.test(e) ? (console.warn("Advertencia: El valor contiene caracteres inválidos"), !1) : !0;
 }
-const X = (e) => (O("data-v-a9a6a677"), e = e(), Q(), e), Y = { class: "rds-e-textarea__container" }, Z = { class: "rds-e-textarea__input-container" }, ee = ["id", "name", "maxlength", "minlength", "rows", "disabled"], te = /* @__PURE__ */ X(() => /* @__PURE__ */ a("div", { class: "rds-e-textarea__resize-handle" }, [
+const X = (e) => (O("data-v-51c6b51e"), e = e(), Q(), e), Y = { class: "rds-e-textarea__container" }, Z = { class: "rds-e-textarea__input-container" }, ee = ["id", "name", "maxlength", "minlength", "rows", "disabled"], te = /* @__PURE__ */ X(() => /* @__PURE__ */ a("div", { class: "rds-e-textarea__resize-handle" }, [
   /* @__PURE__ */ a("svg", {
     width: "12",
     height: "14",
@@ -150,24 +150,24 @@ const X = (e) => (O("data-v-a9a6a677"), e = e(), Q(), e), Y = { class: "rds-e-te
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const f = e, u = F(e, "modelValue"), {
+    const m = e, u = F(e, "modelValue"), {
       label: b,
       id: w,
       disabled: p,
       maxlength: v,
-      minlength: m,
+      minlength: _,
       modelValue: d,
       icon: $,
       rightIcon: S,
       helper: A,
-      error: _,
+      error: g,
       helperText: z,
       clearable: k,
       lengthError: D
-    } = G(f), V = o(() => d.value.length === v.value), B = o(() => d.value.length === 0 ? !1 : d.value.length < m.value), E = o(() => D.value && (V.value || B.value)), P = o(() => {
+    } = G(m), V = o(() => d.value.length === v.value), B = o(() => d.value.length === 0 ? !1 : d.value.length < _.value), E = o(() => D.value && (V.value || B.value)), P = o(() => {
       const r = [];
-      return d.value && r.push("rds-e-textarea--filled"), _.value && r.push("rds-e-textarea--error"), p.value && r.push("rds-e-textarea--disabled"), E.value && r.push("rds-e-textarea--error"), r.join(" ");
-    }), n = o(() => {
+      return d.value && r.push("rds-e-textarea--filled"), g.value && r.push("rds-e-textarea--error"), p.value && r.push("rds-e-textarea--disabled"), E.value && r.push("rds-e-textarea--error"), r.join(" ");
+    }), l = o(() => {
       const r = {
         name: $.value,
         class: "",
@@ -190,8 +190,8 @@ const X = (e) => (O("data-v-a9a6a677"), e = e(), Q(), e), Y = { class: "rds-e-te
     }), j = o(() => d.value.length);
     return (r, c) => {
       var I, N;
-      return l(), h("div", {
-        class: g(["rds-e-textarea", P.value])
+      return n(), h("div", {
+        class: f(["rds-e-textarea", P.value])
       }, [
         a("div", Y, [
           a("div", Z, [
@@ -202,7 +202,7 @@ const X = (e) => (O("data-v-a9a6a677"), e = e(), Q(), e), Y = { class: "rds-e-te
               class: "rds-e-textarea__input",
               name: e.name,
               maxlength: t(v),
-              minlength: t(m),
+              minlength: t(_),
               rows: e.rows,
               disabled: t(p)
             }, null, 8, ee), [
@@ -211,49 +211,51 @@ const X = (e) => (O("data-v-a9a6a677"), e = e(), Q(), e), Y = { class: "rds-e-te
             te,
             a("label", {
               for: (N = t(w)) == null ? void 0 : N.toString(),
-              class: "rds-e-textarea__label"
+              class: f(["rds-e-textarea__label", {
+                "rds-e-textarea__label--with-icon": l.value.left.name
+              }])
             }, [
               x(r.$slots, "left-icon", {}, () => [
-                n.value.left.name ? (l(), C(T, M({
+                l.value.left.name ? (n(), C(T, M({
                   key: 0,
                   class: "rds-e-textarea__icon rds-e-textarea__icon--left",
                   "aria-hidden": "true"
-                }, n.value.left, q(n.value.left.events)), null, 16)) : s("", !0)
+                }, l.value.left, q(l.value.left.events)), null, 16)) : s("", !0)
               ], !0),
               L(" " + i(t(b)), 1)
-            ], 8, re),
+            ], 10, re),
             a("div", {
-              class: g(["rds-e-textarea__counter", {
+              class: f(["rds-e-textarea__counter", {
                 "rds-e-textarea__counter--disabled": t(p),
                 "rds-e-textarea__counter--clearable": t(k)
               }])
             }, [
-              e.counter && !t(S) ? (l(), h("p", ae, i(j.value) + "/" + i(t(v)), 1)) : s("", !0),
+              e.counter && !t(S) ? (n(), h("p", ae, i(j.value) + "/" + i(t(v)), 1)) : s("", !0),
               x(r.$slots, "right-icon", {}, () => [
-                n.value.right.name ? (l(), C(T, M({
+                l.value.right.name && !l.value.left.name ? (n(), C(T, M({
                   key: 0,
                   class: "rds-e-textarea__icon rds-e-textarea__icon--right",
                   "aria-hidden": "true"
-                }, n.value.right, q(n.value.right.events)), null, 16)) : s("", !0)
+                }, l.value.right, q(l.value.right.events)), null, 16)) : s("", !0)
               ], !0)
             ], 2)
           ])
         ]),
         a("ul", {
-          class: g(["rds-e-textarea__helper", t(_) || E.value ? "rds-e-textarea__helper--error" : ""])
+          class: f(["rds-e-textarea__helper", t(g) || E.value ? "rds-e-textarea__helper--error" : ""])
         }, [
-          V.value ? (l(), h("li", le, " Max text length is " + i(t(v)), 1)) : s("", !0),
-          B.value ? (l(), h("li", ne, " Min text length is " + i(t(m)), 1)) : s("", !0),
+          V.value ? (n(), h("li", le, " Max text length is " + i(t(v)), 1)) : s("", !0),
+          B.value ? (n(), h("li", ne, " Min text length is " + i(t(_)), 1)) : s("", !0),
           a("li", null, [
             x(r.$slots, "helper-text", {}, () => [
-              t(A) || t(_) ? (l(), h("span", oe, i(t(z)), 1)) : s("", !0)
+              t(A) || t(g) ? (n(), h("span", oe, i(t(z)), 1)) : s("", !0)
             ], !0)
           ])
         ], 2)
       ], 2);
     };
   }
-}), ce = /* @__PURE__ */ W(se, [["__scopeId", "data-v-a9a6a677"]]);
+}), ce = /* @__PURE__ */ W(se, [["__scopeId", "data-v-51c6b51e"]]);
 export {
   ce as default
 };

package/dist/components/textField.es.js

@@ -1,10 +1,11 @@
-import { defineComponent as j, toRefs as P, ref as z, computed as d, watch as F, openBlock as u, createElementBlock as m, normalizeClass as h, createElementVNode as n, renderSlot as v, createBlock as H, mergeProps as k, toHandlers as M, createCommentVNode as _, unref as t, toDisplayString as w, createVNode as A, withModifiers as G } from "vue";
-import { I as L } from "./icon-svg-CEZ-L3iv.js";
-import { _ as J } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/textField.css';const K = { class: "rds-e-textfield__container" }, O = { class: "rds-e-textfield__input-container" }, Q = ["id", "type", "maxLength", "minLength", "disabled", "value", "autocomplete", "readonly"], U = ["for"], W = {
+import { defineComponent as H, toRefs as M, ref as L, computed as n, watch as U, openBlock as u, createElementBlock as v, normalizeClass as h, createElementVNode as i, renderSlot as _, createBlock as A, mergeProps as S, toHandlers as G, createCommentVNode as g, unref as t, toDisplayString as B, createVNode as J, withModifiers as K } from "vue";
+import { g as O } from "./getInstance-GhoEcxLF.js";
+import { I as V } from "./icon-svg-CEZ-L3iv.js";
+import { _ as Q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/textField.css';const W = { class: "rds-e-textfield__container" }, X = { class: "rds-e-textfield__input-container" }, Y = ["id", "type", "maxLength", "minLength", "disabled", "value", "autocomplete", "readonly"], Z = ["for"], ee = {
   key: 0,
   class: "rds-e-textfield__icon rds-e-textfield__icon--right"
-}, X = { class: "rds-e-textfield__helper" }, Y = /* @__PURE__ */ j({
+}, te = { class: "rds-e-textfield__helper" }, le = /* @__PURE__ */ H({
   __name: "text-field",
   props: {
     /**
@@ -18,9 +19,8 @@ import './style/textField.css';const K = { class: "rds-e-textfield__container" }
      * Identificador único del campo de entrada.
      */
     id: {
-      type: [String, Number],
-      required: !0,
-      default: "text-field-0"
+      type: String,
+      required: !1
     },
     /**
      * v-model valor de entrada y salida
@@ -118,54 +118,55 @@ import './style/textField.css';const K = { class: "rds-e-textfield__container" }
       type: String,
       default: "off",
       validator: (l, c) => {
-        const s = ["new-password", "current-password", "off"];
-        return c.password && !s.includes(l) ? (console.info(`[RDSTextfield]: El valor de autocomplete para un campo de contraseña debe ser uno de los siguientes: ${s.join(", ")}`), !1) : !0;
+        const a = ["new-password", "current-password", "off"];
+        return c.password && !a.includes(l) ? (console.info(`[RDSTextfield]: El valor de autocomplete para un campo de contraseña debe ser uno de los siguientes: ${a.join(", ")}`), !1) : !0;
       }
     }
   },
   emits: ["update:modelValue"],
   setup(l, { emit: c }) {
-    const s = l, g = c, {
-      label: B,
-      id: x,
-      disabled: i,
+    const a = l, x = c, {
+      label: E,
+      disabled: d,
       maxLength: y,
       minLength: b,
-      modelValue: a,
-      icon: V,
-      rightIcon: E,
-      helper: I,
+      modelValue: o,
+      icon: I,
+      rightIcon: T,
+      helper: $,
       error: f,
-      helperText: T,
-      clearable: C,
+      helperText: C,
+      clearable: R,
       password: p,
-      autocomplete: $
-    } = P(s), o = z(!0), q = d(() => {
+      autocomplete: q
+    } = M(a), s = L(!0), m = L(!1), D = O(), N = n(() => a.id || `text-field-${D}`), F = n(() => {
       if (p.value)
-        return $.value;
-    }), N = (e) => {
-      g(
+        return q.value;
+    }), k = (e) => {
+      m.value = !1, x(
         "update:modelValue",
         e.target.value
       );
-    }, D = d(() => !!(f.value || a.value.length && (a.value.length < b.value || a.value.length > y.value))), R = d(() => {
+    }, j = () => {
+      m.value = !0;
+    }, P = n(() => !!(f.value || o.value.length && (o.value.length < b.value || o.value.length > y.value))), z = n(() => {
       const e = [];
-      return a.value && e.push("rds-e-textfield--filled"), D.value && e.push("rds-e-textfield--error"), i.value && e.push("rds-e-textfield--disabled"), e.join(" ");
-    }), r = d(() => {
+      return o.value && e.push("rds-e-textfield--filled"), P.value && e.push("rds-e-textfield--error"), d.value && e.push("rds-e-textfield--disabled"), e.join(" ");
+    }), r = n(() => {
       const e = {
-        name: V.value,
+        name: I.value,
         class: "",
         events: {
           click: () => {
           }
         }
-      }, S = {
+      }, w = {
         left: {
           ...e
         },
         right: {
           ...e,
-          name: E.value
+          name: T.value
         }
       };
       return p.value ? {
@@ -175,13 +176,13 @@ import './style/textField.css';const K = { class: "rds-e-textfield__container" }
         },
         right: {
           ...e,
-          name: o.value ? "eye_open" : "eye_close",
+          name: s.value ? "eye_open" : "eye_close",
           class: "rds-e-textfield__icon--password",
           events: {
-            click: () => o.value = !o.value
+            click: () => s.value = !s.value
           }
         }
-      } : C.value ? {
+      } : R.value ? {
         left: {
           ...e
         },
@@ -190,67 +191,68 @@ import './style/textField.css';const K = { class: "rds-e-textfield__container" }
           name: "close",
           class: "rds-e-textfield__icon--clear",
           events: {
-            click: () => g("update:modelValue", "")
+            click: () => x("update:modelValue", "")
           }
         }
-      } : S;
+      } : w;
     });
-    return F(
+    return U(
       p,
-      (e) => o.value = !e,
+      (e) => s.value = !e,
       { immediate: !0 }
-    ), (e, S) => (u(), m("div", {
-      class: h(["rds-e-textfield", R.value])
+    ), (e, w) => (u(), v("div", {
+      class: h(["rds-e-textfield", z.value])
     }, [
-      n("div", K, [
-        v(e.$slots, "left-icon", {}, () => [
-          r.value.left.name ? (u(), H(L, k({
+      i("div", W, [
+        _(e.$slots, "left-icon", {}, () => [
+          r.value.left.name ? (u(), A(V, S({
             key: 0,
-            class: "rds-e-textfield__icon rds-e-textfield__icon--left",
+            class: ["rds-e-textfield__icon rds-e-textfield__icon--left", { "rds-e-textfield__icon--hidden": m.value }],
             "aria-hidden": "true"
-          }, r.value.left, M(r.value.left.events)), null, 16)) : _("", !0)
+          }, r.value.left, G(r.value.left.events)), null, 16, ["class"])) : g("", !0)
         ], !0),
-        n("div", O, [
-          n("input", {
-            id: t(x).toString(),
-            type: o.value ? "text" : "password",
+        i("div", X, [
+          i("input", {
+            id: N.value,
+            type: s.value ? "text" : "password",
             class: "rds-e-textfield__input",
             maxLength: t(y),
             minLength: t(b),
-            disabled: t(i),
-            value: t(a),
-            autocomplete: q.value,
+            disabled: t(d),
+            value: t(o),
+            autocomplete: F.value,
             readonly: l.readonly,
-            onInput: N,
-            onBlur: N
-          }, null, 40, Q),
-          n("label", {
-            for: t(x).toString(),
-            class: h(["rds-e-textfield__label", t(i) ? "rds-e-textfield__label--disabled" : ""])
-          }, w(t(B)), 11, U)
+            onInput: k,
+            onBlur: k,
+            onFocus: j
+          }, null, 40, Y),
+          i("label", {
+            for: N.value,
+            class: h(["rds-e-textfield__label", t(d) ? "rds-e-textfield__label--disabled" : ""])
+          }, B(t(E)), 11, Z)
         ]),
-        r.value.right.name || e.$slots["right-icon"] ? (u(), m("span", W, [
-          v(e.$slots, "right-icon", {}, () => [
-            A(L, k({
+        r.value.right.name || e.$slots["right-icon"] ? (u(), v("span", ee, [
+          _(e.$slots, "right-icon", {}, () => [
+            J(V, S({
               "aria-hidden": "true",
               class: "rds-e-textfield__icon rds-e-textfield__icon--right"
             }, r.value.right, {
-              onClick: G(r.value.right.events.click, ["stop"])
+              onClick: K(r.value.right.events.click, ["stop"])
             }), null, 16, ["onClick"])
           ], !0)
-        ])) : _("", !0)
+        ])) : g("", !0)
       ]),
-      n("div", X, [
-        v(e.$slots, "helper-text", {}, () => [
-          (t(I) || t(f)) && !t(i) ? (u(), m("span", {
+      i("div", te, [
+        _(e.$slots, "helper-text", {}, () => [
+          (t($) || t(f)) && !t(d) ? (u(), v("span", {
             key: 0,
             class: h(t(f) ? "rds-e-textfield__helper--error" : "")
-          }, w(t(T)), 3)) : _("", !0)
+          }, B(t(C)), 3)) : g("", !0)
         ], !0)
       ])
     ], 2));
   }
-}), le = /* @__PURE__ */ J(Y, [["__scopeId", "data-v-4c840b96"]]);
+}), ne = /* @__PURE__ */ Q(le, [["__scopeId", "data-v-2a397de0"]]);
 export {
-  le as default
+  ne as default
 };

package/dist/components/tooltip.es.js

@@ -1,4 +1,4 @@
-import { unref as at, defineComponent as Vt, toRefs as Mt, ref as U, computed as Ft, openBlock as bt, createElementBlock as At, createElementVNode as Z, renderSlot as Ht, normalizeClass as Ct, toDisplayString as Rt, createVNode as jt, createCommentVNode as Yt } from "vue";
+import { unref as at, defineComponent as Mt, toRefs as Vt, ref as U, computed as Ft, openBlock as bt, createElementBlock as At, createElementVNode as Z, renderSlot as Ht, normalizeClass as Ct, toDisplayString as Rt, createVNode as jt, createCommentVNode as Yt } from "vue";
 import { I as Xt } from "./icon-svg-CEZ-L3iv.js";
 import { _ as It } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/tooltip.css';const X = Math.min, O = Math.max, nt = Math.round, H = (t) => ({
@@ -284,7 +284,7 @@ const te = (t) => ({
     }, d = ht(i), m = gt(d), g = await s.getDimensions(a), h = d === "y", w = h ? "top" : "left", x = h ? "bottom" : "right", y = h ? "clientHeight" : "clientWidth", b = r.reference[m] + r.reference[d] - p[d] - r.floating[m], v = p[d] - r.reference[d], T = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(a));
     let C = T ? T[y] : 0;
     (!C || !await (s.isElement == null ? void 0 : s.isElement(T))) && (C = l.floating[y] || r.floating[m]);
-    const $ = b / 2 - v / 2, E = C / 2 - g[m] / 2 - 1, _ = X(u[w], E), B = X(u[x], E), P = _, V = C - g[m] - B, A = C / 2 - g[m] / 2 + $, K = ft(P, A, V), W = !c.arrow && Q(i) != null && A !== K && r.reference[m] / 2 - (A < P ? _ : B) - g[m] / 2 < 0, L = W ? A < P ? A - P : A - V : 0;
+    const $ = b / 2 - v / 2, E = C / 2 - g[m] / 2 - 1, S = X(u[w], E), B = X(u[x], E), P = S, M = C - g[m] - B, A = C / 2 - g[m] / 2 + $, K = ft(P, A, M), W = !c.arrow && Q(i) != null && A !== K && r.reference[m] / 2 - (A < P ? S : B) - g[m] / 2 < 0, L = W ? A < P ? A - P : A - M : 0;
     return {
       [d]: p[d] + L,
       data: {
@@ -324,12 +324,12 @@ const te = (t) => ({
       const w = j(i), x = I(l), y = j(l) === l, b = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), v = p || (y || !g ? [ot(l)] : Gt(l)), T = m !== "none";
       !p && T && v.push(...Qt(l, g, m, b));
       const C = [l, ...v], $ = await wt(e, h), E = [];
-      let _ = ((n = r.flip) == null ? void 0 : n.overflows) || [];
+      let S = ((n = r.flip) == null ? void 0 : n.overflows) || [];
       if (f && E.push($[w]), u) {
         const A = qt(i, s, b);
         E.push($[A[0]], $[A[1]]);
       }
-      if (_ = [..._, {
+      if (S = [...S, {
         placement: i,
         overflows: E
       }], !E.every((A) => A <= 0)) {
@@ -339,26 +339,26 @@ const te = (t) => ({
           return {
             data: {
               index: A,
-              overflows: _
+              overflows: S
             },
             reset: {
               placement: K
             }
           };
-        let W = (P = _.filter((L) => L.overflows[0] <= 0).sort((L, M) => L.overflows[1] - M.overflows[1])[0]) == null ? void 0 : P.placement;
+        let W = (P = S.filter((L) => L.overflows[0] <= 0).sort((L, V) => L.overflows[1] - V.overflows[1])[0]) == null ? void 0 : P.placement;
         if (!W)
           switch (d) {
             case "bestFit": {
-              var V;
-              const L = (V = _.filter((M) => {
+              var M;
+              const L = (M = S.filter((V) => {
                 if (T) {
-                  const F = I(M.placement);
+                  const F = I(V.placement);
                   return F === x || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   F === "y";
                 }
                 return !0;
-              }).map((M) => [M.placement, M.overflows.filter((F) => F > 0).reduce((F, Bt) => F + Bt, 0)]).sort((M, F) => M[1] - F[1])[0]) == null ? void 0 : V[0];
+              }).map((V) => [V.placement, V.overflows.filter((F) => F > 0).reduce((F, Bt) => F + Bt, 0)]).sort((V, F) => V[1] - F[1])[0]) == null ? void 0 : M[0];
               L && (W = L);
               break;
             }
@@ -506,8 +506,8 @@ const oe = function(t) {
       const x = g - f.top - f.bottom, y = m - f.left - f.right, b = X(g - f[h], x), v = X(m - f[w], y), T = !e.middlewareData.shift;
       let C = b, $ = v;
       if ((o = e.middlewareData.shift) != null && o.enabled.x && ($ = y), (n = e.middlewareData.shift) != null && n.enabled.y && (C = x), T && !p) {
-        const _ = O(f.left, 0), B = O(f.right, 0), P = O(f.top, 0), V = O(f.bottom, 0);
-        d ? $ = m - 2 * (_ !== 0 || B !== 0 ? _ + B : O(f.left, f.right)) : C = g - 2 * (P !== 0 || V !== 0 ? P + V : O(f.top, f.bottom));
+        const S = O(f.left, 0), B = O(f.right, 0), P = O(f.top, 0), M = O(f.bottom, 0);
+        d ? $ = m - 2 * (S !== 0 || B !== 0 ? S + B : O(f.left, f.right)) : C = g - 2 * (P !== 0 || M !== 0 ? P + M : O(f.top, f.bottom));
       }
       await c({
         ...e,
@@ -540,13 +540,13 @@ function N(t) {
 function xt(t) {
   return st() ? t instanceof Node || t instanceof R(t).Node : !1;
 }
-function S(t) {
+function _(t) {
   return st() ? t instanceof Element || t instanceof R(t).Element : !1;
 }
 function k(t) {
   return st() ? t instanceof HTMLElement || t instanceof R(t).HTMLElement : !1;
 }
-function _t(t) {
+function St(t) {
   return !st() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof R(t).ShadowRoot;
 }
 function et(t) {
@@ -571,7 +571,7 @@ function rt(t) {
   });
 }
 function yt(t) {
-  const e = vt(), o = S(t) ? D(t) : t;
+  const e = vt(), o = _(t) ? D(t) : t;
   return o.transform !== "none" || o.perspective !== "none" || (o.containerType ? o.containerType !== "normal" : !1) || !e && (o.backdropFilter ? o.backdropFilter !== "none" : !1) || !e && (o.filter ? o.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((n) => (o.willChange || "").includes(n)) || ["paint", "layout", "strict", "content"].some((n) => (o.contain || "").includes(n));
 }
 function le(t) {
@@ -595,7 +595,7 @@ function D(t) {
   return R(t).getComputedStyle(t);
 }
 function lt(t) {
-  return S(t) ? {
+  return _(t) ? {
     scrollLeft: t.scrollLeft,
     scrollTop: t.scrollTop
   } : {
@@ -610,10 +610,10 @@ function Y(t) {
     // Step into the shadow DOM of the parent of a slotted node.
     t.assignedSlot || // DOM Element detected.
     t.parentNode || // ShadowRoot detected.
-    _t(t) && t.host || // Fallback.
+    St(t) && t.host || // Fallback.
     N(t)
   );
-  return _t(e) ? e.host : e;
+  return St(e) ? e.host : e;
 }
 function Pt(t) {
   const e = Y(t);
@@ -643,7 +643,7 @@ function Lt(t) {
   };
 }
 function kt(t) {
-  return S(t) ? t : t.contextElement;
+  return _(t) ? t : t.contextElement;
 }
 function q(t) {
   const e = kt(t);
@@ -675,11 +675,11 @@ function tt(t, e, o, n) {
   e === void 0 && (e = !1), o === void 0 && (o = !1);
   const i = t.getBoundingClientRect(), r = kt(t);
   let s = H(1);
-  e && (n ? S(n) && (s = q(n)) : s = q(t));
+  e && (n ? _(n) && (s = q(n)) : s = q(t));
   const l = ae(r, o, n) ? $t(r) : H(0);
   let c = (i.left + l.x) / s.x, a = (i.top + l.y) / s.y, f = i.width / s.x, u = i.height / s.y;
   if (r) {
-    const p = R(r), d = n && S(n) ? R(n) : n;
+    const p = R(r), d = n && _(n) ? R(n) : n;
     let m = p, g = mt(m);
     for (; g && n && d !== m; ) {
       const h = q(g), w = g.getBoundingClientRect(), x = D(g), y = w.left + (g.clientLeft + parseFloat(x.paddingLeft)) * h.x, b = w.top + (g.clientTop + parseFloat(x.paddingTop)) * h.y;
@@ -761,13 +761,13 @@ function pe(t, e) {
     y: a
   };
 }
-function St(t, e, o) {
+function _t(t, e, o) {
   let n;
   if (e === "viewport")
     n = me(t, o);
   else if (e === "document")
     n = de(N(t));
-  else if (S(e))
+  else if (_(e))
     n = pe(e, o);
   else {
     const i = $t(t);
@@ -781,16 +781,16 @@ function St(t, e, o) {
 }
 function Wt(t, e) {
   const o = Y(t);
-  return o === e || !S(o) || G(o) ? !1 : D(o).position === "fixed" || Wt(o, e);
+  return o === e || !_(o) || G(o) ? !1 : D(o).position === "fixed" || Wt(o, e);
 }
 function ge(t, e) {
   const o = e.get(t);
   if (o)
     return o;
-  let n = dt(t, [], !1).filter((l) => S(l) && z(l) !== "body"), i = null;
+  let n = dt(t, [], !1).filter((l) => _(l) && z(l) !== "body"), i = null;
   const r = D(t).position === "fixed";
   let s = r ? Y(t) : t;
-  for (; S(s) && !G(s); ) {
+  for (; _(s) && !G(s); ) {
     const l = D(s), c = yt(s);
     !c && l.position === "fixed" && (i = null), (r ? !c && !i : !c && l.position === "static" && !!i && ["absolute", "fixed"].includes(i.position) || et(s) && !c && Wt(t, s)) ? n = n.filter((f) => f !== s) : i = l, s = Y(s);
   }
@@ -804,9 +804,9 @@ function he(t) {
     strategy: i
   } = t;
   const s = [...o === "clippingAncestors" ? rt(e) ? [] : ge(e, this._c) : [].concat(o), n], l = s[0], c = s.reduce((a, f) => {
-    const u = St(e, f, i);
+    const u = _t(e, f, i);
     return a.top = O(u.top, a.top), a.right = X(u.right, a.right), a.bottom = X(u.bottom, a.bottom), a.left = O(u.left, a.left), a;
-  }, St(e, l, i));
+  }, _t(e, l, i));
   return {
     width: c.right - c.left,
     height: c.bottom - c.top,
@@ -868,7 +868,7 @@ function Nt(t, e) {
   if (!k(t)) {
     let i = Y(t);
     for (; i && !G(i); ) {
-      if (S(i) && !ct(i))
+      if (_(i) && !ct(i))
         return i;
       i = Y(i);
     }
@@ -903,9 +903,9 @@ const be = {
   getClientRects: ue,
   getDimensions: we,
   getScale: q,
-  isElement: S,
+  isElement: _,
   isRTL: ve
-}, Ae = oe, Ce = ie, Re = ee, Oe = se, _e = te, Se = (t, e, o) => {
+}, Ae = oe, Ce = ie, Re = ee, Oe = se, Se = te, _e = (t, e, o) => {
   const n = /* @__PURE__ */ new Map(), i = {
     platform: be,
     ...o
@@ -937,7 +937,7 @@ function Pe(t) {
     options: t,
     fn(e) {
       const o = Te(Ee(t.element));
-      return o == null ? {} : _e({
+      return o == null ? {} : Se({
         element: o,
         padding: t.padding
       }).fn(e);
@@ -947,7 +947,7 @@ function Pe(t) {
 const Le = { class: "rds-e-tooltip" }, ke = {
   key: 0,
   class: "rds-e-tooltip__header"
-}, $e = { class: "rds-e-tooltip__title" }, We = { class: "rds-e-tooltip__content" }, Ne = /* @__PURE__ */ Vt({
+}, $e = { class: "rds-e-tooltip__title" }, We = { class: "rds-e-tooltip__content" }, Ne = /* @__PURE__ */ Mt({
   __name: "tooltip",
   props: {
     /**
@@ -994,8 +994,8 @@ const Le = { class: "rds-e-tooltip" }, ke = {
     }
   },
   setup(t) {
-    const e = t, { large: o, fullWidth: n, title: i } = Mt(e), r = U(), s = U(), l = U(), c = U(!0), a = U(""), f = async () => {
-      const { x: m, y: g, middlewareData: h, placement: w } = await Se(
+    const e = t, { large: o, fullWidth: n, title: i } = Vt(e), r = U(), s = U(), l = U(), c = U(!0), a = U(""), f = async () => {
+      const { x: m, y: g, middlewareData: h, placement: w } = await _e(
         r.value,
         s.value,
         {
@@ -1005,10 +1005,11 @@ const Le = { class: "rds-e-tooltip" }, ke = {
             Re(),
             Ce(),
             Oe({
-              apply({ availableWidth: v, availableHeight: T, elements: C }) {
+              apply({ availableHeight: v, availableWidth: T, elements: C }) {
                 Object.assign(C.floating.style, {
-                  maxWidth: n.value ? `${v}px` : "380px",
-                  maxHeight: `${Math.max(0, T)}px`
+                  maxWidth: n.value ? `${Math.max(0, T)}px` : "380px",
+                  width: "max-content",
+                  maxHeight: `${Math.max(0, v)}px`
                 });
               }
             }),
@@ -1040,7 +1041,7 @@ const Le = { class: "rds-e-tooltip" }, ke = {
       i != null && i.value || (c.value = !0);
     }, p = () => {
       c.value = !1, f();
-    }, d = Ft(() => `rds-e-tooltip__tooltip ${c.value ? "rds-e-tooltip__tooltip-hidden " : ""}${o.value || i != null && i.value ? "rds-e-tooltip__tooltip--large " : ""}${n.value ? "rds-e-tooltip__tooltip--full-width " : ""}`);
+    }, d = Ft(() => `rds-e-tooltip__tooltip ${c.value ? "rds-e-tooltip__tooltip-hidden " : ""}${o.value || i != null && i.value ? "rds-e-tooltip__tooltip--large " : ""}`);
     return (m, g) => (bt(), At("div", Le, [
       Z("div", {
         ref_key: "referenceRef",
@@ -1076,7 +1077,7 @@ const Le = { class: "rds-e-tooltip" }, ke = {
       ], 2)
     ]));
   }
-}), Fe = /* @__PURE__ */ It(Ne, [["__scopeId", "data-v-5c754f77"]]);
+}), Fe = /* @__PURE__ */ It(Ne, [["__scopeId", "data-v-064513ce"]]);
 export {
   Fe as default
 };