siteguide.js 0.3.0 → 0.5.0

package/dist/index.mjs

@@ -1,26 +1,26 @@
-var Bt = Object.defineProperty, Nt = Object.defineProperties;
-var Vt = Object.getOwnPropertyDescriptors;
-var U = Object.getOwnPropertySymbols;
-var dt = Object.prototype.hasOwnProperty, ht = Object.prototype.propertyIsEnumerable;
-var Z = (t, e, n) => e in t ? Bt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, O = (t, e) => {
-  for (var n in e || (e = {}))
-    dt.call(e, n) && Z(t, n, e[n]);
-  if (U)
-    for (var n of U(e))
-      ht.call(e, n) && Z(t, n, e[n]);
-  return t;
-}, z = (t, e) => Nt(t, Vt(e));
-var pt = (t, e) => {
+var It = Object.defineProperty, Yt = Object.defineProperties;
+var qt = Object.getOwnPropertyDescriptors;
+var tt = Object.getOwnPropertySymbols;
+var bt = Object.prototype.hasOwnProperty, _t = Object.prototype.propertyIsEnumerable;
+var Ct = Math.pow, ft = (e, t, n) => t in e ? It(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, L = (e, t) => {
+  for (var n in t || (t = {}))
+    bt.call(t, n) && ft(e, n, t[n]);
+  if (tt)
+    for (var n of tt(t))
+      _t.call(t, n) && ft(e, n, t[n]);
+  return e;
+}, X = (e, t) => Yt(e, qt(t));
+var Pt = (e, t) => {
   var n = {};
-  for (var i in t)
-    dt.call(t, i) && e.indexOf(i) < 0 && (n[i] = t[i]);
-  if (t != null && U)
-    for (var i of U(t))
-      e.indexOf(i) < 0 && ht.call(t, i) && (n[i] = t[i]);
+  for (var i in e)
+    bt.call(e, i) && t.indexOf(i) < 0 && (n[i] = e[i]);
+  if (e != null && tt)
+    for (var i of tt(e))
+      t.indexOf(i) < 0 && _t.call(e, i) && (n[i] = e[i]);
   return n;
 };
-var w = (t, e, n) => Z(t, typeof e != "symbol" ? e + "" : e, n);
-var A = (t, e, n) => new Promise((i, o) => {
+var y = (e, t, n) => ft(e, typeof t != "symbol" ? t + "" : t, n);
+var k = (e, t, n) => new Promise((i, o) => {
   var r = (a) => {
     try {
       l(n.next(a));
@@ -34,196 +34,199 @@ var A = (t, e, n) => new Promise((i, o) => {
       o(c);
     }
   }, l = (a) => a.done ? i(a.value) : Promise.resolve(a.value).then(r, s);
-  l((n = n.apply(t, e)).next());
+  l((n = n.apply(e, t)).next());
 });
-const Ft = ["top", "right", "bottom", "left"], mt = ["start", "end"], gt = /* @__PURE__ */ Ft.reduce((t, e) => t.concat(e, e + "-" + mt[0], e + "-" + mt[1]), []), yt = Math.min, I = Math.max, q = Math.round, E = (t) => ({
-  x: t,
-  y: t
-}), Wt = {
+const Ut = ["top", "right", "bottom", "left"], Lt = ["start", "end"], St = /* @__PURE__ */ Ut.reduce((e, t) => e.concat(t, t + "-" + Lt[0], t + "-" + Lt[1]), []), K = Math.min, z = Math.max, et = Math.round, $ = (e) => ({
+  x: e,
+  y: e
+}), Xt = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, zt = {
+}, Kt = {
   start: "end",
   end: "start"
 };
-function it(t, e) {
-  return typeof t == "function" ? t(e) : t;
+function Gt(e, t, n) {
+  return z(e, K(t, n));
 }
-function j(t) {
-  return t.split("-")[0];
+function it(e, t) {
+  return typeof e == "function" ? e(t) : e;
 }
-function D(t) {
-  return t.split("-")[1];
+function J(e) {
+  return e.split("-")[0];
 }
-function It(t) {
-  return t === "x" ? "y" : "x";
+function M(e) {
+  return e.split("-")[1];
 }
-function bt(t) {
-  return t === "y" ? "height" : "width";
+function Jt(e) {
+  return e === "x" ? "y" : "x";
 }
-function ot(t) {
-  return ["top", "bottom"].includes(j(t)) ? "y" : "x";
+function gt(e) {
+  return e === "y" ? "height" : "width";
 }
-function Ct(t) {
-  return It(ot(t));
+function pt(e) {
+  return ["top", "bottom"].includes(J(e)) ? "y" : "x";
 }
-function Yt(t, e, n) {
+function mt(e) {
+  return Jt(pt(e));
+}
+function Qt(e, t, n) {
   n === void 0 && (n = !1);
-  const i = D(t), o = Ct(t), r = bt(o);
+  const i = M(e), o = mt(e), r = gt(o);
   let s = o === "x" ? i === (n ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
-  return e.reference[r] > e.floating[r] && (s = wt(s)), [s, wt(s)];
+  return t.reference[r] > t.floating[r] && (s = Rt(s)), [s, Rt(s)];
 }
-function jt(t) {
-  return t.replace(/start|end/g, (e) => zt[e]);
+function Zt(e) {
+  return e.replace(/start|end/g, (t) => Kt[t]);
 }
-function wt(t) {
-  return t.replace(/left|right|bottom|top/g, (e) => Wt[e]);
+function Rt(e) {
+  return e.replace(/left|right|bottom|top/g, (t) => Xt[t]);
 }
-function Xt(t) {
-  return O({
+function te(e) {
+  return L({
     top: 0,
     right: 0,
     bottom: 0,
     left: 0
-  }, t);
-}
-function Ut(t) {
-  return typeof t != "number" ? Xt(t) : {
-    top: t,
-    right: t,
-    bottom: t,
-    left: t
+  }, e);
+}
+function Dt(e) {
+  return typeof e != "number" ? te(e) : {
+    top: e,
+    right: e,
+    bottom: e,
+    left: e
   };
 }
-function K(t) {
+function nt(e) {
   const {
-    x: e,
+    x: t,
     y: n,
     width: i,
     height: o
-  } = t;
+  } = e;
   return {
     width: i,
     height: o,
     top: n,
-    left: e,
-    right: e + i,
+    left: t,
+    right: t + i,
     bottom: n + o,
-    x: e,
+    x: t,
     y: n
   };
 }
-function xt(t, e, n) {
+function Tt(e, t, n) {
   let {
     reference: i,
     floating: o
-  } = t;
-  const r = ot(e), s = Ct(e), l = bt(s), a = j(e), c = r === "y", f = i.x + i.width / 2 - o.width / 2, u = i.y + i.height / 2 - o.height / 2, p = i[l] / 2 - o[l] / 2;
-  let d;
+  } = e;
+  const r = pt(t), s = mt(t), l = gt(s), a = J(t), c = r === "y", h = i.x + i.width / 2 - o.width / 2, f = i.y + i.height / 2 - o.height / 2, g = i[l] / 2 - o[l] / 2;
+  let u;
   switch (a) {
     case "top":
-      d = {
-        x: f,
+      u = {
+        x: h,
         y: i.y - o.height
       };
       break;
     case "bottom":
-      d = {
-        x: f,
+      u = {
+        x: h,
         y: i.y + i.height
       };
       break;
     case "right":
-      d = {
+      u = {
         x: i.x + i.width,
-        y: u
+        y: f
       };
       break;
     case "left":
-      d = {
+      u = {
         x: i.x - o.width,
-        y: u
+        y: f
       };
       break;
     default:
-      d = {
+      u = {
         x: i.x,
         y: i.y
       };
   }
-  switch (D(e)) {
+  switch (M(t)) {
     case "start":
-      d[s] -= p * (n && c ? -1 : 1);
+      u[s] -= g * (n && c ? -1 : 1);
       break;
     case "end":
-      d[s] += p * (n && c ? -1 : 1);
+      u[s] += g * (n && c ? -1 : 1);
       break;
   }
-  return d;
+  return u;
 }
-const qt = (t, e, n) => A(void 0, null, function* () {
+const ee = (e, t, n) => k(void 0, null, function* () {
   const {
     placement: i = "bottom",
     strategy: o = "absolute",
     middleware: r = [],
     platform: s
-  } = n, l = r.filter(Boolean), a = yield s.isRTL == null ? void 0 : s.isRTL(e);
+  } = n, l = r.filter(Boolean), a = yield s.isRTL == null ? void 0 : s.isRTL(t);
   let c = yield s.getElementRects({
-    reference: t,
-    floating: e,
+    reference: e,
+    floating: t,
     strategy: o
   }), {
-    x: f,
-    y: u
-  } = xt(c, i, a), p = i, d = {}, m = 0;
-  for (let y = 0; y < l.length; y++) {
+    x: h,
+    y: f
+  } = Tt(c, i, a), g = i, u = {}, d = 0;
+  for (let p = 0; p < l.length; p++) {
     const {
-      name: g,
-      fn: v
-    } = l[y], {
+      name: w,
+      fn: x
+    } = l[p], {
       x: _,
-      y: h,
-      data: L,
-      reset: x
-    } = yield v({
-      x: f,
-      y: u,
+      y: m,
+      data: v,
+      reset: b
+    } = yield x({
+      x: h,
+      y: f,
       initialPlacement: i,
-      placement: p,
+      placement: g,
       strategy: o,
-      middlewareData: d,
+      middlewareData: u,
       rects: c,
       platform: s,
       elements: {
-        reference: t,
-        floating: e
+        reference: e,
+        floating: t
       }
     });
-    f = _ != null ? _ : f, u = h != null ? h : u, d = z(O({}, d), {
-      [g]: O(O({}, d[g]), L)
-    }), x && m <= 50 && (m++, typeof x == "object" && (x.placement && (p = x.placement), x.rects && (c = x.rects === !0 ? yield s.getElementRects({
-      reference: t,
-      floating: e,
+    h = _ != null ? _ : h, f = m != null ? m : f, u = X(L({}, u), {
+      [w]: L(L({}, u[w]), v)
+    }), b && d <= 50 && (d++, typeof b == "object" && (b.placement && (g = b.placement), b.rects && (c = b.rects === !0 ? yield s.getElementRects({
+      reference: e,
+      floating: t,
       strategy: o
-    }) : x.rects), {
-      x: f,
-      y: u
-    } = xt(c, p, a)), y = -1);
+    }) : b.rects), {
+      x: h,
+      y: f
+    } = Tt(c, g, a)), p = -1);
   }
   return {
-    x: f,
-    y: u,
-    placement: p,
+    x: h,
+    y: f,
+    placement: g,
     strategy: o,
-    middlewareData: d
+    middlewareData: u
   };
 });
-function Kt(t, e) {
-  return A(this, null, function* () {
+function ne(e, t) {
+  return k(this, null, function* () {
     var n;
-    e === void 0 && (e = {});
+    t === void 0 && (t = {});
     const {
       x: i,
       y: o,
@@ -231,166 +234,205 @@ function Kt(t, e) {
       rects: s,
       elements: l,
       strategy: a
-    } = t, {
+    } = e, {
       boundary: c = "clippingAncestors",
-      rootBoundary: f = "viewport",
-      elementContext: u = "floating",
-      altBoundary: p = !1,
-      padding: d = 0
-    } = it(e, t), m = Ut(d), g = l[p ? u === "floating" ? "reference" : "floating" : u], v = K(yield r.getClippingRect({
-      element: (n = yield r.isElement == null ? void 0 : r.isElement(g)) == null || n ? g : g.contextElement || (yield r.getDocumentElement == null ? void 0 : r.getDocumentElement(l.floating)),
+      rootBoundary: h = "viewport",
+      elementContext: f = "floating",
+      altBoundary: g = !1,
+      padding: u = 0
+    } = it(t, e), d = Dt(u), w = l[g ? f === "floating" ? "reference" : "floating" : f], x = nt(yield r.getClippingRect({
+      element: (n = yield r.isElement == null ? void 0 : r.isElement(w)) == null || n ? w : w.contextElement || (yield r.getDocumentElement == null ? void 0 : r.getDocumentElement(l.floating)),
       boundary: c,
-      rootBoundary: f,
+      rootBoundary: h,
       strategy: a
-    })), _ = u === "floating" ? {
+    })), _ = f === "floating" ? {
       x: i,
       y: o,
       width: s.floating.width,
       height: s.floating.height
-    } : s.reference, h = yield r.getOffsetParent == null ? void 0 : r.getOffsetParent(l.floating), L = (yield r.isElement == null ? void 0 : r.isElement(h)) ? (yield r.getScale == null ? void 0 : r.getScale(h)) || {
+    } : s.reference, m = yield r.getOffsetParent == null ? void 0 : r.getOffsetParent(l.floating), v = (yield r.isElement == null ? void 0 : r.isElement(m)) ? (yield r.getScale == null ? void 0 : r.getScale(m)) || {
       x: 1,
       y: 1
     } : {
       x: 1,
       y: 1
-    }, x = K(r.convertOffsetParentRelativeRectToViewportRelativeRect ? yield r.convertOffsetParentRelativeRectToViewportRelativeRect({
+    }, b = nt(r.convertOffsetParentRelativeRectToViewportRelativeRect ? yield r.convertOffsetParentRelativeRectToViewportRelativeRect({
       elements: l,
       rect: _,
-      offsetParent: h,
+      offsetParent: m,
       strategy: a
     }) : _);
     return {
-      top: (v.top - x.top + m.top) / L.y,
-      bottom: (x.bottom - v.bottom + m.bottom) / L.y,
-      left: (v.left - x.left + m.left) / L.x,
-      right: (x.right - v.right + m.right) / L.x
+      top: (x.top - b.top + d.top) / v.y,
+      bottom: (b.bottom - x.bottom + d.bottom) / v.y,
+      left: (x.left - b.left + d.left) / v.x,
+      right: (b.right - x.right + d.right) / v.x
     };
   });
 }
-function Gt(t, e, n) {
-  return (t ? [...n.filter((o) => D(o) === t), ...n.filter((o) => D(o) !== t)] : n.filter((o) => j(o) === o)).filter((o) => t ? D(o) === t || (e ? jt(o) !== o : !1) : !0);
+const ie = (e) => ({
+  name: "arrow",
+  options: e,
+  fn(n) {
+    return k(this, null, function* () {
+      const {
+        x: i,
+        y: o,
+        placement: r,
+        rects: s,
+        platform: l,
+        elements: a,
+        middlewareData: c
+      } = n, {
+        element: h,
+        padding: f = 0
+      } = it(e, n) || {};
+      if (h == null)
+        return {};
+      const g = Dt(f), u = {
+        x: i,
+        y: o
+      }, d = mt(r), p = gt(d), w = yield l.getDimensions(h), x = d === "y", _ = x ? "top" : "left", m = x ? "bottom" : "right", v = x ? "clientHeight" : "clientWidth", b = s.reference[p] + s.reference[d] - u[d] - s.floating[p], B = u[d] - s.reference[d], V = yield l.getOffsetParent == null ? void 0 : l.getOffsetParent(h);
+      let H = V ? V[v] : 0;
+      (!H || !(yield l.isElement == null ? void 0 : l.isElement(V))) && (H = a.floating[v] || s.floating[p]);
+      const vt = b / 2 - B / 2, q = H / 2 - w[p] / 2 - 1, U = K(g[_], q), C = K(g[m], q), E = U, Z = H - w[p] - C, D = H / 2 - w[p] / 2 + vt, lt = Gt(E, D, Z), ct = !c.arrow && M(r) != null && D !== lt && s.reference[p] / 2 - (D < E ? U : C) - w[p] / 2 < 0, at = ct ? D < E ? D - E : D - Z : 0;
+      return {
+        [d]: u[d] + at,
+        data: L({
+          [d]: lt,
+          centerOffset: D - lt - at
+        }, ct && {
+          alignmentOffset: at
+        }),
+        reset: ct
+      };
+    });
+  }
+});
+function oe(e, t, n) {
+  return (e ? [...n.filter((o) => M(o) === e), ...n.filter((o) => M(o) !== e)] : n.filter((o) => J(o) === o)).filter((o) => e ? M(o) === e || (t ? Zt(o) !== o : !1) : !0);
 }
-const Jt = function(t) {
-  return t === void 0 && (t = {}), {
+const se = function(e) {
+  return e === void 0 && (e = {}), {
     name: "autoPlacement",
-    options: t,
+    options: e,
     fn(n) {
-      return A(this, null, function* () {
+      return k(this, null, function* () {
         var i, o, r;
         const {
           rects: s,
           middlewareData: l,
           placement: a,
           platform: c,
-          elements: f
-        } = n, ut = it(t, n), {
-          crossAxis: u = !1,
-          alignment: p,
-          allowedPlacements: d = gt,
-          autoAlignment: m = !0
-        } = ut, y = pt(ut, [
+          elements: h
+        } = n, U = it(e, n), {
+          crossAxis: f = !1,
+          alignment: g,
+          allowedPlacements: u = St,
+          autoAlignment: d = !0
+        } = U, p = Pt(U, [
           "crossAxis",
           "alignment",
           "allowedPlacements",
           "autoAlignment"
-        ]), g = p !== void 0 || d === gt ? Gt(p || null, m, d) : d, v = yield Kt(n, y), _ = ((i = l.autoPlacement) == null ? void 0 : i.index) || 0, h = g[_];
-        if (h == null)
+        ]), w = g !== void 0 || u === St ? oe(g || null, d, u) : u, x = yield ne(n, p), _ = ((i = l.autoPlacement) == null ? void 0 : i.index) || 0, m = w[_];
+        if (m == null)
           return {};
-        const L = Yt(h, s, yield c.isRTL == null ? void 0 : c.isRTL(f.floating));
-        if (a !== h)
+        const v = Qt(m, s, yield c.isRTL == null ? void 0 : c.isRTL(h.floating));
+        if (a !== m)
           return {
             reset: {
-              placement: g[0]
+              placement: w[0]
             }
           };
-        const x = [v[j(h)], v[L[0]], v[L[1]]], k = [...((o = l.autoPlacement) == null ? void 0 : o.overflows) || [], {
-          placement: h,
-          overflows: x
-        }], ct = g[_ + 1];
-        if (ct)
+        const b = [x[J(m)], x[v[0]], x[v[1]]], B = [...((o = l.autoPlacement) == null ? void 0 : o.overflows) || [], {
+          placement: m,
+          overflows: b
+        }], V = w[_ + 1];
+        if (V)
           return {
             data: {
               index: _ + 1,
-              overflows: k
+              overflows: B
             },
             reset: {
-              placement: ct
+              placement: V
             }
           };
-        const at = k.map((R) => {
-          const W = D(R.placement);
-          return [R.placement, W && u ? (
+        const H = B.map((C) => {
+          const E = M(C.placement);
+          return [C.placement, E && f ? (
             // Check along the mainAxis and main crossAxis side.
-            R.overflows.slice(0, 2).reduce((Ht, kt) => Ht + kt, 0)
+            C.overflows.slice(0, 2).reduce((Z, D) => Z + D, 0)
           ) : (
             // Check only the mainAxis.
-            R.overflows[0]
-          ), R.overflows];
-        }).sort((R, W) => R[1] - W[1]), ft = ((r = at.filter((R) => R[2].slice(
+            C.overflows[0]
+          ), C.overflows];
+        }).sort((C, E) => C[1] - E[1]), q = ((r = H.filter((C) => C[2].slice(
           0,
           // Aligned placements should not check their opposite crossAxis
           // side.
-          D(R[0]) ? 2 : 3
-        ).every((W) => W <= 0))[0]) == null ? void 0 : r[0]) || at[0][0];
-        return ft !== a ? {
+          M(C[0]) ? 2 : 3
+        ).every((E) => E <= 0))[0]) == null ? void 0 : r[0]) || H[0][0];
+        return q !== a ? {
           data: {
             index: _ + 1,
-            overflows: k
+            overflows: B
           },
           reset: {
-            placement: ft
+            placement: q
           }
         } : {};
       });
     }
   };
 };
-function Qt(t, e) {
-  return A(this, null, function* () {
+function re(e, t) {
+  return k(this, null, function* () {
     const {
       placement: n,
       platform: i,
       elements: o
-    } = t, r = yield i.isRTL == null ? void 0 : i.isRTL(o.floating), s = j(n), l = D(n), a = ot(n) === "y", c = ["left", "top"].includes(s) ? -1 : 1, f = r && a ? -1 : 1, u = it(e, t);
+    } = e, r = yield i.isRTL == null ? void 0 : i.isRTL(o.floating), s = J(n), l = M(n), a = pt(n) === "y", c = ["left", "top"].includes(s) ? -1 : 1, h = r && a ? -1 : 1, f = it(t, e);
     let {
-      mainAxis: p,
-      crossAxis: d,
-      alignmentAxis: m
-    } = typeof u == "number" ? {
-      mainAxis: u,
+      mainAxis: g,
+      crossAxis: u,
+      alignmentAxis: d
+    } = typeof f == "number" ? {
+      mainAxis: f,
       crossAxis: 0,
       alignmentAxis: null
     } : {
-      mainAxis: u.mainAxis || 0,
-      crossAxis: u.crossAxis || 0,
-      alignmentAxis: u.alignmentAxis
+      mainAxis: f.mainAxis || 0,
+      crossAxis: f.crossAxis || 0,
+      alignmentAxis: f.alignmentAxis
     };
-    return l && typeof m == "number" && (d = l === "end" ? m * -1 : m), a ? {
-      x: d * f,
-      y: p * c
+    return l && typeof d == "number" && (u = l === "end" ? d * -1 : d), a ? {
+      x: u * h,
+      y: g * c
     } : {
-      x: p * c,
-      y: d * f
+      x: g * c,
+      y: u * h
     };
   });
 }
-const Zt = function(t) {
-  return t === void 0 && (t = 0), {
+const le = function(e) {
+  return e === void 0 && (e = 0), {
     name: "offset",
-    options: t,
+    options: e,
     fn(n) {
-      return A(this, null, function* () {
+      return k(this, null, function* () {
         var i, o;
         const {
           x: r,
           y: s,
           placement: l,
           middlewareData: a
-        } = n, c = yield Qt(n, t);
+        } = n, c = yield re(n, e);
         return l === ((i = a.offset) == null ? void 0 : i.placement) && (o = a.arrow) != null && o.alignmentOffset ? {} : {
           x: r + c.x,
           y: s + c.y,
-          data: z(O({}, c), {
+          data: X(L({}, c), {
             placement: l
           })
         };
@@ -398,239 +440,239 @@ const Zt = function(t) {
     }
   };
 };
-function G() {
+function ot() {
   return typeof window != "undefined";
 }
-function F(t) {
-  return St(t) ? (t.nodeName || "").toLowerCase() : "#document";
+function Y(e) {
+  return kt(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function b(t) {
-  var e;
-  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
+function P(e) {
+  var t;
+  return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
-function $(t) {
-  var e;
-  return (e = (St(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+function F(e) {
+  var t;
+  return (t = (kt(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
-function St(t) {
-  return G() ? t instanceof Node || t instanceof b(t).Node : !1;
+function kt(e) {
+  return ot() ? e instanceof Node || e instanceof P(e).Node : !1;
 }
-function C(t) {
-  return G() ? t instanceof Element || t instanceof b(t).Element : !1;
+function T(e) {
+  return ot() ? e instanceof Element || e instanceof P(e).Element : !1;
 }
-function P(t) {
-  return G() ? t instanceof HTMLElement || t instanceof b(t).HTMLElement : !1;
+function A(e) {
+  return ot() ? e instanceof HTMLElement || e instanceof P(e).HTMLElement : !1;
 }
-function vt(t) {
-  return !G() || typeof ShadowRoot == "undefined" ? !1 : t instanceof ShadowRoot || t instanceof b(t).ShadowRoot;
+function Ot(e) {
+  return !ot() || typeof ShadowRoot == "undefined" ? !1 : e instanceof ShadowRoot || e instanceof P(e).ShadowRoot;
 }
-function X(t) {
+function Q(e) {
   const {
-    overflow: e,
+    overflow: t,
     overflowX: n,
     overflowY: i,
     display: o
-  } = S(t);
-  return /auto|scroll|overlay|hidden|clip/.test(e + i + n) && !["inline", "contents"].includes(o);
+  } = O(e);
+  return /auto|scroll|overlay|hidden|clip/.test(t + i + n) && !["inline", "contents"].includes(o);
 }
-function te(t) {
-  return ["table", "td", "th"].includes(F(t));
+function ce(e) {
+  return ["table", "td", "th"].includes(Y(e));
 }
-function J(t) {
-  return [":popover-open", ":modal"].some((e) => {
+function st(e) {
+  return [":popover-open", ":modal"].some((t) => {
     try {
-      return t.matches(e);
+      return e.matches(t);
     } catch (n) {
       return !1;
     }
   });
 }
-function st(t) {
-  const e = rt(), n = C(t) ? S(t) : t;
-  return n.transform !== "none" || n.perspective !== "none" || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((i) => (n.willChange || "").includes(i)) || ["paint", "layout", "strict", "content"].some((i) => (n.contain || "").includes(i));
+function wt(e) {
+  const t = xt(), n = T(e) ? O(e) : e;
+  return n.transform !== "none" || n.perspective !== "none" || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((i) => (n.willChange || "").includes(i)) || ["paint", "layout", "strict", "content"].some((i) => (n.contain || "").includes(i));
 }
-function ee(t) {
-  let e = M(t);
-  for (; P(e) && !V(e); ) {
-    if (st(e))
-      return e;
-    if (J(e))
+function ae(e) {
+  let t = N(e);
+  for (; A(t) && !I(t); ) {
+    if (wt(t))
+      return t;
+    if (st(t))
       return null;
-    e = M(e);
+    t = N(t);
   }
   return null;
 }
-function rt() {
+function xt() {
   return typeof CSS == "undefined" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-function V(t) {
-  return ["html", "body", "#document"].includes(F(t));
+function I(e) {
+  return ["html", "body", "#document"].includes(Y(e));
 }
-function S(t) {
-  return b(t).getComputedStyle(t);
+function O(e) {
+  return P(e).getComputedStyle(e);
 }
-function Q(t) {
-  return C(t) ? {
-    scrollLeft: t.scrollLeft,
-    scrollTop: t.scrollTop
+function rt(e) {
+  return T(e) ? {
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop
   } : {
-    scrollLeft: t.scrollX,
-    scrollTop: t.scrollY
+    scrollLeft: e.scrollX,
+    scrollTop: e.scrollY
   };
 }
-function M(t) {
-  if (F(t) === "html")
-    return t;
-  const e = (
+function N(e) {
+  if (Y(e) === "html")
+    return e;
+  const t = (
     // Step into the shadow DOM of the parent of a slotted node.
-    t.assignedSlot || // DOM Element detected.
-    t.parentNode || // ShadowRoot detected.
-    vt(t) && t.host || // Fallback.
-    $(t)
+    e.assignedSlot || // DOM Element detected.
+    e.parentNode || // ShadowRoot detected.
+    Ot(e) && e.host || // Fallback.
+    F(e)
   );
-  return vt(e) ? e.host : e;
+  return Ot(t) ? t.host : t;
 }
-function Rt(t) {
-  const e = M(t);
-  return V(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : P(e) && X(e) ? e : Rt(e);
+function Mt(e) {
+  const t = N(e);
+  return I(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : A(t) && Q(t) ? t : Mt(t);
 }
-function et(t, e, n) {
+function ut(e, t, n) {
   var i;
-  e === void 0 && (e = []), n === void 0 && (n = !0);
-  const o = Rt(t), r = o === ((i = t.ownerDocument) == null ? void 0 : i.body), s = b(o);
+  t === void 0 && (t = []), n === void 0 && (n = !0);
+  const o = Mt(e), r = o === ((i = e.ownerDocument) == null ? void 0 : i.body), s = P(o);
   if (r) {
-    const l = nt(s);
-    return e.concat(s, s.visualViewport || [], X(o) ? o : [], l && n ? et(l) : []);
+    const l = dt(s);
+    return t.concat(s, s.visualViewport || [], Q(o) ? o : [], l && n ? ut(l) : []);
   }
-  return e.concat(o, et(o, [], n));
+  return t.concat(o, ut(o, [], n));
 }
-function nt(t) {
-  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
+function dt(e) {
+  return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
-function Tt(t) {
-  const e = S(t);
-  let n = parseFloat(e.width) || 0, i = parseFloat(e.height) || 0;
-  const o = P(t), r = o ? t.offsetWidth : n, s = o ? t.offsetHeight : i, l = q(n) !== r || q(i) !== s;
+function Ft(e) {
+  const t = O(e);
+  let n = parseFloat(t.width) || 0, i = parseFloat(t.height) || 0;
+  const o = A(e), r = o ? e.offsetWidth : n, s = o ? e.offsetHeight : i, l = et(n) !== r || et(i) !== s;
   return l && (n = r, i = s), {
     width: n,
     height: i,
     $: l
   };
 }
-function Et(t) {
-  return C(t) ? t : t.contextElement;
+function Bt(e) {
+  return T(e) ? e : e.contextElement;
 }
-function N(t) {
-  const e = Et(t);
-  if (!P(e))
-    return E(1);
-  const n = e.getBoundingClientRect(), {
+function j(e) {
+  const t = Bt(e);
+  if (!A(t))
+    return $(1);
+  const n = t.getBoundingClientRect(), {
     width: i,
     height: o,
     $: r
-  } = Tt(e);
-  let s = (r ? q(n.width) : n.width) / i, l = (r ? q(n.height) : n.height) / o;
+  } = Ft(t);
+  let s = (r ? et(n.width) : n.width) / i, l = (r ? et(n.height) : n.height) / o;
   return (!s || !Number.isFinite(s)) && (s = 1), (!l || !Number.isFinite(l)) && (l = 1), {
     x: s,
     y: l
   };
 }
-const ne = /* @__PURE__ */ E(0);
-function Pt(t) {
-  const e = b(t);
-  return !rt() || !e.visualViewport ? ne : {
-    x: e.visualViewport.offsetLeft,
-    y: e.visualViewport.offsetTop
+const fe = /* @__PURE__ */ $(0);
+function Ht(e) {
+  const t = P(e);
+  return !xt() || !t.visualViewport ? fe : {
+    x: t.visualViewport.offsetLeft,
+    y: t.visualViewport.offsetTop
   };
 }
-function ie(t, e, n) {
-  return e === void 0 && (e = !1), !n || e && n !== b(t) ? !1 : e;
+function he(e, t, n) {
+  return t === void 0 && (t = !1), !n || t && n !== P(e) ? !1 : t;
 }
-function Y(t, e, n, i) {
-  e === void 0 && (e = !1), n === void 0 && (n = !1);
-  const o = t.getBoundingClientRect(), r = Et(t);
-  let s = E(1);
-  e && (i ? C(i) && (s = N(i)) : s = N(t));
-  const l = ie(r, n, i) ? Pt(r) : E(0);
-  let a = (o.left + l.x) / s.x, c = (o.top + l.y) / s.y, f = o.width / s.x, u = o.height / s.y;
+function G(e, t, n, i) {
+  t === void 0 && (t = !1), n === void 0 && (n = !1);
+  const o = e.getBoundingClientRect(), r = Bt(e);
+  let s = $(1);
+  t && (i ? T(i) && (s = j(i)) : s = j(e));
+  const l = he(r, n, i) ? Ht(r) : $(0);
+  let a = (o.left + l.x) / s.x, c = (o.top + l.y) / s.y, h = o.width / s.x, f = o.height / s.y;
   if (r) {
-    const p = b(r), d = i && C(i) ? b(i) : i;
-    let m = p, y = nt(m);
-    for (; y && i && d !== m; ) {
-      const g = N(y), v = y.getBoundingClientRect(), _ = S(y), h = v.left + (y.clientLeft + parseFloat(_.paddingLeft)) * g.x, L = v.top + (y.clientTop + parseFloat(_.paddingTop)) * g.y;
-      a *= g.x, c *= g.y, f *= g.x, u *= g.y, a += h, c += L, m = b(y), y = nt(m);
+    const g = P(r), u = i && T(i) ? P(i) : i;
+    let d = g, p = dt(d);
+    for (; p && i && u !== d; ) {
+      const w = j(p), x = p.getBoundingClientRect(), _ = O(p), m = x.left + (p.clientLeft + parseFloat(_.paddingLeft)) * w.x, v = x.top + (p.clientTop + parseFloat(_.paddingTop)) * w.y;
+      a *= w.x, c *= w.y, h *= w.x, f *= w.y, a += m, c += v, d = P(p), p = dt(d);
     }
   }
-  return K({
-    width: f,
-    height: u,
+  return nt({
+    width: h,
+    height: f,
     x: a,
     y: c
   });
 }
-function lt(t, e) {
-  const n = Q(t).scrollLeft;
-  return e ? e.left + n : Y($(t)).left + n;
+function yt(e, t) {
+  const n = rt(e).scrollLeft;
+  return t ? t.left + n : G(F(e)).left + n;
 }
-function Ot(t, e, n) {
+function Nt(e, t, n) {
   n === void 0 && (n = !1);
-  const i = t.getBoundingClientRect(), o = i.left + e.scrollLeft - (n ? 0 : (
+  const i = e.getBoundingClientRect(), o = i.left + t.scrollLeft - (n ? 0 : (
     // RTL <body> scrollbar.
-    lt(t, i)
-  )), r = i.top + e.scrollTop;
+    yt(e, i)
+  )), r = i.top + t.scrollTop;
   return {
     x: o,
     y: r
   };
 }
-function oe(t) {
+function ue(e) {
   let {
-    elements: e,
+    elements: t,
     rect: n,
     offsetParent: i,
     strategy: o
-  } = t;
-  const r = o === "fixed", s = $(i), l = e ? J(e.floating) : !1;
+  } = e;
+  const r = o === "fixed", s = F(i), l = t ? st(t.floating) : !1;
   if (i === s || l && r)
     return n;
   let a = {
     scrollLeft: 0,
     scrollTop: 0
-  }, c = E(1);
-  const f = E(0), u = P(i);
-  if ((u || !u && !r) && ((F(i) !== "body" || X(s)) && (a = Q(i)), P(i))) {
-    const d = Y(i);
-    c = N(i), f.x = d.x + i.clientLeft, f.y = d.y + i.clientTop;
+  }, c = $(1);
+  const h = $(0), f = A(i);
+  if ((f || !f && !r) && ((Y(i) !== "body" || Q(s)) && (a = rt(i)), A(i))) {
+    const u = G(i);
+    c = j(i), h.x = u.x + i.clientLeft, h.y = u.y + i.clientTop;
   }
-  const p = s && !u && !r ? Ot(s, a, !0) : E(0);
+  const g = s && !f && !r ? Nt(s, a, !0) : $(0);
   return {
     width: n.width * c.x,
     height: n.height * c.y,
-    x: n.x * c.x - a.scrollLeft * c.x + f.x + p.x,
-    y: n.y * c.y - a.scrollTop * c.y + f.y + p.y
+    x: n.x * c.x - a.scrollLeft * c.x + h.x + g.x,
+    y: n.y * c.y - a.scrollTop * c.y + h.y + g.y
   };
 }
-function se(t) {
-  return Array.from(t.getClientRects());
+function de(e) {
+  return Array.from(e.getClientRects());
 }
-function re(t) {
-  const e = $(t), n = Q(t), i = t.ownerDocument.body, o = I(e.scrollWidth, e.clientWidth, i.scrollWidth, i.clientWidth), r = I(e.scrollHeight, e.clientHeight, i.scrollHeight, i.clientHeight);
-  let s = -n.scrollLeft + lt(t);
+function ge(e) {
+  const t = F(e), n = rt(e), i = e.ownerDocument.body, o = z(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), r = z(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
+  let s = -n.scrollLeft + yt(e);
   const l = -n.scrollTop;
-  return S(i).direction === "rtl" && (s += I(e.clientWidth, i.clientWidth) - o), {
+  return O(i).direction === "rtl" && (s += z(t.clientWidth, i.clientWidth) - o), {
     width: o,
     height: r,
     x: s,
     y: l
   };
 }
-function le(t, e) {
-  const n = b(t), i = $(t), o = n.visualViewport;
+function pe(e, t) {
+  const n = P(e), i = F(e), o = n.visualViewport;
   let r = i.clientWidth, s = i.clientHeight, l = 0, a = 0;
   if (o) {
     r = o.width, s = o.height;
-    const c = rt();
-    (!c || c && e === "fixed") && (l = o.offsetLeft, a = o.offsetTop);
+    const c = xt();
+    (!c || c && t === "fixed") && (l = o.offsetLeft, a = o.offsetTop);
   }
   return {
     width: r,
@@ -639,8 +681,8 @@ function le(t, e) {
     y: a
   };
 }
-function ce(t, e) {
-  const n = Y(t, !0, e === "fixed"), i = n.top + t.clientTop, o = n.left + t.clientLeft, r = P(t) ? N(t) : E(1), s = t.clientWidth * r.x, l = t.clientHeight * r.y, a = o * r.x, c = i * r.y;
+function me(e, t) {
+  const n = G(e, !0, t === "fixed"), i = n.top + e.clientTop, o = n.left + e.clientLeft, r = A(e) ? j(e) : $(1), s = e.clientWidth * r.x, l = e.clientHeight * r.y, a = o * r.x, c = i * r.y;
   return {
     width: s,
     height: l,
@@ -648,53 +690,53 @@ function ce(t, e) {
     y: c
   };
 }
-function _t(t, e, n) {
+function Et(e, t, n) {
   let i;
-  if (e === "viewport")
-    i = le(t, n);
-  else if (e === "document")
-    i = re($(t));
-  else if (C(e))
-    i = ce(e, n);
+  if (t === "viewport")
+    i = pe(e, n);
+  else if (t === "document")
+    i = ge(F(e));
+  else if (T(t))
+    i = me(t, n);
   else {
-    const o = Pt(t);
+    const o = Ht(e);
     i = {
-      x: e.x - o.x,
-      y: e.y - o.y,
-      width: e.width,
-      height: e.height
+      x: t.x - o.x,
+      y: t.y - o.y,
+      width: t.width,
+      height: t.height
     };
   }
-  return K(i);
+  return nt(i);
 }
-function $t(t, e) {
-  const n = M(t);
-  return n === e || !C(n) || V(n) ? !1 : S(n).position === "fixed" || $t(n, e);
+function Vt(e, t) {
+  const n = N(e);
+  return n === t || !T(n) || I(n) ? !1 : O(n).position === "fixed" || Vt(n, t);
 }
-function ae(t, e) {
-  const n = e.get(t);
+function we(e, t) {
+  const n = t.get(e);
   if (n)
     return n;
-  let i = et(t, [], !1).filter((l) => C(l) && F(l) !== "body"), o = null;
-  const r = S(t).position === "fixed";
-  let s = r ? M(t) : t;
-  for (; C(s) && !V(s); ) {
-    const l = S(s), a = st(s);
-    !a && l.position === "fixed" && (o = null), (r ? !a && !o : !a && l.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || X(s) && !a && $t(t, s)) ? i = i.filter((f) => f !== s) : o = l, s = M(s);
+  let i = ut(e, [], !1).filter((l) => T(l) && Y(l) !== "body"), o = null;
+  const r = O(e).position === "fixed";
+  let s = r ? N(e) : e;
+  for (; T(s) && !I(s); ) {
+    const l = O(s), a = wt(s);
+    !a && l.position === "fixed" && (o = null), (r ? !a && !o : !a && l.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || Q(s) && !a && Vt(e, s)) ? i = i.filter((h) => h !== s) : o = l, s = N(s);
   }
-  return e.set(t, i), i;
+  return t.set(e, i), i;
 }
-function fe(t) {
+function xe(e) {
   let {
-    element: e,
+    element: t,
     boundary: n,
     rootBoundary: i,
     strategy: o
-  } = t;
-  const s = [...n === "clippingAncestors" ? J(e) ? [] : ae(e, this._c) : [].concat(n), i], l = s[0], a = s.reduce((c, f) => {
-    const u = _t(e, f, o);
-    return c.top = I(u.top, c.top), c.right = yt(u.right, c.right), c.bottom = yt(u.bottom, c.bottom), c.left = I(u.left, c.left), c;
-  }, _t(e, l, o));
+  } = e;
+  const s = [...n === "clippingAncestors" ? st(t) ? [] : we(t, this._c) : [].concat(n), i], l = s[0], a = s.reduce((c, h) => {
+    const f = Et(t, h, o);
+    return c.top = z(f.top, c.top), c.right = K(f.right, c.right), c.bottom = K(f.bottom, c.bottom), c.left = z(f.left, c.left), c;
+  }, Et(t, l, o));
   return {
     width: a.right - a.left,
     height: a.bottom - a.top,
@@ -702,70 +744,70 @@ function fe(t) {
     y: a.top
   };
 }
-function ue(t) {
+function ye(e) {
   const {
-    width: e,
+    width: t,
     height: n
-  } = Tt(t);
+  } = Ft(e);
   return {
-    width: e,
+    width: t,
     height: n
   };
 }
-function de(t, e, n) {
-  const i = P(e), o = $(e), r = n === "fixed", s = Y(t, !0, r, e);
+function ve(e, t, n) {
+  const i = A(t), o = F(t), r = n === "fixed", s = G(e, !0, r, t);
   let l = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const a = E(0);
+  const a = $(0);
   if (i || !i && !r)
-    if ((F(e) !== "body" || X(o)) && (l = Q(e)), i) {
-      const p = Y(e, !0, r, e);
-      a.x = p.x + e.clientLeft, a.y = p.y + e.clientTop;
-    } else o && (a.x = lt(o));
-  const c = o && !i && !r ? Ot(o, l) : E(0), f = s.left + l.scrollLeft - a.x - c.x, u = s.top + l.scrollTop - a.y - c.y;
+    if ((Y(t) !== "body" || Q(o)) && (l = rt(t)), i) {
+      const g = G(t, !0, r, t);
+      a.x = g.x + t.clientLeft, a.y = g.y + t.clientTop;
+    } else o && (a.x = yt(o));
+  const c = o && !i && !r ? Nt(o, l) : $(0), h = s.left + l.scrollLeft - a.x - c.x, f = s.top + l.scrollTop - a.y - c.y;
   return {
-    x: f,
-    y: u,
+    x: h,
+    y: f,
     width: s.width,
     height: s.height
   };
 }
-function tt(t) {
-  return S(t).position === "static";
+function ht(e) {
+  return O(e).position === "static";
 }
-function Lt(t, e) {
-  if (!P(t) || S(t).position === "fixed")
+function $t(e, t) {
+  if (!A(e) || O(e).position === "fixed")
     return null;
-  if (e)
-    return e(t);
-  let n = t.offsetParent;
-  return $(t) === n && (n = n.ownerDocument.body), n;
-}
-function At(t, e) {
-  const n = b(t);
-  if (J(t))
+  if (t)
+    return t(e);
+  let n = e.offsetParent;
+  return F(e) === n && (n = n.ownerDocument.body), n;
+}
+function Wt(e, t) {
+  const n = P(e);
+  if (st(e))
     return n;
-  if (!P(t)) {
-    let o = M(t);
-    for (; o && !V(o); ) {
-      if (C(o) && !tt(o))
+  if (!A(e)) {
+    let o = N(e);
+    for (; o && !I(o); ) {
+      if (T(o) && !ht(o))
         return o;
-      o = M(o);
+      o = N(o);
     }
     return n;
   }
-  let i = Lt(t, e);
-  for (; i && te(i) && tt(i); )
-    i = Lt(i, e);
-  return i && V(i) && tt(i) && !st(i) ? n : i || ee(t) || n;
-}
-const he = function(t) {
-  return A(this, null, function* () {
-    const e = this.getOffsetParent || At, n = this.getDimensions, i = yield n(t.floating);
+  let i = $t(e, t);
+  for (; i && ce(i) && ht(i); )
+    i = $t(i, t);
+  return i && I(i) && ht(i) && !wt(i) ? n : i || ae(e) || n;
+}
+const be = function(e) {
+  return k(this, null, function* () {
+    const t = this.getOffsetParent || Wt, n = this.getDimensions, i = yield n(e.floating);
     return {
-      reference: de(t.reference, yield e(t.floating), t.strategy),
+      reference: ve(e.reference, yield t(e.floating), e.strategy),
       floating: {
         x: 0,
         y: 0,
@@ -775,245 +817,279 @@ const he = function(t) {
     };
   });
 };
-function pe(t) {
-  return S(t).direction === "rtl";
-}
-const me = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: oe,
-  getDocumentElement: $,
-  getClippingRect: fe,
-  getOffsetParent: At,
-  getElementRects: he,
-  getClientRects: se,
-  getDimensions: ue,
-  getScale: N,
-  isElement: C,
-  isRTL: pe
-}, ge = Zt, ye = Jt, we = (t, e, n) => {
-  const i = /* @__PURE__ */ new Map(), o = O({
-    platform: me
-  }, n), r = z(O({}, o.platform), {
+function _e(e) {
+  return O(e).direction === "rtl";
+}
+const Ce = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: ue,
+  getDocumentElement: F,
+  getClippingRect: xe,
+  getOffsetParent: Wt,
+  getElementRects: be,
+  getClientRects: de,
+  getDimensions: ye,
+  getScale: j,
+  isElement: T,
+  isRTL: _e
+}, Pe = le, Le = se, Se = ie, Re = (e, t, n) => {
+  const i = /* @__PURE__ */ new Map(), o = L({
+    platform: Ce
+  }, n), r = X(L({}, o.platform), {
     _c: i
   });
-  return qt(t, e, z(O({}, o), {
+  return ee(e, t, X(L({}, o), {
     platform: r
   }));
 };
-function H(t) {
-  return t === null || typeof t == "undefined";
+function W(e) {
+  return e === null || typeof e == "undefined";
 }
-function B(t) {
-  return !H(t);
+function R(e) {
+  return !W(e);
 }
-function xe(t) {
-  return new Promise((e) => setTimeout(e, t));
+function At(e) {
+  return new Promise((t) => setTimeout(t, e));
 }
-function Dt(t) {
+function zt(e) {
   var i;
-  const e = t.parentElement;
-  return !e || e.nodeName === "HTML" ? !1 : ((i = document.defaultView) == null ? void 0 : i.getComputedStyle(t, null).getPropertyValue("position")) === "fixed" ? !0 : Dt(e);
+  const t = e.parentElement;
+  return !t || t.nodeName === "HTML" ? !1 : ((i = document.defaultView) == null ? void 0 : i.getComputedStyle(e, null).getPropertyValue("position")) === "fixed" ? !0 : zt(t);
 }
-function Mt(t) {
-  return Dt(t) ? "fixed" : "absolute";
+function jt(e) {
+  return zt(e) ? "fixed" : "absolute";
 }
-class ve {
+class Te {
   /** @inheritdoc */
-  renderContent(e, n, i) {
-    e.querySelector(`.${i.classPrefix}-content`).appendChild(n.node);
+  renderContent(t, n, i) {
+    t.querySelector(`.${i.classPrefix}-content`).appendChild(n.node);
   }
 }
-function T(t, e) {
-  const n = document.createElement(t);
-  return e && e.length > 0 && (e = e.filter((i) => i), n.classList.add(...e)), n;
+function S(e, t) {
+  const n = document.createElement(e);
+  return t && t.length > 0 && (t = t.filter((i) => i), n.classList.add(...t)), n;
 }
-class _e {
+class Oe {
   /** @inheritdoc */
-  renderContent(e, n, i) {
+  renderContent(t, n, i) {
     var r, s, l, a;
-    const o = e.querySelector(`.${i.classPrefix}-content`);
+    const o = t.querySelector(`.${i.classPrefix}-content`);
     if (n.imgSrc) {
-      const c = T("img", [
+      const c = S("img", [
         `${i.classPrefix}-image`,
         `${(s = (r = n.customization) == null ? void 0 : r.imageClass) != null ? s : ""}`
       ]);
       c.src = n.imgSrc, o.appendChild(c);
     }
     if (n.text) {
-      const c = T("p", [
+      const c = S("p", [
         `${i.classPrefix}-description`,
         `${(a = (l = n.customization) == null ? void 0 : l.descriptionClass) != null ? a : ""}`
       ]);
-      c.innerText = n.text, o.appendChild(c);
+      c.innerText = i.translateFn(n.text), o.appendChild(c);
     }
   }
 }
-function Le(t, e, n) {
-  var l, a, c, f, u, p, d, m, y, g, v, _;
-  t.innerHTML = "", t.className = `${n.config.classPrefix}`, (l = e.customization) != null && l.class && t.classList.add(e.customization.class);
-  const i = T("div", [
+function Ee(e, t, n) {
+  var l, a, c, h, f, g, u, d, p, w, x, _;
+  if (e.innerHTML = "", e.className = `${n.config.classPrefix} ${n.config.animationClass}`, n.config.enableArrow) {
+    const m = S("div", [`${n.config.classPrefix}-arrow`]);
+    e.appendChild(m);
+  }
+  (l = t.customization) != null && l.class && e.classList.add(t.customization.class);
+  const i = S("div", [
     `${n.config.classPrefix}-header`,
-    `${(c = (a = e.customization) == null ? void 0 : a.headerClass) != null ? c : ""}`
+    `${(c = (a = t.customization) == null ? void 0 : a.headerClass) != null ? c : ""}`
   ]);
-  t.appendChild(i);
-  const o = T("h1", [
+  e.appendChild(i);
+  const o = S("h1", [
     `${n.config.classPrefix}-title`,
-    `${(u = (f = e.customization) == null ? void 0 : f.titleClass) != null ? u : ""}`
+    `${(f = (h = t.customization) == null ? void 0 : h.titleClass) != null ? f : ""}`
   ]);
-  if (o.innerHTML = (p = e.title) != null ? p : "", i.appendChild(o), n.config.allowClose) {
-    const h = T("button", [
+  if (o.innerHTML = n.config.translateFn((g = t.title) != null ? g : ""), i.appendChild(o), n.config.allowClose) {
+    const m = S("button", [
       `${n.config.classPrefix}-close`,
-      `${(m = (d = e.customization) == null ? void 0 : d.closeButtonClass) != null ? m : ""}`
+      `${(d = (u = t.customization) == null ? void 0 : u.closeButtonClass) != null ? d : ""}`
     ]);
-    be(h, n.config.closeIcon), h.onclick = n.complete.bind(n), i.appendChild(h);
+    $e(m, n.config.closeIcon), m.onclick = n.complete.bind(n), i.appendChild(m);
   }
-  const r = T("div", [
+  const r = S("div", [
     `${n.config.classPrefix}-content`,
-    `${(g = (y = e.customization) == null ? void 0 : y.contentClass) != null ? g : ""}`
+    `${(w = (p = t.customization) == null ? void 0 : p.contentClass) != null ? w : ""}`
   ]);
-  t.appendChild(r);
-  const s = T("div", [
+  e.appendChild(r);
+  const s = S("div", [
     `${n.config.classPrefix}-footer`,
-    `${(_ = (v = e.customization) == null ? void 0 : v.footerClass) != null ? _ : ""}`
+    `${(_ = (x = t.customization) == null ? void 0 : x.footerClass) != null ? _ : ""}`
   ]);
-  H(e.buttonList) && (e.buttonList = Ce(n)), e.buttonList.forEach((h) => {
-    var k;
-    h.action = h.action.bind(n);
-    const L = [`${n.config.classPrefix}-button`, (k = h.class) != null ? k : ""];
-    H(h.type) || h.type === "secondary" ? L.push(`${n.config.classPrefix}-button-secondary`) : h.type === "primary" && L.push(`${n.config.classPrefix}-button-primary`), !H(h.class) && h.class !== "" && L.push(h.class);
-    const x = T("button", L);
-    x.innerText = h.text, x.onclick = () => {
-      h.action();
-    }, s.appendChild(x);
-  }), t.appendChild(s);
-}
-function be(t, e) {
-  e instanceof HTMLElement ? t.appendChild(e) : t.innerHTML = e.innerHTML;
-}
-function Ce(t) {
+  W(t.buttonList) && (t.buttonList = Ae(n)), t.buttonList.forEach((m) => {
+    var B;
+    const v = [`${n.config.classPrefix}-button`, (B = m.class) != null ? B : ""];
+    W(m.type) || m.type === "secondary" ? v.push(`${n.config.classPrefix}-button-secondary`) : m.type === "primary" ? v.push(`${n.config.classPrefix}-button-primary`) : m.type === "link" && v.push(`${n.config.classPrefix}-button-link`), !W(m.class) && m.class !== "" && v.push(m.class);
+    const b = S("button", v);
+    b.innerText = n.config.translateFn(m.text), b.onclick = (V) => {
+      m.action.call(n);
+    }, s.appendChild(b);
+  }), e.appendChild(s);
+}
+function $e(e, t) {
+  t instanceof HTMLElement ? e.appendChild(t) : e.innerHTML = t.innerHTML;
+}
+function Ae(e) {
   return [
     {
       text: "Back",
-      action: t.prev
+      action: e.prev
     },
     {
       text: "Next",
       type: "primary",
-      action: t.next
+      action: e.next
     }
   ];
 }
-class Se {
+class De {
   constructor() {
-    w(this, "_renderContentStrategy", /* @__PURE__ */ new Map());
+    y(this, "_renderContentStrategy", /* @__PURE__ */ new Map());
+    y(this, "_staticSides", {
+      top: "bottom",
+      right: "left",
+      bottom: "top",
+      left: "right"
+    });
     this.setUpStrategies();
   }
   /** @inheritdoc */
-  render(e, n) {
+  render(t, n) {
     return new Promise((i) => {
       var o, r;
       if (!this._renderContentStrategy.has(n.popupData.type))
         throw new Error("Missing popup creator strategy");
-      e.style.animation = "none", e.style.opacity = "0", n.hostElement ? e.style.position = Mt(n.hostElement) : e.style.position = "fixed", Le(e, n.popupData, n.tour), (o = this._renderContentStrategy.get(n.popupData.type)) == null || o.renderContent(e, n.popupData, n.tour.config), (r = n.hostElement) == null || r.scrollIntoView(n.tour.config.scrollTo), i();
-    }).then(() => {
-      var i, o;
-      return n.isFirst || !n.hasHost && !((i = n.prevStep) != null && i.hasHost) || !n.hasHost && !((o = n.nextStep) != null && o.hasHost) ? Promise.resolve() : xe(400);
-    }).then(() => {
-      this.updatePosition(e, n), e.style.opacity = "1", e.style.animation = "fadeIn 0.3s ease-out";
+      t.style.display = "none", t.classList.remove(n.tour.config.animationClass), n.hostElement ? t.style.position = jt(n.hostElement) : t.style.position = "fixed", Ee(t, n.popupData, n.tour), (o = this._renderContentStrategy.get(n.popupData.type)) == null || o.renderContent(t, n.popupData, n.tour.config), (r = n.hostElement) == null || r.scrollIntoView(n.tour.config.scrollTo), i();
+    }).then(() => n.isFirst && n.direction === "toNext" ? At(0) : At(400)).then(() => {
+      t.style.display = "block", this.updatePosition(t, n), t.classList.add(n.tour.config.animationClass);
     });
   }
   /** @inheritdoc */
-  updatePosition(e, n) {
-    const i = e.style.position === "fixed" ? window.scrollY || document.documentElement.scrollTop : 0, o = [], r = B(n.popupData.position) && n.popupData.position !== "auto" ? n.popupData.position : void 0;
-    (n.popupData.position === "auto" || H(r)) && o.push(ye()), n.hostElement ? we(n.hostElement, e, {
-      placement: r,
-      middleware: [...o, ge(20)]
-    }).then(({ x: s, y: l }) => {
-      Object.assign(e.style, {
-        top: `${l - i}px`,
-        left: `${s}px`,
-        transform: ""
+  updatePosition(t, n) {
+    R(n.hostElement) ? this.renderFloatingPopup(t, n) : this.renderCenterPopup(t);
+  }
+  renderFloatingPopup(t, n) {
+    var c;
+    const i = t.style.position === "fixed" ? window.scrollY || document.documentElement.scrollTop : 0, o = t.querySelector(`.${n.tour.config.classPrefix}-arrow`), r = [], s = R(n.popupData.position) && n.popupData.position !== "auto" ? n.popupData.position : void 0, l = (c = o == null ? void 0 : o.offsetWidth) != null ? c : 10, a = Math.sqrt(2 * Ct(l, 2)) / 2 + n.tour.config.highlight.padding;
+    r.push(Pe(a)), (n.popupData.position === "auto" || W(s)) && r.push(Le()), n.tour.config.enableArrow && R(o) && r.push(Se({ element: o })), Re(n.hostElement, t, {
+      placement: s,
+      middleware: [...r]
+    }).then(({ x: h, y: f, middlewareData: g, placement: u }) => {
+      Object.assign(t.style, {
+        top: `${f - i}px`,
+        left: `${h}px`,
+        marginTop: "0",
+        marginLeft: "0"
       });
-    }) : Object.assign(e.style, {
+      const d = u.split("-")[0], p = this._staticSides[d];
+      if (g.arrow && R(o)) {
+        const { x: w, y: x } = g.arrow;
+        Object.assign(o.style, {
+          left: w != null ? `${w}px` : "",
+          top: x != null ? `${x}px` : "",
+          right: "",
+          bottom: "",
+          [p]: `${-l / 2}px`,
+          transform: "rotate(45deg)"
+        });
+      }
+    });
+  }
+  renderCenterPopup(t) {
+    Object.assign(t.style, {
       top: "50%",
       left: "50%",
-      transform: "translate(-50%, -50%)"
+      marginTop: `-${t.clientHeight / 2}px`,
+      marginLeft: `-${t.clientWidth / 2}px`
     });
   }
   setUpStrategies() {
-    this._renderContentStrategy.set("text", new _e()), this._renderContentStrategy.set("custom", new ve());
+    this._renderContentStrategy.set("text", new Oe()), this._renderContentStrategy.set("custom", new Te());
   }
 }
-class Re {
+class ke {
   /** @inheritdoc */
-  render(e, n) {
+  render(t, n) {
     return new Promise((i) => {
-      n.hostElement && (e.style.position = Mt(n.hostElement)), i();
+      n.hostElement && (t.style.position = jt(n.hostElement)), i();
     }).then(() => {
-      this.updatePosition(e, n);
+      this.updatePosition(t, n);
     });
   }
   /** @inheritdoc */
-  updatePosition(e, n) {
-    var l, a, c, f;
+  updatePosition(t, n) {
+    var s, l;
     if (!n.hostElement) {
-      e.style.width = "0", e.style.height = "0", e.style.top = "50%", e.style.left = "50%", e.style.transform = "translate(-50%, -50%)", e.style.borderWidth = "0";
+      t.style.width = "0", t.style.height = "0", t.style.top = "50%", t.style.left = "50%", t.style.transform = "translate(-50%, -50%)", t.style.borderWidth = "0";
       return;
     }
-    const i = n.hostElement.getBoundingClientRect(), o = (a = (l = n.tour.config.helperLayout) == null ? void 0 : l.paddingX) != null ? a : 8, r = (f = (c = n.tour.config.helperLayout) == null ? void 0 : c.paddingY) != null ? f : 8, s = e.style.position === "fixed" ? 0 : window.scrollY || document.documentElement.scrollTop;
-    e.style.transform = "", e.style.borderWidth = "2px", e.style.left = `${i.left - o}px`, e.style.top = `${i.top + s - r}px`, e.style.width = `${i.width + 2 * o}px`, e.style.height = `${i.height + 2 * r}px`;
+    const i = n.hostElement.getBoundingClientRect(), o = (l = (s = n.tour.config.highlight) == null ? void 0 : s.padding) != null ? l : 8, r = t.style.position === "fixed" ? 0 : window.scrollY || document.documentElement.scrollTop;
+    t.style.transform = "", t.style.borderWidth = "2px", t.style.left = `${i.left - o}px`, t.style.top = `${i.top + r - o}px`, t.style.width = `${i.width + 2 * o}px`, t.style.height = `${i.height + 2 * o}px`;
   }
 }
-class Te {
-  constructor(e, n) {
-    w(this, "id");
-    w(this, "popupData");
-    w(this, "tour");
-    w(this, "_hostElement", null);
-    w(this, "_hostData");
-    w(this, "_popupRenderer");
-    w(this, "_helperRenderer");
-    this.id = n.id, this.popupData = n.popup, this.tour = e, this._hostData = n.host, this._popupRenderer = e.popupRenderer, this._helperRenderer = e.helperRenderer;
+class Me {
+  constructor(t, n) {
+    y(this, "id");
+    y(this, "popupData");
+    y(this, "tour");
+    y(this, "index");
+    y(this, "_hostElement", null);
+    y(this, "_direction", "toNext");
+    y(this, "_hostData");
+    y(this, "_popupRenderer");
+    y(this, "_highlightRenderer");
+    var i;
+    this.id = n.id, this.popupData = n.popup, this.tour = t, this.index = (i = n.index) != null ? i : null, this._hostData = n.host, this._popupRenderer = t.popupRenderer, this._highlightRenderer = t.highlightRenderer;
   }
   get isFirst() {
-    return this.tour.stepList.indexOf(this) === 0;
+    return this.index === 0;
   }
   get nextStep() {
-    var e;
-    return (e = this.tour.stepList[this.tour.stepList.indexOf(this) + 1]) != null ? e : null;
+    var t;
+    return (t = this.tour.stepList[this.tour.stepList.indexOf(this) + 1]) != null ? t : null;
   }
   get prevStep() {
-    var e;
-    return (e = this.tour.stepList[this.tour.stepList.indexOf(this) - 1]) != null ? e : null;
+    var t;
+    return (t = this.tour.stepList[this.tour.stepList.indexOf(this) - 1]) != null ? t : null;
+  }
+  get direction() {
+    return this._direction;
   }
   get hasHost() {
-    return B(this._hostElement);
+    return R(this._hostElement);
   }
   get hostElement() {
     return this._hostElement;
   }
-  show() {
-    return A(this, null, function* () {
-      var e;
-      H(this.tour.popup) || H(this.tour.helperLayout) || (this._hostData && (this._hostElement = this.resolveHostElement(
-        typeof this._hostData == "function" ? this._hostData() : (e = this._hostData) != null ? e : null
-      )), yield Promise.all([
-        this._helperRenderer.render(this.tour.helperLayout, this),
-        this._popupRenderer.render(this.tour.popup, this)
-      ]));
+  show(t) {
+    return k(this, null, function* () {
+      var i;
+      if (W(this.tour.popup))
+        return;
+      this._direction = t, this._hostData && (this._hostElement = this.resolveHostElement(
+        typeof this._hostData == "function" ? this._hostData() : (i = this._hostData) != null ? i : null
+      ));
+      const n = [this._popupRenderer.render(this.tour.popup, this)];
+      !this.tour.config.highlight.disable && !W(this.tour.highlight) && n.push(this._highlightRenderer.render(this.tour.highlight, this)), yield Promise.all(n);
     });
   }
-  resolveHostElement(e) {
-    return typeof this._hostData == "string" ? document.querySelector(this._hostData) : e;
+  resolveHostElement(t) {
+    return typeof this._hostData == "string" ? document.querySelector(this._hostData) : t;
   }
 }
-function Ee(t) {
+function Fe(e) {
   return {
     innerHTML: `
 <svg
     xmlns="http://www.w3.org/2000/svg"
     fill="none"
     viewBox="0 0 162 162"
-    class="${t}-close-icon"
+    class="${e}-close-icon"
 >
     <path
         stroke-linecap="round"
@@ -1031,36 +1107,37 @@ function Ee(t) {
         `
   };
 }
-class $e {
-  constructor(e) {
-    w(this, "popupRenderer", new Se());
-    w(this, "helperRenderer", new Re());
-    /**
-     * TODO remove
-     * @deprecated remove later
-     */
-    w(this, "isStarted", !1);
-    w(this, "_popup", null);
-    w(this, "_helperLayout", null);
-    w(this, "_stepList", []);
-    w(this, "_activeStep", null);
-    w(this, "_bodyResizeObserver");
-    w(this, "_config");
-    w(this, "_stepMap", /* @__PURE__ */ new Map());
-    var n, i, o, r, s, l, a, c, f;
+class He {
+  constructor(t) {
+    y(this, "popupRenderer", new De());
+    y(this, "highlightRenderer", new ke());
+    y(this, "_popup", null);
+    y(this, "_highlight", null);
+    y(this, "_stepList", []);
+    y(this, "_activeStep", null);
+    y(this, "_bodyResizeObserver");
+    y(this, "_config");
+    y(this, "_stepMap", /* @__PURE__ */ new Map());
+    var n, i, o, r, s, l, a, c, h, f, g, u, d, p, w;
     this._bodyResizeObserver = this.getBodyResizeObserver(), this._config = {
-      classPrefix: (n = e.classPrefix) != null ? n : "siteguide",
-      allowClose: (i = e.allowClose) != null ? i : !0,
-      scrollTo: (o = e.scrollTo) != null ? o : {
+      classPrefix: (n = t.classPrefix) != null ? n : "siteguide",
+      animationClass: (i = t.animationClass) != null ? i : "siteguide-animation",
+      allowClose: (o = t.allowClose) != null ? o : !0,
+      // @ts-expect-error
+      scrollTo: (r = t.scrollTo) != null ? r : {
         behavior: "smooth",
         block: "center",
         inline: "center"
       },
-      closeIcon: (s = e.closeIcon) != null ? s : Ee((r = e.classPrefix) != null ? r : "siteguide"),
-      helperLayout: {
-        paddingX: (a = (l = e.helperLayout) == null ? void 0 : l.paddingX) != null ? a : 8,
-        paddingY: (f = (c = e.helperLayout) == null ? void 0 : c.paddingY) != null ? f : 8
-      }
+      allowClickoutClose: (s = t.allowClickoutClose) != null ? s : !1,
+      closeIcon: (a = t.closeIcon) != null ? a : Fe((l = t.classPrefix) != null ? l : "siteguide"),
+      enableArrow: (c = t.enableArrow) != null ? c : !0,
+      highlight: {
+        disable: (f = (h = t.highlight) == null ? void 0 : h.disable) != null ? f : !1,
+        padding: (u = (g = t.highlight) == null ? void 0 : g.padding) != null ? u : 8,
+        class: (p = (d = t.highlight) == null ? void 0 : d.class) != null ? p : "siteguide-highlight"
+      },
+      translateFn: (w = t.translateFn) != null ? w : (x) => x
     };
   }
   get stepList() {
@@ -1072,52 +1149,57 @@ class $e {
   get popup() {
     return this._popup;
   }
-  get helperLayout() {
-    return this._helperLayout;
+  get highlight() {
+    return this._highlight;
   }
-  addStep(e) {
-    if (this._stepMap.has(e.id))
+  addStep(t) {
+    if (this._stepMap.has(t.id))
       throw new Error("Step with provided id has been already registered");
-    const n = new Te(this, e);
-    this._stepList.push(n), this._stepMap.set(e.id, n);
+    const n = new Me(this, t);
+    R(t.index) ? this._stepList.splice(t.index, 0, n) : this._stepList.push(n), this._stepMap.set(t.id, n);
   }
-  addSteps(e) {
-    e.forEach((n) => this.addStep(n));
+  addSteps(t) {
+    t.forEach((n) => this.addStep(n));
   }
-  removeStep(e) {
-    this._stepList = this._stepList.filter((n) => e !== n.id), this._stepMap.delete(e);
+  removeStep(t) {
+    this._stepList = this._stepList.filter((n) => t !== n.id), this._stepMap.delete(t);
   }
   start() {
-    this.isStarted = !0, this._popup = T("div", [this._config.classPrefix]), document.body.appendChild(this._popup), this._helperLayout = T("div", [`${this._config.classPrefix}-helper`]), document.body.appendChild(this._helperLayout), this.next();
+    this._popup = S("div", [this._config.classPrefix]), document.body.appendChild(this._popup), this._config.highlight.disable || (this._highlight = S("div", [
+      R(this._config.highlight.class) ? this._config.highlight.class : `${this._config.classPrefix}-highlight`
+    ]), document.body.appendChild(this._highlight)), this.next();
   }
   complete() {
-    this.isStarted = !1, this._popup && document.body.removeChild(this._popup), this._helperLayout && document.body.removeChild(this._helperLayout), this._activeStep = null;
+    this._popup && document.body.removeChild(this._popup), this._highlight && document.body.removeChild(this._highlight), this._activeStep = null;
   }
   prev() {
-    const e = B(this._activeStep) ? this._stepList.indexOf(this._activeStep) - 1 : this._stepList.indexOf(this._stepList[this._stepList.length - 1]);
-    if (e < 0) {
+    const t = R(this._activeStep) ? this._stepList.indexOf(this._activeStep) - 1 : this._stepList.indexOf(this._stepList[this._stepList.length - 1]);
+    if (t < 0) {
       this.complete();
       return;
     }
-    this._activeStep = this._stepList[e], this._activeStep.show();
+    this._activeStep = this._stepList[t], this._activeStep.show("fromBack");
   }
   next() {
-    const e = B(this._activeStep) ? this._stepList.indexOf(this._activeStep) + 1 : this._stepList.indexOf(this._stepList[0]);
-    if (e >= this._stepList.length) {
+    const t = R(this._activeStep) ? this._stepList.indexOf(this._activeStep) + 1 : this._stepList.indexOf(this._stepList[0]);
+    if (t >= this._stepList.length) {
       this.complete();
       return;
     }
-    this._activeStep = this._stepList[e], this._activeStep.show();
+    this._activeStep = this._stepList[t], this._activeStep.show("toNext");
+  }
+  setConfig(t) {
+    this._config = L(L({}, this._config), t);
   }
   getBodyResizeObserver() {
-    const e = new ResizeObserver(() => {
-      !this.isStarted || !this._activeStep || (B(this._popup) && this.popupRenderer.updatePosition(this._popup, this._activeStep), B(this._helperLayout) && this.helperRenderer.updatePosition(this._helperLayout, this._activeStep));
+    const t = new ResizeObserver(() => {
+      this._activeStep && (R(this._popup) && this.popupRenderer.updatePosition(this._popup, this._activeStep), R(this._highlight) && !this.config.highlight.disable && this.highlightRenderer.updatePosition(this._highlight, this._activeStep));
     });
-    return e.observe(document.body), e;
+    return t.observe(document.body), t;
   }
 }
 export {
-  $e as Tour,
-  Te as TourStep,
-  T as createElement
+  He as Tour,
+  Me as TourStep,
+  S as createElement
 };