@dialpad/dialtone-vue 3.105.2 → 3.107.0

package/dist/{tooltip-Cr_G7ib3.js → tooltip-3O-FaSCC.js}

@@ -3,22 +3,22 @@ const he = {
   ERROR: "error",
   WARNING: "warning",
   SUCCESS: "success"
-}, Lo = {
+}, Ro = {
   LARGE: "lg",
   EXTRA_LARGE: "xl"
-}, Ro = {
+}, Po = {
   xs: "",
   sm: "",
   md: "",
   lg: "d-description--lg",
   xl: "d-description--xl"
-}, Po = {
+}, Io = {
   xs: "d-label--xs",
   sm: "d-label--sm",
   md: "",
   lg: "d-label--lg",
   xl: "d-label--xl"
-}, Io = {
+}, No = {
   esc: "Esc",
   escape: "Escape",
   tab: "Tab",
@@ -140,25 +140,25 @@ const dn = pn(), xr = new RegExp(
   ].join("|"),
   "gi"
 );
-function Ar(e) {
+function Tr(e) {
   var t;
   return !e || !["string", "number"].includes(typeof e) ? !1 : (e = e.toString(), ((t = dn.exec(e)) == null ? void 0 : t[0]) === e);
 }
-function Tr(e) {
+function Ar(e) {
   var t, n;
   return !e || typeof e != "string" ? !1 : ((t = cn.exec(e)) == null ? void 0 : t[0]) === e || ((n = ln.exec(e)) == null ? void 0 : n[0]) === e;
 }
-function Dr(e) {
+function Sr(e) {
   var t;
   return !e || typeof e != "string" ? !1 : ((t = fn.exec(e)) == null ? void 0 : t[0]) === e;
 }
-function Sr(e) {
+function Dr(e) {
   return e.filter((t) => !!t).join(" ");
 }
 function Cr(e, t = "en-US") {
   return e.replace(new RegExp("^\\p{CWU}", "u"), (n) => n.toLocaleUpperCase(t));
 }
-const No = {
+const Mo = {
   getUniqueString: rn,
   getRandomElement: ur,
   getRandomInt: on,
@@ -174,10 +174,10 @@ const No = {
   isOutOfViewPort: yr,
   getPhoneNumberRegex: pn,
   linkRegex: xr,
-  isEmailAddress: Dr,
-  isPhoneNumber: Ar,
-  isURL: Tr,
-  safeConcatStrings: Sr,
+  isEmailAddress: Sr,
+  isPhoneNumber: Tr,
+  isURL: Ar,
+  safeConcatStrings: Dr,
   capitalizeFirstLetter: Cr
 }, vn = (e, t) => {
   const n = e.__vccOpts || e;
@@ -259,10 +259,10 @@ function Rr(e, t, n, r, o, a) {
   }, 16, ["name", "appear", "css"]);
 }
 const Pr = /* @__PURE__ */ vn(Lr, [["render", Rr]]);
-var _ = "top", Y = "bottom", X = "right", $ = "left", xt = "auto", We = [_, Y, X, $], De = "start", _e = "end", Ir = "clippingParents", hn = "viewport", je = "popper", Nr = "reference", Mt = /* @__PURE__ */ We.reduce(function(e, t) {
-  return e.concat([t + "-" + De, t + "-" + _e]);
+var _ = "top", Y = "bottom", X = "right", $ = "left", xt = "auto", We = [_, Y, X, $], Se = "start", _e = "end", Ir = "clippingParents", hn = "viewport", je = "popper", Nr = "reference", Mt = /* @__PURE__ */ We.reduce(function(e, t) {
+  return e.concat([t + "-" + Se, t + "-" + _e]);
 }, []), mn = /* @__PURE__ */ [].concat(We, [xt]).reduce(function(e, t) {
-  return e.concat([t, t + "-" + De, t + "-" + _e]);
+  return e.concat([t, t + "-" + Se, t + "-" + _e]);
 }, []), Mr = "beforeRead", jr = "read", kr = "afterRead", Vr = "beforeMain", Br = "main", _r = "afterMain", $r = "beforeWrite", Ur = "write", Hr = "afterWrite", Wr = [Mr, jr, kr, Vr, Br, _r, $r, Ur, Hr];
 function te(e) {
   return e ? (e.nodeName || "").toLowerCase() : null;
@@ -284,7 +284,7 @@ function q(e) {
   var t = F(e).HTMLElement;
   return e instanceof t || e instanceof HTMLElement;
 }
-function At(e) {
+function Tt(e) {
   if (typeof ShadowRoot > "u")
     return !1;
   var t = F(e).ShadowRoot;
@@ -335,7 +335,7 @@ const gn = {
 function ee(e) {
   return e.split("-")[0];
 }
-var ge = Math.max, st = Math.min, Se = Math.round;
+var ge = Math.max, st = Math.min, De = Math.round;
 function yt() {
   var e = navigator.userAgentData;
   return e != null && e.brands && Array.isArray(e.brands) ? e.brands.map(function(t) {
@@ -348,7 +348,7 @@ function yn() {
 function Ce(e, t, n) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
   var r = e.getBoundingClientRect(), o = 1, a = 1;
-  t && q(e) && (o = e.offsetWidth > 0 && Se(r.width) / e.offsetWidth || 1, a = e.offsetHeight > 0 && Se(r.height) / e.offsetHeight || 1);
+  t && q(e) && (o = e.offsetWidth > 0 && De(r.width) / e.offsetWidth || 1, a = e.offsetHeight > 0 && De(r.height) / e.offsetHeight || 1);
   var l = ye(e) ? F(e) : window, u = l.visualViewport, c = !yn() && n, p = (r.left + (c && u ? u.offsetLeft : 0)) / o, f = (r.top + (c && u ? u.offsetTop : 0)) / a, b = r.width / o, O = r.height / a;
   return {
     width: b,
@@ -361,7 +361,7 @@ function Ce(e, t, n) {
     y: f
   };
 }
-function Tt(e) {
+function At(e) {
   var t = Ce(e), n = e.offsetWidth, r = e.offsetHeight;
   return Math.abs(t.width - n) <= 1 && (n = t.width), Math.abs(t.height - r) <= 1 && (r = t.height), {
     x: e.offsetLeft,
@@ -374,7 +374,7 @@ function bn(e, t) {
   var n = t.getRootNode && t.getRootNode();
   if (e.contains(t))
     return !0;
-  if (n && At(n)) {
+  if (n && Tt(n)) {
     var r = t;
     do {
       if (r && e.isSameNode(r))
@@ -403,7 +403,7 @@ function ct(e) {
     // $FlowFixMe[prop-missing]
     e.assignedSlot || // step into the shadow DOM of the parent of a slotted node
     e.parentNode || // DOM Element detected
-    (At(e) ? e.host : null) || // ShadowRoot detected
+    (Tt(e) ? e.host : null) || // ShadowRoot detected
     // $FlowFixMe[incompatible-call]: HTMLElement is a Node
     le(e)
   );
@@ -420,7 +420,7 @@ function Yr(e) {
       return null;
   }
   var o = ct(e);
-  for (At(o) && (o = o.host); q(o) && ["html", "body"].indexOf(te(o)) < 0; ) {
+  for (Tt(o) && (o = o.host); q(o) && ["html", "body"].indexOf(te(o)) < 0; ) {
     var a = se(o);
     if (a.transform !== "none" || a.perspective !== "none" || a.contain === "paint" || ["transform", "perspective"].indexOf(a.willChange) !== -1 || t && a.willChange === "filter" || t && a.filter && a.filter !== "none")
       return o;
@@ -433,7 +433,7 @@ function Fe(e) {
     n = jt(n);
   return n && (te(n) === "html" || te(n) === "body" && se(n).position === "static") ? t : n || Yr(e) || t;
 }
-function Dt(e) {
+function St(e) {
   return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
 }
 function ke(e, t, n) {
@@ -465,10 +465,10 @@ var Kr = function(t, n) {
   })) : t, En(typeof t != "number" ? t : On(t, We));
 };
 function Gr(e) {
-  var t, n = e.state, r = e.name, o = e.options, a = n.elements.arrow, l = n.modifiersData.popperOffsets, u = ee(n.placement), c = Dt(u), p = [$, X].indexOf(u) >= 0, f = p ? "height" : "width";
+  var t, n = e.state, r = e.name, o = e.options, a = n.elements.arrow, l = n.modifiersData.popperOffsets, u = ee(n.placement), c = St(u), p = [$, X].indexOf(u) >= 0, f = p ? "height" : "width";
   if (!(!a || !l)) {
-    var b = Kr(o.padding, n), O = Tt(a), m = c === "y" ? _ : $, w = c === "y" ? Y : X, g = n.rects.reference[f] + n.rects.reference[c] - l[c] - n.rects.popper[f], y = l[c] - n.rects.reference[c], A = Fe(a), D = A ? c === "y" ? A.clientHeight || 0 : A.clientWidth || 0 : 0, C = g / 2 - y / 2, i = b[m], x = D - O[f] - b[w], d = D / 2 - O[f] / 2 + C, S = ke(i, d, x), N = c;
-    n.modifiersData[r] = (t = {}, t[N] = S, t.centerOffset = S - d, t);
+    var b = Kr(o.padding, n), O = At(a), m = c === "y" ? _ : $, w = c === "y" ? Y : X, g = n.rects.reference[f] + n.rects.reference[c] - l[c] - n.rects.popper[f], y = l[c] - n.rects.reference[c], T = Fe(a), S = T ? c === "y" ? T.clientHeight || 0 : T.clientWidth || 0 : 0, C = g / 2 - y / 2, i = b[m], x = S - O[f] - b[w], d = S / 2 - O[f] / 2 + C, D = ke(i, d, x), N = c;
+    n.modifiersData[r] = (t = {}, t[N] = D, t.centerOffset = D - d, t);
   }
 }
 function Zr(e) {
@@ -496,8 +496,8 @@ var Jr = {
 function ei(e, t) {
   var n = e.x, r = e.y, o = t.devicePixelRatio || 1;
   return {
-    x: Se(n * o) / o || 0,
-    y: Se(r * o) / o || 0
+    x: De(n * o) / o || 0,
+    y: De(r * o) / o || 0
   };
 }
 function kt(e) {
@@ -509,14 +509,14 @@ function kt(e) {
     y: g
   };
   m = y.x, g = y.y;
-  var A = l.hasOwnProperty("x"), D = l.hasOwnProperty("y"), C = $, i = _, x = window;
+  var T = l.hasOwnProperty("x"), S = l.hasOwnProperty("y"), C = $, i = _, x = window;
   if (p) {
-    var d = Fe(n), S = "clientHeight", N = "clientWidth";
-    if (d === F(n) && (d = le(n), se(d).position !== "static" && u === "absolute" && (S = "scrollHeight", N = "scrollWidth")), d = d, o === _ || (o === $ || o === X) && a === _e) {
+    var d = Fe(n), D = "clientHeight", N = "clientWidth";
+    if (d === F(n) && (d = le(n), se(d).position !== "static" && u === "absolute" && (D = "scrollHeight", N = "scrollWidth")), d = d, o === _ || (o === $ || o === X) && a === _e) {
       i = Y;
       var I = b && d === x && x.visualViewport ? x.visualViewport.height : (
         // $FlowFixMe[prop-missing]
-        d[S]
+        d[D]
       );
       g -= I - r.height, g *= c ? 1 : -1;
     }
@@ -540,9 +540,9 @@ function kt(e) {
   };
   if (m = P.x, g = P.y, c) {
     var L;
-    return Object.assign({}, M, (L = {}, L[i] = D ? "0" : "", L[C] = A ? "0" : "", L.transform = (x.devicePixelRatio || 1) <= 1 ? "translate(" + m + "px, " + g + "px)" : "translate3d(" + m + "px, " + g + "px, 0)", L));
+    return Object.assign({}, M, (L = {}, L[i] = S ? "0" : "", L[C] = T ? "0" : "", L.transform = (x.devicePixelRatio || 1) <= 1 ? "translate(" + m + "px, " + g + "px)" : "translate3d(" + m + "px, " + g + "px, 0)", L));
   }
-  return Object.assign({}, M, (t = {}, t[i] = D ? g + "px" : "", t[C] = A ? m + "px" : "", t.transform = "", t));
+  return Object.assign({}, M, (t = {}, t[i] = S ? g + "px" : "", t[C] = T ? m + "px" : "", t.transform = "", t));
 }
 function ti(e) {
   var t = e.state, n = e.options, r = n.gpuAcceleration, o = r === void 0 ? !0 : r, a = n.adaptive, l = a === void 0 ? !0 : a, u = n.roundOffsets, c = u === void 0 ? !0 : u, p = {
@@ -616,7 +616,7 @@ function Vt(e) {
     return ai[t];
   });
 }
-function St(e) {
+function Dt(e) {
   var t = F(e), n = t.pageXOffset, r = t.pageYOffset;
   return {
     scrollLeft: n,
@@ -624,7 +624,7 @@ function St(e) {
   };
 }
 function Ct(e) {
-  return Ce(le(e)).left + St(e).scrollLeft;
+  return Ce(le(e)).left + Dt(e).scrollLeft;
 }
 function si(e, t) {
   var n = F(e), r = le(e), o = n.visualViewport, a = r.clientWidth, l = r.clientHeight, u = 0, c = 0;
@@ -641,7 +641,7 @@ function si(e, t) {
   };
 }
 function ui(e) {
-  var t, n = le(e), r = St(e), o = (t = e.ownerDocument) == null ? void 0 : t.body, a = ge(n.scrollWidth, n.clientWidth, o ? o.scrollWidth : 0, o ? o.clientWidth : 0), l = ge(n.scrollHeight, n.clientHeight, o ? o.scrollHeight : 0, o ? o.clientHeight : 0), u = -r.scrollLeft + Ct(e), c = -r.scrollTop;
+  var t, n = le(e), r = Dt(e), o = (t = e.ownerDocument) == null ? void 0 : t.body, a = ge(n.scrollWidth, n.clientWidth, o ? o.scrollWidth : 0, o ? o.clientWidth : 0), l = ge(n.scrollHeight, n.clientHeight, o ? o.scrollHeight : 0, o ? o.clientHeight : 0), u = -r.scrollLeft + Ct(e), c = -r.scrollTop;
   return se(o || n).direction === "rtl" && (u += ge(n.clientWidth, o ? o.clientWidth : 0) - a), {
     width: a,
     height: l,
@@ -693,7 +693,7 @@ function fi(e, t, n, r) {
   }, Bt(e, l, r));
   return u.width = u.right - u.left, u.height = u.bottom - u.top, u.x = u.left, u.y = u.top, u;
 }
-function An(e) {
+function Tn(e) {
   var t = e.reference, n = e.element, r = e.placement, o = r ? ee(r) : null, a = r ? Le(r) : null, l = t.x + t.width / 2 - n.width / 2, u = t.y + t.height / 2 - n.height / 2, c;
   switch (o) {
     case _:
@@ -726,11 +726,11 @@ function An(e) {
         y: t.y
       };
   }
-  var p = o ? Dt(o) : null;
+  var p = o ? St(o) : null;
   if (p != null) {
     var f = p === "y" ? "height" : "width";
     switch (a) {
-      case De:
+      case Se:
         c[p] = c[p] - (t[f] / 2 - n[f] / 2);
         break;
       case _e:
@@ -742,16 +742,16 @@ function An(e) {
 }
 function $e(e, t) {
   t === void 0 && (t = {});
-  var n = t, r = n.placement, o = r === void 0 ? e.placement : r, a = n.strategy, l = a === void 0 ? e.strategy : a, u = n.boundary, c = u === void 0 ? Ir : u, p = n.rootBoundary, f = p === void 0 ? hn : p, b = n.elementContext, O = b === void 0 ? je : b, m = n.altBoundary, w = m === void 0 ? !1 : m, g = n.padding, y = g === void 0 ? 0 : g, A = En(typeof y != "number" ? y : On(y, We)), D = O === je ? Nr : je, C = e.rects.popper, i = e.elements[w ? D : O], x = fi(ye(i) ? i : i.contextElement || le(e.elements.popper), c, f, l), d = Ce(e.elements.reference), S = An({
+  var n = t, r = n.placement, o = r === void 0 ? e.placement : r, a = n.strategy, l = a === void 0 ? e.strategy : a, u = n.boundary, c = u === void 0 ? Ir : u, p = n.rootBoundary, f = p === void 0 ? hn : p, b = n.elementContext, O = b === void 0 ? je : b, m = n.altBoundary, w = m === void 0 ? !1 : m, g = n.padding, y = g === void 0 ? 0 : g, T = En(typeof y != "number" ? y : On(y, We)), S = O === je ? Nr : je, C = e.rects.popper, i = e.elements[w ? S : O], x = fi(ye(i) ? i : i.contextElement || le(e.elements.popper), c, f, l), d = Ce(e.elements.reference), D = Tn({
     reference: d,
     element: C,
     strategy: "absolute",
     placement: o
-  }), N = bt(Object.assign({}, C, S)), I = O === je ? N : d, R = {
-    top: x.top - I.top + A.top,
-    bottom: I.bottom - x.bottom + A.bottom,
-    left: x.left - I.left + A.left,
-    right: I.right - x.right + A.right
+  }), N = bt(Object.assign({}, C, D)), I = O === je ? N : d, R = {
+    top: x.top - I.top + T.top,
+    bottom: I.bottom - x.bottom + T.bottom,
+    left: x.left - I.left + T.left,
+    right: I.right - x.right + T.right
   }, M = e.modifiersData.offset;
   if (O === je && M) {
     var P = M[o];
@@ -791,7 +791,7 @@ function di(e) {
 function vi(e) {
   var t = e.state, n = e.options, r = e.name;
   if (!t.modifiersData[r]._skip) {
-    for (var o = n.mainAxis, a = o === void 0 ? !0 : o, l = n.altAxis, u = l === void 0 ? !0 : l, c = n.fallbackPlacements, p = n.padding, f = n.boundary, b = n.rootBoundary, O = n.altBoundary, m = n.flipVariations, w = m === void 0 ? !0 : m, g = n.allowedAutoPlacements, y = t.options.placement, A = ee(y), D = A === y, C = c || (D || !w ? [at(y)] : di(y)), i = [y].concat(C).reduce(function(ne, K) {
+    for (var o = n.mainAxis, a = o === void 0 ? !0 : o, l = n.altAxis, u = l === void 0 ? !0 : l, c = n.fallbackPlacements, p = n.padding, f = n.boundary, b = n.rootBoundary, O = n.altBoundary, m = n.flipVariations, w = m === void 0 ? !0 : m, g = n.allowedAutoPlacements, y = t.options.placement, T = ee(y), S = T === y, C = c || (S || !w ? [at(y)] : di(y)), i = [y].concat(C).reduce(function(ne, K) {
       return ne.concat(ee(K) === xt ? pi(t, {
         placement: K,
         boundary: f,
@@ -800,8 +800,8 @@ function vi(e) {
         flipVariations: w,
         allowedAutoPlacements: g
       }) : K);
-    }, []), x = t.rects.reference, d = t.rects.popper, S = /* @__PURE__ */ new Map(), N = !0, I = i[0], R = 0; R < i.length; R++) {
-      var M = i[R], P = ee(M), L = Le(M) === De, U = [_, Y].indexOf(P) >= 0, H = U ? "width" : "height", k = $e(t, {
+    }, []), x = t.rects.reference, d = t.rects.popper, D = /* @__PURE__ */ new Map(), N = !0, I = i[0], R = 0; R < i.length; R++) {
+      var M = i[R], P = ee(M), L = Le(M) === Se, U = [_, Y].indexOf(P) >= 0, H = U ? "width" : "height", k = $e(t, {
         placement: M,
         boundary: f,
         rootBoundary: b,
@@ -816,12 +816,12 @@ function vi(e) {
         I = M, N = !1;
         break;
       }
-      S.set(M, G);
+      D.set(M, G);
     }
     if (N)
       for (var Z = w ? 3 : 1, fe = function(K) {
         var re = i.find(function(be) {
-          var ie = S.get(be);
+          var ie = D.get(be);
           if (ie)
             return ie.slice(0, K).every(function(we) {
               return we;
@@ -913,7 +913,7 @@ const wi = {
 };
 function Ei(e) {
   var t = e.state, n = e.name;
-  t.modifiersData[n] = An({
+  t.modifiersData[n] = Tn({
     reference: t.rects.reference,
     element: t.rects.popper,
     strategy: "absolute",
@@ -930,13 +930,13 @@ const Oi = {
 function xi(e) {
   return e === "x" ? "y" : "x";
 }
-function Ai(e) {
+function Ti(e) {
   var t = e.state, n = e.options, r = e.name, o = n.mainAxis, a = o === void 0 ? !0 : o, l = n.altAxis, u = l === void 0 ? !1 : l, c = n.boundary, p = n.rootBoundary, f = n.altBoundary, b = n.padding, O = n.tether, m = O === void 0 ? !0 : O, w = n.tetherOffset, g = w === void 0 ? 0 : w, y = $e(t, {
     boundary: c,
     rootBoundary: p,
     padding: b,
     altBoundary: f
-  }), A = ee(t.placement), D = Le(t.placement), C = !D, i = Dt(A), x = xi(i), d = t.modifiersData.popperOffsets, S = t.rects.reference, N = t.rects.popper, I = typeof g == "function" ? g(Object.assign({}, t.rects, {
+  }), T = ee(t.placement), S = Le(t.placement), C = !S, i = St(T), x = xi(i), d = t.modifiersData.popperOffsets, D = t.rects.reference, N = t.rects.popper, I = typeof g == "function" ? g(Object.assign({}, t.rects, {
     placement: t.placement
   })) : g, R = typeof I == "number" ? {
     mainAxis: I,
@@ -950,37 +950,37 @@ function Ai(e) {
   };
   if (d) {
     if (a) {
-      var L, U = i === "y" ? _ : $, H = i === "y" ? Y : X, k = i === "y" ? "height" : "width", V = d[i], j = V + y[U], G = V - y[H], Z = m ? -N[k] / 2 : 0, fe = D === De ? S[k] : N[k], Q = D === De ? -N[k] : -S[k], pe = t.elements.arrow, ne = m && pe ? Tt(pe) : {
+      var L, U = i === "y" ? _ : $, H = i === "y" ? Y : X, k = i === "y" ? "height" : "width", V = d[i], j = V + y[U], G = V - y[H], Z = m ? -N[k] / 2 : 0, fe = S === Se ? D[k] : N[k], Q = S === Se ? -N[k] : -D[k], pe = t.elements.arrow, ne = m && pe ? At(pe) : {
         width: 0,
         height: 0
-      }, K = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : wn(), re = K[U], be = K[H], ie = ke(0, S[k], ne[k]), we = C ? S[k] / 2 - Z - ie - re - R.mainAxis : fe - ie - re - R.mainAxis, ue = C ? -S[k] / 2 + Z + ie + be + R.mainAxis : Q + ie + be + R.mainAxis, Ee = t.elements.arrow && Fe(t.elements.arrow), qe = Ee ? i === "y" ? Ee.clientTop || 0 : Ee.clientLeft || 0 : 0, Re = (L = M == null ? void 0 : M[i]) != null ? L : 0, Ye = V + we - Re - qe, Xe = V + ue - Re, Pe = ke(m ? st(j, Ye) : j, V, m ? ge(G, Xe) : G);
+      }, K = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : wn(), re = K[U], be = K[H], ie = ke(0, D[k], ne[k]), we = C ? D[k] / 2 - Z - ie - re - R.mainAxis : fe - ie - re - R.mainAxis, ue = C ? -D[k] / 2 + Z + ie + be + R.mainAxis : Q + ie + be + R.mainAxis, Ee = t.elements.arrow && Fe(t.elements.arrow), qe = Ee ? i === "y" ? Ee.clientTop || 0 : Ee.clientLeft || 0 : 0, Re = (L = M == null ? void 0 : M[i]) != null ? L : 0, Ye = V + we - Re - qe, Xe = V + ue - Re, Pe = ke(m ? st(j, Ye) : j, V, m ? ge(G, Xe) : G);
       d[i] = Pe, P[i] = Pe - V;
     }
     if (u) {
-      var Ie, Ke = i === "x" ? _ : $, Ge = i === "x" ? Y : X, oe = d[x], ce = x === "y" ? "height" : "width", Ne = oe + y[Ke], de = oe - y[Ge], Me = [_, $].indexOf(A) !== -1, Ze = (Ie = M == null ? void 0 : M[x]) != null ? Ie : 0, Qe = Me ? Ne : oe - S[ce] - N[ce] - Ze + R.altAxis, Je = Me ? oe + S[ce] + N[ce] - Ze - R.altAxis : de, et = m && Me ? Xr(Qe, oe, Je) : ke(m ? Qe : Ne, oe, m ? Je : de);
+      var Ie, Ke = i === "x" ? _ : $, Ge = i === "x" ? Y : X, oe = d[x], ce = x === "y" ? "height" : "width", Ne = oe + y[Ke], de = oe - y[Ge], Me = [_, $].indexOf(T) !== -1, Ze = (Ie = M == null ? void 0 : M[x]) != null ? Ie : 0, Qe = Me ? Ne : oe - D[ce] - N[ce] - Ze + R.altAxis, Je = Me ? oe + D[ce] + N[ce] - Ze - R.altAxis : de, et = m && Me ? Xr(Qe, oe, Je) : ke(m ? Qe : Ne, oe, m ? Je : de);
       d[x] = et, P[x] = et - oe;
     }
     t.modifiersData[r] = P;
   }
 }
-const Ti = {
+const Ai = {
   name: "preventOverflow",
   enabled: !0,
   phase: "main",
-  fn: Ai,
+  fn: Ti,
   requiresIfExists: ["offset"]
 };
-function Di(e) {
+function Si(e) {
   return {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
   };
 }
-function Si(e) {
-  return e === F(e) || !q(e) ? St(e) : Di(e);
+function Di(e) {
+  return e === F(e) || !q(e) ? Dt(e) : Si(e);
 }
 function Ci(e) {
-  var t = e.getBoundingClientRect(), n = Se(t.width) / e.offsetWidth || 1, r = Se(t.height) / e.offsetHeight || 1;
+  var t = e.getBoundingClientRect(), n = De(t.width) / e.offsetWidth || 1, r = De(t.height) / e.offsetHeight || 1;
   return n !== 1 || r !== 1;
 }
 function Li(e, t, n) {
@@ -993,7 +993,7 @@ function Li(e, t, n) {
     y: 0
   };
   return (r || !r && !n) && ((te(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
-  Lt(a)) && (u = Si(t)), q(t) ? (c = Ce(t, !0), c.x += t.clientLeft, c.y += t.clientTop) : a && (c.x = Ct(a))), {
+  Lt(a)) && (u = Di(t)), q(t) ? (c = Ce(t, !0), c.x += t.clientLeft, c.y += t.clientTop) : a && (c.x = Ct(a))), {
     x: l.left + u.scrollLeft - c.x,
     y: l.top + u.scrollTop - c.y,
     width: l.width,
@@ -1079,9 +1079,9 @@ function Mi(e) {
       styles: {}
     }, b = [], O = !1, m = {
       state: f,
-      setOptions: function(A) {
-        var D = typeof A == "function" ? A(f.options) : A;
-        g(), f.options = Object.assign({}, a, f.options, D), f.scrollParents = {
+      setOptions: function(T) {
+        var S = typeof T == "function" ? T(f.options) : T;
+        g(), f.options = Object.assign({}, a, f.options, S), f.scrollParents = {
           reference: ye(u) ? Ve(u) : u.contextElement ? Ve(u.contextElement) : [],
           popper: Ve(c)
         };
@@ -1097,11 +1097,11 @@ function Mi(e) {
       // prefer the async Popper#update method
       forceUpdate: function() {
         if (!O) {
-          var A = f.elements, D = A.reference, C = A.popper;
-          if (Ht(D, C)) {
+          var T = f.elements, S = T.reference, C = T.popper;
+          if (Ht(S, C)) {
             f.rects = {
-              reference: Li(D, Fe(C), f.options.strategy === "fixed"),
-              popper: Tt(C)
+              reference: Li(S, Fe(C), f.options.strategy === "fixed"),
+              popper: At(C)
             }, f.reset = !1, f.placement = f.options.placement, f.orderedModifiers.forEach(function(R) {
               return f.modifiersData[R.name] = Object.assign({}, R.data);
             });
@@ -1110,7 +1110,7 @@ function Mi(e) {
                 f.reset = !1, i = -1;
                 continue;
               }
-              var x = f.orderedModifiers[i], d = x.fn, S = x.options, N = S === void 0 ? {} : S, I = x.name;
+              var x = f.orderedModifiers[i], d = x.fn, D = x.options, N = D === void 0 ? {} : D, I = x.name;
               typeof d == "function" && (f = d({
                 state: f,
                 options: N,
@@ -1139,11 +1139,11 @@ function Mi(e) {
     });
     function w() {
       f.orderedModifiers.forEach(function(y) {
-        var A = y.name, D = y.options, C = D === void 0 ? {} : D, i = y.effect;
+        var T = y.name, S = y.options, C = S === void 0 ? {} : S, i = y.effect;
         if (typeof i == "function") {
           var x = i({
             state: f,
-            name: A,
+            name: T,
             instance: m,
             options: C
           }), d = function() {
@@ -1160,9 +1160,9 @@ function Mi(e) {
     return m;
   };
 }
-var ji = [ii, Oi, ni, gn, wi, hi, Ti, Qr, gi], ki = /* @__PURE__ */ Mi({
+var ji = [ii, Oi, ni, gn, wi, hi, Ai, Qr, gi], ki = /* @__PURE__ */ Mi({
   defaultModifiers: ji
-}), Vi = "tippy-box", Tn = "tippy-content", Bi = "tippy-backdrop", Dn = "tippy-arrow", Sn = "tippy-svg-arrow", me = {
+}), Vi = "tippy-box", An = "tippy-content", Bi = "tippy-backdrop", Sn = "tippy-arrow", Dn = "tippy-svg-arrow", me = {
   passive: !0,
   capture: !0
 }, Cn = function() {
@@ -1204,7 +1204,7 @@ function $i(e, t) {
 function Ui(e) {
   return e.split(/\s+/).filter(Boolean);
 }
-function Te(e) {
+function Ae(e) {
   return [].concat(e);
 }
 function Ft(e, t) {
@@ -1257,7 +1257,7 @@ function qt(e, t) {
   });
 }
 function Xi(e) {
-  var t, n = Te(e), r = n[0];
+  var t, n = Ae(e), r = n[0];
   return r != null && (t = r.ownerDocument) != null && t.body ? r.ownerDocument : document;
 }
 function Ki(e, t) {
@@ -1266,8 +1266,8 @@ function Ki(e, t) {
     var a = o.popperRect, l = o.popperState, u = o.props, c = u.interactiveBorder, p = Wi(l.placement), f = l.modifiersData.offset;
     if (!f)
       return !0;
-    var b = p === "bottom" ? f.top.y : 0, O = p === "top" ? f.bottom.y : 0, m = p === "right" ? f.left.x : 0, w = p === "left" ? f.right.x : 0, g = a.top - r + b > c, y = r - a.bottom - O > c, A = a.left - n + m > c, D = n - a.right - w > c;
-    return g || y || A || D;
+    var b = p === "bottom" ? f.top.y : 0, O = p === "top" ? f.bottom.y : 0, m = p === "right" ? f.left.x : 0, w = p === "left" ? f.right.x : 0, g = a.top - r + b > c, y = r - a.bottom - O > c, T = a.left - n + m > c, S = n - a.right - w > c;
+    return g || y || T || S;
   });
 }
 function vt(e, t, n) {
@@ -1309,7 +1309,7 @@ var Ji = typeof window < "u" && typeof document < "u", eo = Ji ? (
   // @ts-ignore
   !!window.msCrypto
 ) : !1;
-function Ae(e) {
+function Te(e) {
   var t = e === "destroy" ? "n already-" : " ";
   return [e + "() was called on a" + t + "destroyed instance. This is a no-op but", "indicates a potential memory leak."].join(" ");
 }
@@ -1488,7 +1488,7 @@ function Et(e, t) {
 }
 function Zt(e) {
   var t = Be();
-  return e === !0 ? t.className = Dn : (t.className = Sn, Ue(e) ? t.appendChild(e) : Et(t, e)), t;
+  return e === !0 ? t.className = Sn : (t.className = Dn, Ue(e) ? t.appendChild(e) : Et(t, e)), t;
 }
 function Qt(e, t) {
   Ue(t.content) ? (Et(e, ""), e.appendChild(t.content)) : typeof t.content != "function" && (t.allowHTML ? Et(e, t.content) : e.textContent = t.content);
@@ -1498,10 +1498,10 @@ function Ot(e) {
   return {
     box: t,
     content: n.find(function(r) {
-      return r.classList.contains(Tn);
+      return r.classList.contains(An);
     }),
     arrow: n.find(function(r) {
-      return r.classList.contains(Dn) || r.classList.contains(Sn);
+      return r.classList.contains(Sn) || r.classList.contains(Dn);
     }),
     backdrop: n.find(function(r) {
       return r.classList.contains(Bi);
@@ -1512,7 +1512,7 @@ function jn(e) {
   var t = Be(), n = Be();
   n.className = Vi, n.setAttribute("data-state", "hidden"), n.setAttribute("tabindex", "-1");
   var r = Be();
-  r.className = Tn, r.setAttribute("data-state", "hidden"), Qt(r, e.props), t.appendChild(n), n.appendChild(r), o(e.props, e.props);
+  r.className = An, r.setAttribute("data-state", "hidden"), Qt(r, e.props), t.appendChild(n), n.appendChild(r), o(e.props, e.props);
   function o(a, l) {
     var u = Ot(t), c = u.box, p = u.content, f = u.arrow;
     l.theme ? c.setAttribute("data-theme", l.theme) : c.removeAttribute("data-theme"), typeof l.animation == "string" ? c.setAttribute("data-animation", l.animation) : c.removeAttribute("data-animation"), l.inertia ? c.setAttribute("data-inertia", "") : c.removeAttribute("data-inertia"), c.style.maxWidth = typeof l.maxWidth == "number" ? l.maxWidth + "px" : l.maxWidth, l.role ? c.setAttribute("role", l.role) : c.removeAttribute("role"), (a.content !== l.content || a.allowHTML !== l.allowHTML) && Qt(p, e.props), l.arrow ? f ? a.arrow !== l.arrow && (c.removeChild(f), c.appendChild(Zt(l.arrow))) : c.appendChild(Zt(l.arrow)) : f && c.removeChild(f);
@@ -1525,7 +1525,7 @@ function jn(e) {
 jn.$$tippy = !0;
 var co = 1, it = [], ht = [];
 function lo(e, t) {
-  var n = Gt(e, Object.assign({}, W, Nn(zt(t)))), r, o, a, l = !1, u = !1, c = !1, p = !1, f, b, O, m = [], w = Wt(Ye, n.interactiveDebounce), g, y = co++, A = null, D = Hi(n.plugins), C = {
+  var n = Gt(e, Object.assign({}, W, Nn(zt(t)))), r, o, a, l = !1, u = !1, c = !1, p = !1, f, b, O, m = [], w = Wt(Ye, n.interactiveDebounce), g, y = co++, T = null, S = Hi(n.plugins), C = {
     // Is the instance currently enabled?
     isEnabled: !0,
     // Is the tippy currently showing and not transitioning out?
@@ -1541,10 +1541,10 @@ function lo(e, t) {
     id: y,
     reference: e,
     popper: Be(),
-    popperInstance: A,
+    popperInstance: T,
     props: n,
     state: C,
-    plugins: D,
+    plugins: S,
     // methods
     clearDelayTimeouts: Qe,
     setProps: Je,
@@ -1559,9 +1559,9 @@ function lo(e, t) {
   };
   if (!n.render)
     return process.env.NODE_ENV !== "production" && wt(!0, "render() function has not been supplied."), i;
-  var x = n.render(i), d = x.popper, S = x.onUpdate;
+  var x = n.render(i), d = x.popper, D = x.onUpdate;
   d.setAttribute("data-tippy-root", ""), d.id = "tippy-" + i.id, i.popper = d, e._tippy = i, d._tippy = i;
-  var N = D.map(function(s) {
+  var N = S.map(function(s) {
     return s.fn(i);
   }), I = e.hasAttribute("aria-expanded");
   return Ee(), Z(), V(), j("onCreate", [i]), n.showOnCreate && Ne(), d.addEventListener("mouseenter", function() {
@@ -1600,15 +1600,15 @@ function lo(e, t) {
     if (h === void 0 && (h = !0), N.forEach(function(E) {
       E[s] && E[s].apply(E, v);
     }), h) {
-      var T;
-      (T = i.props)[s].apply(T, v);
+      var A;
+      (A = i.props)[s].apply(A, v);
     }
   }
   function G() {
     var s = i.props.aria;
     if (s.content) {
-      var v = "aria-" + s.content, h = d.id, T = Te(i.props.triggerTarget || e);
-      T.forEach(function(E) {
+      var v = "aria-" + s.content, h = d.id, A = Ae(i.props.triggerTarget || e);
+      A.forEach(function(E) {
         var B = E.getAttribute(v);
         if (i.state.isVisible)
           E.setAttribute(v, B ? B + " " + h : h);
@@ -1621,7 +1621,7 @@ function lo(e, t) {
   }
   function Z() {
     if (!(I || !i.props.aria.expanded)) {
-      var s = Te(i.props.triggerTarget || e);
+      var s = Ae(i.props.triggerTarget || e);
       s.forEach(function(v) {
         i.props.interactive ? v.setAttribute("aria-expanded", i.state.isVisible && v === L() ? "true" : "false") : v.removeAttribute("aria-expanded");
       });
@@ -1636,7 +1636,7 @@ function lo(e, t) {
     if (!(J.isTouch && (c || s.type === "mousedown"))) {
       var v = s.composedPath && s.composedPath()[0] || s.target;
       if (!(i.props.interactive && Yt(d, v))) {
-        if (Te(i.props.triggerTarget || e).some(function(h) {
+        if (Ae(i.props.triggerTarget || e).some(function(h) {
           return Yt(h, v);
         })) {
           if (J.isTouch || i.state.isVisible && i.props.trigger.indexOf("click") >= 0)
@@ -1673,17 +1673,17 @@ function lo(e, t) {
   }
   function we(s, v) {
     var h = H().box;
-    function T(E) {
-      E.target === h && (vt(h, "remove", T), v());
+    function A(E) {
+      E.target === h && (vt(h, "remove", A), v());
     }
     if (s === 0)
       return v();
-    vt(h, "remove", b), vt(h, "add", T), b = T;
+    vt(h, "remove", b), vt(h, "add", A), b = A;
   }
   function ue(s, v, h) {
     h === void 0 && (h = !1);
-    var T = Te(i.props.triggerTarget || e);
-    T.forEach(function(E) {
+    var A = Ae(i.props.triggerTarget || e);
+    A.forEach(function(E) {
       E.addEventListener(s, v, h), m.push({
         node: E,
         eventType: s,
@@ -1714,23 +1714,23 @@ function lo(e, t) {
   }
   function qe() {
     m.forEach(function(s) {
-      var v = s.node, h = s.eventType, T = s.handler, E = s.options;
-      v.removeEventListener(h, T, E);
+      var v = s.node, h = s.eventType, A = s.handler, E = s.options;
+      v.removeEventListener(h, A, E);
     }), m = [];
   }
   function Re(s) {
     var v, h = !1;
     if (!(!i.state.isEnabled || Ie(s) || u)) {
-      var T = ((v = f) == null ? void 0 : v.type) === "focus";
+      var A = ((v = f) == null ? void 0 : v.type) === "focus";
       f = s, g = s.currentTarget, Z(), !i.state.isVisible && zi(s) && it.forEach(function(E) {
         return E(s);
-      }), s.type === "click" && (i.props.trigger.indexOf("mouseenter") < 0 || l) && i.props.hideOnClick !== !1 && i.state.isVisible ? h = !0 : Ne(s), s.type === "click" && (l = !h), h && !T && de(s);
+      }), s.type === "click" && (i.props.trigger.indexOf("mouseenter") < 0 || l) && i.props.hideOnClick !== !1 && i.state.isVisible ? h = !0 : Ne(s), s.type === "click" && (l = !h), h && !A && de(s);
     }
   }
   function Ye(s) {
     var v = s.target, h = L().contains(v) || d.contains(v);
     if (!(s.type === "mousemove" && h)) {
-      var T = ce().concat(d).map(function(E) {
+      var A = ce().concat(d).map(function(E) {
         var B, z = E._tippy, Oe = (B = z.popperInstance) == null ? void 0 : B.state;
         return Oe ? {
           popperRect: E.getBoundingClientRect(),
@@ -1738,7 +1738,7 @@ function lo(e, t) {
           props: n
         } : null;
       }).filter(Boolean);
-      Ki(T, s) && (fe(), de(s));
+      Ki(A, s) && (fe(), de(s));
     }
   }
   function Xe(s) {
@@ -1759,7 +1759,7 @@ function lo(e, t) {
   }
   function Ke() {
     Ge();
-    var s = i.props, v = s.popperOptions, h = s.placement, T = s.offset, E = s.getReferenceClientRect, B = s.moveTransition, z = P() ? Ot(d).arrow : null, Oe = E ? {
+    var s = i.props, v = s.popperOptions, h = s.placement, A = s.offset, E = s.getReferenceClientRect, B = s.moveTransition, z = P() ? Ot(d).arrow : null, Oe = E ? {
       getBoundingClientRect: E,
       contextElement: E.contextElement || L()
     } : e, Pt = {
@@ -1779,7 +1779,7 @@ function lo(e, t) {
     }, ve = [{
       name: "offset",
       options: {
-        offset: T
+        offset: A
       }
     }, {
       name: "preventOverflow",
@@ -1832,8 +1832,8 @@ function lo(e, t) {
   }
   function Ne(s) {
     i.clearDelayTimeouts(), s && j("onTrigger", [i, s]), K();
-    var v = k(!0), h = R(), T = h[0], E = h[1];
-    J.isTouch && T === "hold" && E && (v = E), v ? r = setTimeout(function() {
+    var v = k(!0), h = R(), A = h[0], E = h[1];
+    J.isTouch && A === "hold" && E && (v = E), v ? r = setTimeout(function() {
       i.show();
     }, v) : i.show();
   }
@@ -1861,15 +1861,15 @@ function lo(e, t) {
     clearTimeout(r), clearTimeout(o), cancelAnimationFrame(a);
   }
   function Je(s) {
-    if (process.env.NODE_ENV !== "production" && ae(i.state.isDestroyed, Ae("setProps")), !i.state.isDestroyed) {
+    if (process.env.NODE_ENV !== "production" && ae(i.state.isDestroyed, Te("setProps")), !i.state.isDestroyed) {
       j("onBeforeUpdate", [i, s]), qe();
       var v = i.props, h = Gt(e, Object.assign({}, v, zt(s), {
         ignoreAttributes: !0
       }));
-      i.props = h, Ee(), v.interactiveDebounce !== h.interactiveDebounce && (fe(), w = Wt(Ye, h.interactiveDebounce)), v.triggerTarget && !h.triggerTarget ? Te(v.triggerTarget).forEach(function(T) {
-        T.removeAttribute("aria-expanded");
-      }) : h.triggerTarget && e.removeAttribute("aria-expanded"), Z(), V(), S && S(v, h), i.popperInstance && (Ke(), ce().forEach(function(T) {
-        requestAnimationFrame(T._tippy.popperInstance.forceUpdate);
+      i.props = h, Ee(), v.interactiveDebounce !== h.interactiveDebounce && (fe(), w = Wt(Ye, h.interactiveDebounce)), v.triggerTarget && !h.triggerTarget ? Ae(v.triggerTarget).forEach(function(A) {
+        A.removeAttribute("aria-expanded");
+      }) : h.triggerTarget && e.removeAttribute("aria-expanded"), Z(), V(), D && D(v, h), i.popperInstance && (Ke(), ce().forEach(function(A) {
+        requestAnimationFrame(A._tippy.popperInstance.forceUpdate);
       })), j("onAfterUpdate", [i, s]);
     }
   }
@@ -1879,9 +1879,9 @@ function lo(e, t) {
     });
   }
   function kn() {
-    process.env.NODE_ENV !== "production" && ae(i.state.isDestroyed, Ae("show"));
-    var s = i.state.isVisible, v = i.state.isDestroyed, h = !i.state.isEnabled, T = J.isTouch && !i.props.touch, E = pt(i.props.duration, 0, W.duration);
-    if (!(s || v || h || T) && !L().hasAttribute("disabled") && (j("onShow", [i], !1), i.props.onShow(i) !== !1)) {
+    process.env.NODE_ENV !== "production" && ae(i.state.isDestroyed, Te("show"));
+    var s = i.state.isVisible, v = i.state.isDestroyed, h = !i.state.isEnabled, A = J.isTouch && !i.props.touch, E = pt(i.props.duration, 0, W.duration);
+    if (!(s || v || h || A) && !L().hasAttribute("disabled") && (j("onShow", [i], !1), i.props.onShow(i) !== !1)) {
       if (i.state.isVisible = !0, P() && (d.style.visibility = "visible"), V(), K(), i.state.isMounted || (d.style.transition = "none"), P()) {
         var B = H(), z = B.box, Oe = B.content;
         dt([z, Oe], 0);
@@ -1901,28 +1901,28 @@ function lo(e, t) {
     }
   }
   function Vn() {
-    process.env.NODE_ENV !== "production" && ae(i.state.isDestroyed, Ae("hide"));
-    var s = !i.state.isVisible, v = i.state.isDestroyed, h = !i.state.isEnabled, T = pt(i.props.duration, 1, W.duration);
+    process.env.NODE_ENV !== "production" && ae(i.state.isDestroyed, Te("hide"));
+    var s = !i.state.isVisible, v = i.state.isDestroyed, h = !i.state.isEnabled, A = pt(i.props.duration, 1, W.duration);
     if (!(s || v || h) && (j("onHide", [i], !1), i.props.onHide(i) !== !1)) {
       if (i.state.isVisible = !1, i.state.isShown = !1, p = !1, l = !1, P() && (d.style.visibility = "hidden"), fe(), re(), V(!0), P()) {
         var E = H(), B = E.box, z = E.content;
-        i.props.animation && (dt([B, z], T), qt([B, z], "hidden"));
+        i.props.animation && (dt([B, z], A), qt([B, z], "hidden"));
       }
-      G(), Z(), i.props.animation ? P() && be(T, i.unmount) : i.unmount();
+      G(), Z(), i.props.animation ? P() && be(A, i.unmount) : i.unmount();
     }
   }
   function Bn(s) {
-    process.env.NODE_ENV !== "production" && ae(i.state.isDestroyed, Ae("hideWithInteractivity")), U().addEventListener("mousemove", w), Ft(it, w), w(s);
+    process.env.NODE_ENV !== "production" && ae(i.state.isDestroyed, Te("hideWithInteractivity")), U().addEventListener("mousemove", w), Ft(it, w), w(s);
   }
   function _n() {
-    process.env.NODE_ENV !== "production" && ae(i.state.isDestroyed, Ae("unmount")), i.state.isVisible && i.hide(), i.state.isMounted && (Ge(), ce().forEach(function(s) {
+    process.env.NODE_ENV !== "production" && ae(i.state.isDestroyed, Te("unmount")), i.state.isVisible && i.hide(), i.state.isMounted && (Ge(), ce().forEach(function(s) {
       s._tippy.unmount();
     }), d.parentNode && d.parentNode.removeChild(d), ht = ht.filter(function(s) {
       return s !== i;
     }), i.state.isMounted = !1, j("onHidden", [i]));
   }
   function $n() {
-    process.env.NODE_ENV !== "production" && ae(i.state.isDestroyed, Ae("destroy")), !i.state.isDestroyed && (i.clearDelayTimeouts(), i.unmount(), qe(), delete e._tippy, i.state.isDestroyed = !0, j("onDestroy", [i]));
+    process.env.NODE_ENV !== "production" && ae(i.state.isDestroyed, Te("destroy")), !i.state.isDestroyed && (i.clearDelayTimeouts(), i.unmount(), qe(), delete e._tippy, i.state.isDestroyed = !0, j("onDestroy", [i]));
   }
 }
 function ze(e, t) {
@@ -2068,14 +2068,14 @@ const po = (e) => ({
   };
 }, Eo = [
   ...vo
-], Oo = 300, xo = {
+], Oo = ["parent", "body"], xo = 300, To = {
   hover: "d-tooltip--hover",
   show: "d-tooltip--show",
   inverted: "d-tooltip--inverted",
   hide: "d-tooltip--hide"
 }, Ao = [
   ...ho
-], Mo = [!0, !1, "toggle"], To = {
+], jo = [!0, !1, "toggle"], So = {
   name: "DtTooltip",
   components: {
     DtLazyShow: Pr
@@ -2090,6 +2090,16 @@ const po = (e) => ({
         return rn();
       }
     },
+    /**
+     * Sets the element to which the popover is going to append to.
+     * 'body' will append to the nearest body (supports shadow DOM).
+     * @values 'body', 'parent', HTMLElement,
+     */
+    appendTo: {
+      type: [HTMLElement, String],
+      default: "body",
+      validator: (e) => Oo.includes(e) || e instanceof HTMLElement
+    },
     /**
      * If the popover does not fit in the direction described by "placement",
      * it will attempt to change its direction to the "fallbackPlacements"
@@ -2257,7 +2267,7 @@ const po = (e) => ({
   ],
   data() {
     return {
-      TOOLTIP_KIND_MODIFIERS: xo,
+      TOOLTIP_KIND_MODIFIERS: To,
       hasSlotContent: vr,
       tip: null,
       inTimer: null,
@@ -2267,7 +2277,9 @@ const po = (e) => ({
       // this is where the placement currently is, this can be different than
       // the placement prop when there is not enough available room for the tip
       // to display and it uses a fallback placement.
-      currentPlacement: this.placement
+      currentPlacement: this.placement,
+      // reference to the anchor element
+      anchor: null
     };
   },
   computed: {
@@ -2285,11 +2297,16 @@ const po = (e) => ({
         }
       };
     },
+    appendToElement() {
+      var e, t;
+      return this.appendTo === "body" ? (t = (e = this.anchor) == null ? void 0 : e.getRootNode()) == null ? void 0 : t.querySelector("body") : this.appendTo;
+    },
     tippyProps() {
       return {
         offset: this.offset,
         interactive: !1,
         trigger: "manual",
+        appendTo: this.appendToElement,
         placement: this.placement,
         sticky: this.sticky,
         popperOptions: go({
@@ -2298,9 +2315,6 @@ const po = (e) => ({
           onChangePlacement: this.onChangePlacement
         })
       };
-    },
-    anchor() {
-      return this.externalAnchor ? document.body.querySelector(this.externalAnchor) : bo(this.$refs.anchor);
     }
   },
   watch: {
@@ -2323,8 +2337,9 @@ const po = (e) => ({
       });
     }
   },
+  // eslint-disable-next-line complexity
   mounted() {
-    !this.enabled && this.show != null && (console.warn("Tooltip: You cannot use both the enabled and show props at the same time."), console.warn("The show prop will be ignored.")), this.externalAnchor && this.addExternalAnchorEventListeners(), this.tip = mo(this.anchor, this.initOptions()), this.isShown && this.tip.show();
+    !this.enabled && this.show != null && (console.warn("Tooltip: You cannot use both the enabled and show props at the same time."), console.warn("The show prop will be ignored.")), this.anchor = this.externalAnchor ? document.body.querySelector(this.externalAnchor) : bo(this.$refs.anchor), this.externalAnchor && this.addExternalAnchorEventListeners(), this.tip = mo(this.anchor, this.initOptions());
   },
   beforeUnmount() {
     var e;
@@ -2342,7 +2357,7 @@ const po = (e) => ({
     onEnterAnchor(e) {
       this.delay ? this.inTimer = setTimeout((function(t) {
         this.triggerShow(t);
-      }).bind(this, e), Oo) : this.triggerShow(e);
+      }).bind(this, e), xo) : this.triggerShow(e);
     },
     triggerShow(e) {
       e.type === "focusin" ? this.show === null && this.hasVisibleFocus() && (this.isShown = !0) : this.show === null && (this.isShown = !0);
@@ -2372,12 +2387,16 @@ const po = (e) => ({
     onMount() {
       this.setProps();
     },
+    onCreate(e) {
+      this.isShown && e.show();
+    },
     initOptions() {
       return {
         contentElement: this.$refs.content.$el,
         allowHTML: !0,
         zIndex: this.calculateAnchorZindex(),
         onMount: this.onMount,
+        onCreate: this.onCreate,
         ...this.tippyProps
       };
     },
@@ -2397,7 +2416,7 @@ const po = (e) => ({
     }
   }
 }, Do = { "data-qa": "dt-tooltip-container" };
-function So(e, t, n, r, o, a) {
+function Co(e, t, n, r, o, a) {
   const l = Qn("dt-lazy-show");
   return mt(), It("div", Do, [
     n.externalAnchor ? nn("", !0) : (mt(), It("span", {
@@ -2439,12 +2458,12 @@ function So(e, t, n, r, o, a) {
     }, 16, ["id", "show", "appear", "transition", "class"])
   ]);
 }
-const jo = /* @__PURE__ */ vn(To, [["render", So]]);
+const ko = /* @__PURE__ */ vn(So, [["render", Co]]);
 export {
   vo as B,
-  jo as D,
-  Io as E,
-  Po as L,
+  ko as D,
+  No as E,
+  Io as L,
   Eo as T,
   he as V,
   vn as _,
@@ -2453,7 +2472,7 @@ export {
   Pr as c,
   go as d,
   mo as e,
-  Oo as f,
+  xo as f,
   rn as g,
   vr as h,
   yr as i,
@@ -2462,15 +2481,15 @@ export {
   xr as l,
   lr as m,
   an as n,
-  Ro as o,
+  Po as o,
   Cr as p,
-  Lo as q,
+  Ro as q,
   ir as r,
-  Sr as s,
+  Dr as s,
   ze as t,
-  No as u,
+  Mo as u,
   fr as v,
-  xo as w,
+  To as w,
   Ao as x,
-  Mo as y
+  jo as y
 };