siteguide.js 0.9.2 → 0.9.4

package/dist/index.mjs

@@ -1,26 +1,26 @@
-var Ut = Object.defineProperty, Kt = Object.defineProperties;
-var Xt = Object.getOwnPropertyDescriptors;
-var nt = Object.getOwnPropertySymbols;
-var St = Object.prototype.hasOwnProperty, Pt = Object.prototype.propertyIsEnumerable;
-var Tt = Math.pow, ut = (e, t, i) => t in e ? Ut(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i, A = (e, t) => {
+var Kt = Object.defineProperty, Xt = Object.defineProperties;
+var Gt = Object.getOwnPropertyDescriptors;
+var ot = Object.getOwnPropertySymbols;
+var St = Object.prototype.hasOwnProperty, Et = Object.prototype.propertyIsEnumerable;
+var Pt = Math.pow, ut = (e, t, i) => t in e ? Kt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i, $ = (e, t) => {
   for (var i in t || (t = {}))
     St.call(t, i) && ut(e, i, t[i]);
-  if (nt)
-    for (var i of nt(t))
-      Pt.call(t, i) && ut(e, i, t[i]);
+  if (ot)
+    for (var i of ot(t))
+      Et.call(t, i) && ut(e, i, t[i]);
   return e;
-}, Q = (e, t) => Kt(e, Xt(t));
-var Et = (e, t) => {
+}, Z = (e, t) => Xt(e, Gt(t));
+var Tt = (e, t) => {
   var i = {};
   for (var n in e)
     St.call(e, n) && t.indexOf(n) < 0 && (i[n] = e[n]);
-  if (e != null && nt)
-    for (var n of nt(e))
-      t.indexOf(n) < 0 && Pt.call(e, n) && (i[n] = e[n]);
+  if (e != null && ot)
+    for (var n of ot(e))
+      t.indexOf(n) < 0 && Et.call(e, n) && (i[n] = e[n]);
   return i;
 };
-var y = (e, t, i) => ut(e, typeof t != "symbol" ? t + "" : t, i);
-var k = (e, t, i) => new Promise((n, o) => {
+var x = (e, t, i) => ut(e, typeof t != "symbol" ? t + "" : t, i);
+var A = (e, t, i) => new Promise((n, o) => {
   var s = (a) => {
     try {
       c(i.next(a));
@@ -36,71 +36,71 @@ var k = (e, t, i) => new Promise((n, o) => {
   }, c = (a) => a.done ? n(a.value) : Promise.resolve(a.value).then(s, r);
   c((i = i.apply(e, t)).next());
 });
-const Gt = ["top", "right", "bottom", "left"], Lt = ["start", "end"], Ot = /* @__PURE__ */ Gt.reduce((e, t) => e.concat(t, t + "-" + Lt[0], t + "-" + Lt[1]), []), Z = Math.min, U = Math.max, st = Math.round, B = (e) => ({
+const Jt = ["top", "right", "bottom", "left"], Lt = ["start", "end"], Rt = /* @__PURE__ */ Jt.reduce((e, t) => e.concat(t, t + "-" + Lt[0], t + "-" + Lt[1]), []), tt = Math.min, X = Math.max, rt = Math.round, N = (e) => ({
   x: e,
   y: e
-}), Jt = {
+}), Qt = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, Qt = {
+}, Zt = {
   start: "end",
   end: "start"
 };
-function Zt(e, t, i) {
-  return U(e, Z(t, i));
+function te(e, t, i) {
+  return X(e, tt(t, i));
 }
-function ct(e, t) {
+function lt(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
-function et(e) {
+function it(e) {
   return e.split("-")[0];
 }
 function V(e) {
   return e.split("-")[1];
 }
-function te(e) {
+function ee(e) {
   return e === "x" ? "y" : "x";
 }
-function xt(e) {
+function yt(e) {
   return e === "y" ? "height" : "width";
 }
-function yt(e) {
-  return ["top", "bottom"].includes(et(e)) ? "y" : "x";
+function xt(e) {
+  return ["top", "bottom"].includes(it(e)) ? "y" : "x";
 }
 function wt(e) {
-  return te(yt(e));
+  return ee(xt(e));
 }
-function ee(e, t, i) {
+function ie(e, t, i) {
   i === void 0 && (i = !1);
-  const n = V(e), o = wt(e), s = xt(o);
+  const n = V(e), o = wt(e), s = yt(o);
   let r = o === "x" ? n === (i ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
-  return t.reference[s] > t.floating[s] && (r = Rt(r)), [r, Rt(r)];
+  return t.reference[s] > t.floating[s] && (r = Ot(r)), [r, Ot(r)];
 }
-function ie(e) {
-  return e.replace(/start|end/g, (t) => Qt[t]);
+function ne(e) {
+  return e.replace(/start|end/g, (t) => Zt[t]);
 }
-function Rt(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => Jt[t]);
+function Ot(e) {
+  return e.replace(/left|right|bottom|top/g, (t) => Qt[t]);
 }
-function ne(e) {
-  return A({
+function oe(e) {
+  return $({
     top: 0,
     right: 0,
     bottom: 0,
     left: 0
   }, e);
 }
-function Nt(e) {
-  return typeof e != "number" ? ne(e) : {
+function Ht(e) {
+  return typeof e != "number" ? oe(e) : {
     top: e,
     right: e,
     bottom: e,
     left: e
   };
 }
-function rt(e) {
+function ct(e) {
   const {
     x: t,
     y: i,
@@ -118,36 +118,36 @@ function rt(e) {
     y: i
   };
 }
-function $t(e, t, i) {
+function kt(e, t, i) {
   let {
     reference: n,
     floating: o
   } = e;
-  const s = yt(t), r = wt(t), c = xt(r), a = et(t), l = s === "y", h = n.x + n.width / 2 - o.width / 2, f = n.y + n.height / 2 - o.height / 2, g = n[c] / 2 - o[c] / 2;
+  const s = xt(t), r = wt(t), c = yt(r), a = it(t), l = s === "y", f = n.x + n.width / 2 - o.width / 2, h = n.y + n.height / 2 - o.height / 2, g = n[c] / 2 - o[c] / 2;
   let u;
   switch (a) {
     case "top":
       u = {
-        x: h,
+        x: f,
         y: n.y - o.height
       };
       break;
     case "bottom":
       u = {
-        x: h,
+        x: f,
         y: n.y + n.height
       };
       break;
     case "right":
       u = {
         x: n.x + n.width,
-        y: f
+        y: h
       };
       break;
     case "left":
       u = {
         x: n.x - o.width,
-        y: f
+        y: h
       };
       break;
     default:
@@ -166,7 +166,7 @@ function $t(e, t, i) {
   }
   return u;
 }
-const oe = (e, t, i) => k(void 0, null, function* () {
+const se = (e, t, i) => A(void 0, null, function* () {
   const {
     placement: n = "bottom",
     strategy: o = "absolute",
@@ -178,21 +178,21 @@ const oe = (e, t, i) => k(void 0, null, function* () {
     floating: t,
     strategy: o
   }), {
-    x: h,
-    y: f
-  } = $t(l, n, a), g = n, u = {}, d = 0;
+    x: f,
+    y: h
+  } = kt(l, n, a), g = n, u = {}, d = 0;
   for (let p = 0; p < c.length; p++) {
     const {
       name: m,
-      fn: x
+      fn: y
     } = c[p], {
       x: _,
-      y: v,
-      data: C,
-      reset: b
-    } = yield x({
-      x: h,
-      y: f,
+      y: b,
+      data: S,
+      reset: v
+    } = yield y({
+      x: f,
+      y: h,
       initialPlacement: n,
       placement: g,
       strategy: o,
@@ -204,27 +204,27 @@ const oe = (e, t, i) => k(void 0, null, function* () {
         floating: t
       }
     });
-    h = _ != null ? _ : h, f = v != null ? v : f, u = Q(A({}, u), {
-      [m]: A(A({}, u[m]), C)
-    }), b && d <= 50 && (d++, typeof b == "object" && (b.placement && (g = b.placement), b.rects && (l = b.rects === !0 ? yield r.getElementRects({
+    f = _ != null ? _ : f, h = b != null ? b : h, u = Z($({}, u), {
+      [m]: $($({}, u[m]), S)
+    }), v && d <= 50 && (d++, typeof v == "object" && (v.placement && (g = v.placement), v.rects && (l = v.rects === !0 ? yield r.getElementRects({
       reference: e,
       floating: t,
       strategy: o
-    }) : b.rects), {
-      x: h,
-      y: f
-    } = $t(l, g, a)), p = -1);
+    }) : v.rects), {
+      x: f,
+      y: h
+    } = kt(l, g, a)), p = -1);
   }
   return {
-    x: h,
-    y: f,
+    x: f,
+    y: h,
     placement: g,
     strategy: o,
     middlewareData: u
   };
 });
-function se(e, t) {
-  return k(this, null, function* () {
+function re(e, t) {
+  return A(this, null, function* () {
     var i;
     t === void 0 && (t = {});
     const {
@@ -236,45 +236,45 @@ function se(e, t) {
       strategy: a
     } = e, {
       boundary: l = "clippingAncestors",
-      rootBoundary: h = "viewport",
-      elementContext: f = "floating",
+      rootBoundary: f = "viewport",
+      elementContext: h = "floating",
       altBoundary: g = !1,
       padding: u = 0
-    } = ct(t, e), d = Nt(u), m = c[g ? f === "floating" ? "reference" : "floating" : f], x = rt(yield s.getClippingRect({
+    } = lt(t, e), d = Ht(u), m = c[g ? h === "floating" ? "reference" : "floating" : h], y = ct(yield s.getClippingRect({
       element: (i = yield s.isElement == null ? void 0 : s.isElement(m)) == null || i ? m : m.contextElement || (yield s.getDocumentElement == null ? void 0 : s.getDocumentElement(c.floating)),
       boundary: l,
-      rootBoundary: h,
+      rootBoundary: f,
       strategy: a
-    })), _ = f === "floating" ? {
+    })), _ = h === "floating" ? {
       x: n,
       y: o,
       width: r.floating.width,
       height: r.floating.height
-    } : r.reference, v = yield s.getOffsetParent == null ? void 0 : s.getOffsetParent(c.floating), C = (yield s.isElement == null ? void 0 : s.isElement(v)) ? (yield s.getScale == null ? void 0 : s.getScale(v)) || {
+    } : r.reference, b = yield s.getOffsetParent == null ? void 0 : s.getOffsetParent(c.floating), S = (yield s.isElement == null ? void 0 : s.isElement(b)) ? (yield s.getScale == null ? void 0 : s.getScale(b)) || {
       x: 1,
       y: 1
     } : {
       x: 1,
       y: 1
-    }, b = rt(s.convertOffsetParentRelativeRectToViewportRelativeRect ? yield s.convertOffsetParentRelativeRectToViewportRelativeRect({
+    }, v = ct(s.convertOffsetParentRelativeRectToViewportRelativeRect ? yield s.convertOffsetParentRelativeRectToViewportRelativeRect({
       elements: c,
       rect: _,
-      offsetParent: v,
+      offsetParent: b,
       strategy: a
     }) : _);
     return {
-      top: (x.top - b.top + d.top) / C.y,
-      bottom: (b.bottom - x.bottom + d.bottom) / C.y,
-      left: (x.left - b.left + d.left) / C.x,
-      right: (b.right - x.right + d.right) / C.x
+      top: (y.top - v.top + d.top) / S.y,
+      bottom: (v.bottom - y.bottom + d.bottom) / S.y,
+      left: (y.left - v.left + d.left) / S.x,
+      right: (v.right - y.right + d.right) / S.x
     };
   });
 }
-const re = (e) => ({
+const ce = (e) => ({
   name: "arrow",
   options: e,
   fn(i) {
-    return k(this, null, function* () {
+    return A(this, null, function* () {
       const {
         x: n,
         y: o,
@@ -284,96 +284,96 @@ const re = (e) => ({
         elements: a,
         middlewareData: l
       } = i, {
-        element: h,
-        padding: f = 0
-      } = ct(e, i) || {};
-      if (h == null)
+        element: f,
+        padding: h = 0
+      } = lt(e, i) || {};
+      if (f == null)
         return {};
-      const g = Nt(f), u = {
+      const g = Ht(h), u = {
         x: n,
         y: o
-      }, d = wt(s), p = xt(d), m = yield c.getDimensions(h), x = d === "y", _ = x ? "top" : "left", v = x ? "bottom" : "right", C = x ? "clientHeight" : "clientWidth", b = r.reference[p] + r.reference[d] - u[d] - r.floating[p], w = u[d] - r.reference[d], T = yield c.getOffsetParent == null ? void 0 : c.getOffsetParent(h);
-      let E = T ? T[C] : 0;
-      (!E || !(yield c.isElement == null ? void 0 : c.isElement(T))) && (E = a.floating[C] || r.floating[p]);
-      const W = b / 2 - w / 2, M = E / 2 - m[p] / 2 - 1, I = Z(g[_], M), P = Z(g[v], M), O = I, Y = E - m[p] - P, $ = E / 2 - m[p] / 2 + W, q = Zt(O, $, Y), J = !l.arrow && V(s) != null && $ !== q && r.reference[p] / 2 - ($ < O ? I : P) - m[p] / 2 < 0, ht = J ? $ < O ? $ - O : $ - Y : 0;
+      }, d = wt(s), p = yt(d), m = yield c.getDimensions(f), y = d === "y", _ = y ? "top" : "left", b = y ? "bottom" : "right", S = y ? "clientHeight" : "clientWidth", v = r.reference[p] + r.reference[d] - u[d] - r.floating[p], w = u[d] - r.reference[d], P = yield c.getOffsetParent == null ? void 0 : c.getOffsetParent(f);
+      let T = P ? P[S] : 0;
+      (!T || !(yield c.isElement == null ? void 0 : c.isElement(P))) && (T = a.floating[S] || r.floating[p]);
+      const W = v / 2 - w / 2, M = T / 2 - m[p] / 2 - 1, I = tt(g[_], M), E = tt(g[b], M), R = I, Y = T - m[p] - E, k = T / 2 - m[p] / 2 + W, q = te(R, k, Y), U = !l.arrow && V(s) != null && k !== q && r.reference[p] / 2 - (k < R ? I : E) - m[p] / 2 < 0, K = U ? k < R ? k - R : k - Y : 0;
       return {
-        [d]: u[d] + ht,
-        data: A({
+        [d]: u[d] + K,
+        data: $({
           [d]: q,
-          centerOffset: $ - q - ht
-        }, J && {
-          alignmentOffset: ht
+          centerOffset: k - q - K
+        }, U && {
+          alignmentOffset: K
         }),
-        reset: J
+        reset: U
       };
     });
   }
 });
-function ce(e, t, i) {
-  return (e ? [...i.filter((o) => V(o) === e), ...i.filter((o) => V(o) !== e)] : i.filter((o) => et(o) === o)).filter((o) => e ? V(o) === e || (t ? ie(o) !== o : !1) : !0);
+function le(e, t, i) {
+  return (e ? [...i.filter((o) => V(o) === e), ...i.filter((o) => V(o) !== e)] : i.filter((o) => it(o) === o)).filter((o) => e ? V(o) === e || (t ? ne(o) !== o : !1) : !0);
 }
-const le = function(e) {
+const ae = function(e) {
   return e === void 0 && (e = {}), {
     name: "autoPlacement",
     options: e,
     fn(i) {
-      return k(this, null, function* () {
+      return A(this, null, function* () {
         var n, o, s;
         const {
           rects: r,
           middlewareData: c,
           placement: a,
           platform: l,
-          elements: h
-        } = i, I = ct(e, i), {
-          crossAxis: f = !1,
+          elements: f
+        } = i, I = lt(e, i), {
+          crossAxis: h = !1,
           alignment: g,
-          allowedPlacements: u = Ot,
+          allowedPlacements: u = Rt,
           autoAlignment: d = !0
-        } = I, p = Et(I, [
+        } = I, p = Tt(I, [
           "crossAxis",
           "alignment",
           "allowedPlacements",
           "autoAlignment"
-        ]), m = g !== void 0 || u === Ot ? ce(g || null, d, u) : u, x = yield se(i, p), _ = ((n = c.autoPlacement) == null ? void 0 : n.index) || 0, v = m[_];
-        if (v == null)
+        ]), m = g !== void 0 || u === Rt ? le(g || null, d, u) : u, y = yield re(i, p), _ = ((n = c.autoPlacement) == null ? void 0 : n.index) || 0, b = m[_];
+        if (b == null)
           return {};
-        const C = ee(v, r, yield l.isRTL == null ? void 0 : l.isRTL(h.floating));
-        if (a !== v)
+        const S = ie(b, r, yield l.isRTL == null ? void 0 : l.isRTL(f.floating));
+        if (a !== b)
           return {
             reset: {
               placement: m[0]
             }
           };
-        const b = [x[et(v)], x[C[0]], x[C[1]]], w = [...((o = c.autoPlacement) == null ? void 0 : o.overflows) || [], {
-          placement: v,
-          overflows: b
-        }], T = m[_ + 1];
-        if (T)
+        const v = [y[it(b)], y[S[0]], y[S[1]]], w = [...((o = c.autoPlacement) == null ? void 0 : o.overflows) || [], {
+          placement: b,
+          overflows: v
+        }], P = m[_ + 1];
+        if (P)
           return {
             data: {
               index: _ + 1,
               overflows: w
             },
             reset: {
-              placement: T
+              placement: P
             }
           };
-        const E = w.map((P) => {
-          const O = V(P.placement);
-          return [P.placement, O && f ? (
+        const T = w.map((E) => {
+          const R = V(E.placement);
+          return [E.placement, R && h ? (
             // Check along the mainAxis and main crossAxis side.
-            P.overflows.slice(0, 2).reduce((Y, $) => Y + $, 0)
+            E.overflows.slice(0, 2).reduce((Y, k) => Y + k, 0)
           ) : (
             // Check only the mainAxis.
-            P.overflows[0]
-          ), P.overflows];
-        }).sort((P, O) => P[1] - O[1]), M = ((s = E.filter((P) => P[2].slice(
+            E.overflows[0]
+          ), E.overflows];
+        }).sort((E, R) => E[1] - R[1]), M = ((s = T.filter((E) => E[2].slice(
           0,
           // Aligned placements should not check their opposite crossAxis
           // side.
-          V(P[0]) ? 2 : 3
-        ).every((O) => O <= 0))[0]) == null ? void 0 : s[0]) || E[0][0];
+          V(E[0]) ? 2 : 3
+        ).every((R) => R <= 0))[0]) == null ? void 0 : s[0]) || T[0][0];
         return M !== a ? {
           data: {
             index: _ + 1,
@@ -387,32 +387,32 @@ const le = function(e) {
     }
   };
 };
-function ae(e, t) {
-  return k(this, null, function* () {
+function he(e, t) {
+  return A(this, null, function* () {
     const {
       placement: i,
       platform: n,
       elements: o
-    } = e, s = yield n.isRTL == null ? void 0 : n.isRTL(o.floating), r = et(i), c = V(i), a = yt(i) === "y", l = ["left", "top"].includes(r) ? -1 : 1, h = s && a ? -1 : 1, f = ct(t, e);
+    } = e, s = yield n.isRTL == null ? void 0 : n.isRTL(o.floating), r = it(i), c = V(i), a = xt(i) === "y", l = ["left", "top"].includes(r) ? -1 : 1, f = s && a ? -1 : 1, h = lt(t, e);
     let {
       mainAxis: g,
       crossAxis: u,
       alignmentAxis: d
-    } = typeof f == "number" ? {
-      mainAxis: f,
+    } = typeof h == "number" ? {
+      mainAxis: h,
       crossAxis: 0,
       alignmentAxis: null
     } : {
-      mainAxis: f.mainAxis || 0,
-      crossAxis: f.crossAxis || 0,
-      alignmentAxis: f.alignmentAxis
+      mainAxis: h.mainAxis || 0,
+      crossAxis: h.crossAxis || 0,
+      alignmentAxis: h.alignmentAxis
     };
     return c && typeof d == "number" && (u = c === "end" ? d * -1 : d), a ? {
-      x: u * h,
+      x: u * f,
       y: g * l
     } : {
       x: g * l,
-      y: u * h
+      y: u * f
     };
   });
 }
@@ -421,18 +421,18 @@ const fe = function(e) {
     name: "offset",
     options: e,
     fn(i) {
-      return k(this, null, function* () {
+      return A(this, null, function* () {
         var n, o;
         const {
           x: s,
           y: r,
           placement: c,
           middlewareData: a
-        } = i, l = yield ae(i, e);
+        } = i, l = yield he(i, e);
         return c === ((n = a.offset) == null ? void 0 : n.placement) && (o = a.arrow) != null && o.alignmentOffset ? {} : {
           x: s + l.x,
           y: r + l.y,
-          data: Q(A({}, l), {
+          data: Z($({}, l), {
             placement: c
           })
         };
@@ -440,45 +440,45 @@ const fe = function(e) {
     }
   };
 };
-function lt() {
+function at() {
   return typeof window != "undefined";
 }
-function G(e) {
-  return Bt(e) ? (e.nodeName || "").toLowerCase() : "#document";
+function Q(e) {
+  return Nt(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function R(e) {
+function O(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
 function z(e) {
   var t;
-  return (t = (Bt(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+  return (t = (Nt(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
-function Bt(e) {
-  return lt() ? e instanceof Node || e instanceof R(e).Node : !1;
+function Nt(e) {
+  return at() ? e instanceof Node || e instanceof O(e).Node : !1;
 }
 function D(e) {
-  return lt() ? e instanceof Element || e instanceof R(e).Element : !1;
+  return at() ? e instanceof Element || e instanceof O(e).Element : !1;
 }
 function F(e) {
-  return lt() ? e instanceof HTMLElement || e instanceof R(e).HTMLElement : !1;
+  return at() ? e instanceof HTMLElement || e instanceof O(e).HTMLElement : !1;
 }
-function At(e) {
-  return !lt() || typeof ShadowRoot == "undefined" ? !1 : e instanceof ShadowRoot || e instanceof R(e).ShadowRoot;
+function $t(e) {
+  return !at() || typeof ShadowRoot == "undefined" ? !1 : e instanceof ShadowRoot || e instanceof O(e).ShadowRoot;
 }
-function it(e) {
+function nt(e) {
   const {
     overflow: t,
     overflowX: i,
     overflowY: n,
     display: o
-  } = H(e);
+  } = B(e);
   return /auto|scroll|overlay|hidden|clip/.test(t + n + i) && !["inline", "contents"].includes(o);
 }
-function he(e) {
-  return ["table", "td", "th"].includes(G(e));
+function ue(e) {
+  return ["table", "td", "th"].includes(Q(e));
 }
-function at(e) {
+function ht(e) {
   return [":popover-open", ":modal"].some((t) => {
     try {
       return e.matches(t);
@@ -487,29 +487,29 @@ function at(e) {
     }
   });
 }
-function vt(e) {
-  const t = bt(), i = D(e) ? H(e) : e;
+function bt(e) {
+  const t = vt(), i = D(e) ? B(e) : e;
   return i.transform !== "none" || i.perspective !== "none" || (i.containerType ? i.containerType !== "normal" : !1) || !t && (i.backdropFilter ? i.backdropFilter !== "none" : !1) || !t && (i.filter ? i.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((n) => (i.willChange || "").includes(n)) || ["paint", "layout", "strict", "content"].some((n) => (i.contain || "").includes(n));
 }
-function ue(e) {
+function de(e) {
   let t = j(e);
-  for (; F(t) && !X(t); ) {
-    if (vt(t))
+  for (; F(t) && !J(t); ) {
+    if (bt(t))
       return t;
-    if (at(t))
+    if (ht(t))
       return null;
     t = j(t);
   }
   return null;
 }
-function bt() {
+function vt() {
   return typeof CSS == "undefined" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-function X(e) {
-  return ["html", "body", "#document"].includes(G(e));
+function J(e) {
+  return ["html", "body", "#document"].includes(Q(e));
 }
-function H(e) {
-  return R(e).getComputedStyle(e);
+function B(e) {
+  return O(e).getComputedStyle(e);
 }
 function ft(e) {
   return D(e) ? {
@@ -521,28 +521,28 @@ function ft(e) {
   };
 }
 function j(e) {
-  if (G(e) === "html")
+  if (Q(e) === "html")
     return e;
   const t = (
     // Step into the shadow DOM of the parent of a slotted node.
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
-    At(e) && e.host || // Fallback.
+    $t(e) && e.host || // Fallback.
     z(e)
   );
-  return At(t) ? t.host : t;
+  return $t(t) ? t.host : t;
 }
 function Ft(e) {
   const t = j(e);
-  return X(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : F(t) && it(t) ? t : Ft(t);
+  return J(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : F(t) && nt(t) ? t : Ft(t);
 }
 function pt(e, t, i) {
   var n;
   t === void 0 && (t = []), i === void 0 && (i = !0);
-  const o = Ft(e), s = o === ((n = e.ownerDocument) == null ? void 0 : n.body), r = R(o);
+  const o = Ft(e), s = o === ((n = e.ownerDocument) == null ? void 0 : n.body), r = O(o);
   if (s) {
     const c = mt(r);
-    return t.concat(r, r.visualViewport || [], it(o) ? o : [], c && i ? pt(c) : []);
+    return t.concat(r, r.visualViewport || [], nt(o) ? o : [], c && i ? pt(c) : []);
   }
   return t.concat(o, pt(o, [], i));
 }
@@ -550,9 +550,9 @@ function mt(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
 function Mt(e) {
-  const t = H(e);
+  const t = B(e);
   let i = parseFloat(t.width) || 0, n = parseFloat(t.height) || 0;
-  const o = F(e), s = o ? e.offsetWidth : i, r = o ? e.offsetHeight : n, c = st(i) !== s || st(n) !== r;
+  const o = F(e), s = o ? e.offsetWidth : i, r = o ? e.offsetHeight : n, c = rt(i) !== s || rt(n) !== r;
   return c && (i = s, n = r), {
     width: i,
     height: n,
@@ -562,57 +562,57 @@ function Mt(e) {
 function Vt(e) {
   return D(e) ? e : e.contextElement;
 }
-function K(e) {
+function G(e) {
   const t = Vt(e);
   if (!F(t))
-    return B(1);
+    return N(1);
   const i = t.getBoundingClientRect(), {
     width: n,
     height: o,
     $: s
   } = Mt(t);
-  let r = (s ? st(i.width) : i.width) / n, c = (s ? st(i.height) : i.height) / o;
+  let r = (s ? rt(i.width) : i.width) / n, c = (s ? rt(i.height) : i.height) / o;
   return (!r || !Number.isFinite(r)) && (r = 1), (!c || !Number.isFinite(c)) && (c = 1), {
     x: r,
     y: c
   };
 }
-const de = /* @__PURE__ */ B(0);
+const ge = /* @__PURE__ */ N(0);
 function zt(e) {
-  const t = R(e);
-  return !bt() || !t.visualViewport ? de : {
+  const t = O(e);
+  return !vt() || !t.visualViewport ? ge : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function ge(e, t, i) {
-  return t === void 0 && (t = !1), !i || t && i !== R(e) ? !1 : t;
+function pe(e, t, i) {
+  return t === void 0 && (t = !1), !i || t && i !== O(e) ? !1 : t;
 }
-function tt(e, t, i, n) {
+function et(e, t, i, n) {
   t === void 0 && (t = !1), i === void 0 && (i = !1);
   const o = e.getBoundingClientRect(), s = Vt(e);
-  let r = B(1);
-  t && (n ? D(n) && (r = K(n)) : r = K(e));
-  const c = ge(s, i, n) ? zt(s) : B(0);
-  let a = (o.left + c.x) / r.x, l = (o.top + c.y) / r.y, h = o.width / r.x, f = o.height / r.y;
+  let r = N(1);
+  t && (n ? D(n) && (r = G(n)) : r = G(e));
+  const c = pe(s, i, n) ? zt(s) : N(0);
+  let a = (o.left + c.x) / r.x, l = (o.top + c.y) / r.y, f = o.width / r.x, h = o.height / r.y;
   if (s) {
-    const g = R(s), u = n && D(n) ? R(n) : n;
+    const g = O(s), u = n && D(n) ? O(n) : n;
     let d = g, p = mt(d);
     for (; p && n && u !== d; ) {
-      const m = K(p), x = p.getBoundingClientRect(), _ = H(p), v = x.left + (p.clientLeft + parseFloat(_.paddingLeft)) * m.x, C = x.top + (p.clientTop + parseFloat(_.paddingTop)) * m.y;
-      a *= m.x, l *= m.y, h *= m.x, f *= m.y, a += v, l += C, d = R(p), p = mt(d);
+      const m = G(p), y = p.getBoundingClientRect(), _ = B(p), b = y.left + (p.clientLeft + parseFloat(_.paddingLeft)) * m.x, S = y.top + (p.clientTop + parseFloat(_.paddingTop)) * m.y;
+      a *= m.x, l *= m.y, f *= m.x, h *= m.y, a += b, l += S, d = O(p), p = mt(d);
     }
   }
-  return rt({
-    width: h,
-    height: f,
+  return ct({
+    width: f,
+    height: h,
     x: a,
     y: l
   });
 }
 function _t(e, t) {
   const i = ft(e).scrollLeft;
-  return t ? t.left + i : tt(z(e)).left + i;
+  return t ? t.left + i : et(z(e)).left + i;
 }
 function Wt(e, t, i) {
   i === void 0 && (i = !1);
@@ -625,53 +625,53 @@ function Wt(e, t, i) {
     y: s
   };
 }
-function pe(e) {
+function me(e) {
   let {
     elements: t,
     rect: i,
     offsetParent: n,
     strategy: o
   } = e;
-  const s = o === "fixed", r = z(n), c = t ? at(t.floating) : !1;
+  const s = o === "fixed", r = z(n), c = t ? ht(t.floating) : !1;
   if (n === r || c && s)
     return i;
   let a = {
     scrollLeft: 0,
     scrollTop: 0
-  }, l = B(1);
-  const h = B(0), f = F(n);
-  if ((f || !f && !s) && ((G(n) !== "body" || it(r)) && (a = ft(n)), F(n))) {
-    const u = tt(n);
-    l = K(n), h.x = u.x + n.clientLeft, h.y = u.y + n.clientTop;
+  }, l = N(1);
+  const f = N(0), h = F(n);
+  if ((h || !h && !s) && ((Q(n) !== "body" || nt(r)) && (a = ft(n)), F(n))) {
+    const u = et(n);
+    l = G(n), f.x = u.x + n.clientLeft, f.y = u.y + n.clientTop;
   }
-  const g = r && !f && !s ? Wt(r, a, !0) : B(0);
+  const g = r && !h && !s ? Wt(r, a, !0) : N(0);
   return {
     width: i.width * l.x,
     height: i.height * l.y,
-    x: i.x * l.x - a.scrollLeft * l.x + h.x + g.x,
-    y: i.y * l.y - a.scrollTop * l.y + h.y + g.y
+    x: i.x * l.x - a.scrollLeft * l.x + f.x + g.x,
+    y: i.y * l.y - a.scrollTop * l.y + f.y + g.y
   };
 }
-function me(e) {
+function ye(e) {
   return Array.from(e.getClientRects());
 }
 function xe(e) {
-  const t = z(e), i = ft(e), n = e.ownerDocument.body, o = U(t.scrollWidth, t.clientWidth, n.scrollWidth, n.clientWidth), s = U(t.scrollHeight, t.clientHeight, n.scrollHeight, n.clientHeight);
+  const t = z(e), i = ft(e), n = e.ownerDocument.body, o = X(t.scrollWidth, t.clientWidth, n.scrollWidth, n.clientWidth), s = X(t.scrollHeight, t.clientHeight, n.scrollHeight, n.clientHeight);
   let r = -i.scrollLeft + _t(e);
   const c = -i.scrollTop;
-  return H(n).direction === "rtl" && (r += U(t.clientWidth, n.clientWidth) - o), {
+  return B(n).direction === "rtl" && (r += X(t.clientWidth, n.clientWidth) - o), {
     width: o,
     height: s,
     x: r,
     y: c
   };
 }
-function ye(e, t) {
-  const i = R(e), n = z(e), o = i.visualViewport;
+function we(e, t) {
+  const i = O(e), n = z(e), o = i.visualViewport;
   let s = n.clientWidth, r = n.clientHeight, c = 0, a = 0;
   if (o) {
     s = o.width, r = o.height;
-    const l = bt();
+    const l = vt();
     (!l || l && t === "fixed") && (c = o.offsetLeft, a = o.offsetTop);
   }
   return {
@@ -681,8 +681,8 @@ function ye(e, t) {
     y: a
   };
 }
-function we(e, t) {
-  const i = tt(e, !0, t === "fixed"), n = i.top + e.clientTop, o = i.left + e.clientLeft, s = F(e) ? K(e) : B(1), r = e.clientWidth * s.x, c = e.clientHeight * s.y, a = o * s.x, l = n * s.y;
+function be(e, t) {
+  const i = et(e, !0, t === "fixed"), n = i.top + e.clientTop, o = i.left + e.clientLeft, s = F(e) ? G(e) : N(1), r = e.clientWidth * s.x, c = e.clientHeight * s.y, a = o * s.x, l = n * s.y;
   return {
     width: r,
     height: c,
@@ -690,14 +690,14 @@ function we(e, t) {
     y: l
   };
 }
-function kt(e, t, i) {
+function At(e, t, i) {
   let n;
   if (t === "viewport")
-    n = ye(e, i);
+    n = we(e, i);
   else if (t === "document")
     n = xe(z(e));
   else if (D(t))
-    n = we(t, i);
+    n = be(t, i);
   else {
     const o = zt(e);
     n = {
@@ -707,36 +707,36 @@ function kt(e, t, i) {
       height: t.height
     };
   }
-  return rt(n);
+  return ct(n);
 }
 function It(e, t) {
   const i = j(e);
-  return i === t || !D(i) || X(i) ? !1 : H(i).position === "fixed" || It(i, t);
+  return i === t || !D(i) || J(i) ? !1 : B(i).position === "fixed" || It(i, t);
 }
 function ve(e, t) {
   const i = t.get(e);
   if (i)
     return i;
-  let n = pt(e, [], !1).filter((c) => D(c) && G(c) !== "body"), o = null;
-  const s = H(e).position === "fixed";
+  let n = pt(e, [], !1).filter((c) => D(c) && Q(c) !== "body"), o = null;
+  const s = B(e).position === "fixed";
   let r = s ? j(e) : e;
-  for (; D(r) && !X(r); ) {
-    const c = H(r), a = vt(r);
-    !a && c.position === "fixed" && (o = null), (s ? !a && !o : !a && c.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || it(r) && !a && It(e, r)) ? n = n.filter((h) => h !== r) : o = c, r = j(r);
+  for (; D(r) && !J(r); ) {
+    const c = B(r), a = bt(r);
+    !a && c.position === "fixed" && (o = null), (s ? !a && !o : !a && c.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || nt(r) && !a && It(e, r)) ? n = n.filter((f) => f !== r) : o = c, r = j(r);
   }
   return t.set(e, n), n;
 }
-function be(e) {
+function _e(e) {
   let {
     element: t,
     boundary: i,
     rootBoundary: n,
     strategy: o
   } = e;
-  const r = [...i === "clippingAncestors" ? at(t) ? [] : ve(t, this._c) : [].concat(i), n], c = r[0], a = r.reduce((l, h) => {
-    const f = kt(t, h, o);
-    return l.top = U(f.top, l.top), l.right = Z(f.right, l.right), l.bottom = Z(f.bottom, l.bottom), l.left = U(f.left, l.left), l;
-  }, kt(t, c, o));
+  const r = [...i === "clippingAncestors" ? ht(t) ? [] : ve(t, this._c) : [].concat(i), n], c = r[0], a = r.reduce((l, f) => {
+    const h = At(t, f, o);
+    return l.top = X(h.top, l.top), l.right = tt(h.right, l.right), l.bottom = tt(h.bottom, l.bottom), l.left = X(h.left, l.left), l;
+  }, At(t, c, o));
   return {
     width: a.right - a.left,
     height: a.bottom - a.top,
@@ -744,7 +744,7 @@ function be(e) {
     y: a.top
   };
 }
-function _e(e) {
+function Ce(e) {
   const {
     width: t,
     height: i
@@ -754,31 +754,31 @@ function _e(e) {
     height: i
   };
 }
-function Ce(e, t, i) {
-  const n = F(t), o = z(t), s = i === "fixed", r = tt(e, !0, s, t);
+function Se(e, t, i) {
+  const n = F(t), o = z(t), s = i === "fixed", r = et(e, !0, s, t);
   let c = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const a = B(0);
+  const a = N(0);
   if (n || !n && !s)
-    if ((G(t) !== "body" || it(o)) && (c = ft(t)), n) {
-      const g = tt(t, !0, s, t);
+    if ((Q(t) !== "body" || nt(o)) && (c = ft(t)), n) {
+      const g = et(t, !0, s, t);
       a.x = g.x + t.clientLeft, a.y = g.y + t.clientTop;
     } else o && (a.x = _t(o));
-  const l = o && !n && !s ? Wt(o, c) : B(0), h = r.left + c.scrollLeft - a.x - l.x, f = r.top + c.scrollTop - a.y - l.y;
+  const l = o && !n && !s ? Wt(o, c) : N(0), f = r.left + c.scrollLeft - a.x - l.x, h = r.top + c.scrollTop - a.y - l.y;
   return {
-    x: h,
-    y: f,
+    x: f,
+    y: h,
     width: r.width,
     height: r.height
   };
 }
 function dt(e) {
-  return H(e).position === "static";
+  return B(e).position === "static";
 }
 function Dt(e, t) {
-  if (!F(e) || H(e).position === "fixed")
+  if (!F(e) || B(e).position === "fixed")
     return null;
   if (t)
     return t(e);
@@ -786,12 +786,12 @@ function Dt(e, t) {
   return z(e) === i && (i = i.ownerDocument.body), i;
 }
 function jt(e, t) {
-  const i = R(e);
-  if (at(e))
+  const i = O(e);
+  if (ht(e))
     return i;
   if (!F(e)) {
     let o = j(e);
-    for (; o && !X(o); ) {
+    for (; o && !J(o); ) {
       if (D(o) && !dt(o))
         return o;
       o = j(o);
@@ -799,15 +799,15 @@ function jt(e, t) {
     return i;
   }
   let n = Dt(e, t);
-  for (; n && he(n) && dt(n); )
+  for (; n && ue(n) && dt(n); )
     n = Dt(n, t);
-  return n && X(n) && dt(n) && !vt(n) ? i : n || ue(e) || i;
+  return n && J(n) && dt(n) && !bt(n) ? i : n || de(e) || i;
 }
-const Se = function(e) {
-  return k(this, null, function* () {
+const Ee = function(e) {
+  return A(this, null, function* () {
     const t = this.getOffsetParent || jt, i = this.getDimensions, n = yield i(e.floating);
     return {
-      reference: Ce(e.reference, yield t(e.floating), e.strategy),
+      reference: Se(e.reference, yield t(e.floating), e.strategy),
       floating: {
         x: 0,
         y: 0,
@@ -818,36 +818,36 @@ const Se = function(e) {
   });
 };
 function Pe(e) {
-  return H(e).direction === "rtl";
+  return B(e).direction === "rtl";
 }
 const Te = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: pe,
+  convertOffsetParentRelativeRectToViewportRelativeRect: me,
   getDocumentElement: z,
-  getClippingRect: be,
+  getClippingRect: _e,
   getOffsetParent: jt,
-  getElementRects: Se,
-  getClientRects: me,
-  getDimensions: _e,
-  getScale: K,
+  getElementRects: Ee,
+  getClientRects: ye,
+  getDimensions: Ce,
+  getScale: G,
   isElement: D,
   isRTL: Pe
-}, Ee = fe, Le = le, Oe = re, Re = (e, t, i) => {
-  const n = /* @__PURE__ */ new Map(), o = A({
+}, Le = fe, Re = ae, Oe = ce, ke = (e, t, i) => {
+  const n = /* @__PURE__ */ new Map(), o = $({
     platform: Te
-  }, i), s = Q(A({}, o.platform), {
+  }, i), s = Z($({}, o.platform), {
     _c: n
   });
-  return oe(e, t, Q(A({}, o), {
+  return se(e, t, Z($({}, o), {
     platform: s
   }));
 };
-function N(e) {
+function H(e) {
   return e === null || typeof e == "undefined";
 }
-function S(e) {
-  return !N(e);
+function C(e) {
+  return !H(e);
 }
-function Ht(e) {
+function Bt(e) {
   return new Promise((t) => setTimeout(t, e));
 }
 function Yt(e) {
@@ -889,19 +889,19 @@ class Ae {
     }
   }
 }
-function ke(e, t, i) {
-  var c, a, l, h, f, g, u, d, p, m, x, _, v, C, b;
-  if (e.innerHTML = "", e.className = `${(c = i.config.class) != null ? c : ""} ${i.config.classPrefix} ${i.config.animationClass}`, !i.config.arrow.disable && ((a = i.activeStep) != null && a.hasHost)) {
+function De(e, t, i) {
+  var c, a, l, f, h, g, u, d, p, m, y, _, b, S, v;
+  if (e.innerHTML = "", e.className = `${(c = i.config.class) != null ? c : ""} siteguide-pos ${i.config.classPrefix} ${i.config.animationClass}`, !i.config.arrow.disable && ((a = i.activeStep) != null && a.hasHost)) {
     const w = L("div", [
       (l = i.config.arrow.class) != null ? l : "",
       `${i.config.classPrefix}-arrow`
     ]);
     e.appendChild(w);
   }
-  (h = t.customization) != null && h.class && e.classList.add(t.customization.class);
+  (f = t.customization) != null && f.class && e.classList.add(t.customization.class);
   const n = L("div", [
     `${i.config.classPrefix}-header`,
-    `${(g = (f = t.customization) == null ? void 0 : f.headerClass) != null ? g : ""}`
+    `${(g = (h = t.customization) == null ? void 0 : h.headerClass) != null ? g : ""}`
   ]);
   e.appendChild(n);
   const o = L("h1", [
@@ -911,25 +911,25 @@ function ke(e, t, i) {
   o.innerHTML = i.config.translateFn((p = t.title) != null ? p : ""), n.appendChild(o), i.config.close.button && (i.config.closeIcon.onclick = i.complete.bind(i), n.appendChild(i.config.closeIcon));
   const s = L("div", [
     `${i.config.classPrefix}-content`,
-    `${(x = (m = t.customization) == null ? void 0 : m.contentClass) != null ? x : ""}`
+    `${(y = (m = t.customization) == null ? void 0 : m.contentClass) != null ? y : ""}`
   ]);
   e.appendChild(s);
   const r = L("div", [
     `${i.config.classPrefix}-footer`,
-    `${(v = (_ = t.customization) == null ? void 0 : _.footerClass) != null ? v : ""}`
+    `${(b = (_ = t.customization) == null ? void 0 : _.footerClass) != null ? b : ""}`
   ]);
-  if (N(t.buttonList) && (t.buttonList = De(i)), t.buttonList.forEach((w) => {
+  if (H(t.buttonList) && (t.buttonList = Be(i)), t.buttonList.forEach((w) => {
     var W;
-    const T = [`${i.config.classPrefix}-button`, (W = w.class) != null ? W : ""];
-    N(w.type) || w.type === "secondary" ? T.push(`${i.config.classPrefix}-button-secondary`) : w.type === "primary" ? T.push(`${i.config.classPrefix}-button-primary`) : w.type === "link" && T.push(`${i.config.classPrefix}-button-link`), !N(w.class) && w.class !== "" && T.push(w.class);
-    const E = L("button", T);
-    E.innerHTML = i.config.translateFn(w.text), E.onclick = (M) => {
+    const P = [`${i.config.classPrefix}-button`, (W = w.class) != null ? W : ""];
+    H(w.type) || w.type === "secondary" ? P.push(`${i.config.classPrefix}-button-secondary`) : w.type === "primary" ? P.push(`${i.config.classPrefix}-button-primary`) : w.type === "link" && P.push(`${i.config.classPrefix}-button-link`), !H(w.class) && w.class !== "" && P.push(w.class);
+    const T = L("button", P);
+    T.innerHTML = i.config.translateFn(w.text), T.onclick = (M) => {
       w.action.call(i);
-    }, r.appendChild(E);
-  }), !i.config.progress.disable && i.config.progress.text && S(i.activeStepIndex)) {
+    }, r.appendChild(T);
+  }), !i.config.progress.disable && i.config.progress.text && C(i.activeStepIndex)) {
     const w = L("p", [
       `${i.config.classPrefix}-progress`,
-      `${(b = (C = t.customization) == null ? void 0 : C.progressClass) != null ? b : ""}`
+      `${(v = (S = t.customization) == null ? void 0 : S.progressClass) != null ? v : ""}`
     ]);
     w.innerHTML = i.config.translateFn(
       He(i.config.progress.text, i.activeStepIndex + 1, i.stepList.length)
@@ -937,7 +937,7 @@ function ke(e, t, i) {
   }
   e.appendChild(r);
 }
-function De(e) {
+function Be(e) {
   return [
     {
       text: e.config.buttons.prevText,
@@ -955,8 +955,8 @@ function He(e, t, i) {
 }
 class Ne {
   constructor() {
-    y(this, "_renderContentStrategy", /* @__PURE__ */ new Map());
-    y(this, "_staticSides", {
+    x(this, "_renderContentStrategy", /* @__PURE__ */ new Map());
+    x(this, "_staticSides", {
       top: "bottom",
       right: "left",
       bottom: "top",
@@ -970,34 +970,34 @@ class Ne {
       var o, s;
       if (!this._renderContentStrategy.has(i.popupData.type))
         throw new Error("Missing popup creator strategy");
-      t.style.display = "none", t.classList.remove(i.tour.config.animationClass), i.hostElement ? t.style.position = Ct(i.hostElement) : t.style.position = "fixed", ke(t, i.popupData, i.tour), (o = this._renderContentStrategy.get(i.popupData.type)) == null || o.renderContent(t, i.popupData, i.tour.config), (s = i.hostElement) == null || s.scrollIntoView(i.tour.config.scrollTo), n();
-    }).then(() => i.isFirst && i.direction === "toNext" ? Ht(0) : Ht(400)).then(() => {
+      t.style.display = "none", t.classList.remove(i.tour.config.animationClass), i.hostElement ? t.style.position = Ct(i.hostElement) : t.style.position = "fixed", De(t, i.popupData, i.tour), (o = this._renderContentStrategy.get(i.popupData.type)) == null || o.renderContent(t, i.popupData, i.tour.config), (s = i.hostElement) == null || s.scrollIntoView(i.tour.config.scrollTo), n();
+    }).then(() => i.isFirst && i.direction === "toNext" ? Bt(0) : Bt(400)).then(() => {
       t.style.display = "flex", this.updatePosition(t, i), t.classList.add(i.tour.config.animationClass);
     });
   }
   /** @inheritdoc */
   updatePosition(t, i) {
-    S(i.hostElement) ? this.renderFloatingPopup(t, i) : this.renderCenterPopup(t);
+    C(i.hostElement) ? this.renderFloatingPopup(t, i) : this.renderCenterPopup(t);
   }
   renderFloatingPopup(t, i) {
     var l;
-    const n = t.style.position === "fixed" ? window.scrollY || document.documentElement.scrollTop : 0, o = t.querySelector(`.${i.tour.config.classPrefix}-arrow`), s = [], r = S(i.popupData.position) && i.popupData.position !== "auto" ? i.popupData.position : void 0, c = (l = o == null ? void 0 : o.offsetWidth) != null ? l : 10, a = Math.sqrt(2 * Tt(c, 2)) / 2 + i.tour.config.highlight.padding;
-    s.push(Ee(a)), (i.popupData.position === "auto" || N(r)) && s.push(Le()), !i.tour.config.arrow.disable && S(o) && s.push(Oe({ element: o })), Re(i.hostElement, t, {
+    const n = t.style.position === "fixed" ? window.scrollY || document.documentElement.scrollTop : 0, o = t.querySelector(`.${i.tour.config.classPrefix}-arrow`), s = [], r = C(i.popupData.position) && i.popupData.position !== "auto" ? i.popupData.position : void 0, c = (l = o == null ? void 0 : o.offsetWidth) != null ? l : 10, a = Math.sqrt(2 * Pt(c, 2)) / 2 + i.tour.config.highlight.padding;
+    s.push(Le(a)), (i.popupData.position === "auto" || H(r)) && s.push(Re()), !i.tour.config.arrow.disable && C(o) && s.push(Oe({ element: o })), ke(i.hostElement, t, {
       placement: r,
       middleware: [...s]
-    }).then(({ x: h, y: f, middlewareData: g, placement: u }) => {
+    }).then(({ x: f, y: h, middlewareData: g, placement: u }) => {
       Object.assign(t.style, {
-        top: `${f - n}px`,
-        left: `${h}px`,
+        top: `${h - n}px`,
+        left: `${f}px`,
         marginTop: "0",
         marginLeft: "0"
       });
       const d = u.split("-")[0], p = this._staticSides[d];
-      if (g.arrow && S(o)) {
-        const { x: m, y: x } = g.arrow;
+      if (g.arrow && C(o)) {
+        const { x: m, y } = g.arrow;
         Object.assign(o.style, {
           left: m != null ? `${m}px` : "",
-          top: x != null ? `${x}px` : "",
+          top: y != null ? `${y}px` : "",
           right: "",
           bottom: "",
           [p]: `${-c / 2}px`,
@@ -1018,7 +1018,7 @@ class Ne {
     this._renderContentStrategy.set("text", new Ae()), this._renderContentStrategy.set("custom", new $e());
   }
 }
-class Be {
+class Fe {
   /** @inheritdoc */
   render(t, i) {
     return new Promise((n) => {
@@ -1038,7 +1038,7 @@ class Be {
     t.style.transform = "", t.style.left = `${n.left - o}px`, t.style.top = `${n.top + s - o}px`, t.style.width = `${n.width + 2 * o}px`, t.style.height = `${n.height + 2 * o}px`, t.style.opacity = "1";
   }
 }
-class Fe {
+class Me {
   /** @inheritdoc */
   render(t, i) {
     return new Promise((n) => {
@@ -1058,15 +1058,15 @@ class Fe {
     t.style.transform = "", t.style.left = `${n.left - o}px`, t.style.top = `${n.top + s - o}px`, t.style.width = `${n.width + 2 * o}px`, t.style.height = `${n.height + 2 * o}px`;
   }
 }
-class Me {
+class Ve {
   constructor(t, i) {
-    y(this, "popupData");
-    y(this, "tour");
-    y(this, "_index");
-    y(this, "_hostElement", null);
-    y(this, "_direction", "toNext");
-    y(this, "_hostData");
-    y(this, "_resizeObserver", null);
+    x(this, "popupData");
+    x(this, "tour");
+    x(this, "_index");
+    x(this, "_hostElement", null);
+    x(this, "_direction", "toNext");
+    x(this, "_hostData");
+    x(this, "_resizeObserver", null);
     var n;
     this.popupData = i.popup, this.tour = t, this._index = (n = i.index) != null ? n : null, this._hostData = i.host;
   }
@@ -1077,7 +1077,7 @@ class Me {
     return this._direction;
   }
   get hasHost() {
-    return S(this._hostElement);
+    return C(this._hostElement);
   }
   get hostElement() {
     return this._hostElement;
@@ -1089,56 +1089,66 @@ class Me {
     this._index = t;
   }
   show(t) {
-    return k(this, null, function* () {
+    return A(this, null, function* () {
       var n;
-      if (N(this.tour.popup))
+      if (H(this.tour.popup))
         return;
       this._direction = t, this._hostData && (this._hostElement = this.resolveHostElement(
         typeof this._hostData == "function" ? this._hostData() : (n = this._hostData) != null ? n : null
       )), this._resizeObserver = this.listenHostResize();
-      const i = [this.tour.popupRenderer.render(this.tour.popup, this)];
-      this.tour.config.interaction.disable && S(this.tour.interaction) ? i.push(this.tour.interactionRenderer.render(this.tour.interaction, this)) : !this.tour.config.interaction.disable && S(this.tour.interaction) && i.push(this.tour.interactionRenderer.render(this.tour.interaction, {})), !this.tour.config.highlight.disable && !N(this.tour.highlight) && i.push(this.tour.highlightRenderer.render(this.tour.highlight, this)), this.tour.config.highlight.disable && S(this.tour.highlight) && this.tour.highlightRenderer.render(this.tour.highlight, {}), yield Promise.all(i), this.toggleHostClass(!0);
+      const i = [];
+      C(this.tour.background) && i.push(this.tour.backgroundRenderer.render(this.tour.background, this)), !this.tour.config.highlight.disable && !H(this.tour.highlight) && i.push(this.tour.highlightRenderer.render(this.tour.highlight, this)), this.tour.config.highlight.disable && C(this.tour.highlight) && this.tour.highlightRenderer.render(this.tour.highlight, {}), this.tour.config.interaction.disable && C(this.tour.interaction) ? i.push(this.tour.interactionRenderer.render(this.tour.interaction, this)) : !this.tour.config.interaction.disable && C(this.tour.interaction) && i.push(this.tour.interactionRenderer.render(this.tour.interaction, {})), i.push(this.tour.popupRenderer.render(this.tour.popup, this)), yield Promise.all(i), this.toggleHostClass(!0);
     });
   }
   hide() {
-    return k(this, null, function* () {
+    return A(this, null, function* () {
       var t;
       (t = this._resizeObserver) == null || t.disconnect(), this.toggleHostClass(!1);
     });
   }
   toggleHostClass(t) {
-    N(this._hostElement) || (t ? this._hostElement.classList.add("siteguide-host") : this._hostElement.classList.remove("siteguide-host"));
+    var i, n;
+    H(this._hostElement) || (t ? (this._hostElement.classList.add("siteguide-host"), (i = this._hostElement.parentElement) == null || i.classList.add("siteguide-host-parent")) : (this._hostElement.classList.remove("siteguide-host"), (n = this._hostElement.parentElement) == null || n.classList.remove("siteguide-host-parent")));
   }
   resolveHostElement(t) {
     return typeof this._hostData == "string" ? document.querySelector(this._hostData) : t;
   }
   listenHostResize() {
     const t = new ResizeObserver(() => {
-      N(this.tour.activeStep) || (S(this.tour.popup) && this.tour.popupRenderer.updatePosition(this.tour.popup, this.tour.activeStep), S(this.tour.highlight) && !this.tour.config.highlight.disable && this.tour.highlightRenderer.updatePosition(this.tour.highlight, this.tour.activeStep), S(this.tour.interaction) && this.tour.config.interaction.disable && this.tour.interactionRenderer.updatePosition(this.tour.interaction, this.tour.activeStep));
+      H(this.tour.activeStep) || (C(this.tour.popup) && this.tour.popupRenderer.updatePosition(this.tour.popup, this.tour.activeStep), C(this.tour.highlight) && !this.tour.config.highlight.disable && this.tour.highlightRenderer.updatePosition(this.tour.highlight, this.tour.activeStep), C(this.tour.interaction) && this.tour.config.interaction.disable && this.tour.interactionRenderer.updatePosition(this.tour.interaction, this.tour.activeStep));
     });
-    return S(this._hostElement) && t.observe(this._hostElement), t;
+    return C(this._hostElement) && t.observe(this._hostElement), t;
   }
 }
 function gt(e) {
   return e && typeof e == "object" && !Array.isArray(e);
 }
 function qt(e, t) {
-  const i = A({}, e);
+  const i = $({}, e);
   return gt(e) && gt(t) && Object.keys(t).forEach((n) => {
     const o = n, s = n;
     gt(t[o]) ? (s in e || Object.assign(i, { [s]: {} }), i[s] = qt(e[s], t[o])) : Object.assign(i, { [s]: t[o] });
   }), i;
 }
-function Ve(e) {
+function ze(e) {
   const t = L("button", [`${e}-close`]);
   return t.innerHTML = "✖", t;
 }
-class ze {
+class We {
+  /** @inheritdoc */
+  render(t, i) {
+    return i.tour.config.background.disable ? t.style.pointerEvents = "none" : t.style.pointerEvents = "auto", Promise.resolve();
+  }
+  /** @inheritdoc */
+  updatePosition(t, i) {
+  }
+}
+class Ie {
   constructor() {
-    y(this, "_activeTour", null);
+    x(this, "_activeTour", null);
   }
   get isActive() {
-    return S(this.activeTour);
+    return C(this.activeTour);
   }
   get activeTour() {
     return this._activeTour;
@@ -1147,30 +1157,31 @@ class ze {
     this._activeTour = t;
   }
 }
-const ot = new ze();
-class Ie {
+const st = new Ie();
+class Ye {
   constructor(t) {
-    y(this, "popupRenderer", new Ne());
-    y(this, "highlightRenderer", new Be());
-    y(this, "interactionRenderer", new Fe());
-    y(this, "_popup", null);
-    y(this, "_highlight", null);
-    y(this, "_interaction", null);
-    y(this, "_background", null);
-    y(this, "_stepList", []);
-    y(this, "_activeStep", null);
-    y(this, "_bodyResizeObserver", null);
-    y(this, "_config");
-    y(this, "closeOnEsc", (t) => {
+    x(this, "popupRenderer", new Ne());
+    x(this, "highlightRenderer", new Fe());
+    x(this, "interactionRenderer", new Me());
+    x(this, "backgroundRenderer", new We());
+    x(this, "_popup", null);
+    x(this, "_highlight", null);
+    x(this, "_interaction", null);
+    x(this, "_background", null);
+    x(this, "_stepList", []);
+    x(this, "_activeStep", null);
+    x(this, "_bodyResizeObserver", null);
+    x(this, "_config");
+    x(this, "closeOnEsc", (t) => {
       t.key === "Escape" && this.complete();
     });
-    y(this, "closeOnClick", () => {
+    x(this, "closeOnClick", () => {
       this.complete();
     });
-    y(this, "keyboardControl", (t) => {
+    x(this, "keyboardControl", (t) => {
       t.key === "ArrowRight" ? this.next() : t.key === "ArrowLeft" && this.prev();
     });
-    var i, n, o, s, r, c, a, l, h, f, g, u, d, p, m, x, _, v, C, b, w, T, E, W, M, I, P, O, Y, $, q;
+    var i, n, o, s, r, c, a, l, f, h, g, u, d, p, m, y, _, b, S, v, w, P, T, W, M, I, E, R, Y, k, q, U, K;
     this._config = {
       classPrefix: (i = t.classPrefix) != null ? i : "siteguide",
       class: "",
@@ -1181,7 +1192,7 @@ class Ie {
       animationClass: (c = t.animationClass) != null ? c : "siteguide-animation",
       close: {
         button: (l = (a = t.close) == null ? void 0 : a.button) != null ? l : !0,
-        clickout: (f = (h = t.close) == null ? void 0 : h.clickout) != null ? f : !1,
+        clickout: (h = (f = t.close) == null ? void 0 : f.clickout) != null ? h : !1,
         esc: (u = (g = t.close) == null ? void 0 : g.esc) != null ? u : !0
       },
       // @ts-expect-error
@@ -1191,25 +1202,28 @@ class Ie {
         inline: "center"
       },
       // @ts-expect-error
-      closeIcon: (m = t.closeIcon) != null ? m : Ve((p = t.classPrefix) != null ? p : "siteguide"),
+      closeIcon: (m = t.closeIcon) != null ? m : ze((p = t.classPrefix) != null ? p : "siteguide"),
       arrow: {
-        disable: (_ = (x = t.arrow) == null ? void 0 : x.disable) != null ? _ : !1,
-        class: (C = (v = t.arrow) == null ? void 0 : v.class) != null ? C : ""
+        disable: (_ = (y = t.arrow) == null ? void 0 : y.disable) != null ? _ : !1,
+        class: (S = (b = t.arrow) == null ? void 0 : b.class) != null ? S : ""
       },
       highlight: {
-        disable: (w = (b = t.highlight) == null ? void 0 : b.disable) != null ? w : !1,
-        padding: (E = (T = t.highlight) == null ? void 0 : T.padding) != null ? E : 8,
+        disable: (w = (v = t.highlight) == null ? void 0 : v.disable) != null ? w : !1,
+        padding: (T = (P = t.highlight) == null ? void 0 : P.padding) != null ? T : 8,
         class: (M = (W = t.highlight) == null ? void 0 : W.class) != null ? M : ""
       },
       progress: {
-        disable: (P = (I = t.progress) == null ? void 0 : I.disable) != null ? P : !0,
+        disable: (E = (I = t.progress) == null ? void 0 : I.disable) != null ? E : !0,
         text: "Step {{currentStep}} of {{totalSteps}}"
       },
       interaction: {
-        disable: (Y = (O = t.interaction) == null ? void 0 : O.disable) != null ? Y : !0
+        disable: (Y = (R = t.interaction) == null ? void 0 : R.disable) != null ? Y : !0
       },
-      keyboardControl: ($ = t.keyboardControl) != null ? $ : !1,
-      translateFn: (q = t.translateFn) != null ? q : (J) => J
+      background: {
+        disable: (q = (k = t.background) == null ? void 0 : k.disable) != null ? q : !0
+      },
+      keyboardControl: (U = t.keyboardControl) != null ? U : !1,
+      translateFn: (K = t.translateFn) != null ? K : (Ut) => Ut
     };
   }
   get stepList() {
@@ -1227,6 +1241,9 @@ class Ie {
   get interaction() {
     return this._interaction;
   }
+  get background() {
+    return this._background;
+  }
   get activeStep() {
     return this._activeStep;
   }
@@ -1234,11 +1251,11 @@ class Ie {
     return this._activeStep ? this.stepList.indexOf(this._activeStep) : null;
   }
   addStep(t) {
-    if (N(t.index)) {
+    if (H(t.index)) {
       const n = this._stepList.reduce((o, s) => s.index !== null && s.index !== void 0 && s.index > o ? s.index : o, -1);
       t.index = n + 1;
     }
-    const i = new Me(this, t);
+    const i = new Ve(this, t);
     this._stepList.push(i), this._stepList.sort((n, o) => n.index - o.index);
   }
   addSteps(t) {
@@ -1248,17 +1265,18 @@ class Ie {
     this._stepList = this._stepList.filter((i) => t !== i.index);
   }
   start() {
-    ot.isActive || (ot.setActiveTour(this), this._bodyResizeObserver = this.getBodyResizeObserver(), this.config.close.esc && document.addEventListener("keydown", this.closeOnEsc), this.config.keyboardControl && document.addEventListener("keydown", this.keyboardControl), this._background = L("div", ["siteguide-background"]), document.body.appendChild(this._background), this.config.close.clickout && this._background.addEventListener("click", this.closeOnClick), this._config.highlight.disable || (this._highlight = L("div", [
+    st.isActive || (st.setActiveTour(this), this._bodyResizeObserver = this.getBodyResizeObserver(), this.config.close.esc && document.addEventListener("keydown", this.closeOnEsc), this.config.keyboardControl && document.addEventListener("keydown", this.keyboardControl), this._background = L("div", ["siteguide-background"]), document.body.appendChild(this._background), this.config.close.clickout && this._background.addEventListener("click", this.closeOnClick), this._config.highlight.disable || (this._highlight = L("div", [
       this._config.highlight.class,
+      "siteguide-highlight-pos",
       `${this._config.classPrefix}-highlight`
-    ]), document.body.appendChild(this._highlight)), this._config.interaction.disable && (this._interaction = L("div", ["siteguide-interaction"]), document.body.appendChild(this._interaction)), this._popup = L("div", [this._config.classPrefix]), document.body.appendChild(this._popup), this.next());
+    ]), document.body.appendChild(this._highlight)), this._config.interaction.disable && (this._interaction = L("div", ["siteguide-interaction"]), document.body.appendChild(this._interaction)), this._popup = L("div", ["siteguide-pos", this._config.classPrefix]), document.body.appendChild(this._popup), this.next());
   }
   complete() {
     var t, i;
-    this._popup && document.body.removeChild(this._popup), this._highlight && document.body.removeChild(this._highlight), this._interaction && document.body.removeChild(this._interaction), this._background && document.body.removeChild(this._background), (t = this._bodyResizeObserver) == null || t.disconnect(), (i = this._activeStep) == null || i.hide(), this._activeStep = null, ot.setActiveTour(null), this.config.close.esc && document.removeEventListener("keydown", this.closeOnEsc), this.config.keyboardControl && document.removeEventListener("keydown", this.keyboardControl);
+    this._popup && document.body.removeChild(this._popup), this._highlight && document.body.removeChild(this._highlight), this._interaction && document.body.removeChild(this._interaction), this._background && document.body.removeChild(this._background), (t = this._bodyResizeObserver) == null || t.disconnect(), (i = this._activeStep) == null || i.hide(), this._activeStep = null, st.setActiveTour(null), this.config.close.esc && document.removeEventListener("keydown", this.closeOnEsc), this.config.keyboardControl && document.removeEventListener("keydown", this.keyboardControl);
   }
   prev() {
-    const t = S(this._activeStep) ? this._stepList.indexOf(this._activeStep) - 1 : this._stepList.indexOf(this._stepList[this._stepList.length - 1]);
+    const t = C(this._activeStep) ? this._stepList.indexOf(this._activeStep) - 1 : this._stepList.indexOf(this._stepList[this._stepList.length - 1]);
     if (t < 0) {
       this.complete();
       return;
@@ -1266,14 +1284,14 @@ class Ie {
     this.changeStepTo(t, "fromBack");
   }
   next() {
-    return k(this, null, function* () {
+    return A(this, null, function* () {
       var i, n, o;
-      const t = S(this._activeStep) ? this._stepList.indexOf(this._activeStep) + 1 : this._stepList.indexOf(this._stepList[0]);
+      const t = C(this._activeStep) ? this._stepList.indexOf(this._activeStep) + 1 : this._stepList.indexOf(this._stepList[0]);
       if (t >= this._stepList.length) {
         this.complete();
         return;
       }
-      S((i = this._activeStep) == null ? void 0 : i.popupData.allowNext) && !((o = yield (n = this._activeStep) == null ? void 0 : n.popupData.allowNext.call(this)) == null || o) || this.changeStepTo(t, "toNext");
+      C((i = this._activeStep) == null ? void 0 : i.popupData.allowNext) && !((o = yield (n = this._activeStep) == null ? void 0 : n.popupData.allowNext.call(this)) == null || o) || this.changeStepTo(t, "toNext");
     });
   }
   goTo(t) {
@@ -1293,15 +1311,15 @@ class Ie {
   }
   getBodyResizeObserver() {
     const t = new ResizeObserver(() => {
-      this._activeStep && (S(this._popup) && this.popupRenderer.updatePosition(this._popup, this._activeStep), S(this._highlight) && !this.config.highlight.disable && this.highlightRenderer.updatePosition(this._highlight, this._activeStep), S(this._interaction) && this.config.interaction.disable && this.interactionRenderer.updatePosition(this._interaction, this._activeStep));
+      this._activeStep && (C(this._popup) && this.popupRenderer.updatePosition(this._popup, this._activeStep), C(this._highlight) && !this.config.highlight.disable && this.highlightRenderer.updatePosition(this._highlight, this._activeStep), C(this._interaction) && this.config.interaction.disable && this.interactionRenderer.updatePosition(this._interaction, this._activeStep));
     });
     return t.observe(document.body), t;
   }
 }
-const je = ot;
+const qe = st;
 export {
-  je as Siteguide,
-  Ie as Tour,
-  Me as TourStep,
+  qe as Siteguide,
+  Ye as Tour,
+  Ve as TourStep,
   L as createElement
 };