@thisway/next - npm Package Compare versions

Comparing version 0.12.2 to 0.12.3-beta.0

index.js

@@ -1,14 +0,14 @@
-var Je = Object.defineProperty;
-var Qe = (o, t, e) => t in o ? Je(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var Q = (o, t, e) => (Qe(o, typeof t != "symbol" ? t + "" : t, e), e);
-import * as Ce from "svelte";
-import { onMount as to, onDestroy as ke, createEventDispatcher as eo } from "svelte";
-import { isValidNumber as Ft, isElement as xe, isTextInputElement as Te, defaults as te, deltaTransform as Oe, transformX as oo, transformY as ro, NOOP_TRANSFORM as so, pick$ as F, noop as xt, toPx as nt, listenWindow as no, clamp as gt, finite as ee, transformDOMRect as io, transformNestedBounding as ao, getElementsBounding as lo, buildScrollHierarchy as co, getFrameElement as po, computeFrameScrollActions as ho, animationFrameThrottle as fo, observeElementBounding as uo, reverseX as oe, reverseY as re, EMPTY_SIZE as wo, resizeObserver as go } from "@thisway/utils";
-import { get as M, writable as ft, derived as I, readable as jt } from "svelte/store";
-import { PRIMARY_COLOR_WHITE as Se, PRIMARY_COLOR_BLACK as Pe, PRIMARY_COLOR_BLUE as _o, CLICK_MASK_ACTION_NEXT as mo, CLICK_MASK_ACTION_NONE as vo, isNoElement as ut, COMPONENT_SLOT_POPOVER as yo, COMPONENT_SLOT_HIGHLIGHT as bo, POSITION_AUTO as Vt, ORIENTATIONS as se, ALIGNMENTS as $o, EMPTY_POINT as Co, NO_ELEMENT as Ae, ORIENTATIONS_TO_START_END as ne, popoverDefaultValues as ko, highlightDefaultValues as xo, LAYOUT_MODE_1 as kt, LAYOUT_MODE_3 as Ee } from "@thisway/base";
+var qe = Object.defineProperty;
+var Ze = (o, t, e) => t in o ? qe(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var Q = (o, t, e) => (Ze(o, typeof t != "symbol" ? t + "" : t, e), e);
+import * as ke from "svelte";
+import { onMount as ze, onDestroy as Ce, createEventDispatcher as Je } from "svelte";
+import { isValidNumber as Ft, isElement as xe, isTextInputElement as Te, defaults as te, deltaTransform as Oe, transformX as Qe, transformY as to, NOOP_TRANSFORM as eo, pick$ as F, noop as xt, toPx as it, listenWindow as oo, clamp as gt, finite as ee, transformDOMRect as so, transformNestedBounding as ro, getElementsBounding as io, buildScrollHierarchy as no, getFrameElement as ao, computeFrameScrollActions as lo, animationFrameThrottle as co, observeElementBounding as po, reverseX as oe, reverseY as se, EMPTY_SIZE as ho, resizeObserver as fo } from "@thisway/utils";
+import { get as M, writable as ut, derived as L, readable as Rt } from "svelte/store";
+import { CLICK_MASK_ACTION_NEXT as uo, CLICK_MASK_ACTION_NONE as wo, isNoElement as nt, COMPONENT_SLOT_POPOVER as go, COMPONENT_SLOT_HIGHLIGHT as mo, POSITION_AUTO as Vt, ORIENTATIONS as re, ALIGNMENTS as _o, EMPTY_POINT as vo, NO_ELEMENT as Se, ORIENTATIONS_TO_START_END as ie, popoverDefaultValues as yo, highlightDefaultValues as bo, normalizeTheme as $o, LAYOUT_MODE_1 as Ct, LAYOUT_MODE_3 as Pe } from "@thisway/base";
 export * from "@thisway/base";
-import { SvelteComponent as bt, init as $t, safe_not_equal as Ct, append_styles as Tt, svg_element as It, attr as k, set_style as H, insert as D, append as j, listen as Ot, noop as it, detach as R, component_subscribe as S, binding_callbacks as Ne, construct_svelte_component as Et, element as U, create_component as ct, space as Z, mount_component as pt, action_destroyer as Ie, group_outros as rt, transition_out as L, destroy_component as ht, check_outros as st, transition_in as x, is_function as Me, run_all as To, text as St, set_data as Pt, create_slot as _t, update_slot_base as mt, get_all_dirty_from_scope as vt, get_slot_changes as yt, compute_slots as Oo, empty as Le } from "svelte/internal";
+import { SvelteComponent as bt, init as $t, safe_not_equal as kt, append_styles as Tt, svg_element as Mt, attr as C, set_style as H, insert as D, append as R, listen as Ot, noop as at, detach as j, component_subscribe as S, binding_callbacks as Ee, construct_svelte_component as Nt, element as U, create_component as pt, space as Z, mount_component as ht, action_destroyer as Ne, group_outros as st, transition_out as I, destroy_component as ft, check_outros as rt, transition_in as x, is_function as Ae, run_all as ko, text as St, set_data as Pt, create_slot as mt, update_slot_base as _t, get_all_dirty_from_scope as vt, get_slot_changes as yt, compute_slots as Co, empty as Me } from "svelte/internal";
 import "svelte/internal/disclose-version";
-import { cubicOut as Wt } from "svelte/easing";
-import { tweened as Gt } from "svelte/motion";
+import { cubicOut as Gt } from "svelte/easing";
+import { tweened as Wt } from "svelte/motion";
 function z(o) {
@@ -18,3 +18,3 @@ return Symbol(o);
 function V(o) {
-  const t = Ce.getContext(o);
+  const t = ke.getContext(o);
   if (!t)
@@ -24,7 +24,7 @@ throw new Error(`Context ${o.description} not exist`);
 }
-function Hr(o, t) {
-  Ce.setContext(o, t);
+function Hs(o, t) {
+  ke.setContext(o, t);
 }
-const Be = (o) => new Map(o), At = z("Tour"), Yt = z("Options"), So = z("ElementBounding"), Kt = z("PopoverContainer"), Po = z("PopoverSize"), Xt = z("TotalStepCount"), Ut = z("PopoverPosition"), Mt = z("Delegate"), Ao = z("ForeignView"), qt = z("HighlightBounding"), Zt = z("RenderState"), Lt = z("StepOptions");
-class Eo {
+const Ie = (o) => new Map(o), Et = z("Tour"), Yt = z("Options"), xo = z("ElementBounding"), Kt = z("PopoverContainer"), To = z("PopoverSize"), Xt = z("TotalStepCount"), Ut = z("PopoverPosition"), It = z("Delegate"), Oo = z("ForeignView"), qt = z("HighlightBounding"), Zt = z("RenderState"), Lt = z("StepOptions");
+class So {
   constructor(t) {
@@ -51,7 +51,7 @@ Q(this, "store");
     const { steps$: e } = this.store;
-    return M(e).find((r) => r.id === t);
+    return M(e).find((s) => s.id === t);
   }
   getStepIndex(t) {
     const { steps$: e } = this.store;
-    return M(e).findIndex((r) => r.id === t);
+    return M(e).findIndex((s) => s.id === t);
   }
@@ -71,7 +71,7 @@ goStep(t) {
   goPrevStep() {
-    const { effectiveIndex$: t, effectiveSteps$: e } = this.store, r = M(t);
-    if (!Ft(r) || r < 1)
+    const { effectiveIndex$: t, effectiveSteps$: e } = this.store, s = M(t);
+    if (!Ft(s) || s < 1)
       return;
-    const n = M(e)[r - 1];
-    this.goStep(n.id);
+    const i = M(e)[s - 1];
+    this.goStep(i.id);
   }
@@ -97,5 +97,5 @@ goNextStep() {
   getNextStepId() {
-    const { effectiveIndex$: t, effectiveSteps$: e } = this.store, r = M(t), n = M(e);
-    if (!(!Ft(r) || r === n.length - 1))
-      return n[r + 1].id;
+    const { effectiveIndex$: t, effectiveSteps$: e } = this.store, s = M(t), i = M(e);
+    if (!(!Ft(s) || s === i.length - 1))
+      return i[s + 1].id;
   }
@@ -106,28 +106,28 @@ }
     return;
-  const e = o.findIndex((r) => r.id === t);
+  const e = o.findIndex((s) => s.id === t);
   if (!(e < 0))
     return e;
 }
-const No = (o, t) => {
-  const e = ft(o), r = ft(t), n = I(e, (l) => l.filter((f) => !f.isHidden)), s = I([e, r], Dt), i = I([n, r], Dt), a = I([e, s], ([l, f]) => f != null ? l[f] : void 0);
+const Po = (o, t) => {
+  const e = ut(o), s = ut(t), i = L(e, (l) => l.filter((h) => !h.isHidden)), r = L([e, s], Dt), n = L([i, s], Dt), a = L([e, r], ([l, h]) => h != null ? l[h] : void 0);
   return {
     steps$: e,
-    activeStepId$: r,
-    effectiveSteps$: n,
-    activeIndex$: s,
-    effectiveIndex$: i,
+    activeStepId$: s,
+    effectiveSteps$: i,
+    activeIndex$: r,
+    effectiveIndex$: n,
     activeStep$: a
   };
 };
-function He(o) {
+function Le(o) {
   return o.container || document.body;
 }
 const Bt = (o) => {
-  const t = He(o), e = Math.min(t.clientWidth, window.innerWidth), r = Math.min(t.clientHeight, window.innerHeight);
+  const t = Le(o), e = Math.min(t.clientWidth, window.innerWidth), s = Math.min(t.clientHeight, window.innerHeight);
   return {
     width: e,
-    height: r
+    height: s
   };
 };
-function Ve(o) {
+function Be(o) {
   for (const t of o)
@@ -140,10 +140,10 @@ try {
 }
-function Fe(o) {
+function He(o) {
   return !!o && "ownerDocument" in o;
 }
-function Rt(o, t) {
+function jt(o, t) {
   o.signal.addEventListener("abort", t);
 }
-function Io(o) {
-  if (!(Fe(o.target) && xe(o.target) && Te(o.target))) {
+function Eo(o) {
+  if (!(He(o.target) && xe(o.target) && Te(o.target))) {
     if (o.key === "ArrowRight")
@@ -155,44 +155,37 @@ return "next";
 }
-const De = (o, t = o) => o === Se ? Pe : t, Mo = (o, t, e) => {
-  const r = te({ ...t }, o);
-  return e ? te({ ...e }, r) : r;
-}, Re = () => {
-  const { effectiveSteps$: o } = V(At).store, t = V(Zt);
-  return I([o, t], ([e, { step: r }]) => Dt([e, r == null ? void 0 : r.id]));
-}, je = () => V(Lt).popover, We = () => V(Lt).highlight, Lo = (o) => {
-  const t = (o == null ? void 0 : o.primaryColor) || _o, e = (o == null ? void 0 : o.textColor) || De(t, Se), r = (o == null ? void 0 : o.descColor) || Pe;
-  return {
-    primaryColor: t,
-    textColor: e,
-    descColor: r
-  };
-}, Ge = () => V(Lt).theme, Ye = (o, t) => {
+const No = (o, t, e) => {
+  const s = te({ ...t }, o);
+  return e ? te({ ...e }, s) : s;
+}, Ve = () => {
+  const { effectiveSteps$: o } = V(Et).store, t = V(Zt);
+  return L([o, t], ([e, { step: s }]) => Dt([e, s == null ? void 0 : s.id]));
+}, Fe = () => V(Lt).popover, De = () => V(Lt).highlight, je = () => V(Lt).theme, Re = (o, t) => {
   const { effectiveSteps$: e } = o;
-  return I([t, e], ([r, n]) => Ft(r) ? n.at(r + 1) : void 0);
-}, { assign: ie } = Object, Ke = (o, t) => (ie(o.style, t), {
+  return L([t, e], ([s, i]) => Ft(s) ? i.at(s + 1) : void 0);
+}, { assign: ne } = Object, Ge = (o, t) => (ne(o.style, t), {
   update(e) {
-    ie(o.style, e);
+    ne(o.style, e);
   }
 });
 function zt(o, t) {
-  const e = Oe(t), r = oo(o, 0, e), n = ro(0, o, e);
-  return [r, n];
+  const e = Oe(t), s = Qe(o, 0, e), i = to(0, o, e);
+  return [s, i];
 }
-function Xe(o, t, e) {
-  const { borderWidth: r, showBorder: n } = t;
-  let [s, i] = zt(o, e);
-  return n && (s += r, i += r), [s, i];
+function We(o, t, e) {
+  const { borderWidth: s, showBorder: i } = t;
+  let [r, n] = zt(o, e);
+  return i && (r += s, n += s), [r, n];
 }
-const Bo = (o, t, e, r) => {
-  const { x: n, y: s, padding: i } = o, { borderWidth: a } = t, [l, f] = Xe(i, t, r), p = a * 2, y = n - l + p, w = s - f, b = o.width + (l - p) * 2, C = o.height + (f - p) * 2, g = e.width, m = e.height;
-  return `M${g},0L0,0L0,${m}L${g},${m}L${g},0ZM${y},${w}h${b}a${p},${p} 0 0 1 ${p},${p}v${C}a${p},${p} 0 0 1 -${p},${p}h-${b}a${p},${p} 0 0 1 -${p},-${p}v-${C}a${p},${p} 0 0 1 ${p},-${p}z`;
-}, Jt = jt(so);
-function Ho(o) {
+const Ao = (o, t, e, s) => {
+  const { x: i, y: r, padding: n } = o, { borderWidth: a } = t, [l, h] = We(n, t, s), p = a * 2, y = i - l + p, w = r - h, b = o.width + (l - p) * 2, k = o.height + (h - p) * 2, g = e.width, _ = e.height;
+  return `M${g},0L0,0L0,${_}L${g},${_}L${g},0ZM${y},${w}h${b}a${p},${p} 0 0 1 ${p},${p}v${k}a${p},${p} 0 0 1 -${p},${p}h-${b}a${p},${p} 0 0 1 -${p},-${p}v-${k}a${p},${p} 0 0 1 ${p},-${p}z`;
+}, Jt = Rt(eo);
+function Mo(o) {
   Tt(o, "svelte-1j2k49x", ".thisway-mask{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.thisway-mask path{pointer-events:auto}");
 }
-function Vo(o) {
-  let t, e, r, n, s;
+function Io(o) {
+  let t, e, s, i, r;
   return {
     c() {
-      t = It("svg"), e = It("path"), k(
+      t = Mt("svg"), e = Mt("path"), C(
         e,
@@ -207,7 +200,7 @@ "d",
         o[3]
-      ), k(t, "class", "thisway-mask"), k(t, "role", "presentation"), k(t, "width", "100%"), k(t, "height", "100%"), k(t, "display", r = /*$showMask$*/
+      ), C(t, "class", "thisway-mask"), C(t, "role", "presentation"), C(t, "width", "100%"), C(t, "height", "100%"), C(t, "display", s = /*$showMask$*/
       o[0] ? "block" : "none");
     },
-    m(i, a) {
-      D(i, t, a), j(t, e), o[9](t), n || (s = Ot(
+    m(n, a) {
+      D(n, t, a), R(t, e), o[9](t), i || (r = Ot(
         t,
@@ -217,11 +210,11 @@ "click",
         o[8]
-      ), n = !0);
+      ), i = !0);
     },
-    p(i, [a]) {
+    p(n, [a]) {
       a & /*$maskCommand$*/
-      4 && k(
+      4 && C(
         e,
         "d",
         /*$maskCommand$*/
-        i[2]
+        n[2]
       ), a & /*$opacity$*/
@@ -232,36 +225,36 @@ 8 && H(
         /*$opacity$*/
-        i[3]
+        n[3]
       ), a & /*$showMask$*/
-      1 && r !== (r = /*$showMask$*/
-      i[0] ? "block" : "none") && k(t, "display", r);
+      1 && s !== (s = /*$showMask$*/
+      n[0] ? "block" : "none") && C(t, "display", s);
     },
-    i: it,
-    o: it,
-    d(i) {
-      i && R(t), o[9](null), n = !1, s();
+    i: at,
+    o: at,
+    d(n) {
+      n && j(t), o[9](null), i = !1, r();
     }
   };
 }
-function Fo(o, t, e) {
-  let r, n, s, i;
-  const a = V(At), l = V(Mt), f = V(qt), p = We(), y = F(p, "showMask");
-  S(o, y, (c) => e(0, r = c));
+function Lo(o, t, e) {
+  let s, i, r, n;
+  const a = V(Et), l = V(It), h = V(qt), p = De(), y = F(p, "showMask");
+  S(o, y, (c) => e(0, s = c));
   const w = F(p, "maskOpacity");
-  S(o, w, (c) => e(3, i = c));
+  S(o, w, (c) => e(3, n = c));
   const b = l.transform$ ?? Jt;
-  let C = ft();
-  S(o, C, (c) => e(1, n = c));
-  const g = I([f, y, C, p], ([c, h, _, P], A) => {
-    if (!c || !h || !_)
+  let k = ut();
+  S(o, k, (c) => e(1, i = c));
+  const g = L([h, y, k, p], ([c, f, m, A], P) => {
+    if (!c || !f || !m)
       return;
-    const W = Bo(c, P, Bt(l), M(b));
-    A(W);
+    const G = Ao(c, A, Bt(l), M(b));
+    P(G);
   });
-  S(o, g, (c) => e(2, s = c));
-  function m() {
-    var h;
-    switch ((h = M(p)) == null ? void 0 : h.clickMask) {
-      case vo:
+  S(o, g, (c) => e(2, r = c));
+  function _() {
+    var f;
+    switch ((f = M(p)) == null ? void 0 : f.clickMask) {
+      case wo:
         break;
-      case mo: {
+      case uo: {
         a.goNextStep();
@@ -277,46 +270,46 @@ break;
   function $(c) {
-    Ne[c ? "unshift" : "push"](() => {
-      n = c, C.set(n);
+    Ee[c ? "unshift" : "push"](() => {
+      i = c, k.set(i);
     });
   }
   return [
+    s,
+    i,
     r,
     n,
-    s,
-    i,
     y,
     w,
-    C,
+    k,
     g,
-    m,
+    _,
     $
   ];
 }
-class Do extends bt {
+class Bo extends bt {
   constructor(t) {
-    super(), $t(this, t, Fo, Vo, Ct, {}, Ho);
+    super(), $t(this, t, Lo, Io, kt, {}, Mo);
   }
 }
-function Ro(o) {
+function Ho(o) {
   Tt(o, "svelte-1cl9mhv", ".thisway{--thisway-default-shadow:0 1px 10px rgba(0, 0, 0, 0.4);width:100%;height:100%;top:0;right:0;bottom:0;left:0;max-width:100%;max-height:100%;pointer-events:none}.thisway-popover__container{position:absolute;pointer-events:auto}");
 }
-function jo(o) {
-  let t, e, r, n, s, i, a, l, f, p, y, w, b;
-  e = new Do({});
-  var C = (
+function Vo(o) {
+  let t, e, s, i, r, n, a, l, h, p, y, w, b;
+  e = new Bo({});
+  var k = (
     /*$highlightComponent$*/
     o[6]
   );
-  function g(c, h) {
+  function g(c, f) {
     return {};
   }
-  C && (n = Et(C, g()));
-  var m = (
+  k && (i = Nt(k, g()));
+  var _ = (
     /*$popoverComponent$*/
     o[9]
   );
-  function $(c, h) {
+  function $(c, f) {
     return {};
   }
-  return m && (a = Et(m, $()), a.$on(
+  return _ && (a = Nt(_, $()), a.$on(
     "close",
@@ -335,4 +328,4 @@ /*onClose*/
     c() {
-      t = U("div"), ct(e.$$.fragment), r = Z(), n && ct(n.$$.fragment), s = Z(), i = U("div"), a && ct(a.$$.fragment), k(i, "class", l = "thisway-popover__container " + /*$popoverClassName$*/
-      o[7]), k(t, "class", p = "thisway " + /*$className$*/
+      t = U("div"), pt(e.$$.fragment), s = Z(), i && pt(i.$$.fragment), r = Z(), n = U("div"), a && pt(a.$$.fragment), C(n, "class", l = "thisway-popover__container " + /*$popoverClassName$*/
+      o[7]), C(t, "class", p = "thisway " + /*$className$*/
       o[2]), H(
@@ -370,4 +363,4 @@ t,
     },
-    m(c, h) {
-      D(c, t, h), pt(e, t, null), j(t, r), n && pt(n, t, null), j(t, s), j(t, i), a && pt(a, i, null), o[22](i), y = !0, w || (b = [
+    m(c, f) {
+      D(c, t, f), ht(e, t, null), R(t, s), i && ht(i, t, null), R(t, r), R(t, n), a && ht(a, n, null), o[22](n), y = !0, w || (b = [
         Ot(
@@ -379,5 +372,5 @@ window,
         ),
-        Ie(f = Ke.call(
+        Ne(h = Ge.call(
           null,
-          i,
+          n,
           /*$popoverStyle$*/
@@ -388,26 +381,26 @@ o[8]
     },
-    p(c, h) {
-      if (h[0] & /*$highlightComponent$*/
-      64 && C !== (C = /*$highlightComponent$*/
+    p(c, f) {
+      if (f[0] & /*$highlightComponent$*/
+      64 && k !== (k = /*$highlightComponent$*/
       c[6])) {
-        if (n) {
-          rt();
-          const _ = n;
-          L(_.$$.fragment, 1, 0, () => {
-            ht(_, 1);
-          }), st();
+        if (i) {
+          st();
+          const m = i;
+          I(m.$$.fragment, 1, 0, () => {
+            ft(m, 1);
+          }), rt();
         }
-        C ? (n = Et(C, g()), ct(n.$$.fragment), x(n.$$.fragment, 1), pt(n, t, s)) : n = null;
+        k ? (i = Nt(k, g()), pt(i.$$.fragment), x(i.$$.fragment, 1), ht(i, t, r)) : i = null;
       }
-      if (h[0] & /*$popoverComponent$*/
-      512 && m !== (m = /*$popoverComponent$*/
+      if (f[0] & /*$popoverComponent$*/
+      512 && _ !== (_ = /*$popoverComponent$*/
       c[9])) {
         if (a) {
-          rt();
-          const _ = a;
-          L(_.$$.fragment, 1, 0, () => {
-            ht(_, 1);
-          }), st();
+          st();
+          const m = a;
+          I(m.$$.fragment, 1, 0, () => {
+            ft(m, 1);
+          }), rt();
         }
-        m ? (a = Et(m, $()), a.$on(
+        _ ? (a = Nt(_, $()), a.$on(
           "close",
@@ -424,14 +417,14 @@ /*onClose*/
           c[19]
-        ), ct(a.$$.fragment), x(a.$$.fragment, 1), pt(a, i, null)) : a = null;
+        ), pt(a.$$.fragment), x(a.$$.fragment, 1), ht(a, n, null)) : a = null;
       }
-      (!y || h[0] & /*$popoverClassName$*/
+      (!y || f[0] & /*$popoverClassName$*/
       128 && l !== (l = "thisway-popover__container " + /*$popoverClassName$*/
-      c[7])) && k(i, "class", l), f && Me(f.update) && h[0] & /*$popoverStyle$*/
-      256 && f.update.call(
+      c[7])) && C(n, "class", l), h && Ae(h.update) && f[0] & /*$popoverStyle$*/
+      256 && h.update.call(
         null,
         /*$popoverStyle$*/
         c[8]
-      ), (!y || h[0] & /*$className$*/
+      ), (!y || f[0] & /*$className$*/
       4 && p !== (p = "thisway " + /*$className$*/
-      c[2])) && k(t, "class", p), h[0] & /*position*/
+      c[2])) && C(t, "class", p), f[0] & /*position*/
       1 && H(
@@ -442,3 +435,3 @@ t,
         c[0]
-      ), h[0] & /*$step$*/
+      ), f[0] & /*$step$*/
       8 && H(
@@ -449,3 +442,3 @@ t,
         c[3] ? "block" : "none"
-      ), h[0] & /*$zIndex$*/
+      ), f[0] & /*$zIndex$*/
       16 && H(
@@ -456,3 +449,3 @@ t,
         c[4]
-      ), h[0] & /*$theme$*/
+      ), f[0] & /*$theme$*/
       32 && H(
@@ -463,3 +456,3 @@ t,
         c[5].primaryColor
-      ), h[0] & /*$theme$*/
+      ), f[0] & /*$theme$*/
       32 && H(
@@ -470,3 +463,3 @@ t,
         c[5].textColor
-      ), h[0] & /*$theme$*/
+      ), f[0] & /*$theme$*/
       32 && H(
@@ -480,18 +473,18 @@ t,
     i(c) {
-      y || (x(e.$$.fragment, c), n && x(n.$$.fragment, c), a && x(a.$$.fragment, c), y = !0);
+      y || (x(e.$$.fragment, c), i && x(i.$$.fragment, c), a && x(a.$$.fragment, c), y = !0);
     },
     o(c) {
-      L(e.$$.fragment, c), n && L(n.$$.fragment, c), a && L(a.$$.fragment, c), y = !1;
+      I(e.$$.fragment, c), i && I(i.$$.fragment, c), a && I(a.$$.fragment, c), y = !1;
     },
     d(c) {
-      c && R(t), ht(e), n && ht(n), a && ht(a), o[22](null), w = !1, To(b);
+      c && j(t), ft(e), i && ft(i), a && ft(a), o[22](null), w = !1, ko(b);
     }
   };
 }
-function Wo(o, t, e) {
-  let r, n, s, i, a, l, f, p, { position: y = "fixed" } = t, w;
-  const b = V(Yt), C = V(Kt), g = V(Mt), m = je(), $ = V(Zt), c = F($, "step");
-  S(o, c, (d) => e(3, n = d));
-  function h(d) {
-    return I([c, b], ([q, X]) => {
+function Fo(o, t, e) {
+  let s, i, r, n, a, l, h, p, { position: y = "fixed" } = t, w;
+  const b = V(Yt), k = V(Kt), g = V(It), _ = Fe(), $ = V(Zt), c = F($, "step");
+  S(o, c, (d) => e(3, i = d));
+  function f(d) {
+    return L([c, b], ([q, X]) => {
       if (q)
@@ -501,15 +494,15 @@ return g.getComponent(d, q, X);
   }
-  const _ = h(yo);
-  S(o, _, (d) => e(9, p = d));
-  const P = h(bo);
-  S(o, P, (d) => e(6, a = d));
-  const A = F(b, "zIndex", 1e4);
-  S(o, A, (d) => e(4, s = d));
-  const W = F(b, "className", "");
-  S(o, W, (d) => e(2, r = d));
-  const B = F(m, "className", "");
+  const m = f(go);
+  S(o, m, (d) => e(9, p = d));
+  const A = f(mo);
+  S(o, A, (d) => e(6, a = d));
+  const P = F(b, "zIndex", 1e4);
+  S(o, P, (d) => e(4, r = d));
+  const G = F(b, "className", "");
+  S(o, G, (d) => e(2, s = d));
+  const B = F(_, "className", "");
   S(o, B, (d) => e(7, l = d));
   const E = V(Ut);
   let T, u;
-  const O = I(
+  const O = L(
     E,
@@ -521,33 +514,33 @@ (d, q) => {
       let N;
-      return g.transition && (N = g.transition(d, T, X)), N || (X ? (N = Gt(X, { duration: 300, easing: Wt }), N.set(d.position)) : N = jt(d.position)), T = d, u = N, N.subscribe(q);
+      return g.transition && (N = g.transition(d, T, X)), N || (X ? (N = Wt(X, { duration: 300, easing: Gt }), N.set(d.position)) : N = Rt(d.position)), T = d, u = N, N.subscribe(q);
     },
     void 0
-  ), at = I(O, (d) => ({
-    left: nt(d == null ? void 0 : d.x),
-    top: nt(d == null ? void 0 : d.y),
+  ), lt = L(O, (d) => ({
+    left: it(d == null ? void 0 : d.x),
+    top: it(d == null ? void 0 : d.y),
     visibility: d ? "visible" : "hidden"
   }));
-  S(o, at, (d) => e(8, f = d));
-  const lt = Ge();
-  S(o, lt, (d) => e(5, i = d));
-  const ot = V(At), { onPrev: dt, onNext: Y, onClose: G } = ot, tt = (d) => {
+  S(o, lt, (d) => e(8, h = d));
+  const ct = je();
+  S(o, ct, (d) => e(5, n = d));
+  const ot = V(Et), { onPrev: dt, onNext: Y, onClose: W } = ot, tt = (d) => {
     if (!ot.isActive() || M(b).keyboardControl === !1)
       return;
-    const q = g.onKeydown ? g.onKeydown(d) : Io(d);
+    const q = g.onKeydown ? g.onKeydown(d) : Eo(d);
     ot.applyAction(q);
-  }, et = I($, ({ element: d }, q) => {
-    if (!d || ut(d) || M(b).interactive === !1 || M(m).position === "SCREEN")
+  }, et = L($, ({ element: d }, q) => {
+    if (!d || nt(d) || M(b).interactive === !1 || M(_).position === "SCREEN")
       return xt;
     const X = d.ownerDocument.defaultView;
-    return no(X, "click", (N) => {
-      q(N), !(N.target === document.body || !Fe(N.target) || !xe(N.target) || Te(N.target) || !d.contains(N.target)) && Y();
+    return oo(X, "click", (N) => {
+      q(N), !(N.target === document.body || !He(N.target) || !xe(N.target) || Te(N.target) || !d.contains(N.target)) && Y();
     });
   }).subscribe(xt);
-  to(() => {
-    C.set(w);
-  }), ke(() => {
-    C.set(void 0), et();
+  ze(() => {
+    k.set(w);
+  }), Ce(() => {
+    k.set(void 0), et();
   });
   function K(d) {
-    Ne[d ? "unshift" : "push"](() => {
+    Ee[d ? "unshift" : "push"](() => {
       w = d, e(1, w);
@@ -561,21 +554,21 @@ });
     w,
+    s,
+    i,
     r,
     n,
-    s,
-    i,
     a,
     l,
-    f,
+    h,
     p,
     c,
-    _,
+    m,
+    A,
     P,
-    A,
-    W,
+    G,
     B,
-    at,
     lt,
+    ct,
     dt,
     Y,
-    G,
+    W,
     tt,
@@ -585,10 +578,10 @@ K
 }
-class Go extends bt {
+class Do extends bt {
   constructor(t) {
-    super(), $t(this, t, Wo, jo, Ct, { position: 0 }, Ro, [-1, -1]);
+    super(), $t(this, t, Fo, Vo, kt, { position: 0 }, Ho, [-1, -1]);
   }
 }
 const ae = 0.05;
-function Ue(o, t, e, r, n, s) {
-  const i = t.x + t.width, a = t.y + t.height, f = t.y - e.height - n >= 0, y = s.height - (a + e.height) - n >= 0, b = t.x - e.width - r >= 0, g = s.width - (i + e.width) - r >= 0;
+function Ye(o, t, e, s, i, r) {
+  const n = t.x + t.width, a = t.y + t.height, h = t.y - e.height - i >= 0, y = r.height - (a + e.height) - i >= 0, b = t.x - e.width - s >= 0, g = r.width - (n + e.width) - s >= 0;
   if (o === "BOTTOM" && y)
@@ -598,14 +591,14 @@ return "BOTTOM";
     return "LEFT";
-  if (o === "TOP" && f)
+  if (o === "TOP" && h)
     return "TOP";
   if (o === "RIGHT" && g)
     return "RIGHT";
-  const m = s.width * ae, $ = s.height * ae;
+  const _ = r.width * ae, $ = r.height * ae;
   if (t.y < $ && y)
     return "BOTTOM";
-  if (s.width - i < m && b)
+  if (r.width - n < _ && b)
     return "LEFT";
-  if (s.height - a < $ && f)
+  if (r.height - a < $ && h)
     return "TOP";
-  if (t.x < m && g)
+  if (t.x < _ && g)
     return "RIGHT";
@@ -616,3 +609,3 @@ if (y)
     return "LEFT";
-  if (f)
+  if (h)
     return "TOP";
@@ -622,7 +615,7 @@ if (g)
 }
-function Yo(...o) {
+function jo(...o) {
   const t = o[0];
-  return t === "SCREEN" || t === "OVER" ? t : Ue(...o) ?? "OVER";
+  return t === "SCREEN" || t === "OVER" ? t : Ye(...o) ?? "OVER";
 }
-const qe = (o) => {
+const Ke = (o) => {
   if (!o || o === Vt)
@@ -633,43 +626,43 @@ return [Vt, void 0];
   const t = o.split("_");
-  return t.length === 1 && se.includes(t[0]) ? [t[0], "CENTER"] : t.length === 2 && se.includes(t[0]) && $o.includes(t[1]) ? t : [Vt, void 0];
-}, Ko = (o, t, e, r) => o < e ? e - o : t > r ? t - r : 0, le = (o = "CENTER", t, e, r, n, s) => {
-  if (!r)
+  return t.length === 1 && re.includes(t[0]) ? [t[0], "CENTER"] : t.length === 2 && re.includes(t[0]) && _o.includes(t[1]) ? t : [Vt, void 0];
+}, Ro = (o, t, e, s) => o < e ? e - o : t > s ? t - s : 0, le = (o = "CENTER", t, e, s, i, r) => {
+  if (!s)
     return { adjustAlignment: "CENTER", value: 0 };
-  const i = {
-    START: t - s,
-    CENTER: (t + e - r) / 2,
-    END: e - r + s
-  }, l = ((f, p, y) => {
+  const n = {
+    START: t - r,
+    CENTER: (t + e - s) / 2,
+    END: e - s + r
+  }, l = ((h, p, y) => {
     let w;
-    for (const b of f) {
-      const C = i[b], g = Ko(C, C + r, p, y);
+    for (const b of h) {
+      const k = n[b], g = Ro(k, k + s, p, y);
       if (g > 0)
         w ? g < w.overflowPx && (w = { adjustAlignment: b, overflowPx: g }) : w = { adjustAlignment: b, overflowPx: g };
       else
-        return { adjustAlignment: b, value: C };
+        return { adjustAlignment: b, value: k };
     }
     return {
       adjustAlignment: (w == null ? void 0 : w.adjustAlignment) || o,
-      value: i[(w == null ? void 0 : w.adjustAlignment) || o],
+      value: n[(w == null ? void 0 : w.adjustAlignment) || o],
       overflowPx: w == null ? void 0 : w.overflowPx
     };
   })(
-    [o, ...["CENTER", "START", "END"].filter((f) => f !== o)],
+    [o, ...["CENTER", "START", "END"].filter((h) => h !== o)],
     0,
-    n
+    i
   );
   if (l.overflowPx && l.overflowPx > 0) {
-    let f = 0;
-    l.adjustAlignment === "START" ? f = l.overflowPx : l.adjustAlignment === "END" && (f = 0 - l.overflowPx), l.value = l.value + f;
+    let h = 0;
+    l.adjustAlignment === "START" ? h = l.overflowPx : l.adjustAlignment === "END" && (h = 0 - l.overflowPx), l.value = l.value + h;
   }
   return l;
-}, Xo = (o, t, e, r, n, s, i, a) => {
+}, Go = (o, t, e, s, i, r, n, a) => {
   const l = {
-    ...Co
+    ...vo
   };
-  let f, p, y;
-  if (!e || ut(e) || o === "SCREEN")
-    p = (s.height - r.height) / 2, y = (s.width - r.width) / 2;
+  let h, p, y;
+  if (!e || nt(e) || o === "SCREEN")
+    p = (r.height - s.height) / 2, y = (r.width - s.width) / 2;
   else {
-    const w = e.x + e.width, b = e.y + e.height, C = s.height - r.height, g = s.width - r.width, m = () => {
+    const w = e.x + e.width, b = e.y + e.height, k = r.height - s.height, g = r.width - s.width, _ = () => {
       const c = le(
@@ -679,7 +672,7 @@ t,
         w,
+        s.width,
         r.width,
-        s.width,
-        i
+        n
       );
-      y = gt(c.value, 0, g), f = c.adjustAlignment;
+      y = gt(c.value, 0, g), h = c.adjustAlignment;
     }, $ = () => {
@@ -690,27 +683,27 @@ const c = le(
         b,
+        s.height,
         r.height,
-        s.height,
         a
       );
-      p = gt(c.value, 0, C), f = c.adjustAlignment;
+      p = gt(c.value, 0, k), h = c.adjustAlignment;
     };
     switch (o) {
       case "OVER": {
-        p = e.y + (e.height - r.height) / 2, y = e.x + (e.width - r.width) / 2;
+        p = e.y + (e.height - s.height) / 2, y = e.x + (e.width - s.width) / 2;
         break;
       }
       case "TOP": {
-        p = gt(e.y - r.height - a, 0, C), m();
+        p = gt(e.y - s.height - a, 0, k), _();
         break;
       }
       case "BOTTOM": {
-        p = gt(b + a, n, C), m();
+        p = gt(b + a, i, k), _();
         break;
       }
       case "LEFT": {
-        y = gt(e.x - r.width - i, 0, g), $();
+        y = gt(e.x - s.width - n, 0, g), $();
         break;
       }
       case "RIGHT": {
-        y = gt(w + i, n, g), $();
+        y = gt(w + n, i, g), $();
         break;
@@ -720,26 +713,26 @@ }
   }
-  return l.x = ee(y), l.y = ee(p), { position: l, alignment: f || "CENTER" };
-}, Uo = (o, t) => {
-  let e, r;
-  return ({ step: n }, s, i, a) => {
-    if (i.width === 0 || i.height === 0 || !s)
+  return l.x = ee(y), l.y = ee(p), { position: l, alignment: h || "CENTER" };
+}, Wo = (o, t) => {
+  let e, s;
+  return ({ step: i }, r, n, a) => {
+    if (n.width === 0 || n.height === 0 || !r)
       return;
-    const l = M(t.popover), f = l.offset, p = qe(l.position), y = M(t.highlight), { padding: w, borderWidth: b } = y, C = n == null ? void 0 : n.id, g = p[0], m = p[1], $ = Bt(o), [c, h] = zt(w, a), _ = c + f + b, P = h + f + b, A = ut(s) ? "SCREEN" : Yo(g, s, i, _, P, $), { position: W, alignment: B } = Xo(
-      A,
-      m === e ? r : m,
-      s,
-      i,
-      f,
+    const l = M(t.popover), h = l.offset, p = Ke(l.position), y = M(t.highlight), { padding: w, borderWidth: b } = y, k = i == null ? void 0 : i.id, g = p[0], _ = p[1], $ = Bt(o), [c, f] = zt(w, a), m = c + h + b, A = f + h + b, P = nt(r) ? "SCREEN" : jo(g, r, n, m, A, $), { position: G, alignment: B } = Go(
+      P,
+      _ === e ? s : _,
+      r,
+      n,
+      h,
       $,
-      _,
-      P
+      m,
+      A
     );
-    return e = m, r = B, {
-      orientation: A,
+    return e = _, s = B, {
+      orientation: P,
       alignment: B,
-      stepId: C,
+      stepId: k,
       preferredOrientation: g,
-      preferredAlignment: m,
-      position: W,
-      popoverSize: i,
+      preferredAlignment: _,
+      position: G,
+      popoverSize: n,
       viewportSize: $
@@ -749,6 +742,6 @@ };
 };
-async function qo(o, t) {
+async function Yo(o, t) {
   o.length !== 0 && await Promise.all(
-    o.map(({ el: e, top: r, left: n }) => e.scrollTop == r && e.scrollLeft == n ? Promise.resolve() : new Promise((s) => {
-      const i = Math.max(Math.abs(r - e.scrollTop), Math.abs(n - e.scrollLeft)), a = Gt(
+    o.map(({ el: e, top: s, left: i }) => e.scrollTop == s && e.scrollLeft == i ? Promise.resolve() : new Promise((r) => {
+      const n = Math.max(Math.abs(s - e.scrollTop), Math.abs(i - e.scrollLeft)), a = Wt(
         {
@@ -759,15 +752,15 @@ x: e.scrollLeft,
         {
-          duration: Math.min(i, 200),
+          duration: Math.min(n, 200),
           // 300ms maximum
-          easing: Wt
+          easing: Gt
         }
       ), l = a.subscribe(({ x: p, y }) => {
-        e.scrollLeft = p, e.scrollTop = y, p === n && y === r && f();
+        e.scrollLeft = p, e.scrollTop = y, p === i && y === s && h();
       });
-      function f() {
-        l(), s();
+      function h() {
+        l(), r();
       }
-      Rt(t, f), a.set({
-        x: n,
-        y: r
+      jt(t, h), a.set({
+        x: i,
+        y: s
       });
@@ -777,9 +770,12 @@ }))
 }
-function Zo(o, t, e, r, n) {
-  const s = e.transform$ ?? Jt;
-  let i;
-  const a = F(r.popover, "position"), l = ft(void 0), f = Uo(e, r);
+function Ko(o) {
+  return nt(o) ? !1 : o.ownerDocument.body.contains(o);
+}
+function Xo(o, t, e, s, i) {
+  const r = e.transform$ ?? Jt;
+  let n;
+  const a = F(s.popover, "position"), l = ut(void 0), h = Wo(e, s);
   return {
-    elementBounding$: I(
-      [o, t, s, a],
+    elementBounding$: L(
+      [o, t, r, a],
       ([
@@ -790,14 +786,14 @@ y,
         /* position */
-      ], C) => {
-        const { element: g, step: m } = y;
-        if (!g || !m)
+      ], k) => {
+        const { element: g, step: _ } = y;
+        if (!g || !_ || !Ko(g))
           return xt;
         const $ = new AbortController();
-        return c().then((h) => {
-          const _ = h.subscribe((P) => {
-            C(P), i = P;
-            const A = f(y, P, w, b);
-            A && l.set(A);
+        return c().then((f) => {
+          const m = f.subscribe((A) => {
+            k(A), n = A;
+            const P = h(y, A, w, b);
+            P && l.set(P);
           });
-          Rt($, _);
+          jt($, m);
         }), () => {
@@ -807,38 +803,35 @@ $.abort();
         async function c() {
-          let h = [], _ = [];
-          const P = !g || ut(g) ? [] : m != null && m.onlyHighlightChildren ? (
-            // eslint-disable-next-line unicorn/prefer-spread
-            Array.from(g.children)
-          ) : [g], { highlight: A, popover: W } = r, B = M(A), E = M(W), T = qe(E.position), u = T[0], O = T[1], [at, lt] = Xe(B.padding, B, b), ot = P.length > 0 ? () => io(ao(lo(P), _), b) : () => new DOMRectReadOnly(0, 0, 0, 0);
-          if (g && !ut(g)) {
-            [h, _] = co(g, po(e.window));
-            const Y = dt(), G = ho(h, _, g, Y);
-            await qo(G, $);
+          let f = [], m = [];
+          const A = !g || nt(g) ? [] : _ != null && _.onlyHighlightChildren ? Array.from(g.children) : [g], { highlight: P, popover: G } = s, B = M(P), E = M(G), T = Ke(E.position), u = T[0], O = T[1], [lt, ct] = We(B.padding, B, b), ot = A.length > 0 ? () => so(ro(io(A), m), b) : () => new DOMRectReadOnly(0, 0, 0, 0);
+          if (g && !nt(g)) {
+            [f, m] = no(g, ao(e.window));
+            const Y = dt(), W = lo(f, m, g, Y);
+            await Yo(W, $);
           }
-          return jt(i, (Y) => {
+          return Rt(n, (Y) => {
             if (!g)
               return;
-            let G;
-            const tt = fo(() => {
+            let W;
+            const tt = co(() => {
               if ($.signal.aborted)
                 return;
               const K = ot(), d = K.width === 0 || K.height === 0;
-              G && Nt(K.width, G.width) && Nt(K.height, G.height) && (d || Nt(K.x, G.x) && Nt(K.y, G.y)) || (G = K, Y(d ? Ae : K));
+              W && At(K.width, W.width) && At(K.height, W.height) && (d || At(K.x, W.x) && At(K.y, W.y)) || (W = K, Y(d ? Se : K));
             }), et = [
-              uo(P, _, tt),
-              n.subscribe(tt)
+              po(A, m, tt),
+              i.subscribe(tt)
             ];
-            tt(), Rt($, () => {
-              Ve(et);
+            tt(), jt($, () => {
+              Be(et);
             });
           });
           function dt() {
-            const Y = (m == null ? void 0 : m.scrollOffset) || {}, G = Ue(
+            const Y = (_ == null ? void 0 : _.scrollOffset) || {}, W = Ye(
               u,
               ot(),
               w,
-              at,
               lt,
+              ct,
               Bt(e)
-            ), tt = G ? "if-needed" : "always", et = G ? ne[G] : ne[u], K = O ? O.toLocaleLowerCase() : "nearest", { padding: d, borderWidth: q } = B, X = (E.offset < 10 ? 10 : E.offset) + q, N = {
+            ), tt = W ? "if-needed" : "always", et = W ? ie[W] : ie[u], K = O ? O.toLocaleLowerCase() : "nearest", { padding: d, borderWidth: q } = B, X = (E.offset < 10 ? 10 : E.offset) + q, N = {
               left: X + (Y.left || 0),
@@ -866,3 +859,3 @@ right: X + (Y.right || 0),
             const wt = Oe(b);
-            return N.left = oe(N.left, 0, wt) + d, N.right = oe(N.right, 0, wt) + d, N.top = re(0, N.top, wt) + d, N.bottom = re(0, N.bottom, wt) + d, {
+            return N.left = oe(N.left, 0, wt) + d, N.right = oe(N.right, 0, wt) + d, N.top = se(0, N.top, wt) + d, N.bottom = se(0, N.bottom, wt) + d, {
               scrollMode: tt,
@@ -880,8 +873,8 @@ block: v,
 }
-function Nt(o, t) {
+function At(o, t) {
   return o.toFixed(2) === t.toFixed(2);
 }
-function zo(o, t, e) {
-  let r;
-  return I([o, e.highlight], ([n, { padding: s }], i) => {
+function Uo(o, t, e) {
+  let s;
+  return L([o, e.highlight], ([i, { padding: r }], n) => {
     const a = {
@@ -892,8 +885,8 @@ x: 0,
       height: 0,
-      padding: s
+      padding: r
     };
-    if (!n || ut(n)) {
-      const f = Bt(t), p = r ? M(r) : {
-        x: f.width / 2,
-        y: f.height / 2,
+    if (!i || nt(i)) {
+      const h = Bt(t), p = s ? M(s) : {
+        x: h.width / 2,
+        y: h.height / 2,
         width: 0,
@@ -906,4 +899,4 @@ height: 0,
     } else
-      a.x = n.x, a.y = n.y, a.width = n.width, a.height = n.height;
-    r || (r = Gt(
+      a.x = i.x, a.y = i.y, a.width = i.width, a.height = i.height;
+    s || (s = Wt(
       {
@@ -918,29 +911,29 @@ x: a.x + a.width / 2,
         duration: 300,
-        easing: Wt
+        easing: Gt
       }
     ));
-    const l = r.subscribe(i);
-    return r.set(a), l;
+    const l = s.subscribe(n);
+    return s.set(a), l;
   });
 }
-const Jo = (o, t) => {
+const qo = (o, t) => {
   let e;
-  const { activeStep$: r } = o;
-  return I(
-    r,
-    (n, s) => {
-      if (!n)
+  const { activeStep$: s } = o;
+  return L(
+    s,
+    (i, r) => {
+      if (!i)
         return;
-      s({
+      r({
         element: void 0,
         step: e
       });
-      const i = new AbortController();
-      return t.waitForElement(n, i).then((a) => {
-        i.signal.aborted || (s({
-          element: a ?? Ae,
-          step: n
-        }), t.afterStepChanged && t.afterStepChanged(n.id, e == null ? void 0 : e.id));
+      const n = new AbortController();
+      return t.waitForElement(i, n).then((a) => {
+        n.signal.aborted || (r({
+          element: a ?? Se,
+          step: i
+        }), t.afterStepChanged && t.afterStepChanged(i.id, e == null ? void 0 : e.id));
       }), () => {
-        e = n, i.abort();
+        e = i, n.abort();
       };
@@ -953,7 +946,7 @@ },
   );
-}, Qo = (o) => I(o, (t, e) => t ? go(t, () => {
+}, Zo = (o) => L(o, (t, e) => t ? fo(t, () => {
   e(t.getBoundingClientRect());
-}) : (e(wo), xt));
-class tr extends Eo {
-  constructor(e, r, n, s) {
+}) : (e(ho), xt));
+class zo extends So {
+  constructor(e, s, i, r) {
     super(e);
@@ -963,3 +956,3 @@ Q(this, "subscriptions", []);
     Q(this, "delegate");
-    Q(this, "updatePositionSignal$", ft(0));
+    Q(this, "updatePositionSignal$", ut(0));
     Q(this, "renderState$");
@@ -970,11 +963,11 @@ Q(this, "onPrev", () => {
     Q(this, "onNext", async () => {
-      var r, n;
-      const e = M(Ye(this.store, this.store.effectiveIndex$));
+      var s, i;
+      const e = M(Re(this.store, this.store.effectiveIndex$));
       if (e) {
-        const s = (r = this.getActiveStep().step) == null ? void 0 : r.id;
+        const r = (s = this.getActiveStep().step) == null ? void 0 : s.id;
         if (this.delegate.beforeStepChange) {
-          const i = new AbortController();
-          if (await this.delegate.beforeStepChange(e.id, s, i).catch(() => {
-            i.abort();
-          }), i.signal.aborted || ((n = this.getActiveStep().step) == null ? void 0 : n.id) !== s)
+          const n = new AbortController();
+          if (await this.delegate.beforeStepChange(e.id, r, n).catch(() => {
+            n.abort();
+          }), n.signal.aborted || ((i = this.getActiveStep().step) == null ? void 0 : i.id) !== r)
             return;
@@ -989,21 +982,21 @@ }
     });
-    this.delegate = r;
-    const i = He(r), a = [], l = Jo(e, r);
+    this.delegate = s;
+    const n = Le(s), a = [], l = qo(e, s);
     this.renderState$ = l;
-    const f = F(l, "step"), p = er(s, f), y = {
-      popover: p("popover", ko),
-      highlight: p("highlight", xo),
-      theme: I(p("theme", {}), Lo)
-    }, w = ft(void 0), b = Qo(w), { elementBounding$: C, placement$: g } = Zo(
+    const h = F(l, "step"), p = Jo(r, h), y = {
+      popover: p("popover", yo),
+      highlight: p("highlight", bo),
+      theme: L(p("theme", {}), $o)
+    }, w = ut(void 0), b = Zo(w), { elementBounding$: k, placement$: g } = Xo(
       l,
       b,
-      r,
+      s,
       y,
       this.updatePositionSignal$
-    ), m = r.getTotalCount(e), $ = zo(C, r, y), c = Be(n);
-    c.set(At, this).set(So, C).set(qt, $).set(Yt, s).set(Kt, w).set(Po, b).set(Xt, m).set(Mt, r).set(Zt, l).set(Lt, y).set(Ut, g), this.subscriptions = a, this.view = new Go({
-      target: i,
+    ), _ = s.getTotalCount(e), $ = Uo(k, s, y), c = Ie(i);
+    c.set(Et, this).set(xo, k).set(qt, $).set(Yt, r).set(Kt, w).set(To, b).set(Xt, _).set(It, s).set(Zt, l).set(Lt, y).set(Ut, g), this.subscriptions = a, this.view = new Do({
+      target: n,
       context: c,
       props: {
-        position: i.tagName.toLowerCase() === "body" ? "fixed" : "absolute"
+        position: n.tagName.toLowerCase() === "body" ? "fixed" : "absolute"
       }
@@ -1033,16 +1026,16 @@ });
     const { element: e } = M(this.renderState$);
-    return ut(e) ? void 0 : e;
+    return nt(e) ? void 0 : e;
   }
   dispose() {
     var e;
-    Ve(this.subscriptions), (e = this.view) == null || e.$destroy();
+    Be(this.subscriptions), (e = this.view) == null || e.$destroy();
   }
 }
-function er(o, t) {
-  return (e, r) => {
-    const n = F(o, e), s = F(t, e);
-    return I([n, s], (i) => Mo(r, ...i));
+function Jo(o, t) {
+  return (e, s) => {
+    const i = F(o, e), r = F(t, e);
+    return L([i, r], (n) => No(s, ...n));
   };
 }
-function or(o) {
+function Qo(o) {
   Tt(o, "svelte-14sxom4", ".thisway-highlight{position:absolute;overflow:visible;pointer-events:none;border-style:solid;border-color:var(--thisway-highlight-border-color);box-sizing:content-box;border-width:calc(var(--thisway-highlight-border-width) * 1px);border-radius:calc(var(--thisway-highlight-border-width) * 2px)}.thisway-highlight-pulse{position:absolute;animation:hotspot-pulse 1.5s infinite;opacity:0.4;width:100%;height:100%;top:0;left:0;box-sizing:content-box;padding:calc(var(--thisway-highlight-border-width) * 1px);border-radius:calc(var(--thisway-highlight-border-width) * 2px);transform:translate(calc(var(--thisway-highlight-border-width) * -1px), calc(var(--thisway-highlight-border-width) * -1px))}@keyframes hotspot-pulse{0%{box-shadow:0 0 0 0 var(--thisway-highlight-border-color, #3082ed)}50%{box-shadow:0 0 0 10px var(--thisway-highlight-border-color, #3082ed)}100%{box-shadow:0 0 0 0 var(--thisway-highlight-border-color, #3082ed)}}");
@@ -1054,14 +1047,14 @@ }
     c() {
-      t = U("div"), k(t, "class", "thisway-highlight-pulse");
+      t = U("div"), C(t, "class", "thisway-highlight-pulse");
     },
-    m(e, r) {
-      D(e, t, r);
+    m(e, s) {
+      D(e, t, s);
     },
     d(e) {
-      e && R(t);
+      e && j(t);
     }
   };
 }
-function rr(o) {
-  let t, e, r, n, s = (
+function ts(o) {
+  let t, e, s, i, r = (
     /*$showHeartbeat$*/
@@ -1072,3 +1065,3 @@ o[4] && ce()
     c() {
-      t = U("div"), s && s.c(), k(t, "class", "thisway-highlight"), H(
+      t = U("div"), r && r.c(), C(t, "class", "thisway-highlight"), H(
         t,
@@ -1090,4 +1083,4 @@ "--thisway-highlight-border-width",
     },
-    m(i, a) {
-      D(i, t, a), s && s.m(t, null), r || (n = Ie(e = Ke.call(
+    m(n, a) {
+      D(n, t, a), r && r.m(t, null), s || (i = Ne(e = Ge.call(
         null,
@@ -1097,11 +1090,11 @@ t,
         o[3]
-      )), r = !0);
+      )), s = !0);
     },
-    p(i, [a]) {
+    p(n, [a]) {
       /*$showHeartbeat$*/
-      i[4] ? s || (s = ce(), s.c(), s.m(t, null)) : s && (s.d(1), s = null), e && Me(e.update) && a & /*$borderBoundingStyle$*/
+      n[4] ? r || (r = ce(), r.c(), r.m(t, null)) : r && (r.d(1), r = null), e && Ae(e.update) && a & /*$borderBoundingStyle$*/
       8 && e.update.call(
         null,
         /*$borderBoundingStyle$*/
-        i[3]
+        n[3]
       ), a & /*$borderWidth$*/
@@ -1112,3 +1105,3 @@ 1 && H(
         /*$borderWidth$*/
-        i[0]
+        n[0]
       ), a & /*$borderColor$*/
@@ -1119,3 +1112,3 @@ 2 && H(
         /*$borderColor$*/
-        i[1]
+        n[1]
       ), a & /*$showBorder$*/
@@ -1126,48 +1119,43 @@ 4 && H(
         /*$showBorder$*/
-        i[2] ? "block" : "none"
+        n[2] ? "block" : "none"
       );
     },
-    i: it,
-    o: it,
-    d(i) {
-      i && R(t), s && s.d(), r = !1, n();
+    i: at,
+    o: at,
+    d(n) {
+      n && j(t), r && r.d(), s = !1, i();
     }
   };
 }
-function sr(o, t, e) {
-  let r, n, s, i, a;
-  const l = V(Mt), f = V(qt), p = We(), y = Ge(), w = F(p, "borderWidth");
-  S(o, w, (h) => e(0, r = h));
-  const b = F(p, "showHeartbeat"), C = I([f, p], ([h, { borderWidth: _, showBorder: P }]) => P && _ > 0 && h.width > 0 && h.height > 0);
-  S(o, C, (h) => e(2, s = h));
-  const g = l.transform$ ?? Jt, m = I([f, w], ([h, _], P) => {
-    if (!h)
+function es(o, t, e) {
+  let s, i, r, n, a;
+  const l = V(It), h = V(qt), p = De(), y = je(), w = F(p, "borderWidth");
+  S(o, w, (f) => e(0, s = f));
+  const b = F(p, "showHeartbeat"), k = F(y, "highlightColor");
+  S(o, k, (f) => e(1, i = f));
+  const g = L([h, p], ([f, { borderWidth: m, showBorder: A }]) => A && m > 0 && f.width > 0 && f.height > 0);
+  S(o, g, (f) => e(2, r = f));
+  const _ = l.transform$ ?? Jt, $ = L([h, w], ([f, m], A) => {
+    if (!f)
       return;
-    const { x: A, y: W, padding: B, width: E, height: T } = h, [u, O] = zt(B, M(g));
-    P({
-      left: nt(A - _ - u),
-      top: nt(W - _ - O),
-      width: nt(E),
-      height: nt(T),
-      padding: `${nt(O)} ${nt(u)}`
+    const { x: P, y: G, padding: B, width: E, height: T } = f, [u, O] = zt(B, M(_));
+    A({
+      left: it(P - m - u),
+      top: it(G - m - O),
+      width: it(E),
+      height: it(T),
+      padding: `${it(O)} ${it(u)}`
     });
   });
-  S(o, m, (h) => e(3, i = h));
-  const $ = I([p, y], ([h, _]) => {
-    if (h != null && h.borderColor)
-      return h.borderColor;
-    const { primaryColor: P } = _;
-    return De(P);
-  });
-  S(o, $, (h) => e(1, n = h));
-  const c = I([b, f], ([h, _]) => !!(h && (_ != null && _.width) && (_ != null && _.height)));
-  return S(o, c, (h) => e(4, a = h)), [
+  S(o, $, (f) => e(3, n = f));
+  const c = L([b, h], ([f, m]) => !!(f && (m != null && m.width) && (m != null && m.height)));
+  return S(o, c, (f) => e(4, a = f)), [
+    s,
+    i,
     r,
     n,
-    s,
-    i,
     a,
     w,
-    C,
-    m,
+    k,
+    g,
     $,
@@ -1177,11 +1165,12 @@ c
 }
-class nr extends bt {
+class os extends bt {
   constructor(t) {
-    super(), $t(this, t, sr, rr, Ct, {}, or);
+    super(), $t(this, t, es, ts, kt, {}, Qo);
   }
 }
-function ir(o) {
+const ss = os;
+function rs(o) {
   Tt(o, "svelte-1fc4ct7", ".thisway-progress{font-size:14px}");
 }
-function ar(o) {
+function is(o) {
   let t, e;
@@ -1193,44 +1182,44 @@ return {
         o[0]
-      ), k(t, "class", "thisway-progress");
+      ), C(t, "class", "thisway-progress");
     },
-    m(r, n) {
-      D(r, t, n), j(t, e);
+    m(s, i) {
+      D(s, t, i), R(t, e);
     },
-    p(r, [n]) {
-      n & /*$progress$*/
+    p(s, [i]) {
+      i & /*$progress$*/
       1 && Pt(
         e,
         /*$progress$*/
-        r[0]
+        s[0]
       );
     },
-    i: it,
-    o: it,
-    d(r) {
-      r && R(t);
+    i: at,
+    o: at,
+    d(s) {
+      s && j(t);
     }
   };
 }
-function lr(o, t, e) {
-  let r;
-  const n = V(Xt), s = Re(), i = I([s, n], ([a, l]) => l > 1 ? `${a + 1}/${l}` : "");
-  return S(o, i, (a) => e(0, r = a)), [r, i];
+function ns(o, t, e) {
+  let s;
+  const i = V(Xt), r = Ve(), n = L([r, i], ([a, l]) => l > 1 ? `${a + 1}/${l}` : "");
+  return S(o, n, (a) => e(0, s = a)), [s, n];
 }
-class Ze extends bt {
+class Xe extends bt {
   constructor(t) {
-    super(), $t(this, t, lr, ar, Ct, {}, ir);
+    super(), $t(this, t, ns, is, kt, {}, rs);
   }
 }
-function cr(o) {
+function as(o) {
   Tt(o, "svelte-yaniy4", "@keyframes reduction{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}.thisway-stretch{margin:auto}.thisway-popover{animation:reduction 200ms linear;display:flex;flex-direction:column;padding:16px;max-width:280px;min-width:280px;border-radius:10px;overflow:visible;background-color:var(--thisway-color-primary);color:var(--thisway-color-text);position:relative;box-shadow:var(--thisway-default-shadow);box-sizing:border-box}.thisway-popover.thisway-popover__mode-1 .thisway-popover-description{background-color:var(--thisway-color-primary);color:var(--thisway-color-text)}.thisway-popover.thisway-popover__mode-1 .thisway-progress{margin-right:auto}.thisway-popover.thisway-popover__mode-2 .thisway-popover-title{order:2}.thisway-popover.thisway-popover__mode-2 .thisway-popover-description{background-color:var(--thisway-color-primary);color:var(--thisway-color-text);order:3}.thisway-popover.thisway-popover__mode-2 .thisway-popover-footer{order:4;justify-content:flex-end}.thisway-popover.thisway-popover__mode-2 .thisway-popover-close{top:14px;right:14px}.thisway-popover.thisway-popover__mode-2 .thisway-progress{font-size:20px;order:1}.thisway-popover.thisway-popover__mode-3{padding-top:0;background:linear-gradient(to bottom, var(--thisway-color-primary) 40px, var(--thisway-color-text) 40px)}.thisway-popover.thisway-popover__mode-3.thisway-popover-left .thisway-popover__arrow-center,.thisway-popover.thisway-popover__mode-3.thisway-popover-left .thisway-popover__arrow-end,.thisway-popover.thisway-popover__mode-3.thisway-popover-right .thisway-popover__arrow-center,.thisway-popover.thisway-popover__mode-3.thisway-popover-right .thisway-popover__arrow-end{background-color:white}.thisway-popover.thisway-popover__mode-3.thisway-popover-top .thisway-popover__arrow-start,.thisway-popover.thisway-popover__mode-3.thisway-popover-top .thisway-popover__arrow-center,.thisway-popover.thisway-popover__mode-3.thisway-popover-top .thisway-popover__arrow-end{background-color:white}.thisway-popover.thisway-popover__mode-3 .thisway-popover-title{line-height:40px;height:40px;font-size:18px;order:1;background-color:var(--thisway-color-primary)}.thisway-popover.thisway-popover__mode-3 .thisway-popover-description{color:#333333;order:3}.thisway-popover.thisway-popover__mode-3 .thisway-popover-footer{order:4}.thisway-popover.thisway-popover__mode-3 .thisway-popover-prev{background-color:var(--thisway-color-text);color:var(--thisway-color-primary);border:1px solid var(--thisway-color-primary);flex:0 0 30px;height:30px;border-radius:50%;padding:0}.thisway-popover.thisway-popover__mode-3 .thisway-popover-prev svg{display:inline-block;margin:4px 0 0;padding:0}.thisway-popover.thisway-popover__mode-3 .thisway-popover-next{background-color:var(--thisway-color-primary);color:var(--thisway-color-text);border:1px solid var(--thisway-color-text);max-width:210px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.thisway-popover.thisway-popover__mode-3 .thisway-popover-close{top:8px;right:10px}.thisway-popover.thisway-popover__mode-3 .thisway-progress{color:#999;margin:10px 0 5px;order:2}.thisway-popover-title{font-size:18px;font-style:normal;font-weight:500;line-height:24px;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@supports (-webkit-line-clamp: 2){.thisway-popover-title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.thisway-popover-description{margin-top:5px;margin-bottom:0;white-space:pre-line;font-size:14px;line-height:20px;font-style:normal;word-wrap:break-word}.thisway-popover-description a{text-decoration:underline}.thisway-popover-footer{margin-top:10px;display:flex;align-items:center}.thisway-popover-footer button{text-decoration:none;cursor:pointer;outline:0;height:30px;border-radius:50px;padding:0 18px;font-size:13px;line-height:20px}.thisway-popover-footer button:not(:last-child){margin-right:10px}.thisway-popover-top .thisway-popover__arrow{bottom:0;transform:translate(-50%, 50%) rotate(45deg)}.thisway-popover-bottom .thisway-popover__arrow{top:0;transform:translate(-50%, -50%) rotate(45deg)}.thisway-popover-left .thisway-popover__arrow{right:0;transform:translate(50%, -50%) rotate(45deg)}.thisway-popover-right .thisway-popover__arrow{left:0;transform:translate(-50%, -50%) rotate(45deg)}.thisway-popover__arrow{position:absolute;width:10px;height:10px;display:block;background-color:var(--thisway-color-primary)}.thisway-popover-right .thisway-popover__arrow-start,.thisway-popover-left .thisway-popover__arrow-start{top:20px}.thisway-popover-right .thisway-popover__arrow-center,.thisway-popover-left .thisway-popover__arrow-center{top:50%}.thisway-popover-right .thisway-popover__arrow-end,.thisway-popover-left .thisway-popover__arrow-end{bottom:10px}.thisway-popover-top .thisway-popover__arrow-start,.thisway-popover-bottom .thisway-popover__arrow-start{left:20px}.thisway-popover-top .thisway-popover__arrow-center,.thisway-popover-bottom .thisway-popover__arrow-center{left:50%}.thisway-popover-top .thisway-popover__arrow-end,.thisway-popover-bottom .thisway-popover__arrow-end{right:10px}.thisway-popover-screen .thisway-popover__arrow,.thisway-popover-over .thisway-popover__arrow{display:none}.thisway-popover-prev{background-color:var(--thisway-color-primary);color:var(--thisway-color-text);border:1px solid var(--thisway-color-text)}.thisway-popover-next{background-color:var(--thisway-color-text);color:var(--thisway-color-primary);border:1px solid var(--thisway-color-primary)}.thisway-popover-close{width:24px;height:24px;position:absolute;opacity:0.8;display:flex;align-items:center;justify-content:center;padding:0;border:none;color:var(--thisway-color-text);background-color:transparent;top:8px;right:8px;z-index:1}.thisway-popover-close:hover{opacity:1;border:none}");
 }
-const pr = (o) => ({}), pe = (o) => ({}), hr = (o) => ({}), he = (o) => ({}), fr = (o) => ({}), fe = (o) => ({}), ur = (o) => ({}), ue = (o) => ({}), dr = (o) => ({}), de = (o) => ({});
+const ls = (o) => ({}), pe = (o) => ({}), cs = (o) => ({}), he = (o) => ({}), ps = (o) => ({}), fe = (o) => ({}), hs = (o) => ({}), ue = (o) => ({}), fs = (o) => ({}), de = (o) => ({});
 function we(o) {
-  let t, e, r;
+  let t, e, s;
   return {
     c() {
-      t = U("button"), t.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 10.586l-4.293-4.293a1 1 0 0 0-1.414 1.414L10.586 12l-4.293 4.293a1 1 0 1 0 1.414 1.414L12 13.414l4.293 4.293a1 1 0 1 0 1.414-1.414L13.414 12l4.293-4.293a1 1 0 0 0-1.414-1.414L12 10.586z"></path></svg>', k(t, "class", "thisway-popover-close");
+      t = U("button"), t.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 10.586l-4.293-4.293a1 1 0 0 0-1.414 1.414L10.586 12l-4.293 4.293a1 1 0 1 0 1.414 1.414L12 13.414l4.293 4.293a1 1 0 1 0 1.414-1.414L13.414 12l4.293-4.293a1 1 0 0 0-1.414-1.414L12 10.586z"></path></svg>', C(t, "class", "thisway-popover-close");
     },
-    m(n, s) {
-      D(n, t, s), e || (r = Ot(
+    m(i, r) {
+      D(i, t, r), e || (s = Ot(
         t,
@@ -1242,5 +1231,5 @@ "click",
     },
-    p: it,
-    d(n) {
-      n && R(t), e = !1, r();
+    p: at,
+    d(i) {
+      i && j(t), e = !1, s();
     }
@@ -1251,7 +1240,7 @@ };
   let t, e;
-  const r = (
+  const s = (
     /*#slots*/
     o[30].title
-  ), n = _t(
-    r,
+  ), i = mt(
+    s,
     o,
@@ -1261,44 +1250,44 @@ /*$$scope*/
     de
-  ), s = n || wr(o);
+  ), r = i || us(o);
   return {
     c() {
-      t = U("header"), s && s.c(), k(t, "class", "thisway-popover-title");
+      t = U("header"), r && r.c(), C(t, "class", "thisway-popover-title");
     },
-    m(i, a) {
-      D(i, t, a), s && s.m(t, null), e = !0;
+    m(n, a) {
+      D(n, t, a), r && r.m(t, null), e = !0;
     },
-    p(i, a) {
-      n ? n.p && (!e || a[0] & /*$$scope*/
-      536870912) && mt(
+    p(n, a) {
+      i ? i.p && (!e || a[0] & /*$$scope*/
+      536870912) && _t(
+        i,
+        s,
         n,
-        r,
-        i,
         /*$$scope*/
-        i[29],
+        n[29],
         e ? yt(
-          r,
+          s,
           /*$$scope*/
-          i[29],
+          n[29],
           a,
-          dr
+          fs
         ) : vt(
           /*$$scope*/
-          i[29]
+          n[29]
         ),
         de
-      ) : s && s.p && (!e || a[0] & /*$title$*/
-      8) && s.p(i, e ? a : [-1, -1]);
+      ) : r && r.p && (!e || a[0] & /*$title$*/
+      8) && r.p(n, e ? a : [-1, -1]);
     },
-    i(i) {
-      e || (x(s, i), e = !0);
+    i(n) {
+      e || (x(r, n), e = !0);
     },
-    o(i) {
-      L(s, i), e = !1;
+    o(n) {
+      I(r, n), e = !1;
     },
-    d(i) {
-      i && R(t), s && s.d(i);
+    d(n) {
+      n && j(t), r && r.d(n);
     }
   };
 }
-function wr(o) {
+function us(o) {
   let t;
@@ -1312,7 +1301,7 @@ return {
     },
-    m(e, r) {
-      D(e, t, r);
+    m(e, s) {
+      D(e, t, s);
     },
-    p(e, r) {
-      r[0] & /*$title$*/
+    p(e, s) {
+      s[0] & /*$title$*/
       8 && Pt(
@@ -1325,13 +1314,13 @@ t,
     d(e) {
-      e && R(t);
+      e && j(t);
     }
   };
 }
-function _e(o) {
+function me(o) {
   let t, e;
-  const r = (
+  const s = (
     /*#slots*/
     o[30].description
-  ), n = _t(
-    r,
+  ), i = mt(
+    s,
     o,
@@ -1341,44 +1330,44 @@ /*$$scope*/
     ue
-  ), s = n || gr(o);
+  ), r = i || ds(o);
   return {
     c() {
-      t = U("div"), s && s.c(), k(t, "class", "thisway-popover-description");
+      t = U("div"), r && r.c(), C(t, "class", "thisway-popover-description");
     },
-    m(i, a) {
-      D(i, t, a), s && s.m(t, null), e = !0;
+    m(n, a) {
+      D(n, t, a), r && r.m(t, null), e = !0;
     },
-    p(i, a) {
-      n ? n.p && (!e || a[0] & /*$$scope*/
-      536870912) && mt(
+    p(n, a) {
+      i ? i.p && (!e || a[0] & /*$$scope*/
+      536870912) && _t(
+        i,
+        s,
         n,
-        r,
-        i,
         /*$$scope*/
-        i[29],
+        n[29],
         e ? yt(
-          r,
+          s,
           /*$$scope*/
-          i[29],
+          n[29],
           a,
-          ur
+          hs
         ) : vt(
           /*$$scope*/
-          i[29]
+          n[29]
         ),
         ue
-      ) : s && s.p && (!e || a[0] & /*$description$*/
-      16) && s.p(i, e ? a : [-1, -1]);
+      ) : r && r.p && (!e || a[0] & /*$description$*/
+      16) && r.p(n, e ? a : [-1, -1]);
     },
-    i(i) {
-      e || (x(s, i), e = !0);
+    i(n) {
+      e || (x(r, n), e = !0);
     },
-    o(i) {
-      L(s, i), e = !1;
+    o(n) {
+      I(r, n), e = !1;
     },
-    d(i) {
-      i && R(t), s && s.d(i);
+    d(n) {
+      n && j(t), r && r.d(n);
     }
   };
 }
-function gr(o) {
+function ds(o) {
   let t;
@@ -1392,7 +1381,7 @@ return {
     },
-    m(e, r) {
-      D(e, t, r);
+    m(e, s) {
+      D(e, t, s);
     },
-    p(e, r) {
-      r[0] & /*$description$*/
+    p(e, s) {
+      s[0] & /*$description$*/
       16 && Pt(
@@ -1405,23 +1394,23 @@ t,
     d(e) {
-      e && R(t);
+      e && j(t);
     }
   };
 }
-function me(o) {
+function _e(o) {
   let t, e;
-  return t = new Ze({}), {
+  return t = new Xe({}), {
     c() {
-      ct(t.$$.fragment);
+      pt(t.$$.fragment);
     },
-    m(r, n) {
-      pt(t, r, n), e = !0;
+    m(s, i) {
+      ht(t, s, i), e = !0;
     },
-    i(r) {
-      e || (x(t.$$.fragment, r), e = !0);
+    i(s) {
+      e || (x(t.$$.fragment, s), e = !0);
     },
-    o(r) {
-      L(t.$$.fragment, r), e = !1;
+    o(s) {
+      I(t.$$.fragment, s), e = !1;
     },
-    d(r) {
-      ht(t, r);
+    d(s) {
+      ft(t, s);
     }
@@ -1432,17 +1421,17 @@ };
   let t, e;
-  return t = new Ze({}), {
+  return t = new Xe({}), {
     c() {
-      ct(t.$$.fragment);
+      pt(t.$$.fragment);
     },
-    m(r, n) {
-      pt(t, r, n), e = !0;
+    m(s, i) {
+      ht(t, s, i), e = !0;
     },
-    i(r) {
-      e || (x(t.$$.fragment, r), e = !0);
+    i(s) {
+      e || (x(t.$$.fragment, s), e = !0);
     },
-    o(r) {
-      L(t.$$.fragment, r), e = !1;
+    o(s) {
+      I(t.$$.fragment, s), e = !1;
     },
-    d(r) {
-      ht(t, r);
+    d(s) {
+      ft(t, s);
     }
@@ -1452,6 +1441,6 @@ };
 function ye(o) {
-  let t, e, r, n = (
+  let t, e, s, i = (
     /*$previousButtonVisible$*/
     o[9] && be(o)
-  ), s = (
+  ), r = (
     /*$hasSteps$*/
@@ -1462,26 +1451,26 @@ o[11] && $e(o)
     c() {
-      n && n.c(), t = Z(), s && s.c(), e = Le();
+      i && i.c(), t = Z(), r && r.c(), e = Me();
     },
-    m(i, a) {
-      n && n.m(i, a), D(i, t, a), s && s.m(i, a), D(i, e, a), r = !0;
+    m(n, a) {
+      i && i.m(n, a), D(n, t, a), r && r.m(n, a), D(n, e, a), s = !0;
     },
-    p(i, a) {
+    p(n, a) {
       /*$previousButtonVisible$*/
-      i[9] ? n ? (n.p(i, a), a[0] & /*$previousButtonVisible$*/
-      512 && x(n, 1)) : (n = be(i), n.c(), x(n, 1), n.m(t.parentNode, t)) : n && (rt(), L(n, 1, 1, () => {
-        n = null;
-      }), st()), /*$hasSteps$*/
-      i[11] ? s ? (s.p(i, a), a[0] & /*$hasSteps$*/
-      2048 && x(s, 1)) : (s = $e(i), s.c(), x(s, 1), s.m(e.parentNode, e)) : s && (rt(), L(s, 1, 1, () => {
-        s = null;
-      }), st());
+      n[9] ? i ? (i.p(n, a), a[0] & /*$previousButtonVisible$*/
+      512 && x(i, 1)) : (i = be(n), i.c(), x(i, 1), i.m(t.parentNode, t)) : i && (st(), I(i, 1, 1, () => {
+        i = null;
+      }), rt()), /*$hasSteps$*/
+      n[11] ? r ? (r.p(n, a), a[0] & /*$hasSteps$*/
+      2048 && x(r, 1)) : (r = $e(n), r.c(), x(r, 1), r.m(e.parentNode, e)) : r && (st(), I(r, 1, 1, () => {
+        r = null;
+      }), rt());
     },
-    i(i) {
-      r || (x(n), x(s), r = !0);
+    i(n) {
+      s || (x(i), x(r), s = !0);
     },
-    o(i) {
-      L(n), L(s), r = !1;
+    o(n) {
+      I(i), I(r), s = !1;
     },
-    d(i) {
-      i && (R(t), R(e)), n && n.d(i), s && s.d(i);
+    d(n) {
+      n && (j(t), j(e)), i && i.d(n), r && r.d(n);
     }
@@ -1491,8 +1480,8 @@ };
 function be(o) {
-  let t, e, r, n;
-  const s = (
+  let t, e, s, i;
+  const r = (
     /*#slots*/
     o[30].prevText
-  ), i = _t(
-    s,
+  ), n = mt(
+    r,
     o,
@@ -1502,9 +1491,9 @@ /*$$scope*/
     he
-  ), a = i || vr(o);
+  ), a = n || ms(o);
   return {
     c() {
-      t = U("button"), a && a.c(), k(t, "class", "thisway-popover-prev");
+      t = U("button"), a && a.c(), C(t, "class", "thisway-popover-prev");
     },
-    m(l, f) {
-      D(l, t, f), a && a.m(t, null), e = !0, r || (n = Ot(
+    m(l, h) {
+      D(l, t, h), a && a.m(t, null), e = !0, s || (i = Ot(
         t,
@@ -1514,9 +1503,9 @@ "click",
         o[26]
-      ), r = !0);
+      ), s = !0);
     },
-    p(l, f) {
-      i ? i.p && (!e || f[0] & /*$$scope*/
-      536870912) && mt(
-        i,
-        s,
+    p(l, h) {
+      n ? n.p && (!e || h[0] & /*$$scope*/
+      536870912) && _t(
+        n,
+        r,
         l,
@@ -1526,7 +1515,7 @@ /*$$scope*/
         e ? yt(
-          s,
+          r,
           /*$$scope*/
           l[29],
-          f,
-          hr
+          h,
+          cs
         ) : vt(
@@ -1537,4 +1526,4 @@ /*$$scope*/
         he
-      ) : a && a.p && (!e || f[0] & /*$previousText$, $layout$*/
-      1028) && a.p(l, e ? f : [-1, -1]);
+      ) : a && a.p && (!e || h[0] & /*$previousText$, $layout$*/
+      1028) && a.p(l, e ? h : [-1, -1]);
     },
@@ -1545,25 +1534,25 @@ i(l) {
     o(l) {
-      L(a, l), e = !1;
+      I(a, l), e = !1;
     },
     d(l) {
-      l && R(t), a && a.d(l), r = !1, n();
+      l && j(t), a && a.d(l), s = !1, i();
     }
   };
 }
-function _r(o) {
+function ws(o) {
   let t, e;
   return {
     c() {
-      t = It("svg"), e = It("path"), k(e, "d", "M19 12H6M12 5l-7 7 7 7"), H(t, "pointer-events", "none"), k(t, "width", "20"), k(t, "height", "14"), k(t, "xmlns", "http://www.w3.org/2000/svg"), k(t, "viewBox", "0 0 24 24"), k(t, "fill", "none"), k(t, "stroke", "currentColor"), k(t, "stroke-width", "2"), k(t, "stroke-linecap", "round"), k(t, "stroke-linejoin", "round");
+      t = Mt("svg"), e = Mt("path"), C(e, "d", "M19 12H6M12 5l-7 7 7 7"), H(t, "pointer-events", "none"), C(t, "width", "20"), C(t, "height", "14"), C(t, "xmlns", "http://www.w3.org/2000/svg"), C(t, "viewBox", "0 0 24 24"), C(t, "fill", "none"), C(t, "stroke", "currentColor"), C(t, "stroke-width", "2"), C(t, "stroke-linecap", "round"), C(t, "stroke-linejoin", "round");
     },
-    m(r, n) {
-      D(r, t, n), j(t, e);
+    m(s, i) {
+      D(s, t, i), R(t, e);
     },
-    p: it,
-    d(r) {
-      r && R(t);
+    p: at,
+    d(s) {
+      s && j(t);
     }
   };
 }
-function mr(o) {
+function gs(o) {
   let t;
@@ -1577,7 +1566,7 @@ return {
     },
-    m(e, r) {
-      D(e, t, r);
+    m(e, s) {
+      D(e, t, s);
     },
-    p(e, r) {
-      r[0] & /*$previousText$*/
+    p(e, s) {
+      s[0] & /*$previousText$*/
       1024 && Pt(
@@ -1590,27 +1579,27 @@ t,
     d(e) {
-      e && R(t);
+      e && j(t);
     }
   };
 }
-function vr(o) {
+function ms(o) {
   let t;
-  function e(s, i) {
+  function e(r, n) {
     return (
       /*$layout$*/
-      s[2] !== Ee ? mr : _r
+      r[2] !== Pe ? gs : ws
     );
   }
-  let r = e(o), n = r(o);
+  let s = e(o), i = s(o);
   return {
     c() {
-      n.c(), t = Le();
+      i.c(), t = Me();
     },
-    m(s, i) {
-      n.m(s, i), D(s, t, i);
+    m(r, n) {
+      i.m(r, n), D(r, t, n);
     },
-    p(s, i) {
-      r === (r = e(s)) && n ? n.p(s, i) : (n.d(1), n = r(s), n && (n.c(), n.m(t.parentNode, t)));
+    p(r, n) {
+      s === (s = e(r)) && i ? i.p(r, n) : (i.d(1), i = s(r), i && (i.c(), i.m(t.parentNode, t)));
     },
-    d(s) {
-      s && R(t), n.d(s);
+    d(r) {
+      r && j(t), i.d(r);
     }
@@ -1620,8 +1609,8 @@ };
 function $e(o) {
-  let t, e, r, n;
-  const s = (
+  let t, e, s, i;
+  const r = (
     /*#slots*/
     o[30].nextText
-  ), i = _t(
-    s,
+  ), n = mt(
+    r,
     o,
@@ -1631,9 +1620,9 @@ /*$$scope*/
     pe
-  ), a = i || yr(o);
+  ), a = n || _s(o);
   return {
     c() {
-      t = U("button"), a && a.c(), k(t, "class", "thisway-popover-next");
+      t = U("button"), a && a.c(), C(t, "class", "thisway-popover-next");
     },
-    m(l, f) {
-      D(l, t, f), a && a.m(t, null), e = !0, r || (n = Ot(
+    m(l, h) {
+      D(l, t, h), a && a.m(t, null), e = !0, s || (i = Ot(
         t,
@@ -1643,9 +1632,9 @@ "click",
         o[27]
-      ), r = !0);
+      ), s = !0);
     },
-    p(l, f) {
-      i ? i.p && (!e || f[0] & /*$$scope*/
-      536870912) && mt(
-        i,
-        s,
+    p(l, h) {
+      n ? n.p && (!e || h[0] & /*$$scope*/
+      536870912) && _t(
+        n,
+        r,
         l,
@@ -1655,7 +1644,7 @@ /*$$scope*/
         e ? yt(
-          s,
+          r,
           /*$$scope*/
           l[29],
-          f,
-          pr
+          h,
+          ls
         ) : vt(
@@ -1666,4 +1655,4 @@ /*$$scope*/
         pe
-      ) : a && a.p && (!e || f[0] & /*$nextButtonText$*/
-      4096) && a.p(l, e ? f : [-1, -1]);
+      ) : a && a.p && (!e || h[0] & /*$nextButtonText$*/
+      4096) && a.p(l, e ? h : [-1, -1]);
     },
@@ -1674,10 +1663,10 @@ i(l) {
     o(l) {
-      L(a, l), e = !1;
+      I(a, l), e = !1;
     },
     d(l) {
-      l && R(t), a && a.d(l), r = !1, n();
+      l && j(t), a && a.d(l), s = !1, i();
     }
   };
 }
-function yr(o) {
+function _s(o) {
   let t;
@@ -1691,7 +1680,7 @@ return {
     },
-    m(e, r) {
-      D(e, t, r);
+    m(e, s) {
+      D(e, t, s);
     },
-    p(e, r) {
-      r[0] & /*$nextButtonText$*/
+    p(e, s) {
+      s[0] & /*$nextButtonText$*/
       4096 && Pt(
@@ -1704,8 +1693,8 @@ t,
     d(e) {
-      e && R(t);
+      e && j(t);
     }
   };
 }
-function br(o) {
-  let t, e, r, n, s, i, a, l, f, p, y, w, b, C, g, m, $ = (
+function vs(o) {
+  let t, e, s, i, r, n, a, l, h, p, y, w, b, k, g, _, $ = (
     /*$showCloseButton$*/
@@ -1717,16 +1706,16 @@ o[6] && we(o)
     o[3]) && ge(o)
-  ), h = (
+  ), f = (
     /*$$slots*/
     (o[28].description || /*$description$*/
-    o[4]) && _e(o)
-  ), _ = (
+    o[4]) && me(o)
+  ), m = (
     /*$layout$*/
-    o[2] !== kt && /*$showProgress$*/
-    o[7] && me()
+    o[2] !== Ct && /*$showProgress$*/
+    o[7] && _e()
   );
-  const P = (
+  const A = (
     /*#slots*/
     o[30].default
-  ), A = _t(
-    P,
+  ), P = mt(
+    A,
     o,
@@ -1736,7 +1725,7 @@ /*$$scope*/
     null
-  ), W = (
+  ), G = (
     /*#slots*/
     o[30].footer
-  ), B = _t(
-    W,
+  ), B = mt(
+    G,
     o,
@@ -1749,3 +1738,3 @@ /*$$scope*/
     /*$layout$*/
-    o[2] === kt && /*$showProgress$*/
+    o[2] === Ct && /*$showProgress$*/
     o[7] && ve()
@@ -1758,4 +1747,4 @@ ), T = (
     c() {
-      t = U("div"), e = U("div"), n = Z(), $ && $.c(), s = Z(), c && c.c(), i = Z(), h && h.c(), a = Z(), _ && _.c(), l = Z(), A && A.c(), f = Z(), p = U("div"), B && B.c(), y = Z(), E && E.c(), w = Z(), b = U("div"), C = Z(), T && T.c(), k(e, "class", r = "thisway-popover__arrow " + /*$arrowClass$*/
-      o[5]), k(b, "class", "thisway-stretch"), k(p, "class", "thisway-popover-footer"), k(t, "class", g = "thisway-popover " + /*$popoverClass$*/
+      t = U("div"), e = U("div"), i = Z(), $ && $.c(), r = Z(), c && c.c(), n = Z(), f && f.c(), a = Z(), m && m.c(), l = Z(), P && P.c(), h = Z(), p = U("div"), B && B.c(), y = Z(), E && E.c(), w = Z(), b = U("div"), k = Z(), T && T.c(), C(e, "class", s = "thisway-popover__arrow " + /*$arrowClass$*/
+      o[5]), C(b, "class", "thisway-stretch"), C(p, "class", "thisway-popover-footer"), C(t, "class", g = "thisway-popover " + /*$popoverClass$*/
       o[1] + " thisway-popover__" + /*$layout$*/
@@ -1774,32 +1763,32 @@ o[2] + " " + /*cssClassName*/
     m(u, O) {
-      D(u, t, O), j(t, e), j(t, n), $ && $.m(t, null), j(t, s), c && c.m(t, null), j(t, i), h && h.m(t, null), j(t, a), _ && _.m(t, null), j(t, l), A && A.m(t, null), j(t, f), j(t, p), B && B.m(p, null), j(p, y), E && E.m(p, null), j(p, w), j(p, b), j(p, C), T && T.m(p, null), m = !0;
+      D(u, t, O), R(t, e), R(t, i), $ && $.m(t, null), R(t, r), c && c.m(t, null), R(t, n), f && f.m(t, null), R(t, a), m && m.m(t, null), R(t, l), P && P.m(t, null), R(t, h), R(t, p), B && B.m(p, null), R(p, y), E && E.m(p, null), R(p, w), R(p, b), R(p, k), T && T.m(p, null), _ = !0;
     },
     p(u, O) {
-      (!m || O[0] & /*$arrowClass$*/
-      32 && r !== (r = "thisway-popover__arrow " + /*$arrowClass$*/
-      u[5])) && k(e, "class", r), /*$showCloseButton$*/
-      u[6] ? $ ? $.p(u, O) : ($ = we(u), $.c(), $.m(t, s)) : $ && ($.d(1), $ = null), /*$$slots*/
+      (!_ || O[0] & /*$arrowClass$*/
+      32 && s !== (s = "thisway-popover__arrow " + /*$arrowClass$*/
+      u[5])) && C(e, "class", s), /*$showCloseButton$*/
+      u[6] ? $ ? $.p(u, O) : ($ = we(u), $.c(), $.m(t, r)) : $ && ($.d(1), $ = null), /*$$slots*/
       u[28].title || /*$title$*/
       u[3] ? c ? (c.p(u, O), O[0] & /*$$slots, $title$*/
-      268435464 && x(c, 1)) : (c = ge(u), c.c(), x(c, 1), c.m(t, i)) : c && (rt(), L(c, 1, 1, () => {
+      268435464 && x(c, 1)) : (c = ge(u), c.c(), x(c, 1), c.m(t, n)) : c && (st(), I(c, 1, 1, () => {
         c = null;
-      }), st()), /*$$slots*/
+      }), rt()), /*$$slots*/
       u[28].description || /*$description$*/
-      u[4] ? h ? (h.p(u, O), O[0] & /*$$slots, $description$*/
-      268435472 && x(h, 1)) : (h = _e(u), h.c(), x(h, 1), h.m(t, a)) : h && (rt(), L(h, 1, 1, () => {
-        h = null;
-      }), st()), /*$layout$*/
-      u[2] !== kt && /*$showProgress$*/
-      u[7] ? _ ? O[0] & /*$layout$, $showProgress$*/
-      132 && x(_, 1) : (_ = me(), _.c(), x(_, 1), _.m(t, l)) : _ && (rt(), L(_, 1, 1, () => {
-        _ = null;
-      }), st()), A && A.p && (!m || O[0] & /*$$scope*/
-      536870912) && mt(
+      u[4] ? f ? (f.p(u, O), O[0] & /*$$slots, $description$*/
+      268435472 && x(f, 1)) : (f = me(u), f.c(), x(f, 1), f.m(t, a)) : f && (st(), I(f, 1, 1, () => {
+        f = null;
+      }), rt()), /*$layout$*/
+      u[2] !== Ct && /*$showProgress$*/
+      u[7] ? m ? O[0] & /*$layout$, $showProgress$*/
+      132 && x(m, 1) : (m = _e(), m.c(), x(m, 1), m.m(t, l)) : m && (st(), I(m, 1, 1, () => {
+        m = null;
+      }), rt()), P && P.p && (!_ || O[0] & /*$$scope*/
+      536870912) && _t(
+        P,
         A,
-        P,
         u,
         /*$$scope*/
         u[29],
-        m ? yt(
-          P,
+        _ ? yt(
+          A,
           /*$$scope*/
@@ -1814,15 +1803,15 @@ u[29],
         null
-      ), B && B.p && (!m || O[0] & /*$$scope*/
-      536870912) && mt(
+      ), B && B.p && (!_ || O[0] & /*$$scope*/
+      536870912) && _t(
         B,
-        W,
+        G,
         u,
         /*$$scope*/
         u[29],
-        m ? yt(
-          W,
+        _ ? yt(
+          G,
           /*$$scope*/
           u[29],
           O,
-          fr
+          ps
         ) : vt(
@@ -1834,15 +1823,15 @@ /*$$scope*/
       ), /*$layout$*/
-      u[2] === kt && /*$showProgress$*/
+      u[2] === Ct && /*$showProgress$*/
       u[7] ? E ? O[0] & /*$layout$, $showProgress$*/
-      132 && x(E, 1) : (E = ve(), E.c(), x(E, 1), E.m(p, w)) : E && (rt(), L(E, 1, 1, () => {
+      132 && x(E, 1) : (E = ve(), E.c(), x(E, 1), E.m(p, w)) : E && (st(), I(E, 1, 1, () => {
         E = null;
-      }), st()), /*$showCtrlBtns$*/
+      }), rt()), /*$showCtrlBtns$*/
       u[8] ? T ? (T.p(u, O), O[0] & /*$showCtrlBtns$*/
-      256 && x(T, 1)) : (T = ye(u), T.c(), x(T, 1), T.m(p, null)) : T && (rt(), L(T, 1, 1, () => {
+      256 && x(T, 1)) : (T = ye(u), T.c(), x(T, 1), T.m(p, null)) : T && (st(), I(T, 1, 1, () => {
         T = null;
-      }), st()), (!m || O[0] & /*$popoverClass$, $layout$, cssClassName*/
+      }), rt()), (!_ || O[0] & /*$popoverClass$, $layout$, cssClassName*/
       7 && g !== (g = "thisway-popover " + /*$popoverClass$*/
       u[1] + " thisway-popover__" + /*$layout$*/
       u[2] + " " + /*cssClassName*/
-      u[0])) && k(t, "class", g), O[0] & /*$title$, $description$, $$slots*/
+      u[0])) && C(t, "class", g), O[0] & /*$title$, $description$, $$slots*/
       268435480 && H(
@@ -1859,31 +1848,31 @@ t,
     i(u) {
-      m || (x(c), x(h), x(_), x(A, u), x(B, u), x(E), x(T), m = !0);
+      _ || (x(c), x(f), x(m), x(P, u), x(B, u), x(E), x(T), _ = !0);
     },
     o(u) {
-      L(c), L(h), L(_), L(A, u), L(B, u), L(E), L(T), m = !1;
+      I(c), I(f), I(m), I(P, u), I(B, u), I(E), I(T), _ = !1;
     },
     d(u) {
-      u && R(t), $ && $.d(), c && c.d(), h && h.d(), _ && _.d(), A && A.d(u), B && B.d(u), E && E.d(), T && T.d();
+      u && j(t), $ && $.d(), c && c.d(), f && f.d(), m && m.d(), P && P.d(u), B && B.d(u), E && E.d(), T && T.d();
     }
   };
 }
-function $r(o, t, e) {
-  let r, n, s, i, a, l, f, p, y, w, b, C, { $$slots: g = {}, $$scope: m } = t;
-  const $ = Oo(g);
+function ys(o, t, e) {
+  let s, i, r, n, a, l, h, p, y, w, b, k, { $$slots: g = {}, $$scope: _ } = t;
+  const $ = Co(g);
   let { cssClassName: c = "" } = t;
-  const h = eo(), _ = V(At), P = Re(), A = V(Xt), W = V(Ut), B = V(Yt), E = I(W, (v) => {
+  const f = Je(), m = V(Et), A = Ve(), P = V(Xt), G = V(Ut), B = V(Yt), E = L(G, (v) => {
     var J;
     return `thisway-popover-${(J = v == null ? void 0 : v.orientation) == null ? void 0 : J.toLowerCase()}`;
   });
-  S(o, E, (v) => e(1, r = v));
-  const T = I(W, (v) => `thisway-popover__arrow-${v == null ? void 0 : v.alignment.toLowerCase()}`);
+  S(o, E, (v) => e(1, s = v));
+  const T = L(G, (v) => `thisway-popover__arrow-${v == null ? void 0 : v.alignment.toLowerCase()}`);
   S(o, T, (v) => e(5, a = v));
-  const u = je(), O = I(A, (v) => v > 1);
+  const u = Fe(), O = L(P, (v) => v > 1);
   S(o, O, (v) => e(11, b = v));
-  const at = I([O, P], ([v, J]) => v && (J || 0) > 0);
-  S(o, at, (v) => e(9, y = v));
-  const lt = F(u, "title");
-  S(o, lt, (v) => e(3, s = v));
+  const lt = L([O, A], ([v, J]) => v && (J || 0) > 0);
+  S(o, lt, (v) => e(9, y = v));
+  const ct = F(u, "title");
+  S(o, ct, (v) => e(3, r = v));
   const ot = F(u, "description");
-  S(o, ot, (v) => e(4, i = v));
+  S(o, ot, (v) => e(4, n = v));
   const dt = F(u, "showCloseBtn");
@@ -1893,9 +1882,9 @@ S(o, dt, (v) => e(6, l = v));
   S(o, Y, (v) => e(8, p = v));
-  const G = F(u, "showProgress", !0);
-  S(o, G, (v) => e(7, f = v));
+  const W = F(u, "showProgress", !0);
+  S(o, W, (v) => e(7, h = v));
   const tt = F(u, "prevBtnText");
   S(o, tt, (v) => e(10, w = v));
-  const et = F(B, "layout", kt);
-  S(o, et, (v) => e(2, n = v));
-  const K = Ye(_.store, P), d = I([u, K, P, et], ([v, J, wt, Ht]) => {
+  const et = F(B, "layout", Ct);
+  S(o, et, (v) => e(2, i = v));
+  const K = Re(m.store, A), d = L([u, K, A, et], ([v, J, wt, Ht]) => {
     var Qt;
@@ -1905,5 +1894,5 @@ if (wt === 0)
     if (J)
-      if (Ht === Ee) {
-        const ze = ((Qt = J.popover) == null ? void 0 : Qt.title) ?? "";
-        return `${v.nextBtnText} ${ze}`;
+      if (Ht === Pe) {
+        const Ue = ((Qt = J.popover) == null ? void 0 : Qt.title) ?? "";
+        return `${v.nextBtnText} ${Ue}`;
       } else
@@ -1914,15 +1903,15 @@ return v.nextBtnText;
   });
-  S(o, d, (v) => e(12, C = v));
-  const q = () => h("close"), X = () => h("previous"), N = () => h("next");
+  S(o, d, (v) => e(12, k = v));
+  const q = () => f("close"), X = () => f("previous"), N = () => f("next");
   return o.$$set = (v) => {
-    "cssClassName" in v && e(0, c = v.cssClassName), "$$scope" in v && e(29, m = v.$$scope);
+    "cssClassName" in v && e(0, c = v.cssClassName), "$$scope" in v && e(29, _ = v.$$scope);
   }, [
     c,
+    s,
+    i,
     r,
     n,
-    s,
-    i,
     a,
     l,
-    f,
+    h,
     p,
@@ -1932,12 +1921,12 @@ y,
     b,
-    C,
+    k,
     E,
     T,
     O,
-    at,
     lt,
+    ct,
     ot,
     dt,
     Y,
-    G,
+    W,
     tt,
@@ -1950,12 +1939,13 @@ et,
     $,
-    m,
+    _,
     g
   ];
 }
-class Cr extends bt {
+class bs extends bt {
   constructor(t) {
-    super(), $t(this, t, $r, br, Ct, { cssClassName: 0 }, cr, [-1, -1]);
+    super(), $t(this, t, ys, vs, kt, { cssClassName: 0 }, as, [-1, -1]);
   }
 }
-class kr {
+const $s = bs;
+class ks {
   constructor(t) {
@@ -1966,3 +1956,3 @@ Q(this, "options$");
   getTotalCount(t) {
-    return I(t.effectiveSteps$, (e) => e.length);
+    return L(t.effectiveSteps$, (e) => e.length);
   }
@@ -1973,15 +1963,15 @@ async waitForElement(t) {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  getComponent(t, e, r) {
+  getComponent(t, e, s) {
     switch (t) {
       case "popover":
-        return Cr;
+        return $s;
       case "highlight":
-        return nr;
+        return ss;
     }
   }
 }
-class xr extends tr {
+class Cs extends zo {
   constructor(t) {
-    const { steps: e } = t, r = ft(t), n = new kr(r);
-    for (const s of [
+    const { steps: e } = t, s = ut(t), i = new ks(s);
+    for (const r of [
       "beforeStepChange",
@@ -1994,15 +1984,15 @@ "waitForElement",
     ]) {
-      if (!Object.hasOwn(t, s))
+      if (!Object.hasOwn(t, r))
         continue;
-      const i = t[s];
-      typeof i == "function" && (n[s] = i);
+      const n = t[r];
+      typeof n == "function" && (i[r] = n);
     }
-    super(No(Tr(e), void 0), n, Be(), r);
+    super(Po(xs(e), void 0), i, Ie(), s);
   }
 }
-const Tr = (o) => {
+const xs = (o) => {
   let t = o.length;
-  const e = /* @__PURE__ */ new Set(), r = (s) => typeof s == "string" || Number.isFinite(s) && !e.has(s), n = (s) => {
-    if (!e.has(s))
-      return e.add(s), s;
+  const e = /* @__PURE__ */ new Set(), s = (r) => typeof r == "string" || Number.isFinite(r) && !e.has(r), i = (r) => {
+    if (!e.has(r))
+      return e.add(r), r;
     for (; e.has(t); )
@@ -2012,13 +2002,13 @@ t++;
   };
-  for (const s of o)
-    r(s.id) && e.add(s.id);
-  return o.map((s, i) => {
-    const a = r(s.id) ? s.id : n(i);
+  for (const r of o)
+    s(r.id) && e.add(r.id);
+  return o.map((r, n) => {
+    const a = s(r.id) ? r.id : i(n);
     return {
-      ...s,
+      ...r,
       id: a
     };
   });
-}, Vr = (o) => {
-  const t = new xr({
+}, Vs = (o) => {
+  const t = new Cs({
     steps: [
@@ -2033,51 +2023,51 @@ {
 };
-function Or(o) {
-  const t = V(Kt), { onMount: e, onDestroy: r } = V(Ao), n = t.subscribe((s) => {
-    s ? e(s) : r();
+function Ts(o) {
+  const t = V(Kt), { onMount: e, onDestroy: s } = V(Oo), i = t.subscribe((r) => {
+    r ? e(r) : s();
   });
-  return ke(() => {
-    n(), r();
+  return Ce(() => {
+    i(), s();
   }), [];
 }
-class Fr extends bt {
+class Os extends bt {
   constructor(t) {
-    super(), $t(this, t, Or, null, Ct, {});
+    super(), $t(this, t, Ts, null, kt, {});
   }
 }
+const Fs = Os;
 export {
-  Mt as DelegateContext,
-  So as ElementBoundingContext,
-  Ao as ForeignViewContext,
-  Fr as ForeignViewHost,
+  It as DelegateContext,
+  xo as ElementBoundingContext,
+  Oo as ForeignViewContext,
+  Fs as ForeignViewHost,
   qt as HighlightBoundingContext,
-  nr as HighlightComponent,
+  ss as HighlightComponent,
   Yt as OptionsContext,
   Ut as PlacementContext,
-  Cr as PopoverCard,
+  $s as PopoverCard,
   Kt as PopoverContainerContext,
-  Po as PopoverSizeContext,
+  To as PopoverSizeContext,
   Zt as RenderStateContext,
   Lt as StepOptionsContext,
-  Eo as StepsController,
-  xr as ThisWay,
-  kr as ThisWayDefaultDelegate,
+  So as StepsController,
+  Cs as ThisWay,
+  ks as ThisWayDefaultDelegate,
   Xt as TotalStepCountContext,
-  tr as Tour,
-  At as TourContext,
-  Be as createContexts,
-  No as createStepsStore,
-  Io as defaultKeydownAction,
+  zo as Tour,
+  Et as TourContext,
+  Ie as createContexts,
+  Po as createStepsStore,
+  Eo as defaultKeydownAction,
   z as defineContext,
   Dt as findStepIndex,
   V as getContext,
-  We as getHighlightOptions,
-  Ye as getNextStep,
-  je as getPopoverOptions,
-  Re as getRenderIndex,
-  Ge as getTheme,
-  Vr as highlight,
-  Mo as mergeStepOption,
-  Lo as normalizeTheme,
-  qe as parsePlacement,
-  Hr as setContext
+  De as getHighlightOptions,
+  Re as getNextStep,
+  Fe as getPopoverOptions,
+  Ve as getRenderIndex,
+  je as getTheme,
+  Vs as highlight,
+  No as mergeStepOption,
+  Ke as parsePlacement,
+  Hs as setContext
 };

lib/step-options.d.ts

 /// <reference types="svelte" />
-import type { CommonOptions, IStepsStore, PopoverOptions, ThemeOptions } from '@thisway/base';
+import type { CommonOptions, IStepsStore, PopoverOptions } from '@thisway/base';
 import { type Readable } from 'svelte/store';
@@ -24,3 +24,2 @@ export type MergeStepOptionSource = CommonOptions<PopoverOptions>;
 export declare const getHighlightOptions: () => Readable<{
-    borderColor?: string | undefined;
     clickMask?: import("@thisway/base").ClickMaskAction | undefined;
@@ -34,4 +33,3 @@ showMask: boolean;
 }>;
-export declare const normalizeTheme: (theme: ThemeOptions) => Required<ThemeOptions>;
-export declare const getTheme: () => Readable<Required<ThemeOptions>>;
+export declare const getTheme: () => Readable<Required<import("@thisway/base").ThemeOptions>>;
 export declare const getNextStep: (store: IStepsStore, index$: Readable<number | undefined>) => Readable<import("@thisway/base").Step | undefined>;

lib/thisway.d.ts

@@ -1,2 +0,2 @@
-import type { ComponentSlots, IStepsStore, ITourDelegate, Step, ThisOptions, TourOptions } from '@thisway/base';
+import type { ComponentSlots, IStepsStore, ITourDelegate, Step, StepInit, ThisOptions, TourOptions } from '@thisway/base';
 import type { ComponentType } from 'svelte';
@@ -15,2 +15,2 @@ import { type Readable } from 'svelte/store';
 }
-export declare const highlight: (step: Step) => ThisWay;
+export declare const highlight: (step: StepInit) => ThisWay;

package.json

 {
   "name": "@thisway/next",
-  "version": "0.12.2",
+  "version": "0.12.3-beta.0",
   "type": "module",
+  "sideEffects": false,
   "dependencies": {
@@ -6,0 +7,0 @@ "@thisway/base": "^0.10.0",

No alert changes

Worsened metrics

Total package byte prevSize

110197

decreased by-0.79%

Number of package files

25

decreased by-3.85%

Lines of code

2386

decreased by-0.62%

No dependency changes