v-tutorial 0.0.0-stage → 1.0.0

package/dist/v-tutorial.js

@@ -0,0 +1,1214 @@
+import { ref as W, getCurrentScope as Re, onScopeDispose as De, nextTick as re, watch as se, computed as x, defineComponent as ut, provide as $t, onMounted as ct, onUnmounted as dt, openBlock as T, createElementBlock as I, Fragment as nt, renderSlot as H, createBlock as We, Teleport as vt, createVNode as Lt, Transition as Rt, withCtx as Dt, unref as m, normalizeClass as y, normalizeProps as ee, guardReactiveProps as te, createElementVNode as f, normalizeStyle as Y, mergeProps as it, createCommentVNode as ae, toDisplayString as G, resolveDynamicComponent as It, withModifiers as Ie, inject as Wt } from "vue";
+const rt = [
+  "xs",
+  "sm",
+  "md",
+  "lg",
+  "xl",
+  "xxl"
+], ft = {
+  xs: 0,
+  sm: 576,
+  md: 768,
+  lg: 992,
+  xl: 1200,
+  xxl: 1400
+};
+function Xt(a, t) {
+  return a >= t.xxl ? "xxl" : a >= t.xl ? "xl" : a >= t.lg ? "lg" : a >= t.md ? "md" : a >= t.sm ? "sm" : "xs";
+}
+function Nt(a, t) {
+  var s;
+  const e = { ...a }, r = rt.indexOf(t), n = {
+    sm: a.targetSm,
+    md: a.targetMd,
+    lg: a.targetLg,
+    xl: a.targetXl,
+    xxl: a.targetXxl
+  }, i = {
+    sm: a.placementSm,
+    md: a.placementMd,
+    lg: a.placementLg,
+    xl: a.placementXl,
+    xxl: a.placementXxl
+  };
+  for (let l = 0; l <= r; l++) {
+    const p = rt[l], o = (s = a.breakpoints) == null ? void 0 : s[p];
+    o && (o.disabled !== void 0 && (e.disabled = o.disabled), o.target !== void 0 && (e.target = o.target), o.title !== void 0 && (e.title = o.title), o.content !== void 0 && (e.content = o.content), o.mode !== void 0 && (e.mode = o.mode), o.placement !== void 0 && (e.placement = o.placement), o.hintText !== void 0 && (e.hintText = o.hintText), o.spotlightPadding !== void 0 && (e.spotlightPadding = o.spotlightPadding), o.cardWidth !== void 0 && (e.cardWidth = o.cardWidth), o.autoScroll !== void 0 && (e.autoScroll = o.autoScroll), o.route !== void 0 && (e.route = o.route), o.rollbackRoute !== void 0 && (e.rollbackRoute = o.rollbackRoute), o.enterActions !== void 0 && (e.enterActions = o.enterActions), o.rollbackActions !== void 0 && (e.rollbackActions = o.rollbackActions), o.leaveActions !== void 0 && (e.leaveActions = o.leaveActions)), n[p] !== void 0 && (e.target = n[p]), i[p] !== void 0 && (e.placement = i[p]);
+  }
+  return e;
+}
+const q = /* @__PURE__ */ new Map();
+function fe(a) {
+  if (!a || typeof document > "u" || !document.body.contains(a)) return !1;
+  const t = a.getBoundingClientRect();
+  return t.width > 0 && t.height > 0;
+}
+function Vt(a) {
+  if (!a || typeof document > "u") return null;
+  const t = q.get(a);
+  if (t && fe(t.el))
+    return t.el;
+  const r = Array.from(
+    document.querySelectorAll(`[data-tutorial-id="${a}"]`)
+  ).find((s) => fe(s));
+  if (r) return r;
+  const n = a.replace(/^#/, ""), i = document.getElementById(n);
+  if (fe(i)) return i;
+  try {
+    const s = Array.from(document.querySelectorAll(a)), l = s.find((p) => fe(p));
+    return l || s[0] || null;
+  } catch {
+    return null;
+  }
+}
+function Ae(a) {
+  if (!a || !a.target || a.placement === "center") return [];
+  const t = Array.isArray(a.target) ? a.target : [a.target], e = [];
+  for (const r of t) {
+    const n = Vt(r);
+    n && e.push(n);
+  }
+  return e;
+}
+function Xe(a) {
+  const t = Ae(a);
+  return t.find((r) => fe(r)) || t[0] || null;
+}
+function Ht(a) {
+  const t = Ae(a);
+  if (!t.length) return null;
+  const e = t.map((l) => l.getBoundingClientRect()).filter((l) => l.width > 0 && l.height > 0);
+  if (!e.length) return null;
+  if (e.length === 1) return e[0];
+  const r = Math.min(...e.map((l) => l.left)), n = Math.min(...e.map((l) => l.top)), i = Math.max(...e.map((l) => l.right)), s = Math.max(...e.map((l) => l.bottom));
+  return new DOMRect(r, n, i - r, s - n);
+}
+async function qt(a, t, e = "smooth") {
+  if (!t) return;
+  const r = a.getBoundingClientRect(), n = 70;
+  if (!(r.top >= n && r.left >= 0 && r.bottom <= window.innerHeight - n && r.right <= window.innerWidth))
+    try {
+      a.scrollIntoView({
+        behavior: e,
+        block: "center",
+        inline: "nearest"
+      }), await new Promise((s) => setTimeout(s, 220));
+    } catch {
+      a.scrollIntoView();
+    }
+}
+async function Ft(a, t, e = "smooth", r = 1200) {
+  if (!a || !a.target || a.placement === "center") return null;
+  const n = Date.now();
+  for (; Date.now() - n < r; ) {
+    const i = Xe(a);
+    if (i) {
+      const s = i.getBoundingClientRect();
+      if (s.width > 0 && s.height > 0)
+        return await qt(i, t, e), i;
+    }
+    await new Promise((s) => setTimeout(s, 40));
+  }
+  return Xe(a);
+}
+const Q = W(!1), Ve = W([]), U = W([]), A = W(0), E = W(!1), he = W("start"), ue = W(typeof window < "u" ? window.innerWidth : 1024);
+let be;
+const F = W({
+  storageKey: "v-tutorial-completed",
+  autoScroll: !0,
+  scrollBehavior: "smooth",
+  spotlightPadding: 6,
+  cardWidth: 370,
+  showArrow: !0,
+  unstyled: !1,
+  mobileSheetOnAuto: !0,
+  breakpoints: { ...ft }
+}), pt = /* @__PURE__ */ new Map(), xe = /* @__PURE__ */ new Set(), ke = /* @__PURE__ */ new Set(), pe = /* @__PURE__ */ new Set(), He = x(() => ({
+  ...ft,
+  ...F.value.breakpoints || {}
+})), Te = x(
+  () => Xt(ue.value, He.value)
+), ht = x(() => ue.value < He.value.md), Kt = x(
+  () => U.value.length > 0 ? U.value : Ve.value
+), S = x(() => {
+  const a = Te.value;
+  return Kt.value.map((t) => Nt(t, a)).filter((t) => !t.disabled);
+}), J = x(
+  () => S.value[A.value] || null
+), mt = x(() => S.value.length), gt = x(() => A.value <= 0), wt = x(
+  () => S.value.length > 0 && A.value === S.value.length - 1
+), yt = x(() => S.value.length ? Math.round((A.value + 1) / S.value.length * 100) : 0), me = x(
+  () => F.value.storageKey || "v-tutorial-completed"
+);
+async function ie(a, ...t) {
+  try {
+    const e = pt.get(a);
+    if (e) return await e(...t);
+  } catch (e) {
+    console.warn(`[v-tutorial] Erro ao executar ação "${a}":`, e);
+  }
+}
+async function le(a) {
+  if (a) {
+    if (Array.isArray(a)) {
+      for (const t of a)
+        await ie(t);
+      await re();
+      return;
+    }
+    for (const [t, e] of Object.entries(a))
+      Array.isArray(e) ? await ie(t, ...e) : e === void 0 ? await ie(t) : await ie(t, e);
+    await re();
+  }
+}
+async function Ne(a) {
+  var t, e;
+  if (!(!a || !be))
+    try {
+      const r = (e = (t = be.currentRoute) == null ? void 0 : t.value) == null ? void 0 : e.path;
+      r && r !== a && (await be.push(a), await re());
+    } catch (r) {
+      console.warn(`[v-tutorial] Erro ao navegar para rota "${a}":`, r);
+    }
+}
+function K(a = he.value) {
+  return {
+    currentStepIndex: A.value,
+    currentStep: J.value,
+    totalSteps: mt.value,
+    progress: yt.value,
+    isFirstStep: gt.value,
+    isLastStep: wt.value,
+    direction: a,
+    activeBreakpoint: Te.value,
+    viewportWidth: ue.value,
+    isMobileViewport: ht.value,
+    nextStep: Se,
+    prevStep: bt,
+    goToStep: Ce,
+    endTutorial: At,
+    restartTutorial: kt,
+    runRegisteredAction: ie,
+    runActionMap: le
+  };
+}
+async function qe(a, t = 1200) {
+  if (!a || !a.target || a.placement === "center") return null;
+  const e = a.autoScroll ?? F.value.autoScroll ?? !0, r = F.value.scrollBehavior || "smooth";
+  return Ft(a, e, r, t);
+}
+async function Ce(a, t = "forward") {
+  const e = typeof a == "number" ? a : S.value.findIndex((n) => n.id === a);
+  if (e < 0 || e >= S.value.length) return;
+  E.value = !0, he.value = t;
+  try {
+    const n = S.value[A.value];
+    n && Q.value && A.value !== e && (n.leaveActions && await le(n.leaveActions), n.afterLeave && await n.afterLeave(K(t))), A.value = e;
+    const i = S.value[e], s = K(t);
+    t === "backward" && ((i != null && i.rollbackRoute || i != null && i.route) && await Ne(i.rollbackRoute || i.route), i != null && i.rollbackActions && await le(i.rollbackActions), i != null && i.onRollback && await i.onRollback(s)), i != null && i.route && await Ne(i.route), i != null && i.enterActions && await le(i.enterActions), i != null && i.beforeEnter && await i.beforeEnter(s), await re(), await qe(i);
+  } catch (n) {
+    console.error("[v-tutorial] Erro durante transição de passo:", n);
+  } finally {
+    E.value = !1;
+  }
+  const r = K(t);
+  pe.forEach((n) => n(r));
+}
+async function Se() {
+  E.value || (A.value < S.value.length - 1 ? await Ce(A.value + 1, "forward") : St());
+}
+async function bt() {
+  E.value || A.value > 0 && await Ce(A.value - 1, "backward");
+}
+function jt(a) {
+  Ve.value = a;
+}
+function _t(a) {
+  const t = U.value.findIndex((e) => e.id === a.id);
+  t >= 0 ? U.value[t] = a : U.value.push(a);
+}
+function Ut(a) {
+  const t = U.value.findIndex((e) => e.id === a.id);
+  t >= 0 && (U.value[t] = a);
+}
+function zt(a) {
+  U.value = U.value.filter((t) => t.id !== a);
+}
+function st(a) {
+  a.router && (be = a.router);
+  const { router: t, ...e } = a;
+  F.value = {
+    ...F.value,
+    ...e,
+    breakpoints: {
+      ...F.value.breakpoints,
+      ...e.breakpoints
+    },
+    labels: {
+      ...F.value.labels,
+      ...e.labels
+    },
+    classes: {
+      ...F.value.classes,
+      ...e.classes
+    }
+  };
+}
+async function xt(a, t = !1) {
+  if (typeof window < "u" && (ue.value = window.innerWidth), a && a.length > 0 && (Ve.value = a), !(!t && typeof window < "u" && localStorage.getItem(me.value) === "true") && S.value.length) {
+    Q.value = !0, A.value = 0, he.value = "start", E.value = !0;
+    try {
+      const e = S.value[0], r = K("start");
+      e != null && e.route && await Ne(e.route), e != null && e.enterActions && await le(e.enterActions), e != null && e.beforeEnter && await e.beforeEnter(r), await re(), await qe(e);
+    } catch (e) {
+      console.error("[v-tutorial] Erro ao iniciar tutorial:", e);
+    } finally {
+      E.value = !1;
+    }
+    pe.forEach((e) => e(K("start")));
+  }
+}
+async function kt() {
+  typeof window < "u" && localStorage.removeItem(me.value), await xt(void 0, !0);
+}
+function St() {
+  typeof window < "u" && localStorage.setItem(me.value, "true"), E.value = !1, Q.value = !1;
+  const a = K("forward");
+  xe.forEach((t) => t(a));
+}
+function At(a = !0) {
+  a && typeof window < "u" && localStorage.setItem(me.value, "true"), E.value = !1, Q.value = !1;
+  const t = K(he.value);
+  ke.forEach((e) => e(t));
+}
+async function Ot(a) {
+  if (!Q.value || E.value) return;
+  const t = J.value;
+  if (!t || !t.target || t.placement === "center") return;
+  const e = Ae(t), r = a.target;
+  if (!r || !e.length) return;
+  const n = e.find((o) => o.contains(r));
+  if (!n) return;
+  const i = n.getAttribute("data-tutorial-id") || "", s = q.get(i);
+  (t.preventNativeClick ?? (s == null ? void 0 : s.config.preventNativeClick) ?? !1) && (a.preventDefault(), a.stopPropagation(), a.stopImmediatePropagation());
+  const p = K("forward");
+  if (s != null && s.config.onTutorialClick && await s.config.onTutorialClick(a, p), t.onTargetClick && await t.onTargetClick(a, p), t.mode === "wait-click" || t.mode === "optional-click") {
+    E.value = !0;
+    const o = t.afterClickDelay ?? 280;
+    setTimeout(async () => {
+      try {
+        t.afterClick && await t.afterClick(K("forward"));
+      } finally {
+        E.value = !1;
+      }
+      await Se();
+    }, o);
+  }
+}
+typeof window < "u" && (window.addEventListener("click", Ot, !0), window.addEventListener(
+  "resize",
+  () => {
+    ue.value = window.innerWidth;
+  },
+  { passive: !0 }
+));
+se(Te, async () => {
+  if (!Q.value || E.value) return;
+  A.value >= S.value.length && (A.value = Math.max(0, S.value.length - 1));
+  const a = J.value;
+  a != null && a.enterActions && await le(a.enterActions), await qe(a, 600);
+});
+function Fe(a) {
+  a && st(a);
+  function t(l, p) {
+    const o = typeof p == "string" ? { id: p } : p, g = (h) => {
+      h ? (h.setAttribute("data-tutorial-id", o.id), q.set(o.id, { el: h, config: o })) : q.delete(o.id);
+    };
+    "value" in l ? se(l, (h) => g(h), { immediate: !0 }) : g(l);
+  }
+  function e(l, p, o) {
+    return async (...g) => {
+      var h, u, P, b;
+      if (Q.value) {
+        const $ = Array.isArray((h = J.value) == null ? void 0 : h.target) ? (u = J.value) == null ? void 0 : u.target : [(P = J.value) == null ? void 0 : P.target], L = ((b = J.value) == null ? void 0 : b.id) === l || $.includes(l);
+        o != null && o.tutorialFn && await o.tutorialFn(...g), o != null && o.preventNativeWhenActive || await p(...g), L && ((o == null ? void 0 : o.autoAdvance) ?? !0) && await Se();
+        return;
+      }
+      return p(...g);
+    };
+  }
+  function r(l, p) {
+    pt.set(l, p);
+  }
+  function n(l) {
+    return xe.add(l), Re() && De(() => xe.delete(l)), () => xe.delete(l);
+  }
+  function i(l) {
+    return ke.add(l), Re() && De(() => ke.delete(l)), () => ke.delete(l);
+  }
+  function s(l) {
+    return pe.add(l), Re() && De(() => pe.delete(l)), () => pe.delete(l);
+  }
+  return {
+    isActive: Q,
+    steps: S,
+    currentStepIndex: A,
+    currentStep: J,
+    totalSteps: mt,
+    progress: yt,
+    isFirstStep: gt,
+    isLastStep: wt,
+    isTransitioning: E,
+    lastDirection: he,
+    activeBreakpoint: Te,
+    viewportWidth: ue,
+    isMobileViewport: ht,
+    mergedBreakpoints: He,
+    storageKey: me,
+    globalOptions: F,
+    configureTutorial: st,
+    registerSteps: jt,
+    registerDeclarativeStep: _t,
+    updateDeclarativeStep: Ut,
+    unregisterDeclarativeStep: zt,
+    startTutorial: xt,
+    restartTutorial: kt,
+    nextStep: Se,
+    prevStep: bt,
+    goToStep: Ce,
+    endTutorial: At,
+    completeTutorial: St,
+    resolveStepElement: Xe,
+    resolveStepElements: Ae,
+    getStepBoundingRect: Ht,
+    registerTarget: t,
+    wrapTutorialAction: e,
+    registerAction: r,
+    runRegisteredAction: ie,
+    runActionMap: le,
+    onFinish: n,
+    onStop: i,
+    onStepChange: s,
+    getContext: K
+  };
+}
+const Yt = {
+  mounted(a, t) {
+    if (!t.value) return;
+    const e = typeof t.value == "string" ? { id: t.value } : t.value;
+    e != null && e.id && (a.setAttribute("data-tutorial-id", e.id), q.set(e.id, { el: a, config: e }));
+  },
+  updated(a, t) {
+    if (!t.value) {
+      const r = a.getAttribute("data-tutorial-id");
+      if (r) {
+        const n = q.get(r);
+        (n == null ? void 0 : n.el) === a && q.delete(r), a.removeAttribute("data-tutorial-id");
+      }
+      return;
+    }
+    const e = typeof t.value == "string" ? { id: t.value } : t.value;
+    e != null && e.id && (a.setAttribute("data-tutorial-id", e.id), q.set(e.id, { el: a, config: e }));
+  },
+  unmounted(a, t) {
+    var r;
+    const e = typeof t.value == "string" ? t.value : ((r = t.value) == null ? void 0 : r.id) || a.getAttribute("data-tutorial-id");
+    if (e) {
+      const n = q.get(e);
+      (n == null ? void 0 : n.el) === a && q.delete(e);
+    }
+  }
+};
+function Gt(a) {
+  const {
+    hasTargetBox: t,
+    spotlightBox: e,
+    viewportW: r,
+    viewportH: n,
+    maxCardW: i,
+    cardHeight: s,
+    requestedPlacement: l,
+    isMobileViewport: p,
+    useMobileSheet: o
+  } = a, g = Math.min(i, r - 24);
+  if (!t)
+    return {
+      resolvedPlacement: "center",
+      cardStyle: {
+        top: "50%",
+        left: "50%",
+        width: `${g}px`,
+        transform: "translate(-50%, -50%)"
+      },
+      arrowStyle: null
+    };
+  const h = 14;
+  let u = l || "auto";
+  const P = r - (e.x + e.width), b = e.x, $ = n - (e.y + e.height), L = e.y;
+  if (p && o && (u === "auto" || u === "left" || u === "right") && (u = $ >= L ? "bottom-sheet" : "top-sheet"), u === "top-sheet" || u === "bottom-sheet") {
+    const M = Math.min(r - 20, 440), X = Math.round((r - M) / 2), N = 12, Z = N + s, Pe = n - 12 - s, Be = n - 12, ge = e.y < Z + 10 && e.y + e.height > N - 10, we = e.y < Be + 10 && e.y + e.height > Pe - 10;
+    if (u === "top-sheet" && ge) {
+      if (!we)
+        u = "bottom-sheet";
+      else if ($ >= L) {
+        const d = Math.min(n - s - 10, e.y + e.height + 12);
+        return {
+          resolvedPlacement: "bottom",
+          cardStyle: {
+            top: `${Math.max(12, d)}px`,
+            left: `${X}px`,
+            bottom: "auto",
+            width: `${M}px`,
+            transform: "none"
+          },
+          arrowStyle: {
+            left: `${Math.max(24, Math.min(M - 24, e.x + e.width / 2 - X))}px`
+          }
+        };
+      }
+    }
+    if (u === "bottom-sheet" && we) {
+      if (!ge)
+        u = "top-sheet";
+      else if (L > $)
+        return {
+          resolvedPlacement: "top",
+          cardStyle: {
+            top: `${Math.max(12, e.y - s - 12)}px`,
+            left: `${X}px`,
+            bottom: "auto",
+            width: `${M}px`,
+            transform: "none"
+          },
+          arrowStyle: {
+            left: `${Math.max(24, Math.min(M - 24, e.x + e.width / 2 - X))}px`
+          }
+        };
+    }
+    if (u === "bottom-sheet")
+      return {
+        resolvedPlacement: "bottom-sheet",
+        cardStyle: {
+          bottom: "12px",
+          left: `${X}px`,
+          top: "auto",
+          width: `${M}px`,
+          transform: "none"
+        },
+        arrowStyle: null
+      };
+    if (u === "top-sheet")
+      return {
+        resolvedPlacement: "top-sheet",
+        cardStyle: {
+          top: "12px",
+          left: `${X}px`,
+          bottom: "auto",
+          width: `${M}px`,
+          transform: "none"
+        },
+        arrowStyle: null
+      };
+  }
+  if (u === "auto") {
+    const M = [
+      { dir: "right", space: P, minReq: g + h + 16 },
+      { dir: "left", space: b, minReq: g + h + 16 },
+      { dir: "bottom", space: $, minReq: s + h + 16 },
+      { dir: "top", space: L, minReq: s + h + 16 }
+    ], X = M.filter((N) => N.space >= N.minReq);
+    X.length > 0 ? u = X.sort((N, Z) => Z.space - N.space)[0].dir : u = M.sort((N, Z) => Z.space - N.space)[0].dir;
+  } else
+    u === "right" && P < g + h && b > P ? u = "left" : u === "left" && b < g + h && P > b ? u = "right" : u === "bottom" && $ < s + h && L > $ ? u = "top" : u === "top" && L < s + h && $ > L && (u = "bottom");
+  let C = e.y, R = e.x;
+  u === "right" ? (R = e.x + e.width + h, C = e.y + e.height / 2 - s / 2) : u === "left" ? (R = e.x - g - h, C = e.y + e.height / 2 - s / 2) : u === "bottom" ? (C = e.y + e.height + h, R = e.x + e.width / 2 - g / 2) : u === "top" && (C = e.y - s - h, R = e.x + e.width / 2 - g / 2), R = Math.max(12, Math.min(R, r - g - 12)), C = Math.max(12, Math.min(C, n - s - 12));
+  const oe = R < e.x + e.width && R + g > e.x, ne = C < e.y + e.height && C + s > e.y;
+  oe && ne && ($ >= L ? (C = Math.min(n - s - 10, e.y + e.height + 12), u = "bottom") : (C = Math.max(12, e.y - s - 12), u = "top"));
+  const Me = e.x + e.width / 2, ce = e.y + e.height / 2;
+  let de = null;
+  return u === "right" || u === "left" ? de = { top: `${Math.max(22, Math.min(s - 22, ce - C))}px` } : (u === "bottom" || u === "top") && (de = { left: `${Math.max(24, Math.min(g - 24, Me - R))}px` }), {
+    resolvedPlacement: u,
+    cardStyle: {
+      top: `${C}px`,
+      left: `${R}px`,
+      bottom: "auto",
+      width: `${g}px`,
+      transform: "none"
+    },
+    arrowStyle: de
+  };
+}
+const Tt = Symbol(
+  "SISTEC_TUTORIAL_PROVIDER_KEY"
+), Jt = ["innerHTML"], Qt = { class: "v-tutorial-nav-group d-flex align-items-center gap-2" }, Zt = {
+  key: 0,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2.5",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, ea = {
+  key: 1,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, ta = /* @__PURE__ */ ut({
+  __name: "TutorialProvider",
+  props: {
+    steps: {},
+    storageKey: {},
+    autoStart: { type: Boolean, default: !1 },
+    startDelay: { default: 400 },
+    unstyled: { type: Boolean, default: void 0 },
+    showArrow: { type: Boolean, default: void 0 },
+    mobileSheetOnAuto: { type: Boolean, default: void 0 },
+    breakpoints: {},
+    spotlightPadding: {},
+    cardWidth: {},
+    labels: {},
+    classes: {}
+  },
+  emits: ["finish", "stop", "step-change"],
+  setup(a, { emit: t }) {
+    const e = a, r = t, {
+      isActive: n,
+      steps: i,
+      currentStepIndex: s,
+      currentStep: l,
+      isTransitioning: p,
+      progress: o,
+      isFirstStep: g,
+      isLastStep: h,
+      activeBreakpoint: u,
+      isMobileViewport: P,
+      globalOptions: b,
+      configureTutorial: $,
+      registerSteps: L,
+      startTutorial: C,
+      restartTutorial: R,
+      nextStep: oe,
+      prevStep: ne,
+      goToStep: Me,
+      endTutorial: ce,
+      resolveStepElements: de,
+      getStepBoundingRect: M,
+      registerDeclarativeStep: X,
+      updateDeclarativeStep: N,
+      unregisterDeclarativeStep: Z,
+      onFinish: Pe,
+      onStop: Be,
+      onStepChange: ge,
+      getContext: we
+    } = Fe();
+    (e.storageKey || e.breakpoints || e.mobileSheetOnAuto !== void 0) && $({
+      ...e.storageKey ? { storageKey: e.storageKey } : {},
+      ...e.breakpoints ? { breakpoints: e.breakpoints } : {},
+      ...e.mobileSheetOnAuto !== void 0 ? { mobileSheetOnAuto: e.mobileSheetOnAuto } : {}
+    }), $t(Tt, {
+      registerDeclarativeStep: X,
+      updateDeclarativeStep: N,
+      unregisterDeclarativeStep: Z,
+      activeStepId: x(() => {
+        var c;
+        return ((c = l.value) == null ? void 0 : c.id) || null;
+      })
+    }), Pe(() => r("finish")), Be(() => r("stop")), ge((c) => r("step-change", c.currentStep, c.currentStepIndex));
+    const d = x(
+      () => e.unstyled ?? b.value.unstyled ?? !1
+    ), Ct = x(
+      () => e.showArrow ?? b.value.showArrow ?? !0
+    ), z = x(() => {
+      var c, v, D, Ue, ze, Oe, Ye, Ge, Je, Qe, Ze, et, tt, at, lt, ot;
+      return {
+        skipTutorial: ((c = e.labels) == null ? void 0 : c.skipTutorial) ?? ((v = b.value.labels) == null ? void 0 : v.skipTutorial) ?? "Pular tutorial",
+        previous: ((D = e.labels) == null ? void 0 : D.previous) ?? ((Ue = b.value.labels) == null ? void 0 : Ue.previous) ?? "Anterior",
+        next: ((ze = e.labels) == null ? void 0 : ze.next) ?? ((Oe = b.value.labels) == null ? void 0 : Oe.next) ?? "Próximo",
+        finish: ((Ye = e.labels) == null ? void 0 : Ye.finish) ?? ((Ge = b.value.labels) == null ? void 0 : Ge.finish) ?? "Concluir",
+        waitingClick: ((Je = e.labels) == null ? void 0 : Je.waitingClick) ?? ((Qe = b.value.labels) == null ? void 0 : Qe.waitingClick) ?? "Aguardando clique...",
+        interactiveBadge: ((Ze = e.labels) == null ? void 0 : Ze.interactiveBadge) ?? ((et = b.value.labels) == null ? void 0 : et.interactiveBadge) ?? "Interativo",
+        defaultHint: ((tt = e.labels) == null ? void 0 : tt.defaultHint) ?? ((at = b.value.labels) == null ? void 0 : at.defaultHint) ?? "Clique no item destacado na tela para continuar!",
+        stepCounter: ((lt = e.labels) == null ? void 0 : lt.stepCounter) ?? ((ot = b.value.labels) == null ? void 0 : ot.stepCounter) ?? ((Bt, Et) => `Passo ${Bt} de ${Et}`)
+      };
+    }), w = x(() => ({
+      ...b.value.classes,
+      ...e.classes
+    })), j = x(() => ({
+      ...we(),
+      step: l.value,
+      stepIndex: s.value,
+      totalSteps: i.value.length,
+      progress: o.value,
+      isFirstStep: g.value,
+      isLastStep: h.value,
+      nextStep: oe,
+      prevStep: ne,
+      goToStep: Me,
+      endTutorial: ce,
+      restartTutorial: R
+    })), ye = W(null), V = W(null), Ee = W({
+      w: typeof window < "u" ? window.innerWidth : 1024,
+      h: typeof window < "u" ? window.innerHeight : 768
+    });
+    let _ = null, Ke = 0, B = null;
+    const Mt = x(
+      () => {
+        var c;
+        return ((c = l.value) == null ? void 0 : c.spotlightPadding) ?? e.spotlightPadding ?? b.value.spotlightPadding ?? 6;
+      }
+    ), $e = x(() => {
+      var c;
+      return !!((c = l.value) != null && c.target) && l.value.placement !== "center" && !!V.value && V.value.width > 0 && V.value.height > 0;
+    }), k = x(() => {
+      if (!V.value) return { x: 0, y: 0, width: 0, height: 0 };
+      const c = Mt.value;
+      return {
+        x: Math.max(2, V.value.left - c),
+        y: Math.max(2, V.value.top - c),
+        width: V.value.width + c * 2,
+        height: V.value.height + c * 2
+      };
+    }), ve = x(
+      () => {
+        var c, v, D;
+        return Gt({
+          hasTargetBox: $e.value,
+          spotlightBox: k.value,
+          viewportW: Ee.value.w,
+          viewportH: Ee.value.h,
+          maxCardW: ((c = l.value) == null ? void 0 : c.cardWidth) ?? e.cardWidth ?? b.value.cardWidth ?? 370,
+          cardHeight: ((v = ye.value) == null ? void 0 : v.offsetHeight) || 245,
+          requestedPlacement: ((D = l.value) == null ? void 0 : D.placement) || "auto",
+          isMobileViewport: P.value,
+          useMobileSheet: e.mobileSheetOnAuto ?? b.value.mobileSheetOnAuto ?? !0
+        });
+      }
+    );
+    function je() {
+      var c;
+      if (n.value) {
+        if (Ee.value = {
+          w: window.innerWidth,
+          h: window.innerHeight
+        }, !((c = l.value) != null && c.target) || l.value.placement === "center") {
+          V.value = null;
+          return;
+        }
+        V.value = M(l.value);
+      }
+    }
+    function Le(c = 500) {
+      if (Ke = performance.now() + c, _ !== null) return;
+      const v = (D) => {
+        je(), n.value && D < Ke ? _ = requestAnimationFrame(v) : _ = null;
+      };
+      _ = requestAnimationFrame(v);
+    }
+    function Pt() {
+      if (B && B.disconnect(), typeof ResizeObserver > "u" || !n.value) return;
+      B = new ResizeObserver(() => {
+        Le(350);
+      }), de(l.value).forEach((v) => B == null ? void 0 : B.observe(v)), ye.value && B.observe(ye.value);
+    }
+    function O() {
+      n.value && Le(400);
+    }
+    function _e(c) {
+      var v;
+      n.value && (c.key === "Escape" ? ce(!0) : c.key === "ArrowRight" && ((v = l.value) == null ? void 0 : v.mode) !== "wait-click" ? oe() : c.key === "ArrowLeft" && ne());
+    }
+    return se(
+      () => e.steps,
+      (c) => {
+        c && c.length > 0 && L(c);
+      },
+      { immediate: !0, deep: !0 }
+    ), se(
+      () => {
+        var c, v;
+        return [
+          n.value,
+          p.value,
+          s.value,
+          u.value,
+          (c = l.value) == null ? void 0 : c.target,
+          (v = l.value) == null ? void 0 : v.placement
+        ];
+      },
+      () => {
+        if (!n.value) {
+          _ && (cancelAnimationFrame(_), _ = null), B == null || B.disconnect();
+          return;
+        }
+        je(), Pt(), Le(600);
+      },
+      { immediate: !0 }
+    ), ct(() => {
+      window.addEventListener("keydown", _e), window.addEventListener("resize", O, { passive: !0 }), window.addEventListener("scroll", O, {
+        passive: !0,
+        capture: !0
+      }), window.addEventListener("transitionrun", O, {
+        passive: !0,
+        capture: !0
+      }), window.addEventListener("animationstart", O, {
+        passive: !0,
+        capture: !0
+      }), e.autoStart && setTimeout(() => {
+        C();
+      }, e.startDelay);
+    }), dt(() => {
+      window.removeEventListener("keydown", _e), window.removeEventListener("resize", O), window.removeEventListener("scroll", O, !0), window.removeEventListener("transitionrun", O, !0), window.removeEventListener("animationstart", O, !0), _ && cancelAnimationFrame(_), B == null || B.disconnect();
+    }), (c, v) => (T(), I(nt, null, [
+      H(c.$slots, "default"),
+      (T(), We(vt, { to: "body" }, [
+        Lt(Rt, { name: "tutorial-fade" }, {
+          default: Dt(() => [
+            m(n) && m(l) ? (T(), I("div", {
+              key: 0,
+              class: y([
+                !d.value && "v-tutorial-root",
+                !d.value && `breakpoint-${m(u)}`,
+                w.value.root
+              ])
+            }, [
+              H(c.$slots, "exit-button", ee(te(j.value))),
+              $e.value ? (T(), I(nt, { key: 0 }, [
+                f("div", {
+                  class: y([!d.value && "sistec-click-shield", w.value.shield]),
+                  style: Y({
+                    top: "0px",
+                    left: "0px",
+                    width: "100vw",
+                    height: `${k.value.y}px`
+                  })
+                }, null, 6),
+                f("div", {
+                  class: y([!d.value && "sistec-click-shield", w.value.shield]),
+                  style: Y({
+                    top: `${k.value.y + k.value.height}px`,
+                    left: "0px",
+                    width: "100vw",
+                    bottom: "0px"
+                  })
+                }, null, 6),
+                f("div", {
+                  class: y([!d.value && "sistec-click-shield", w.value.shield]),
+                  style: Y({
+                    top: `${k.value.y}px`,
+                    left: "0px",
+                    width: `${k.value.x}px`,
+                    height: `${k.value.height}px`
+                  })
+                }, null, 6),
+                f("div", {
+                  class: y([!d.value && "sistec-click-shield", w.value.shield]),
+                  style: Y({
+                    top: `${k.value.y}px`,
+                    left: `${k.value.x + k.value.width}px`,
+                    right: "0px",
+                    height: `${k.value.height}px`
+                  })
+                }, null, 6),
+                H(c.$slots, "spotlight", it(j.value, { spotlightBox: k.value }), () => [
+                  f("div", {
+                    class: y([
+                      !d.value && "v-tutorial-spotlight-ring",
+                      !d.value && m(l).mode === "wait-click" && "is-wait-click",
+                      w.value.spotlight
+                    ]),
+                    style: Y({
+                      top: `${k.value.y}px`,
+                      left: `${k.value.x}px`,
+                      width: `${k.value.width}px`,
+                      height: `${k.value.height}px`
+                    })
+                  }, null, 6)
+                ])
+              ], 64)) : (T(), I("div", {
+                key: 1,
+                class: y([!d.value && "sistec-full-backdrop", w.value.backdrop])
+              }, null, 2)),
+              f("div", {
+                ref_key: "cardRef",
+                ref: ye,
+                class: y([
+                  !d.value && "v-tutorial-card",
+                  !d.value && `is-placement-${ve.value.resolvedPlacement}`,
+                  w.value.card
+                ]),
+                style: Y(ve.value.cardStyle),
+                role: "dialog",
+                "aria-modal": "true"
+              }, [
+                $e.value && Ct.value && ve.value.arrowStyle ? (T(), I("div", {
+                  key: 0,
+                  class: y([
+                    !d.value && "v-tutorial-arrow",
+                    !d.value && `arrow-${ve.value.resolvedPlacement}`,
+                    w.value.arrow
+                  ]),
+                  style: Y(ve.value.arrowStyle)
+                }, null, 6)) : ae("", !0),
+                H(c.$slots, "card", ee(te(j.value)), () => [
+                  H(c.$slots, "header", ee(te(j.value)), () => [
+                    f("div", {
+                      class: y([
+                        !d.value && "v-tutorial-card-header",
+                        w.value.header
+                      ])
+                    }, [
+                      f("span", {
+                        class: y([
+                          !d.value && "v-tutorial-step-badge",
+                          w.value.badge
+                        ])
+                      }, G(z.value.stepCounter(
+                        m(s) + 1,
+                        m(i).length
+                      )), 3),
+                      m(l).mode === "wait-click" ? (T(), I("span", {
+                        key: 0,
+                        class: y([
+                          !d.value && "v-tutorial-mode-tag",
+                          w.value.modeTag
+                        ])
+                      }, G(z.value.interactiveBadge), 3)) : ae("", !0)
+                    ], 2)
+                  ]),
+                  H(c.$slots, "body", ee(te(j.value)), () => [
+                    f("div", {
+                      class: y([
+                        !d.value && "v-tutorial-card-body",
+                        w.value.body
+                      ])
+                    }, [
+                      f("h3", {
+                        class: y([
+                          !d.value && "v-tutorial-title",
+                          w.value.title
+                        ])
+                      }, G(m(l).title), 3),
+                      m(l).component ? (T(), We(It(m(l).component), it({ key: 0 }, m(l).componentProps, { context: j.value }), null, 16, ["context"])) : m(l).content ? (T(), I("div", {
+                        key: 1,
+                        class: y([
+                          !d.value && "v-tutorial-content",
+                          w.value.content
+                        ]),
+                        innerHTML: m(l).content
+                      }, null, 10, Jt)) : ae("", !0),
+                      f("div", {
+                        id: "v-tutorial-step-slot-anchor",
+                        class: y([
+                          !d.value && "v-tutorial-content",
+                          w.value.content
+                        ])
+                      }, null, 2)
+                    ], 2)
+                  ]),
+                  m(l).mode === "wait-click" || m(l).mode === "optional-click" ? H(c.$slots, "hint", ee(te(j.value)), () => [
+                    f("div", {
+                      class: y([
+                        !d.value && "v-tutorial-click-banner",
+                        w.value.hintBanner
+                      ])
+                    }, [
+                      v[3] || (v[3] = f("svg", {
+                        class: "pulse-click-icon",
+                        xmlns: "http://www.w3.org/2000/svg",
+                        width: "18",
+                        height: "18",
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        stroke: "currentColor",
+                        "stroke-width": "2",
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round"
+                      }, [
+                        f("path", { d: "M3 12l3 0" }),
+                        f("path", { d: "M12 3l0 3" }),
+                        f("path", { d: "M7.8 7.8l-2.2 -2.2" }),
+                        f("path", { d: "M16.2 7.8l2.2 -2.2" }),
+                        f("path", { d: "M7.8 16.2l-2.2 2.2" }),
+                        f("path", { d: "M12 12l9 3l-4 2l-2 4l-3 -9" })
+                      ], -1)),
+                      f("span", null, G(m(l).hintText || z.value.defaultHint), 1)
+                    ], 2)
+                  ], void 0, 0) : ae("", !0),
+                  H(c.$slots, "progress", ee(te(j.value)), () => [
+                    f("div", {
+                      class: y([
+                        !d.value && "v-tutorial-progress",
+                        w.value.progressContainer
+                      ])
+                    }, [
+                      f("div", {
+                        class: y([
+                          !d.value && "v-tutorial-progress-bar",
+                          w.value.progressBar
+                        ]),
+                        style: Y({ width: `${m(o)}%` })
+                      }, null, 6)
+                    ], 2)
+                  ]),
+                  H(c.$slots, "footer", ee(te(j.value)), () => [
+                    f("div", {
+                      class: y([
+                        !d.value && "v-tutorial-card-footer",
+                        w.value.footer
+                      ])
+                    }, [
+                      f("button", {
+                        type: "button",
+                        class: y([
+                          !d.value && "v-tutorial-btn-skip btn btn-sm btn-outline-danger fw-semibold px-2 py-1",
+                          w.value.skipButton
+                        ]),
+                        onClick: v[0] || (v[0] = Ie((D) => m(ce)(!0), ["prevent"]))
+                      }, G(z.value.skipTutorial), 3),
+                      f("div", Qt, [
+                        m(s) > 0 ? (T(), I("button", {
+                          key: 0,
+                          type: "button",
+                          class: y([
+                            !d.value && "v-tutorial-btn-prev btn btn-sm btn-ghost-secondary d-inline-flex align-items-center gap-1",
+                            w.value.prevButton
+                          ]),
+                          onClick: v[1] || (v[1] = Ie(
+                            //@ts-ignore
+                            (...D) => m(ne) && m(ne)(...D),
+                            ["prevent"]
+                          ))
+                        }, [
+                          v[4] || (v[4] = f("svg", {
+                            xmlns: "http://www.w3.org/2000/svg",
+                            width: "16",
+                            height: "16",
+                            viewBox: "0 0 24 24",
+                            fill: "none",
+                            stroke: "currentColor",
+                            "stroke-width": "2",
+                            "stroke-linecap": "round",
+                            "stroke-linejoin": "round"
+                          }, [
+                            f("path", { d: "M15 6l-6 6l6 6" })
+                          ], -1)),
+                          f("span", null, G(z.value.previous), 1)
+                        ], 2)) : ae("", !0),
+                        m(l).mode !== "wait-click" ? (T(), I("button", {
+                          key: 1,
+                          type: "button",
+                          class: y([
+                            !d.value && "v-tutorial-btn-next btn btn-sm btn-primary d-inline-flex align-items-center gap-1 px-3 fw-bold",
+                            w.value.nextButton
+                          ]),
+                          onClick: v[2] || (v[2] = Ie(
+                            //@ts-ignore
+                            (...D) => m(oe) && m(oe)(...D),
+                            ["prevent"]
+                          ))
+                        }, [
+                          f("span", null, G(m(h) ? z.value.finish : z.value.next), 1),
+                          m(h) ? (T(), I("svg", Zt, [...v[5] || (v[5] = [
+                            f("path", { d: "M5 12l5 5l10 -10" }, null, -1)
+                          ])])) : (T(), I("svg", ea, [...v[6] || (v[6] = [
+                            f("path", { d: "M9 6l6 6l-6 6" }, null, -1)
+                          ])]))
+                        ], 2)) : (T(), I("span", {
+                          key: 2,
+                          class: y([
+                            !d.value && "sistec-wait-pill",
+                            w.value.waitPill
+                          ])
+                        }, G(z.value.waitingClick), 3))
+                      ])
+                    ], 2)
+                  ])
+                ])
+              ], 6)
+            ], 2)) : ae("", !0)
+          ]),
+          _: 3
+        })
+      ]))
+    ], 64));
+  }
+}), aa = /* @__PURE__ */ ut({
+  __name: "TutorialStep",
+  props: {
+    id: {},
+    target: {},
+    title: {},
+    content: {},
+    component: {},
+    componentProps: {},
+    mode: { default: "info" },
+    placement: { default: "auto" },
+    hintText: {},
+    preventNativeClick: { type: Boolean },
+    afterClickDelay: {},
+    autoScroll: { type: Boolean },
+    spotlightPadding: {},
+    cardWidth: {},
+    disabled: { type: Boolean, default: !1 },
+    route: {},
+    rollbackRoute: {},
+    enterActions: {},
+    rollbackActions: {},
+    leaveActions: {},
+    breakpoints: {},
+    targetSm: {},
+    targetMd: {},
+    targetLg: {},
+    targetXl: {},
+    targetXxl: {},
+    placementSm: {},
+    placementMd: {},
+    placementLg: {},
+    placementXl: {},
+    placementXxl: {},
+    beforeEnter: {},
+    onRollback: {},
+    onTargetClick: {},
+    afterClick: {},
+    afterLeave: {}
+  },
+  setup(a) {
+    const t = a, e = Wt(Tt, null), {
+      currentStep: r,
+      registerDeclarativeStep: n,
+      updateDeclarativeStep: i,
+      unregisterDeclarativeStep: s,
+      getContext: l
+    } = Fe(), p = t.id || `tutorial-step-${Math.random().toString(36).substring(2, 9)}`, o = W(!1), g = x(() => {
+      var P;
+      return ((e == null ? void 0 : e.activeStepId.value) ?? ((P = r.value) == null ? void 0 : P.id)) === p;
+    });
+    function h() {
+      return {
+        id: p,
+        target: t.target,
+        title: t.title,
+        content: t.content,
+        component: t.component,
+        componentProps: t.componentProps,
+        mode: t.mode,
+        placement: t.placement,
+        hintText: t.hintText,
+        preventNativeClick: t.preventNativeClick,
+        afterClickDelay: t.afterClickDelay,
+        autoScroll: t.autoScroll,
+        spotlightPadding: t.spotlightPadding,
+        cardWidth: t.cardWidth,
+        disabled: t.disabled,
+        route: t.route,
+        rollbackRoute: t.rollbackRoute,
+        enterActions: t.enterActions,
+        rollbackActions: t.rollbackActions,
+        leaveActions: t.leaveActions,
+        breakpoints: t.breakpoints,
+        targetSm: t.targetSm,
+        targetMd: t.targetMd,
+        targetLg: t.targetLg,
+        targetXl: t.targetXl,
+        targetXxl: t.targetXxl,
+        placementSm: t.placementSm,
+        placementMd: t.placementMd,
+        placementLg: t.placementLg,
+        placementXl: t.placementXl,
+        placementXxl: t.placementXxl,
+        beforeEnter: t.beforeEnter,
+        onRollback: t.onRollback,
+        onTargetClick: t.onTargetClick,
+        afterClick: t.afterClick,
+        afterLeave: t.afterLeave
+      };
+    }
+    return se(
+      g,
+      async (u) => {
+        u ? (await re(), o.value = !!document.getElementById("v-tutorial-step-slot-anchor")) : o.value = !1;
+      },
+      { immediate: !0 }
+    ), se(
+      () => [
+        t.target,
+        t.targetSm,
+        t.targetMd,
+        t.targetLg,
+        t.targetXl,
+        t.targetXxl,
+        t.title,
+        t.content,
+        t.mode,
+        t.placement,
+        t.placementSm,
+        t.placementMd,
+        t.placementLg,
+        t.placementXl,
+        t.placementXxl,
+        t.hintText,
+        t.disabled,
+        t.route,
+        t.rollbackRoute,
+        t.breakpoints
+      ],
+      () => {
+        const u = h();
+        e ? e.updateDeclarativeStep(u) : i(u);
+      }
+    ), ct(() => {
+      const u = h();
+      e ? e.registerDeclarativeStep(u) : n(u);
+    }), dt(() => {
+      e ? e.unregisterDeclarativeStep(p) : s(p);
+    }), (u, P) => g.value && o.value && u.$slots.default ? (T(), We(vt, {
+      key: 0,
+      to: "#v-tutorial-step-slot-anchor"
+    }, [
+      H(u.$slots, "default", {
+        context: m(l)()
+      })
+    ])) : ae("", !0);
+  }
+}), oa = {
+  install(a, t) {
+    if (t) {
+      const { configureTutorial: e } = Fe();
+      e(t);
+    }
+    a.directive("tutorial", Yt), a.component("TutorialProvider", ta), a.component("VTutorialStep", aa);
+  }
+};
+export {
+  rt as BOOTSTRAP_BREAKPOINT_ORDER,
+  ft as DEFAULT_BOOTSTRAP_BREAKPOINTS,
+  Tt as TUTORIAL_PROVIDER_KEY,
+  oa as TutorialPlugin,
+  ta as TutorialProvider,
+  aa as TutorialStepComponent,
+  aa as VTutorialStep,
+  Ft as aguardarElementoNoDom,
+  Xt as calcularBreakpointAtivo,
+  Gt as calcularPosicaoCard,
+  oa as default,
+  Ht as getStepBoundingRect,
+  q as registeredElements,
+  Xe as resolveStepElement,
+  Ae as resolveStepElements,
+  Nt as resolverPassoResponsivo,
+  Vt as resolverSeletorUnico,
+  qt as rolarParaElementoSeNecessario,
+  Fe as useTutorial,
+  Yt as vTutorial,
+  fe as verificarElementoVisivel
+};