energy-components 1.1.2-beta.1 → 1.1.2

package/dist/components/textField.es.js

@@ -1,11 +1,11 @@
-import { defineComponent as P, toRefs as z, ref as F, computed as s, watch as H, openBlock as u, createElementBlock as m, normalizeClass as v, createElementVNode as i, renderSlot as h, createBlock as M, mergeProps as w, toHandlers as U, createCommentVNode as _, unref as t, toDisplayString as L, createVNode as A, withModifiers as G } from "vue";
-import { g as J } from "./getInstance-GhoEcxLF.js";
-import { I as S } from "./icon-svg-CEZ-L3iv.js";
-import { _ as K } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/textField.css';const O = { class: "rds-e-textfield__container" }, Q = { class: "rds-e-textfield__input-container" }, W = ["id", "type", "maxLength", "minLength", "disabled", "value", "autocomplete", "readonly"], X = ["for"], Y = {
+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"
-}, Z = { class: "rds-e-textfield__helper" }, ee = /* @__PURE__ */ P({
+}, te = { class: "rds-e-textfield__helper" }, le = /* @__PURE__ */ H({
   __name: "text-field",
   props: {
     /**
@@ -125,46 +125,48 @@ import './style/textField.css';const O = { class: "rds-e-textfield__container" }
   },
   emits: ["update:modelValue"],
   setup(l, { emit: c }) {
-    const a = l, g = c, {
-      label: B,
+    const a = l, x = c, {
+      label: E,
       disabled: d,
-      maxLength: x,
-      minLength: y,
+      maxLength: y,
+      minLength: b,
       modelValue: o,
-      icon: V,
-      rightIcon: E,
-      helper: I,
+      icon: I,
+      rightIcon: T,
+      helper: $,
       error: f,
-      helperText: T,
-      clearable: $,
+      helperText: C,
+      clearable: R,
       password: p,
-      autocomplete: C
-    } = z(a), n = F(!0), R = J(), b = s(() => a.id || `text-field-${R}`), q = s(() => {
+      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 C.value;
-    }), N = (e) => {
-      g(
+        return q.value;
+    }), k = (e) => {
+      m.value = !1, x(
         "update:modelValue",
         e.target.value
       );
-    }, D = s(() => !!(f.value || o.value.length && (o.value.length < y.value || o.value.length > x.value))), j = s(() => {
+    }, 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 o.value && e.push("rds-e-textfield--filled"), D.value && e.push("rds-e-textfield--error"), d.value && e.push("rds-e-textfield--disabled"), e.join(" ");
-    }), r = s(() => {
+      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: () => {
           }
         }
-      }, k = {
+      }, w = {
         left: {
           ...e
         },
         right: {
           ...e,
-          name: E.value
+          name: T.value
         }
       };
       return p.value ? {
@@ -174,13 +176,13 @@ import './style/textField.css';const O = { class: "rds-e-textfield__container" }
         },
         right: {
           ...e,
-          name: n.value ? "eye_open" : "eye_close",
+          name: s.value ? "eye_open" : "eye_close",
           class: "rds-e-textfield__icon--password",
           events: {
-            click: () => n.value = !n.value
+            click: () => s.value = !s.value
           }
         }
-      } : $.value ? {
+      } : R.value ? {
         left: {
           ...e
         },
@@ -189,67 +191,68 @@ import './style/textField.css';const O = { class: "rds-e-textfield__container" }
           name: "close",
           class: "rds-e-textfield__icon--clear",
           events: {
-            click: () => g("update:modelValue", "")
+            click: () => x("update:modelValue", "")
           }
         }
-      } : k;
+      } : w;
     });
-    return H(
+    return U(
       p,
-      (e) => n.value = !e,
+      (e) => s.value = !e,
       { immediate: !0 }
-    ), (e, k) => (u(), m("div", {
-      class: v(["rds-e-textfield", j.value])
+    ), (e, w) => (u(), v("div", {
+      class: h(["rds-e-textfield", z.value])
     }, [
-      i("div", O, [
-        h(e.$slots, "left-icon", {}, () => [
-          r.value.left.name ? (u(), M(S, w({
+      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, U(r.value.left.events)), null, 16)) : _("", !0)
+          }, r.value.left, G(r.value.left.events)), null, 16, ["class"])) : g("", !0)
         ], !0),
-        i("div", Q, [
+        i("div", X, [
           i("input", {
-            id: b.value,
-            type: n.value ? "text" : "password",
+            id: N.value,
+            type: s.value ? "text" : "password",
             class: "rds-e-textfield__input",
-            maxLength: t(x),
-            minLength: t(y),
+            maxLength: t(y),
+            minLength: t(b),
             disabled: t(d),
             value: t(o),
-            autocomplete: q.value,
+            autocomplete: F.value,
             readonly: l.readonly,
-            onInput: N,
-            onBlur: N
-          }, null, 40, W),
+            onInput: k,
+            onBlur: k,
+            onFocus: j
+          }, null, 40, Y),
           i("label", {
-            for: b.value,
-            class: v(["rds-e-textfield__label", t(d) ? "rds-e-textfield__label--disabled" : ""])
-          }, L(t(B)), 11, X)
+            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", Y, [
-          h(e.$slots, "right-icon", {}, () => [
-            A(S, w({
+        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)
       ]),
-      i("div", Z, [
-        h(e.$slots, "helper-text", {}, () => [
-          (t(I) || t(f)) && !t(d) ? (u(), m("span", {
+      i("div", te, [
+        _(e.$slots, "helper-text", {}, () => [
+          (t($) || t(f)) && !t(d) ? (u(), v("span", {
             key: 0,
-            class: v(t(f) ? "rds-e-textfield__helper--error" : "")
-          }, L(t(T)), 3)) : _("", !0)
+            class: h(t(f) ? "rds-e-textfield__helper--error" : "")
+          }, B(t(C)), 3)) : g("", !0)
         ], !0)
       ])
     ], 2));
   }
-}), oe = /* @__PURE__ */ K(ee, [["__scopeId", "data-v-0fc1a0b1"]]);
+}), ne = /* @__PURE__ */ Q(le, [["__scopeId", "data-v-2a397de0"]]);
 export {
-  oe as default
+  ne as default
 };

package/dist/components/tooltip.es.js

@@ -1,7 +1,7 @@
-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, R = Math.max, nt = Math.round, H = (t) => ({
+import './style/tooltip.css';const X = Math.min, O = Math.max, nt = Math.round, H = (t) => ({
   x: t,
   y: t
 }), zt = {
@@ -14,7 +14,7 @@ import './style/tooltip.css';const X = Math.min, R = Math.max, nt = Math.round,
   end: "start"
 };
 function ft(t, e, o) {
-  return R(t, X(e, o));
+  return O(t, X(e, o));
 }
 function J(t, e) {
   return typeof t == "function" ? t(e) : t;
@@ -282,9 +282,9 @@ const te = (t) => ({
       x: o,
       y: n
     }, 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 O = T ? T[y] : 0;
-    (!O || !await (s.isElement == null ? void 0 : s.isElement(T))) && (O = l.floating[y] || r.floating[m]);
-    const $ = b / 2 - v / 2, E = O / 2 - g[m] / 2 - 1, _ = X(u[w], E), B = X(u[x], E), P = _, V = O - g[m] - B, A = O / 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;
+    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, 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: {
@@ -323,42 +323,42 @@ const te = (t) => ({
         return {};
       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 O = [l, ...v], $ = await wt(e, h), E = [];
-      let _ = ((n = r.flip) == null ? void 0 : n.overflows) || [];
+      const C = [l, ...v], $ = await wt(e, h), E = [];
+      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)) {
         var B, P;
-        const A = (((B = r.flip) == null ? void 0 : B.index) || 0) + 1, K = O[A];
+        const A = (((B = r.flip) == null ? void 0 : B.index) || 0) + 1, K = C[A];
         if (K)
           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;
             }
@@ -504,15 +504,15 @@ const oe = function(t) {
       let h, w;
       u === "top" || u === "bottom" ? (h = u, w = p === (await (s.isRTL == null ? void 0 : s.isRTL(l.floating)) ? "start" : "end") ? "left" : "right") : (w = u, h = p === "end" ? "top" : "bottom");
       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 O = b, $ = v;
-      if ((o = e.middlewareData.shift) != null && o.enabled.x && ($ = y), (n = e.middlewareData.shift) != null && n.enabled.y && (O = x), T && !p) {
-        const _ = R(f.left, 0), B = R(f.right, 0), P = R(f.top, 0), V = R(f.bottom, 0);
-        d ? $ = m - 2 * (_ !== 0 || B !== 0 ? _ + B : R(f.left, f.right)) : O = g - 2 * (P !== 0 || V !== 0 ? P + V : R(f.top, f.bottom));
+      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 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,
         availableWidth: $,
-        availableHeight: O
+        availableHeight: C
       });
       const E = await s.getDimensions(l.floating);
       return m !== E.width || g !== E.height ? {
@@ -529,7 +529,7 @@ function st() {
 function z(t) {
   return xt(t) ? (t.nodeName || "").toLowerCase() : "#document";
 }
-function C(t) {
+function R(t) {
   var e;
   return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
 }
@@ -538,16 +538,16 @@ function N(t) {
   return (e = (xt(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
 }
 function xt(t) {
-  return st() ? t instanceof Node || t instanceof C(t).Node : !1;
+  return st() ? t instanceof Node || t instanceof R(t).Node : !1;
 }
-function S(t) {
-  return st() ? t instanceof Element || t instanceof C(t).Element : !1;
+function _(t) {
+  return st() ? t instanceof Element || t instanceof R(t).Element : !1;
 }
 function k(t) {
-  return st() ? t instanceof HTMLElement || t instanceof C(t).HTMLElement : !1;
+  return st() ? t instanceof HTMLElement || t instanceof R(t).HTMLElement : !1;
 }
-function _t(t) {
-  return !st() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof C(t).ShadowRoot;
+function St(t) {
+  return !st() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof R(t).ShadowRoot;
 }
 function et(t) {
   const {
@@ -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) {
@@ -592,10 +592,10 @@ function G(t) {
   return ["html", "body", "#document"].includes(z(t));
 }
 function D(t) {
-  return C(t).getComputedStyle(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);
@@ -622,7 +622,7 @@ function Pt(t) {
 function dt(t, e, o) {
   var n;
   e === void 0 && (e = []), o === void 0 && (o = !0);
-  const i = Pt(t), r = i === ((n = t.ownerDocument) == null ? void 0 : n.body), s = C(i);
+  const i = Pt(t), r = i === ((n = t.ownerDocument) == null ? void 0 : n.body), s = R(i);
   if (r) {
     const l = mt(s);
     return e.concat(s, s.visualViewport || [], et(i) ? i : [], l && o ? dt(l) : []);
@@ -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);
@@ -662,28 +662,28 @@ function q(t) {
 }
 const ce = /* @__PURE__ */ H(0);
 function $t(t) {
-  const e = C(t);
+  const e = R(t);
   return !vt() || !e.visualViewport ? ce : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
 }
 function ae(t, e, o) {
-  return e === void 0 && (e = !1), !o || e && o !== C(t) ? !1 : e;
+  return e === void 0 && (e = !1), !o || e && o !== R(t) ? !1 : e;
 }
 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 = C(r), d = n && S(n) ? C(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;
-      c *= h.x, a *= h.y, f *= h.x, u *= h.y, c += y, a += b, m = C(g), g = mt(m);
+      c *= h.x, a *= h.y, f *= h.x, u *= h.y, c += y, a += b, m = R(g), g = mt(m);
     }
   }
   return it({
@@ -727,10 +727,10 @@ function pt(t, e) {
   return e ? e.left + o : tt(N(t)).left + o;
 }
 function de(t) {
-  const e = N(t), o = lt(t), n = t.ownerDocument.body, i = R(e.scrollWidth, e.clientWidth, n.scrollWidth, n.clientWidth), r = R(e.scrollHeight, e.clientHeight, n.scrollHeight, n.clientHeight);
+  const e = N(t), o = lt(t), n = t.ownerDocument.body, i = O(e.scrollWidth, e.clientWidth, n.scrollWidth, n.clientWidth), r = O(e.scrollHeight, e.clientHeight, n.scrollHeight, n.clientHeight);
   let s = -o.scrollLeft + pt(t);
   const l = -o.scrollTop;
-  return D(n).direction === "rtl" && (s += R(e.clientWidth, n.clientWidth) - i), {
+  return D(n).direction === "rtl" && (s += O(e.clientWidth, n.clientWidth) - i), {
     width: i,
     height: r,
     x: s,
@@ -738,7 +738,7 @@ function de(t) {
   };
 }
 function me(t, e) {
-  const o = C(t), n = N(t), i = o.visualViewport;
+  const o = R(t), n = N(t), i = o.visualViewport;
   let r = n.clientWidth, s = n.clientHeight, l = 0, c = 0;
   if (i) {
     r = i.width, s = i.height;
@@ -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);
-    return a.top = R(u.top, a.top), a.right = X(u.right, a.right), a.bottom = X(u.bottom, a.bottom), a.left = R(u.left, a.left), a;
-  }, St(e, l, 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;
+  }, _t(e, l, i));
   return {
     width: c.right - c.left,
     height: c.bottom - c.top,
@@ -862,13 +862,13 @@ function Dt(t, e) {
   return N(t) === o && (o = o.ownerDocument.body), o;
 }
 function Nt(t, e) {
-  const o = C(t);
+  const o = R(t);
   if (rt(t))
     return o;
   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,10 @@ const Le = { class: "rds-e-tooltip" }, ke = {
             Re(),
             Ce(),
             Oe({
-              apply({ availableHeight: v, elements: T }) {
-                Object.assign(T.floating.style, {
-                  // maxWidth: '380px',
-                  maxWidth: "380px",
+              apply({ availableHeight: v, availableWidth: T, elements: C }) {
+                Object.assign(C.floating.style, {
+                  maxWidth: n.value ? `${Math.max(0, T)}px` : "380px",
+                  width: "max-content",
                   maxHeight: `${Math.max(0, v)}px`
                 });
               }
@@ -1041,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",
@@ -1077,7 +1077,7 @@ const Le = { class: "rds-e-tooltip" }, ke = {
       ], 2)
     ]));
   }
-}), Fe = /* @__PURE__ */ It(Ne, [["__scopeId", "data-v-84af6768"]]);
+}), Fe = /* @__PURE__ */ It(Ne, [["__scopeId", "data-v-064513ce"]]);
 export {
   Fe as default
 };