@trailguide/core 0.0.1

package/dist/trailguide.js

@@ -0,0 +1,1090 @@
+var Vt = Object.defineProperty;
+var Mt = (t, e, n) => e in t ? Vt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var F = (t, e, n) => Mt(t, typeof e != "symbol" ? e + "" : e, n);
+const Q = Math.min, _ = Math.max, it = Math.round, k = (t) => ({
+  x: t,
+  y: t
+}), Wt = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, Ht = {
+  start: "end",
+  end: "start"
+};
+function ut(t, e, n) {
+  return _(t, Q(e, n));
+}
+function Z(t, e) {
+  return typeof t == "function" ? t(e) : t;
+}
+function X(t) {
+  return t.split("-")[0];
+}
+function tt(t) {
+  return t.split("-")[1];
+}
+function Et(t) {
+  return t === "x" ? "y" : "x";
+}
+function pt(t) {
+  return t === "y" ? "height" : "width";
+}
+const It = /* @__PURE__ */ new Set(["top", "bottom"]);
+function V(t) {
+  return It.has(X(t)) ? "y" : "x";
+}
+function gt(t) {
+  return Et(V(t));
+}
+function qt(t, e, n) {
+  n === void 0 && (n = !1);
+  const i = tt(t), o = gt(t), s = pt(o);
+  let r = o === "x" ? i === (n ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
+  return e.reference[s] > e.floating[s] && (r = ot(r)), [r, ot(r)];
+}
+function Xt(t) {
+  const e = ot(t);
+  return [dt(t), e, dt(e)];
+}
+function dt(t) {
+  return t.replace(/start|end/g, (e) => Ht[e]);
+}
+const yt = ["left", "right"], xt = ["right", "left"], _t = ["top", "bottom"], jt = ["bottom", "top"];
+function Yt(t, e, n) {
+  switch (t) {
+    case "top":
+    case "bottom":
+      return n ? e ? xt : yt : e ? yt : xt;
+    case "left":
+    case "right":
+      return e ? _t : jt;
+    default:
+      return [];
+  }
+}
+function zt(t, e, n, i) {
+  const o = tt(t);
+  let s = Yt(X(t), n === "start", i);
+  return o && (s = s.map((r) => r + "-" + o), e && (s = s.concat(s.map(dt)))), s;
+}
+function ot(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => Wt[e]);
+}
+function Kt(t) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...t
+  };
+}
+function Ot(t) {
+  return typeof t != "number" ? Kt(t) : {
+    top: t,
+    right: t,
+    bottom: t,
+    left: t
+  };
+}
+function st(t) {
+  const {
+    x: e,
+    y: n,
+    width: i,
+    height: o
+  } = t;
+  return {
+    width: i,
+    height: o,
+    top: n,
+    left: e,
+    right: e + i,
+    bottom: n + o,
+    x: e,
+    y: n
+  };
+}
+function vt(t, e, n) {
+  let {
+    reference: i,
+    floating: o
+  } = t;
+  const s = V(e), r = gt(e), l = pt(r), c = X(e), a = s === "y", d = 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 f;
+  switch (c) {
+    case "top":
+      f = {
+        x: d,
+        y: i.y - o.height
+      };
+      break;
+    case "bottom":
+      f = {
+        x: d,
+        y: i.y + i.height
+      };
+      break;
+    case "right":
+      f = {
+        x: i.x + i.width,
+        y: u
+      };
+      break;
+    case "left":
+      f = {
+        x: i.x - o.width,
+        y: u
+      };
+      break;
+    default:
+      f = {
+        x: i.x,
+        y: i.y
+      };
+  }
+  switch (tt(e)) {
+    case "start":
+      f[r] -= p * (n && a ? -1 : 1);
+      break;
+    case "end":
+      f[r] += p * (n && a ? -1 : 1);
+      break;
+  }
+  return f;
+}
+async function Gt(t, e) {
+  var n;
+  e === void 0 && (e = {});
+  const {
+    x: i,
+    y: o,
+    platform: s,
+    rects: r,
+    elements: l,
+    strategy: c
+  } = t, {
+    boundary: a = "clippingAncestors",
+    rootBoundary: d = "viewport",
+    elementContext: u = "floating",
+    altBoundary: p = !1,
+    padding: f = 0
+  } = Z(e, t), h = Ot(f), m = l[p ? u === "floating" ? "reference" : "floating" : u], w = st(await s.getClippingRect({
+    element: (n = await (s.isElement == null ? void 0 : s.isElement(m))) == null || n ? m : m.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(l.floating)),
+    boundary: a,
+    rootBoundary: d,
+    strategy: c
+  })), y = u === "floating" ? {
+    x: i,
+    y: o,
+    width: r.floating.width,
+    height: r.floating.height
+  } : r.reference, x = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(l.floating)), v = await (s.isElement == null ? void 0 : s.isElement(x)) ? await (s.getScale == null ? void 0 : s.getScale(x)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, E = st(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: l,
+    rect: y,
+    offsetParent: x,
+    strategy: c
+  }) : y);
+  return {
+    top: (w.top - E.top + h.top) / v.y,
+    bottom: (E.bottom - w.bottom + h.bottom) / v.y,
+    left: (w.left - E.left + h.left) / v.x,
+    right: (E.right - w.right + h.right) / v.x
+  };
+}
+const Jt = async (t, e, n) => {
+  const {
+    placement: i = "bottom",
+    strategy: o = "absolute",
+    middleware: s = [],
+    platform: r
+  } = n, l = s.filter(Boolean), c = await (r.isRTL == null ? void 0 : r.isRTL(e));
+  let a = await r.getElementRects({
+    reference: t,
+    floating: e,
+    strategy: o
+  }), {
+    x: d,
+    y: u
+  } = vt(a, i, c), p = i, f = {}, h = 0;
+  for (let m = 0; m < l.length; m++) {
+    var g;
+    const {
+      name: w,
+      fn: y
+    } = l[m], {
+      x,
+      y: v,
+      data: E,
+      reset: A
+    } = await y({
+      x: d,
+      y: u,
+      initialPlacement: i,
+      placement: p,
+      strategy: o,
+      middlewareData: f,
+      rects: a,
+      platform: {
+        ...r,
+        detectOverflow: (g = r.detectOverflow) != null ? g : Gt
+      },
+      elements: {
+        reference: t,
+        floating: e
+      }
+    });
+    d = x ?? d, u = v ?? u, f = {
+      ...f,
+      [w]: {
+        ...f[w],
+        ...E
+      }
+    }, A && h <= 50 && (h++, typeof A == "object" && (A.placement && (p = A.placement), A.rects && (a = A.rects === !0 ? await r.getElementRects({
+      reference: t,
+      floating: e,
+      strategy: o
+    }) : A.rects), {
+      x: d,
+      y: u
+    } = vt(a, p, c)), m = -1);
+  }
+  return {
+    x: d,
+    y: u,
+    placement: p,
+    strategy: o,
+    middlewareData: f
+  };
+}, Qt = (t) => ({
+  name: "arrow",
+  options: t,
+  async fn(e) {
+    const {
+      x: n,
+      y: i,
+      placement: o,
+      rects: s,
+      platform: r,
+      elements: l,
+      middlewareData: c
+    } = e, {
+      element: a,
+      padding: d = 0
+    } = Z(t, e) || {};
+    if (a == null)
+      return {};
+    const u = Ot(d), p = {
+      x: n,
+      y: i
+    }, f = gt(o), h = pt(f), g = await r.getDimensions(a), m = f === "y", w = m ? "top" : "left", y = m ? "bottom" : "right", x = m ? "clientHeight" : "clientWidth", v = s.reference[h] + s.reference[f] - p[f] - s.floating[h], E = p[f] - s.reference[f], A = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(a));
+    let W = A ? A[x] : 0;
+    (!W || !await (r.isElement == null ? void 0 : r.isElement(A))) && (W = l.floating[x] || s.floating[h]);
+    const K = v / 2 - E / 2, H = W / 2 - g[h] / 2 - 1, D = Q(u[w], H), G = Q(u[y], H), I = D, J = W - g[h] - G, S = W / 2 - g[h] / 2 + K, q = ut(I, S, J), $ = !c.arrow && tt(o) != null && S !== q && s.reference[h] / 2 - (S < I ? D : G) - g[h] / 2 < 0, O = $ ? S < I ? S - I : S - J : 0;
+    return {
+      [f]: p[f] + O,
+      data: {
+        [f]: q,
+        centerOffset: S - q - O,
+        ...$ && {
+          alignmentOffset: O
+        }
+      },
+      reset: $
+    };
+  }
+}), Ut = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "flip",
+    options: t,
+    async fn(e) {
+      var n, i;
+      const {
+        placement: o,
+        middlewareData: s,
+        rects: r,
+        initialPlacement: l,
+        platform: c,
+        elements: a
+      } = e, {
+        mainAxis: d = !0,
+        crossAxis: u = !0,
+        fallbackPlacements: p,
+        fallbackStrategy: f = "bestFit",
+        fallbackAxisSideDirection: h = "none",
+        flipAlignment: g = !0,
+        ...m
+      } = Z(t, e);
+      if ((n = s.arrow) != null && n.alignmentOffset)
+        return {};
+      const w = X(o), y = V(l), x = X(l) === l, v = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), E = p || (x || !g ? [ot(l)] : Xt(l)), A = h !== "none";
+      !p && A && E.push(...zt(l, g, h, v));
+      const W = [l, ...E], K = await c.detectOverflow(e, m), H = [];
+      let D = ((i = s.flip) == null ? void 0 : i.overflows) || [];
+      if (d && H.push(K[w]), u) {
+        const S = qt(o, r, v);
+        H.push(K[S[0]], K[S[1]]);
+      }
+      if (D = [...D, {
+        placement: o,
+        overflows: H
+      }], !H.every((S) => S <= 0)) {
+        var G, I;
+        const S = (((G = s.flip) == null ? void 0 : G.index) || 0) + 1, q = W[S];
+        if (q && (!(u === "alignment" ? y !== V(q) : !1) || // We leave the current main axis only if every placement on that axis
+        // overflows the main axis.
+        D.every((L) => V(L.placement) === y ? L.overflows[0] > 0 : !0)))
+          return {
+            data: {
+              index: S,
+              overflows: D
+            },
+            reset: {
+              placement: q
+            }
+          };
+        let $ = (I = D.filter((O) => O.overflows[0] <= 0).sort((O, L) => O.overflows[1] - L.overflows[1])[0]) == null ? void 0 : I.placement;
+        if (!$)
+          switch (f) {
+            case "bestFit": {
+              var J;
+              const O = (J = D.filter((L) => {
+                if (A) {
+                  const N = V(L.placement);
+                  return N === y || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  N === "y";
+                }
+                return !0;
+              }).map((L) => [L.placement, L.overflows.filter((N) => N > 0).reduce((N, Nt) => N + Nt, 0)]).sort((L, N) => L[1] - N[1])[0]) == null ? void 0 : J[0];
+              O && ($ = O);
+              break;
+            }
+            case "initialPlacement":
+              $ = l;
+              break;
+          }
+        if (o !== $)
+          return {
+            reset: {
+              placement: $
+            }
+          };
+      }
+      return {};
+    }
+  };
+}, Zt = /* @__PURE__ */ new Set(["left", "top"]);
+async function te(t, e) {
+  const {
+    placement: n,
+    platform: i,
+    elements: o
+  } = t, s = await (i.isRTL == null ? void 0 : i.isRTL(o.floating)), r = X(n), l = tt(n), c = V(n) === "y", a = Zt.has(r) ? -1 : 1, d = s && c ? -1 : 1, u = Z(e, t);
+  let {
+    mainAxis: p,
+    crossAxis: f,
+    alignmentAxis: h
+  } = typeof u == "number" ? {
+    mainAxis: u,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: u.mainAxis || 0,
+    crossAxis: u.crossAxis || 0,
+    alignmentAxis: u.alignmentAxis
+  };
+  return l && typeof h == "number" && (f = l === "end" ? h * -1 : h), c ? {
+    x: f * d,
+    y: p * a
+  } : {
+    x: p * a,
+    y: f * d
+  };
+}
+const ee = function(t) {
+  return t === void 0 && (t = 0), {
+    name: "offset",
+    options: t,
+    async fn(e) {
+      var n, i;
+      const {
+        x: o,
+        y: s,
+        placement: r,
+        middlewareData: l
+      } = e, c = await te(e, t);
+      return r === ((n = l.offset) == null ? void 0 : n.placement) && (i = l.arrow) != null && i.alignmentOffset ? {} : {
+        x: o + c.x,
+        y: s + c.y,
+        data: {
+          ...c,
+          placement: r
+        }
+      };
+    }
+  };
+}, ne = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "shift",
+    options: t,
+    async fn(e) {
+      const {
+        x: n,
+        y: i,
+        placement: o,
+        platform: s
+      } = e, {
+        mainAxis: r = !0,
+        crossAxis: l = !1,
+        limiter: c = {
+          fn: (w) => {
+            let {
+              x: y,
+              y: x
+            } = w;
+            return {
+              x: y,
+              y: x
+            };
+          }
+        },
+        ...a
+      } = Z(t, e), d = {
+        x: n,
+        y: i
+      }, u = await s.detectOverflow(e, a), p = V(X(o)), f = Et(p);
+      let h = d[f], g = d[p];
+      if (r) {
+        const w = f === "y" ? "top" : "left", y = f === "y" ? "bottom" : "right", x = h + u[w], v = h - u[y];
+        h = ut(x, h, v);
+      }
+      if (l) {
+        const w = p === "y" ? "top" : "left", y = p === "y" ? "bottom" : "right", x = g + u[w], v = g - u[y];
+        g = ut(x, g, v);
+      }
+      const m = c.fn({
+        ...e,
+        [f]: h,
+        [p]: g
+      });
+      return {
+        ...m,
+        data: {
+          x: m.x - n,
+          y: m.y - i,
+          enabled: {
+            [f]: r,
+            [p]: l
+          }
+        }
+      };
+    }
+  };
+};
+function rt() {
+  return typeof window < "u";
+}
+function z(t) {
+  return Lt(t) ? (t.nodeName || "").toLowerCase() : "#document";
+}
+function C(t) {
+  var e;
+  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
+}
+function B(t) {
+  var e;
+  return (e = (Lt(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+}
+function Lt(t) {
+  return rt() ? t instanceof Node || t instanceof C(t).Node : !1;
+}
+function R(t) {
+  return rt() ? t instanceof Element || t instanceof C(t).Element : !1;
+}
+function P(t) {
+  return rt() ? t instanceof HTMLElement || t instanceof C(t).HTMLElement : !1;
+}
+function bt(t) {
+  return !rt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof C(t).ShadowRoot;
+}
+const ie = /* @__PURE__ */ new Set(["inline", "contents"]);
+function et(t) {
+  const {
+    overflow: e,
+    overflowX: n,
+    overflowY: i,
+    display: o
+  } = T(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + i + n) && !ie.has(o);
+}
+const oe = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function se(t) {
+  return oe.has(z(t));
+}
+const re = [":popover-open", ":modal"];
+function lt(t) {
+  return re.some((e) => {
+    try {
+      return t.matches(e);
+    } catch {
+      return !1;
+    }
+  });
+}
+const le = ["transform", "translate", "scale", "rotate", "perspective"], ce = ["transform", "translate", "scale", "rotate", "perspective", "filter"], ae = ["paint", "layout", "strict", "content"];
+function mt(t) {
+  const e = wt(), n = R(t) ? T(t) : t;
+  return le.some((i) => n[i] ? n[i] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || ce.some((i) => (n.willChange || "").includes(i)) || ae.some((i) => (n.contain || "").includes(i));
+}
+function fe(t) {
+  let e = M(t);
+  for (; P(e) && !Y(e); ) {
+    if (mt(e))
+      return e;
+    if (lt(e))
+      return null;
+    e = M(e);
+  }
+  return null;
+}
+function wt() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+const ue = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function Y(t) {
+  return ue.has(z(t));
+}
+function T(t) {
+  return C(t).getComputedStyle(t);
+}
+function ct(t) {
+  return R(t) ? {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  } : {
+    scrollLeft: t.scrollX,
+    scrollTop: t.scrollY
+  };
+}
+function M(t) {
+  if (z(t) === "html")
+    return t;
+  const e = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    t.assignedSlot || // DOM Element detected.
+    t.parentNode || // ShadowRoot detected.
+    bt(t) && t.host || // Fallback.
+    B(t)
+  );
+  return bt(e) ? e.host : e;
+}
+function Rt(t) {
+  const e = M(t);
+  return Y(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : P(e) && et(e) ? e : Rt(e);
+}
+function Tt(t, e, n) {
+  var i;
+  e === void 0 && (e = []);
+  const o = Rt(t), s = o === ((i = t.ownerDocument) == null ? void 0 : i.body), r = C(o);
+  return s ? (ht(r), e.concat(r, r.visualViewport || [], et(o) ? o : [], [])) : e.concat(o, Tt(o, []));
+}
+function ht(t) {
+  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
+}
+function kt(t) {
+  const e = T(t);
+  let n = parseFloat(e.width) || 0, i = parseFloat(e.height) || 0;
+  const o = P(t), s = o ? t.offsetWidth : n, r = o ? t.offsetHeight : i, l = it(n) !== s || it(i) !== r;
+  return l && (n = s, i = r), {
+    width: n,
+    height: i,
+    $: l
+  };
+}
+function Pt(t) {
+  return R(t) ? t : t.contextElement;
+}
+function j(t) {
+  const e = Pt(t);
+  if (!P(e))
+    return k(1);
+  const n = e.getBoundingClientRect(), {
+    width: i,
+    height: o,
+    $: s
+  } = kt(e);
+  let r = (s ? it(n.width) : n.width) / i, l = (s ? it(n.height) : n.height) / o;
+  return (!r || !Number.isFinite(r)) && (r = 1), (!l || !Number.isFinite(l)) && (l = 1), {
+    x: r,
+    y: l
+  };
+}
+const de = /* @__PURE__ */ k(0);
+function Dt(t) {
+  const e = C(t);
+  return !wt() || !e.visualViewport ? de : {
+    x: e.visualViewport.offsetLeft,
+    y: e.visualViewport.offsetTop
+  };
+}
+function he(t, e, n) {
+  return e === void 0 && (e = !1), !n || e && n !== C(t) ? !1 : e;
+}
+function U(t, e, n, i) {
+  e === void 0 && (e = !1), n === void 0 && (n = !1);
+  const o = t.getBoundingClientRect(), s = Pt(t);
+  let r = k(1);
+  e && (i ? R(i) && (r = j(i)) : r = j(t));
+  const l = he(s, n, i) ? Dt(s) : k(0);
+  let c = (o.left + l.x) / r.x, a = (o.top + l.y) / r.y, d = o.width / r.x, u = o.height / r.y;
+  if (s) {
+    const p = C(s), f = i && R(i) ? C(i) : i;
+    let h = p, g = ht(h);
+    for (; g && i && f !== h; ) {
+      const m = j(g), w = g.getBoundingClientRect(), y = T(g), x = w.left + (g.clientLeft + parseFloat(y.paddingLeft)) * m.x, v = w.top + (g.clientTop + parseFloat(y.paddingTop)) * m.y;
+      c *= m.x, a *= m.y, d *= m.x, u *= m.y, c += x, a += v, h = C(g), g = ht(h);
+    }
+  }
+  return st({
+    width: d,
+    height: u,
+    x: c,
+    y: a
+  });
+}
+function at(t, e) {
+  const n = ct(t).scrollLeft;
+  return e ? e.left + n : U(B(t)).left + n;
+}
+function $t(t, e) {
+  const n = t.getBoundingClientRect(), i = n.left + e.scrollLeft - at(t, n), o = n.top + e.scrollTop;
+  return {
+    x: i,
+    y: o
+  };
+}
+function pe(t) {
+  let {
+    elements: e,
+    rect: n,
+    offsetParent: i,
+    strategy: o
+  } = t;
+  const s = o === "fixed", r = B(i), l = e ? lt(e.floating) : !1;
+  if (i === r || l && s)
+    return n;
+  let c = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, a = k(1);
+  const d = k(0), u = P(i);
+  if ((u || !u && !s) && ((z(i) !== "body" || et(r)) && (c = ct(i)), P(i))) {
+    const f = U(i);
+    a = j(i), d.x = f.x + i.clientLeft, d.y = f.y + i.clientTop;
+  }
+  const p = r && !u && !s ? $t(r, c) : k(0);
+  return {
+    width: n.width * a.x,
+    height: n.height * a.y,
+    x: n.x * a.x - c.scrollLeft * a.x + d.x + p.x,
+    y: n.y * a.y - c.scrollTop * a.y + d.y + p.y
+  };
+}
+function ge(t) {
+  return Array.from(t.getClientRects());
+}
+function me(t) {
+  const e = B(t), n = ct(t), i = t.ownerDocument.body, o = _(e.scrollWidth, e.clientWidth, i.scrollWidth, i.clientWidth), s = _(e.scrollHeight, e.clientHeight, i.scrollHeight, i.clientHeight);
+  let r = -n.scrollLeft + at(t);
+  const l = -n.scrollTop;
+  return T(i).direction === "rtl" && (r += _(e.clientWidth, i.clientWidth) - o), {
+    width: o,
+    height: s,
+    x: r,
+    y: l
+  };
+}
+const St = 25;
+function we(t, e) {
+  const n = C(t), i = B(t), o = n.visualViewport;
+  let s = i.clientWidth, r = i.clientHeight, l = 0, c = 0;
+  if (o) {
+    s = o.width, r = o.height;
+    const d = wt();
+    (!d || d && e === "fixed") && (l = o.offsetLeft, c = o.offsetTop);
+  }
+  const a = at(i);
+  if (a <= 0) {
+    const d = i.ownerDocument, u = d.body, p = getComputedStyle(u), f = d.compatMode === "CSS1Compat" && parseFloat(p.marginLeft) + parseFloat(p.marginRight) || 0, h = Math.abs(i.clientWidth - u.clientWidth - f);
+    h <= St && (s -= h);
+  } else a <= St && (s += a);
+  return {
+    width: s,
+    height: r,
+    x: l,
+    y: c
+  };
+}
+const ye = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function xe(t, e) {
+  const n = U(t, !0, e === "fixed"), i = n.top + t.clientTop, o = n.left + t.clientLeft, s = P(t) ? j(t) : k(1), r = t.clientWidth * s.x, l = t.clientHeight * s.y, c = o * s.x, a = i * s.y;
+  return {
+    width: r,
+    height: l,
+    x: c,
+    y: a
+  };
+}
+function At(t, e, n) {
+  let i;
+  if (e === "viewport")
+    i = we(t, n);
+  else if (e === "document")
+    i = me(B(t));
+  else if (R(e))
+    i = xe(e, n);
+  else {
+    const o = Dt(t);
+    i = {
+      x: e.x - o.x,
+      y: e.y - o.y,
+      width: e.width,
+      height: e.height
+    };
+  }
+  return st(i);
+}
+function Ft(t, e) {
+  const n = M(t);
+  return n === e || !R(n) || Y(n) ? !1 : T(n).position === "fixed" || Ft(n, e);
+}
+function ve(t, e) {
+  const n = e.get(t);
+  if (n)
+    return n;
+  let i = Tt(t, []).filter((l) => R(l) && z(l) !== "body"), o = null;
+  const s = T(t).position === "fixed";
+  let r = s ? M(t) : t;
+  for (; R(r) && !Y(r); ) {
+    const l = T(r), c = mt(r);
+    !c && l.position === "fixed" && (o = null), (s ? !c && !o : !c && l.position === "static" && !!o && ye.has(o.position) || et(r) && !c && Ft(t, r)) ? i = i.filter((d) => d !== r) : o = l, r = M(r);
+  }
+  return e.set(t, i), i;
+}
+function be(t) {
+  let {
+    element: e,
+    boundary: n,
+    rootBoundary: i,
+    strategy: o
+  } = t;
+  const r = [...n === "clippingAncestors" ? lt(e) ? [] : ve(e, this._c) : [].concat(n), i], l = r[0], c = r.reduce((a, d) => {
+    const u = At(e, d, o);
+    return a.top = _(u.top, a.top), a.right = Q(u.right, a.right), a.bottom = Q(u.bottom, a.bottom), a.left = _(u.left, a.left), a;
+  }, At(e, l, o));
+  return {
+    width: c.right - c.left,
+    height: c.bottom - c.top,
+    x: c.left,
+    y: c.top
+  };
+}
+function Se(t) {
+  const {
+    width: e,
+    height: n
+  } = kt(t);
+  return {
+    width: e,
+    height: n
+  };
+}
+function Ae(t, e, n) {
+  const i = P(e), o = B(e), s = n === "fixed", r = U(t, !0, s, e);
+  let l = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const c = k(0);
+  function a() {
+    c.x = at(o);
+  }
+  if (i || !i && !s)
+    if ((z(e) !== "body" || et(o)) && (l = ct(e)), i) {
+      const f = U(e, !0, s, e);
+      c.x = f.x + e.clientLeft, c.y = f.y + e.clientTop;
+    } else o && a();
+  s && !i && o && a();
+  const d = o && !i && !s ? $t(o, l) : k(0), u = r.left + l.scrollLeft - c.x - d.x, p = r.top + l.scrollTop - c.y - d.y;
+  return {
+    x: u,
+    y: p,
+    width: r.width,
+    height: r.height
+  };
+}
+function ft(t) {
+  return T(t).position === "static";
+}
+function Ct(t, e) {
+  if (!P(t) || T(t).position === "fixed")
+    return null;
+  if (e)
+    return e(t);
+  let n = t.offsetParent;
+  return B(t) === n && (n = n.ownerDocument.body), n;
+}
+function Bt(t, e) {
+  const n = C(t);
+  if (lt(t))
+    return n;
+  if (!P(t)) {
+    let o = M(t);
+    for (; o && !Y(o); ) {
+      if (R(o) && !ft(o))
+        return o;
+      o = M(o);
+    }
+    return n;
+  }
+  let i = Ct(t, e);
+  for (; i && se(i) && ft(i); )
+    i = Ct(i, e);
+  return i && Y(i) && ft(i) && !mt(i) ? n : i || fe(t) || n;
+}
+const Ce = async function(t) {
+  const e = this.getOffsetParent || Bt, n = this.getDimensions, i = await n(t.floating);
+  return {
+    reference: Ae(t.reference, await e(t.floating), t.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: i.width,
+      height: i.height
+    }
+  };
+};
+function Ee(t) {
+  return T(t).direction === "rtl";
+}
+const Oe = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: pe,
+  getDocumentElement: B,
+  getClippingRect: be,
+  getOffsetParent: Bt,
+  getElementRects: Ce,
+  getClientRects: ge,
+  getDimensions: Se,
+  getScale: j,
+  isElement: R,
+  isRTL: Ee
+}, Le = ee, Re = ne, Te = Ut, ke = Qt, Pe = (t, e, n) => {
+  const i = /* @__PURE__ */ new Map(), o = {
+    platform: Oe,
+    ...n
+  }, s = {
+    ...o.platform,
+    _c: i
+  };
+  return Jt(t, e, {
+    ...o,
+    platform: s
+  });
+};
+function De(t) {
+  try {
+    return document.querySelector(t);
+  } catch {
+    return console.warn(`[Trailguide] Invalid selector: ${t}`), null;
+  }
+}
+function $e(t) {
+  const e = t.getBoundingClientRect(), n = window.getComputedStyle(t);
+  return e.width > 0 && e.height > 0 && n.visibility !== "hidden" && n.display !== "none" && n.opacity !== "0";
+}
+function Fe(t) {
+  t.scrollIntoView({
+    behavior: "smooth",
+    block: "center",
+    inline: "center"
+  });
+}
+function nt(t, e, n) {
+  const i = document.createElement(t);
+  return e && (i.className = e), n && n.appendChild(i), i;
+}
+class Be {
+  constructor(e = {}) {
+    F(this, "trail", null);
+    F(this, "currentStepIndex", 0);
+    F(this, "isActive", !1);
+    F(this, "options", {});
+    // DOM elements
+    F(this, "overlay", null);
+    F(this, "tooltip", null);
+    F(this, "arrowEl", null);
+    // Cleanup functions
+    F(this, "cleanupFns", []);
+    this.options = e;
+  }
+  start(e) {
+    this.trail = e, this.currentStepIndex = 0, this.isActive = !0, this.createOverlay(), this.showStep(), this.bindKeyboard();
+  }
+  stop() {
+    this.isActive = !1, this.cleanup();
+  }
+  next() {
+    !this.trail || !this.isActive || (this.currentStepIndex < this.trail.steps.length - 1 ? (this.currentStepIndex++, this.showStep()) : this.complete());
+  }
+  prev() {
+    !this.trail || !this.isActive || this.currentStepIndex > 0 && (this.currentStepIndex--, this.showStep());
+  }
+  skip() {
+    var e, n;
+    this.isActive = !1, this.cleanup(), (n = (e = this.options).onSkip) == null || n.call(e);
+  }
+  goToStep(e) {
+    !this.trail || !this.isActive || e >= 0 && e < this.trail.steps.length && (this.currentStepIndex = e, this.showStep());
+  }
+  complete() {
+    var e, n;
+    this.isActive = !1, this.cleanup(), (n = (e = this.options).onComplete) == null || n.call(e);
+  }
+  createOverlay() {
+    var n, i, o;
+    this.overlay = nt("div", "trailguide-overlay"), document.body.appendChild(this.overlay);
+    const e = nt("div", "trailguide-spotlight", this.overlay);
+    e.innerHTML = `
+      <svg width="100%" height="100%">
+        <defs>
+          <mask id="trailguide-mask">
+            <rect x="0" y="0" width="100%" height="100%" fill="white" />
+            <rect class="trailguide-cutout" rx="4" fill="black" />
+          </mask>
+        </defs>
+        <rect x="0" y="0" width="100%" height="100%" fill="rgba(0,0,0,0.5)" mask="url(#trailguide-mask)" />
+      </svg>
+    `, nt("div", "trailguide-highlight", this.overlay), this.tooltip = nt("div", "trailguide-tooltip"), this.tooltip.innerHTML = `
+      <div class="trailguide-tooltip-content">
+        <div class="trailguide-tooltip-header">
+          <h3 class="trailguide-tooltip-title"></h3>
+          <button class="trailguide-tooltip-close" aria-label="Skip tour">&times;</button>
+        </div>
+        <div class="trailguide-tooltip-body"></div>
+        <div class="trailguide-tooltip-footer">
+          <span class="trailguide-tooltip-progress"></span>
+          <div class="trailguide-tooltip-nav">
+            <button class="trailguide-btn trailguide-btn-secondary trailguide-btn-prev">Back</button>
+            <button class="trailguide-btn trailguide-btn-primary trailguide-btn-next">Next</button>
+          </div>
+        </div>
+        <div class="trailguide-tooltip-arrow"></div>
+      </div>
+    `, document.body.appendChild(this.tooltip), this.arrowEl = this.tooltip.querySelector(".trailguide-tooltip-arrow"), (n = this.tooltip.querySelector(".trailguide-tooltip-close")) == null || n.addEventListener("click", () => this.skip()), (i = this.tooltip.querySelector(".trailguide-btn-prev")) == null || i.addEventListener("click", () => this.prev()), (o = this.tooltip.querySelector(".trailguide-btn-next")) == null || o.addEventListener("click", () => this.next());
+  }
+  showStep() {
+    if (!this.trail || !this.overlay || !this.tooltip) return;
+    const e = this.trail.steps[this.currentStepIndex];
+    if (!e) return;
+    const n = De(e.target);
+    if (!n || !$e(n)) {
+      console.warn(`[Trailguide] Target not found or not visible: ${e.target}`);
+      return;
+    }
+    Fe(n), setTimeout(() => {
+      var i, o;
+      this.updateSpotlight(n), this.updateTooltip(e, n), (o = (i = this.options).onStepChange) == null || o.call(i, e, this.currentStepIndex);
+    }, 100);
+  }
+  updateSpotlight(e) {
+    if (!this.overlay) return;
+    const n = e.getBoundingClientRect(), i = 8, o = this.overlay.querySelector(".trailguide-cutout");
+    o && (o.setAttribute("x", String(n.left - i)), o.setAttribute("y", String(n.top - i)), o.setAttribute("width", String(n.width + i * 2)), o.setAttribute("height", String(n.height + i * 2)));
+    const s = this.overlay.querySelector(".trailguide-highlight");
+    s && (s.style.top = `${n.top - i}px`, s.style.left = `${n.left - i}px`, s.style.width = `${n.width + i * 2}px`, s.style.height = `${n.height + i * 2}px`);
+    const r = () => {
+      if (!this.isActive) return;
+      const l = e.getBoundingClientRect();
+      o && (o.setAttribute("x", String(l.left - i)), o.setAttribute("y", String(l.top - i)), o.setAttribute("width", String(l.width + i * 2)), o.setAttribute("height", String(l.height + i * 2))), s && (s.style.top = `${l.top - i}px`, s.style.left = `${l.left - i}px`, s.style.width = `${l.width + i * 2}px`, s.style.height = `${l.height + i * 2}px`);
+    };
+    window.addEventListener("scroll", r, !0), window.addEventListener("resize", r), this.cleanupFns.push(() => {
+      window.removeEventListener("scroll", r, !0), window.removeEventListener("resize", r);
+    });
+  }
+  async updateTooltip(e, n) {
+    if (!this.tooltip || !this.trail || !this.arrowEl) return;
+    const i = this.currentStepIndex === 0, o = this.currentStepIndex === this.trail.steps.length - 1, s = this.tooltip.querySelector(".trailguide-tooltip-title"), r = this.tooltip.querySelector(".trailguide-tooltip-body"), l = this.tooltip.querySelector(".trailguide-tooltip-progress"), c = this.tooltip.querySelector(".trailguide-btn-prev"), a = this.tooltip.querySelector(".trailguide-btn-next");
+    s && (s.textContent = e.title), r && (r.textContent = e.content), l && (l.textContent = `${this.currentStepIndex + 1} of ${this.trail.steps.length}`), c && (c.style.display = i ? "none" : "block"), a && (a.textContent = o ? "Finish" : "Next");
+    const { x: d, y: u, middlewareData: p } = await Pe(n, this.tooltip, {
+      placement: e.placement,
+      middleware: [
+        Le(12),
+        Te(),
+        Re({ padding: 8 }),
+        ke({ element: this.arrowEl })
+      ]
+    });
+    if (this.tooltip.style.left = `${d}px`, this.tooltip.style.top = `${u}px`, p.arrow && this.arrowEl) {
+      const { x: f, y: h } = p.arrow;
+      this.arrowEl.style.left = f != null ? `${f}px` : "", this.arrowEl.style.top = h != null ? `${h}px` : "";
+    }
+  }
+  bindKeyboard() {
+    const e = (n) => {
+      if (this.isActive)
+        switch (n.key) {
+          case "ArrowRight":
+          case "Enter":
+            this.next();
+            break;
+          case "ArrowLeft":
+            this.prev();
+            break;
+          case "Escape":
+            this.skip();
+            break;
+        }
+    };
+    window.addEventListener("keydown", e), this.cleanupFns.push(() => window.removeEventListener("keydown", e));
+  }
+  cleanup() {
+    var e, n;
+    this.cleanupFns.forEach((i) => i()), this.cleanupFns = [], (e = this.overlay) == null || e.remove(), (n = this.tooltip) == null || n.remove(), this.overlay = null, this.tooltip = null;
+  }
+}
+let b = null;
+function Ve(t, e) {
+  return b && b.stop(), b = new Be(e), b.start(t), b;
+}
+function Me() {
+  b == null || b.stop();
+}
+function We() {
+  b == null || b.next();
+}
+function He() {
+  b == null || b.prev();
+}
+function Ie() {
+  b == null || b.skip();
+}
+export {
+  Be as Trailguide,
+  De as findElement,
+  $e as isElementVisible,
+  We as next,
+  He as prev,
+  Fe as scrollToElement,
+  Ie as skip,
+  Ve as start,
+  Me as stop
+};