Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@thisway/next

Package Overview
Dependencies
Maintainers
2
Versions
90
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@thisway/next - npm Package Compare versions

Comparing version 0.7.10 to 0.7.11-beta.0

1131

index.js

@@ -6,11 +6,11 @@ var no = Object.defineProperty;

import { onMount as ao, onDestroy as Be, createEventDispatcher as lo } from "svelte";
import { isValidNumber as Yt, toPx as it, isElement as Ve, isTextInputElement as Fe, defaults as ce, pick$ as D, clamp as Wt, noFinite as pe, animationFrameThrottle as he, resizeObserver as De, getElementsBounding as co, getFrameElement as po, EMPTY_SIZE as ho } from "@thisway/utils";
import { get as T, writable as _t, derived as L, readable as wt } from "svelte/store";
import { isValidNumber as Yt, toPx as it, isElement as Ve, isTextInputElement as Fe, defaults as ce, pick$ as D, clamp as jt, noFinite as pe, animationFrameThrottle as he, resizeObserver as De, getElementsBounding as co, getFrameElement as po, EMPTY_SIZE as ho } from "@thisway/utils";
import { get as k, writable as _t, derived as L, readable as wt } from "svelte/store";
import { NOOP_TRANSFORM as fo, PRIMARY_COLOR_WHITE as He, PRIMARY_COLOR_BLACK as We, PRIMARY_COLOR_BLUE as uo, EMPTY_POINT as wo, POSITION_AUTO as Jt, ORIENTATIONS as fe, ALIGNMENTS as _o, NO_ELEMENT as ct, ORIENTATIONS_TO_START_END as go, ORIENTATIONS_Y as vo, popoverDefaultValues as mo, highlightDefaultValues as yo, LAYOUT_MODE_1 as Tt, LAYOUT_MODE_3 as je } from "@thisway/base";
export * from "@thisway/base";
import { SvelteComponent as It, init as Mt, safe_not_equal as Lt, append_styles as zt, space as tt, empty as Gt, insert as W, noop as gt, detach as j, component_subscribe as M, svg_element as Kt, attr as P, set_style as Y, append as z, listen as Rt, element as U, action_destroyer as Ye, is_function as Ke, binding_callbacks as ze, construct_svelte_component as de, create_component as St, mount_component as Ot, group_outros as at, transition_out as R, destroy_component as Et, check_outros as lt, transition_in as E, run_all as bo, text as Bt, set_data as Vt, compute_slots as $o, create_slot as vt, update_slot_base as mt, get_all_dirty_from_scope as yt, get_slot_changes as bt } from "svelte/internal";
import { SvelteComponent as Mt, init as Lt, safe_not_equal as Rt, append_styles as Kt, space as tt, empty as Gt, insert as W, noop as gt, detach as j, component_subscribe as M, svg_element as zt, attr as P, set_style as Y, append as K, listen as Bt, element as U, action_destroyer as Ye, is_function as ze, binding_callbacks as Ke, construct_svelte_component as de, create_component as Ot, mount_component as Et, group_outros as at, transition_out as B, destroy_component as Pt, check_outros as lt, transition_in as O, run_all as bo, text as Vt, set_data as Ft, compute_slots as $o, create_slot as vt, update_slot_base as mt, get_all_dirty_from_scope as yt, get_slot_changes as bt } from "svelte/internal";
import "svelte/internal/disclose-version";
import { getHighlightOptions as Co, NO_ELEMENT as xo, CLICK_MASK_ACTION_NEXT as ko, CLICK_MASK_ACTION_CLOSE as To, getRenderIndex as So } from "@thisway/next";
import { tweened as Pt } from "svelte/motion";
import { cubicOut as At } from "svelte/easing";
import { tweened as At } from "svelte/motion";
import { cubicOut as Nt } from "svelte/easing";
import { buildScrollFrames as Oo, computeFrameActions as Eo, transformNestedBounding as Po } from "@thisway/scroll";

@@ -24,3 +24,3 @@ const ot = (o) => Symbol(o), V = (o) => {

Re.setContext(o, t);
}, Ge = (o) => new Map(o), Ft = ot("Tour"), ee = ot("Options"), oe = ot("ElementBounding"), se = ot("PopoverContainer"), re = ot("PopoverSize"), ne = ot("TotalStepCount"), Xe = ot("PopoverPosition"), Xt = ot("Delegate"), No = ot("ForeignView"), Ut = ot("RenderState"), qt = ot("StepOptions");
}, Ge = (o) => new Map(o), Dt = ot("Tour"), ee = ot("Options"), oe = ot("ElementBounding"), re = ot("PopoverContainer"), se = ot("PopoverSize"), ne = ot("TotalStepCount"), Xe = ot("PopoverPosition"), Xt = ot("Delegate"), No = ot("ForeignView"), Ut = ot("RenderState"), qt = ot("StepOptions");
class Io {

@@ -37,3 +37,3 @@ constructor(t) {

getAllSteps(t = !1) {
return t ? T(this.store.steps$) : T(this.store.effectiveSteps$);
return t ? k(this.store.steps$) : k(this.store.effectiveSteps$);
}

@@ -45,3 +45,3 @@ /**

getActiveStep() {
return { step: T(this.store.activeStep$), index: T(this.store.activeIndex$) };
return { step: k(this.store.activeStep$), index: k(this.store.activeIndex$) };
}

@@ -58,13 +58,13 @@ // public getStep(id: string): Step | undefined {

const { effectiveSteps$: t } = this.store;
return T(t)[0];
return k(t)[0];
}
getLastStep() {
const { effectiveSteps$: t } = this.store;
return T(t).at(-1);
return k(t).at(-1);
}
goPrevStep() {
const { effectiveIndex$: t, effectiveSteps$: e } = this.store, s = T(t);
if (!Yt(s) || s < 1)
const { effectiveIndex$: t, effectiveSteps$: e } = this.store, r = k(t);
if (!Yt(r) || r < 1)
return;
const n = T(e)[s - 1];
const n = k(e)[r - 1];
this.goStep(n.id);

@@ -88,8 +88,8 @@ }

isActive() {
return T(this.store.activeStep$) !== void 0;
return k(this.store.activeStep$) !== void 0;
}
getNextStepId() {
const { effectiveIndex$: t, effectiveSteps$: e } = this.store, s = T(t), n = T(e);
if (!(!Yt(s) || s === n.length - 1))
return n[s + 1].id;
const { effectiveIndex$: t, effectiveSteps$: e } = this.store, r = k(t), n = k(e);
if (!(!Yt(r) || r === n.length - 1))
return n[r + 1].id;
}

@@ -100,3 +100,3 @@ }

return;
const e = o.findIndex((s) => s.id === t);
const e = o.findIndex((r) => r.id === t);
if (!(e < 0))

@@ -106,8 +106,8 @@ return e;

const Mo = (o, t) => {
const e = _t(o), s = _t(t), n = L(e, (l) => l.filter((c) => !c.isHidden)), r = L([e, s], Qt), i = L([n, s], Qt), a = L([e, r], ([l, c]) => c != null ? l[c] : void 0);
const e = _t(o), r = _t(t), n = L(e, (l) => l.filter((c) => !c.isHidden)), s = L([e, r], Qt), i = L([n, r], Qt), a = L([e, s], ([l, c]) => c != null ? l[c] : void 0);
return {
steps$: e,
activeStepId$: s,
activeStepId$: r,
effectiveSteps$: n,
activeIndex$: r,
activeIndex$: s,
effectiveIndex$: i,

@@ -120,4 +120,4 @@ activeStep$: a

function kt(o) {
const [t, e, s, n] = o;
return [t, e, s, n, 0, 0];
const [t, e, r, n] = o;
return [t, e, r, n, 0, 0];
}

@@ -131,24 +131,24 @@ function Ct(o, t, e) {

function ue(o, t, e) {
const [s, n, r, i, a, l] = e;
return (i * o - r * t + r * l - i * a) / (s * i - n * r);
const [r, n, s, i, a, l] = e;
return (i * o - s * t + s * l - i * a) / (r * i - n * s);
}
function we(o, t, e) {
const [s, n, r, i, a, l] = e;
return (s * t - n * o + n * a - s * l) / (s * i - r * n);
const [r, n, s, i, a, l] = e;
return (r * t - n * o + n * a - r * l) / (r * i - s * n);
}
function Lo(o, t) {
let { x: e, y: s, width: n, height: r } = o;
e = Ct(e, s, t), s = xt(e, s, t);
let { x: e, y: r, width: n, height: s } = o;
e = Ct(e, r, t), r = xt(e, r, t);
const i = kt(t);
return n = Ct(n, 0, i), r = xt(0, r, i), {
return n = Ct(n, 0, i), s = xt(0, s, i), {
x: e,
y: s,
y: r,
width: n,
height: r
height: s
};
}
const Nt = wt(fo), ie = (o) => {
const t = o.window || window, e = kt(T(o.transform$ ?? Nt)), s = Ct(t.document.documentElement.clientWidth, 0, e), n = xt(0, t.document.documentElement.clientHeight, e);
const It = wt(fo), ie = (o) => {
const t = o.window || window, e = kt(k(o.transform$ ?? It)), r = Ct(t.document.documentElement.clientWidth, 0, e), n = xt(0, t.document.documentElement.clientHeight, e);
return {
width: s,
width: r,
height: n

@@ -174,11 +174,11 @@ };

}
function jt(o, t, e) {
function St(o, t, e) {
if (!o)
return $t;
const s = {
const r = {
passive: !0,
capture: !0
};
return o.addEventListener(t, e, s), () => {
o.removeEventListener(t, e, s);
return o.addEventListener(t, e, r), () => {
o.removeEventListener(t, e, r);
};

@@ -194,24 +194,24 @@ }

}
const Vo = (o, t, e, s) => {
const { x: n, y: r, padding: i, borderWidth: a } = o, l = kt(s);
const Vo = (o, t, e, r) => {
const { x: n, y: s, padding: i, borderWidth: a } = o, l = kt(r);
let c = Ct(i, 0, l), u = xt(0, i, l);
t && (c += a, u += a);
const p = a * 2, d = n - c + p, m = r - u, f = o.width + (c - p) * 2, w = o.height + (u - p) * 2, _ = e.width, b = e.height;
return `M${_},0L0,0L0,${b}L${_},${b}L${_},0ZM${d},${m}h${f}a${p},${p} 0 0 1 ${p},${p}v${w}a${p},${p} 0 0 1 -${p},${p}h-${f}a${p},${p} 0 0 1 -${p},-${p}v-${w}a${p},${p} 0 0 1 ${p},-${p}z`;
const p = a * 2, d = n - c + p, m = s - u, f = o.width + (c - p) * 2, w = o.height + (u - p) * 2, _ = e.width, x = e.height;
return `M${_},0L0,0L0,${x}L${_},${x}L${_},0ZM${d},${m}h${f}a${p},${p} 0 0 1 ${p},${p}v${w}a${p},${p} 0 0 1 -${p},${p}h-${f}a${p},${p} 0 0 1 -${p},-${p}v-${w}a${p},${p} 0 0 1 ${p},-${p}z`;
}, Ze = (o, t = o) => o === He ? We : t, Fo = (o, t, e) => {
const s = ce({ ...t }, o);
return e ? ce({ ...e }, s) : s;
const r = ce({ ...t }, o);
return e ? ce({ ...e }, r) : r;
}, Do = () => {
const { effectiveSteps$: o } = V(Ft).store, t = V(Ut);
return L([o, t], ([e, { step: s }]) => Qt([e, s == null ? void 0 : s.id]));
const { effectiveSteps$: o } = V(Dt).store, t = V(Ut);
return L([o, t], ([e, { step: r }]) => Qt([e, r == null ? void 0 : r.id]));
}, le = () => V(qt).popover, Ho = () => V(qt).highlight, Wo = (o) => {
const t = (o == null ? void 0 : o.primaryColor) || uo, e = (o == null ? void 0 : o.textColor) || Ze(t, He), s = (o == null ? void 0 : o.descColor) || We;
const t = (o == null ? void 0 : o.primaryColor) || uo, e = (o == null ? void 0 : o.textColor) || Ze(t, He), r = (o == null ? void 0 : o.descColor) || We;
return {
primaryColor: t,
textColor: e,
descColor: s
descColor: r
};
}, Je = () => V(qt).theme, Qe = (o, t) => {
const { effectiveSteps$: e } = o;
return L([t, e], ([s, n]) => Yt(s) ? n.at(s + 1) : void 0);
return L([t, e], ([r, n]) => Yt(r) ? n.at(r + 1) : void 0);
}, { assign: _e } = Object, to = (o, t) => (_e(o.style, t), {

@@ -223,9 +223,9 @@ update(e) {

function jo(o) {
zt(o, "svelte-1ge2xpm", ".thisway-mask{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.thisway-mask path{pointer-events:auto}.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:var(--thisway-highlight-border-width);border-radius:calc(var(--thisway-highlight-border-width) * 2)}.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:var(--thisway-highlight-border-width);border-radius:calc(var(--thisway-highlight-border-width) * 2);transform:translate(calc(var(--thisway-highlight-border-width) * -1), calc(var(--thisway-highlight-border-width) * -1))}@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)}}");
Kt(o, "svelte-1ge2xpm", ".thisway-mask{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.thisway-mask path{pointer-events:auto}.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:var(--thisway-highlight-border-width);border-radius:calc(var(--thisway-highlight-border-width) * 2)}.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:var(--thisway-highlight-border-width);border-radius:calc(var(--thisway-highlight-border-width) * 2);transform:translate(calc(var(--thisway-highlight-border-width) * -1), calc(var(--thisway-highlight-border-width) * -1))}@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)}}");
}
function ge(o) {
let t, e, s, n;
let t, e, r, n;
return {
c() {
t = Kt("svg"), e = Kt("path"), P(
t = zt("svg"), e = zt("path"), P(
e,

@@ -242,4 +242,4 @@ "d",

},
m(r, i) {
W(r, t, i), z(t, e), o[19](t), s || (n = Rt(
m(s, i) {
W(s, t, i), K(t, e), o[19](t), r || (n = Bt(
t,

@@ -249,5 +249,5 @@ "click",

o[18]
), s = !0);
), r = !0);
},
p(r, i) {
p(s, i) {
i & /*$maskCommand$*/

@@ -258,3 +258,3 @@ 4 && P(

/*$maskCommand$*/
r[2]
s[2]
), i & /*$opacity$*/

@@ -265,7 +265,7 @@ 8 && Y(

/*$opacity$*/
r[3]
s[3]
);
},
d(r) {
r && j(t), o[19](null), s = !1, n();
d(s) {
s && j(t), o[19](null), r = !1, n();
}

@@ -275,3 +275,3 @@ };

function ve(o) {
let t, e, s, n, r = (
let t, e, r, n, s = (
/*$showHeartbeat$*/

@@ -282,3 +282,3 @@ o[8] && me()

c() {
t = U("div"), r && r.c(), P(t, "class", "thisway-highlight"), Y(
t = U("div"), s && s.c(), P(t, "class", "thisway-highlight"), Y(
t,

@@ -296,3 +296,3 @@ "--thisway-highlight-border-width",

m(i, a) {
W(i, t, a), r && r.m(t, null), s || (n = Ye(e = to.call(
W(i, t, a), s && s.m(t, null), r || (n = Ye(e = to.call(
null,

@@ -302,7 +302,7 @@ t,

o[7]
)), s = !0);
)), r = !0);
},
p(i, a) {
/*$showHeartbeat$*/
i[8] ? r || (r = me(), r.c(), r.m(t, null)) : r && (r.d(1), r = null), e && Ke(e.update) && a & /*$borderBoundingStyle$*/
i[8] ? s || (s = me(), s.c(), s.m(t, null)) : s && (s.d(1), s = null), e && ze(e.update) && a & /*$borderBoundingStyle$*/
128 && e.update.call(

@@ -327,3 +327,3 @@ null,

d(i) {
i && j(t), r && r.d(), s = !1, n();
i && j(t), s && s.d(), r = !1, n();
}

@@ -338,4 +338,4 @@ };

},
m(e, s) {
W(e, t, s);
m(e, r) {
W(e, t, r);
},

@@ -348,3 +348,3 @@ d(e) {

function Yo(o) {
let t, e, s = (
let t, e, r = (
/*$showMask$*/

@@ -358,32 +358,32 @@ o[0] && ge(o)

c() {
s && s.c(), t = tt(), n && n.c(), e = Gt();
r && r.c(), t = tt(), n && n.c(), e = Gt();
},
m(r, i) {
s && s.m(r, i), W(r, t, i), n && n.m(r, i), W(r, e, i);
m(s, i) {
r && r.m(s, i), W(s, t, i), n && n.m(s, i), W(s, e, i);
},
p(r, [i]) {
p(s, [i]) {
/*$showMask$*/
r[0] ? s ? s.p(r, i) : (s = ge(r), s.c(), s.m(t.parentNode, t)) : s && (s.d(1), s = null), /*$showBorder$*/
r[4] ? n ? n.p(r, i) : (n = ve(r), n.c(), n.m(e.parentNode, e)) : n && (n.d(1), n = null);
s[0] ? r ? r.p(s, i) : (r = ge(s), r.c(), r.m(t.parentNode, t)) : r && (r.d(1), r = null), /*$showBorder$*/
s[4] ? n ? n.p(s, i) : (n = ve(s), n.c(), n.m(e.parentNode, e)) : n && (n.d(1), n = null);
},
i: gt,
o: gt,
d(r) {
r && (j(t), j(e)), s && s.d(r), n && n.d(r);
d(s) {
s && (j(t), j(e)), r && r.d(s), n && n.d(s);
}
};
}
function Ko(o, t, e) {
let s, n, r, i, a, l, c, u, p;
const d = V(Ft), m = V(oe), f = V(Xt), w = Je(), _ = Co(), b = D(_, "showMask");
M(o, b, (y) => e(0, s = y));
const C = D(_, "showBorder");
M(o, C, (y) => e(4, a = y));
const $ = D(_, "showHeartbeat"), x = D(_, "padding"), N = D(_, "maskOpacity");
M(o, N, (y) => e(3, i = y));
function zo(o, t, e) {
let r, n, s, i, a, l, c, u, p;
const d = V(Dt), m = V(oe), f = V(Xt), w = Je(), _ = Co(), x = D(_, "showMask");
M(o, x, (y) => e(0, r = y));
const b = D(_, "showBorder");
M(o, b, (y) => e(4, a = y));
const $ = D(_, "showHeartbeat"), C = D(_, "padding"), R = D(_, "maskOpacity");
M(o, R, (y) => e(3, i = y));
const I = D(_, "borderWidth");
let B, S = _t(void 0);
let N, S = _t(void 0);
M(o, S, (y) => e(1, n = y));
const k = L([m, I, x], ([y, H, X], Z) => {
const G = y ? T(y) : void 0, F = {
const E = L([m, I, C], ([y, H, X], Z) => {
const G = y ? k(y) : void 0, F = {
x: 0,

@@ -397,3 +397,3 @@ y: 0,

if (!G || G === xo) {
const ht = ie(f), st = B ? T(B) : {
const ht = ie(f), rt = N ? k(N) : {
x: ht.width / 2,

@@ -406,6 +406,6 @@ y: ht.height / 2,

};
F.x = st.x + st.width / 2, F.y = st.y + st.height / 2, F.borderWidth = 0, F.padding = 0;
F.x = rt.x + rt.width / 2, F.y = rt.y + rt.height / 2, F.borderWidth = 0, F.padding = 0;
} else
F.x = G.x, F.y = G.y, F.width = G.width, F.height = G.height;
B || (B = Pt(
N || (N = At(
{

@@ -419,19 +419,19 @@ x: F.x + F.width / 2,

},
{ duration: 300, easing: At }
{ duration: 300, easing: Nt }
));
const nt = B.subscribe(Z);
return B.set(F), () => {
const nt = N.subscribe(Z);
return N.set(F), () => {
nt();
};
}), A = L([k, C, b, S], ([y, H, X, Z], G) => {
}), A = L([E, b, x, S], ([y, H, X, Z], G) => {
if (!y || !X || !Z)
return;
const F = Vo(y, H, Z.getBoundingClientRect(), T(f.transform$ ?? Nt));
const F = Vo(y, H, Z.getBoundingClientRect(), k(f.transform$ ?? It));
G(F);
});
M(o, A, (y) => e(2, r = y));
const h = L(k, (y, H) => {
M(o, A, (y) => e(2, s = y));
const h = L(E, (y, H) => {
if (!y)
return;
const X = kt(T(f.transform$ ?? Nt)), { x: Z, y: G, borderWidth: F, padding: nt, width: ht, height: st } = y, g = Ct(nt, 0, X), J = xt(0, nt, X);
const X = kt(k(f.transform$ ?? It)), { x: Z, y: G, borderWidth: F, padding: nt, width: ht, height: rt } = y, g = Ct(nt, 0, X), J = xt(0, nt, X);
H({

@@ -441,3 +441,3 @@ left: it(Z - F - g),

width: it(ht),
height: it(st),
height: it(rt),
padding: `${it(J)} ${it(g)}`

@@ -447,4 +447,4 @@ });

M(o, h, (y) => e(7, u = y));
const O = L(k, (y) => it(y == null ? void 0 : y.borderWidth));
M(o, O, (y) => e(5, l = y));
const T = L(E, (y) => it(y == null ? void 0 : y.borderWidth));
M(o, T, (y) => e(5, l = y));
const q = L([_, w], ([y, H]) => {

@@ -457,7 +457,7 @@ if (y != null && y.borderColor)

M(o, q, (y) => e(6, c = y));
const pt = L([$, k], ([y, H]) => !!(y && (H != null && H.width) && (H != null && H.height)));
const pt = L([$, E], ([y, H]) => !!(y && (H != null && H.width) && (H != null && H.height)));
M(o, pt, (y) => e(8, p = y));
const dt = () => {
var H;
switch ((H = T(_)) == null ? void 0 : H.clickMask) {
switch ((H = k(_)) == null ? void 0 : H.clickMask) {
case To: {

@@ -474,3 +474,3 @@ d.onClose();

function ut(y) {
ze[y ? "unshift" : "push"](() => {
Ke[y ? "unshift" : "push"](() => {
n = y, S.set(n);

@@ -480,5 +480,5 @@ });

return [
r,
n,
s,
n,
r,
i,

@@ -490,9 +490,9 @@ a,

p,
x,
b,
C,
N,
R,
S,
A,
h,
O,
T,
q,

@@ -504,5 +504,5 @@ pt,

}
class zo extends It {
class Ko extends Mt {
constructor(t) {
super(), Mt(this, t, Ko, Yo, Lt, {}, jo);
super(), Lt(this, t, zo, Yo, Rt, {}, jo);
}

@@ -517,6 +517,6 @@ }

return t.length === 1 && fe.includes(t[0]) ? [t[0], "CENTER"] : t.length === 2 && fe.includes(t[0]) && _o.includes(t[1]) ? t : [Jt, void 0];
}, Go = (o, t, e, s, n, r) => {
}, Go = (o, t, e, r, n, s) => {
if (e === "OVER" || e === "SCREEN")
return e;
const i = o.x + o.width, a = o.y + o.height, c = o.y - t.height - n >= 0, p = r.height - (a + t.height) - n >= 0, m = o.x - t.width - s >= 0, w = r.width - (i + t.width) - s >= 0;
const i = o.x + o.width, a = o.y + o.height, c = o.y - t.height - n >= 0, p = s.height - (a + t.height) - n >= 0, m = o.x - t.width - r >= 0, w = s.width - (i + t.width) - r >= 0;
if (e === "BOTTOM" && p)

@@ -530,18 +530,18 @@ return "BOTTOM";

return "RIGHT";
const _ = r.width * ye, b = r.height * ye;
return o.y < b && p ? "BOTTOM" : r.width - i < _ && m ? "LEFT" : r.height - a < b && c ? "TOP" : o.x < _ && w ? "RIGHT" : p ? "BOTTOM" : m ? "LEFT" : c ? "TOP" : w ? "RIGHT" : "SCREEN";
const _ = s.width * ye, x = s.height * ye;
return o.y < x && p ? "BOTTOM" : s.width - i < _ && m ? "LEFT" : s.height - a < x && c ? "TOP" : o.x < _ && w ? "RIGHT" : p ? "BOTTOM" : m ? "LEFT" : c ? "TOP" : w ? "RIGHT" : "SCREEN";
}, te = {
...wo,
visibility: "hidden"
}, Xo = (o, t, e, s) => o < e ? e - o : t > s ? t - s : 0, be = (o = "CENTER", t, e, s, n, r) => {
if (!s)
}, Xo = (o, t, e, r) => o < e ? e - o : t > r ? t - r : 0, be = (o = "CENTER", t, e, r, n, s) => {
if (!r)
return { adjustAlignment: "CENTER", value: 0 };
const i = {
START: t - r.borderWidth - r.padding,
CENTER: (t + e - s) / 2,
END: e - s + r.borderWidth + r.padding
START: t - s.borderWidth - s.padding,
CENTER: (t + e - r) / 2,
END: e - r + s.borderWidth + s.padding
}, l = ((c, u, p) => {
let d;
for (const m of c) {
const f = i[m], w = Xo(f, f + s, u, p);
const f = i[m], w = Xo(f, f + r, u, p);
if (w > 0)

@@ -567,3 +567,3 @@ d ? w < d.overflowPx && (d = { adjustAlignment: m, overflowPx: w }) : d = { adjustAlignment: m, overflowPx: w };

return l;
}, Uo = (o, t, e, s, n, r, i, a, l) => {
}, Uo = (o, t, e, r, n, s, i, a, l) => {
const c = {

@@ -575,3 +575,3 @@ ...te,

if (!e || e === ct || o === "SCREEN")
p = (i.height - s.height) / 2, d = (i.width - s.width) / 2;
p = (i.height - r.height) / 2, d = (i.width - r.width) / 2;
else {

@@ -583,5 +583,5 @@ const m = e.x + e.width, f = e.y + e.height, w = () => {

m,
s.width,
r.width,
i.width,
r
s
);

@@ -594,27 +594,27 @@ d = $.value, u = $.adjustAlignment;

f,
s.height,
r.height,
i.height,
r
s
);
p = $.value, u = $.adjustAlignment;
}, b = i.height - s.height, C = i.width - s.width;
}, x = i.height - r.height, b = i.width - r.width;
switch (o) {
case "OVER": {
p = e.y + (e.height - s.height) / 2, d = e.x + (e.width - s.width) / 2;
p = e.y + (e.height - r.height) / 2, d = e.x + (e.width - r.width) / 2;
break;
}
case "TOP": {
p = Wt(e.y - s.height - l, 0, b), w();
p = jt(e.y - r.height - l, 0, x), w();
break;
}
case "BOTTOM": {
p = Wt(f + l, n, b), w();
p = jt(f + l, n, x), w();
break;
}
case "LEFT": {
d = Wt(e.x - s.width - a, 0, C), _();
d = jt(e.x - r.width - a, 0, b), _();
break;
}
case "RIGHT": {
d = Wt(m + a, n, C), _();
d = jt(m + a, n, b), _();
break;

@@ -626,3 +626,3 @@ }

}, qo = () => {
const o = V(oe), t = V(re), e = V(Xt), s = V(Ut), n = le(), r = Ho();
const o = V(oe), t = V(se), e = V(Xt), r = V(Ut), n = le(), s = Ho();
let i, a;

@@ -632,9 +632,9 @@ return L([o], ([l], c) => {

return;
const u = T(n), p = u.offset, d = eo(u.position), m = T(r), { padding: f, borderWidth: w } = m, _ = T(t), b = T(l), { step: C } = T(s), $ = C == null ? void 0 : C.id;
const u = k(n), p = u.offset, d = eo(u.position), m = k(s), { padding: f, borderWidth: w } = m, _ = k(t), x = k(l), { step: b } = k(r), $ = b == null ? void 0 : b.id;
if (_.width === 0 || _.height === 0)
return;
const x = d[0], N = d[1], I = ie(e), B = kt(T(e.transform$ ?? Nt)), S = Ct(f, 0, B) + p + w, k = xt(0, f, B) + p + w, A = b === ct ? "SCREEN" : Go(b, _, x, S, k, I), { style: h, alignment: O } = Uo(
const C = d[0], R = d[1], I = ie(e), N = kt(k(e.transform$ ?? It)), S = Ct(f, 0, N) + p + w, E = xt(0, f, N) + p + w, A = x === ct ? "SCREEN" : Go(x, _, C, S, E, I), { style: h, alignment: T } = Uo(
A,
N === i ? a : N,
b,
R === i ? a : R,
x,
_,

@@ -645,9 +645,9 @@ p,

S,
k
E
);
i = N, a = O, c({
i = R, a = T, c({
orientation: A,
alignment: O,
alignment: T,
stepId: $,
stepOrientation: x,
stepOrientation: C,
style: h

@@ -658,7 +658,7 @@ });

function Zo(o) {
zt(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}");
Kt(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, s, n, r, i, a, l, c, u, p;
e = new zo({});
let t, e, r, n, s, i, a, l, c, u, p;
e = new Ko({});
var d = (

@@ -671,11 +671,11 @@ /*$popoverComponent$*/

}
return d && (r = de(d, m()), r.$on(
return d && (s = de(d, m()), s.$on(
"close",
/*onClose*/
o[18]
), r.$on(
), s.$on(
"previous",
/*onPrev*/
o[16]
), r.$on(
), s.$on(
"next",

@@ -686,3 +686,3 @@ /*onNext*/

c() {
t = U("div"), St(e.$$.fragment), s = tt(), n = U("div"), r && St(r.$$.fragment), P(n, "class", i = "thisway-popover__container " + /*$popoverClassName$*/
t = U("div"), Ot(e.$$.fragment), r = tt(), n = U("div"), s && Ot(s.$$.fragment), P(n, "class", i = "thisway-popover__container " + /*$popoverClassName$*/
o[6]), P(t, "class", l = "thisway " + /*$className$*/

@@ -722,4 +722,4 @@ o[2]), Y(

m(f, w) {
W(f, t, w), Ot(e, t, null), z(t, s), z(t, n), r && Ot(r, n, null), o[20](n), c = !0, u || (p = [
Rt(
W(f, t, w), Et(e, t, null), K(t, r), K(t, n), s && Et(s, n, null), o[20](n), c = !0, u || (p = [
Bt(
window,

@@ -742,26 +742,26 @@ "keydown",

f[8])) {
if (r) {
if (s) {
at();
const _ = r;
R(_.$$.fragment, 1, 0, () => {
Et(_, 1);
const _ = s;
B(_.$$.fragment, 1, 0, () => {
Pt(_, 1);
}), lt();
}
d ? (r = de(d, m()), r.$on(
d ? (s = de(d, m()), s.$on(
"close",
/*onClose*/
f[18]
), r.$on(
), s.$on(
"previous",
/*onPrev*/
f[16]
), r.$on(
), s.$on(
"next",
/*onNext*/
f[17]
), St(r.$$.fragment), E(r.$$.fragment, 1), Ot(r, n, null)) : r = null;
), Ot(s.$$.fragment), O(s.$$.fragment, 1), Et(s, n, null)) : s = null;
}
(!c || w[0] & /*$popoverClassName$*/
64 && i !== (i = "thisway-popover__container " + /*$popoverClassName$*/
f[6])) && P(n, "class", i), a && Ke(a.update) && w[0] & /*$popoverStyle$*/
f[6])) && P(n, "class", i), a && ze(a.update) && w[0] & /*$popoverStyle$*/
128 && a.update.call(

@@ -812,9 +812,9 @@ null,

i(f) {
c || (E(e.$$.fragment, f), r && E(r.$$.fragment, f), c = !0);
c || (O(e.$$.fragment, f), s && O(s.$$.fragment, f), c = !0);
},
o(f) {
R(e.$$.fragment, f), r && R(r.$$.fragment, f), c = !1;
B(e.$$.fragment, f), s && B(s.$$.fragment, f), c = !1;
},
d(f) {
f && j(t), Et(e), r && Et(r), o[20](null), u = !1, bo(p);
f && j(t), Pt(e), s && Pt(s), o[20](null), u = !1, bo(p);
}

@@ -824,25 +824,25 @@ };

function Qo(o, t, e) {
let s, n, r, i, a, l, c, { position: u = "fixed" } = t, p;
const d = V(ee), m = V(se), f = V(Xt), w = le(), _ = V(re), b = V(Ut), C = D(b, "step");
M(o, C, (v) => e(3, n = v));
const $ = D(b, "index"), x = L([C, d], ([v, K]) => {
let r, n, s, i, a, l, c, { position: u = "fixed" } = t, p;
const d = V(ee), m = V(re), f = V(Xt), w = le(), _ = V(se), x = V(Ut), b = D(x, "step");
M(o, b, (v) => e(3, n = v));
const $ = D(x, "index"), C = L([b, d], ([v, z]) => {
if (v)
return f.getPopoverComponent(v, K);
return f.getPopoverComponent(v, z);
});
M(o, x, (v) => e(8, c = v));
const N = D(d, "zIndex", 1e4);
M(o, N, (v) => e(4, r = v));
M(o, C, (v) => e(8, c = v));
const R = D(d, "zIndex", 1e4);
M(o, R, (v) => e(4, s = v));
const I = D(d, "className", "");
M(o, I, (v) => e(2, s = v));
const B = D(w, "className", "");
M(o, B, (v) => e(6, a = v));
M(o, I, (v) => e(2, r = v));
const N = D(w, "className", "");
M(o, N, (v) => e(6, a = v));
const S = qo();
Ao(Xe, S);
const k = D(S, "style");
let A, h, O, q = -1;
const E = D(S, "style");
let A, h, T, q = -1;
const pt = () => {
const v = T(C);
const v = k(b);
return !(v != null && v.survey || v != null && v.media);
}, dt = () => pt() ? void 0 : "MoveIn", ut = (v, K, rt) => {
const Q = rt ? v.width : -K.width, Zt = (v.height - K.height) / 2;
}, dt = () => pt() ? void 0 : "MoveIn", ut = (v, z, st) => {
const Q = st ? v.width : -z.width, Zt = (v.height - z.height) / 2;
return { x: Q, y: Zt };

@@ -852,31 +852,31 @@ };

const H = L(
k,
(v, K) => {
const rt = T(b).index;
E,
(v, z) => {
const st = k(x).index;
if (!v) {
K(te);
z(te);
return;
}
const Q = ie(f), Zt = T(_), Dt = { x: v.x, y: v.y };
let so = dt();
if (q === -1 || q < rt ? y = !0 : q > rt && (y = !1), so) {
const ft = ut(Q, Zt, y), Ht = Math.max(Math.abs(Dt.x - ft.x), Math.abs(Dt.y - ft.y)) / 1e3 * 600;
!h || q !== T($) ? h = Pt(ft, { duration: Ht, easing: At }) : ft.y !== T(h).y && (h = Pt(
const Q = ie(f), Zt = k(_), Ht = { x: v.x, y: v.y };
let ro = dt();
if (q === -1 || q < st ? y = !0 : q > st && (y = !1), ro) {
const ft = ut(Q, Zt, y), Wt = Math.max(Math.abs(Ht.x - ft.x), Math.abs(Ht.y - ft.y)) / 1e3 * 600;
!h || q !== k($) ? h = At(ft, { duration: Wt, easing: Nt }) : ft.y !== k(h).y && (h = At(
{
x: T(h).x,
x: k(h).x,
y: ft.y
},
{ duration: Ht, easing: At }
)), O = h;
{ duration: Wt, easing: Nt }
)), T = h;
} else
A || (K(v), A = Pt(Dt, { duration: 300, easing: At })), O = A;
const ro = O.subscribe(({ x: ft, y: Ht }) => {
K({ ...v, x: ft, y: Ht });
A || (z(v), A = At(Ht, { duration: 300, easing: Nt })), T = A;
const so = T.subscribe(({ x: ft, y: Wt }) => {
z({ ...v, x: ft, y: Wt });
});
return O.set(Dt), q = rt, ro;
return T.set(Ht), q = st, so;
},
te
), X = L(H, (v) => {
const K = Ro(v);
return T(w).showPopover === !1 && pt() && (K.visibility = "hidden"), K;
const z = Ro(v);
return k(w).showPopover === !1 && pt() && (z.visibility = "hidden"), z;
});

@@ -886,13 +886,13 @@ M(o, X, (v) => e(7, l = v));

M(o, Z, (v) => e(5, i = v));
const G = V(Ft), { onPrev: F, onNext: nt, onClose: ht } = G, st = (v) => {
if (!G.isActive() || T(d).keyboardControl === !1)
const G = V(Dt), { onPrev: F, onNext: nt, onClose: ht } = G, rt = (v) => {
if (!G.isActive() || k(d).keyboardControl === !1)
return;
const K = f.onKeydown ? f.onKeydown(v) : Bo(v);
G.applyAction(K);
}, g = L(b, ({ element: v }, K) => {
if (!v || v === ct || T(d).interactive === !1 || T(w).position === "SCREEN")
const z = f.onKeydown ? f.onKeydown(v) : Bo(v);
G.applyAction(z);
}, g = L(x, ({ element: v }, z) => {
if (!v || v === ct || k(d).interactive === !1 || k(w).position === "SCREEN")
return $t;
const rt = v.ownerDocument.defaultView;
return jt(rt, "click", (Q) => {
K(Q), !(Q.target === document.body || !qe(Q.target) || !Ve(Q.target) || Fe(Q.target) || !v.contains(Q.target)) && nt();
const st = v.ownerDocument.defaultView;
return St(st, "click", (Q) => {
z(Q), !(Q.target === document.body || !qe(Q.target) || !Ve(Q.target) || Fe(Q.target) || !v.contains(Q.target)) && nt();
});

@@ -906,3 +906,3 @@ }).subscribe($t);

function J(v) {
ze[v ? "unshift" : "push"](() => {
Ke[v ? "unshift" : "push"](() => {
p = v, e(1, p);

@@ -916,5 +916,5 @@ });

p,
r,
n,
s,
n,
r,
i,

@@ -924,7 +924,7 @@ a,

c,
b,
C,
x,
R,
I,
N,
I,
B,
X,

@@ -935,15 +935,15 @@ Z,

ht,
st,
rt,
J
];
}
class ts extends It {
class tr extends Mt {
constructor(t) {
super(), Mt(this, t, Qo, Jo, Lt, { position: 0 }, Zo, [-1, -1]);
super(), Lt(this, t, Qo, Jo, Rt, { position: 0 }, Zo, [-1, -1]);
}
}
async function es(o, t) {
async function er(o, t) {
o.length !== 0 && await Promise.all(
o.map(({ el: e, top: s, left: n }) => e.scrollTop == s && e.scrollLeft == n ? Promise.resolve() : new Promise((r) => {
const i = Math.max(Math.abs(s - e.scrollTop), Math.abs(n - e.scrollLeft)), a = Pt(
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 = At(
{

@@ -956,13 +956,13 @@ x: e.scrollLeft,

// 300ms maximum
easing: At
easing: Nt
}
), l = a.subscribe(({ x: u, y: p }) => {
e.scrollLeft = u, e.scrollTop = p, u === n && p === s && c();
e.scrollLeft = u, e.scrollTop = p, u === n && p === r && c();
});
function c() {
l(), r();
l(), s();
}
ae(t, c), a.set({
x: n,
y: s
y: r
});

@@ -972,4 +972,4 @@ }))

}
function os(o, t, e, s, n, r, i) {
const a = (o == null ? void 0 : o.scrollOffset) || {}, l = e ? go[e] : "nearest", c = s ? s.toLocaleLowerCase() : "nearest", { padding: u, borderWidth: p } = r, d = (n.offset < 10 ? 10 : n.offset) + p, m = {
function or(o, t, e, r, n, s, i) {
const a = (o == null ? void 0 : o.scrollOffset) || {}, l = e ? go[e] : "nearest", c = r ? r.toLocaleLowerCase() : "nearest", { padding: u, borderWidth: p } = s, d = (n.offset < 10 ? 10 : n.offset) + p, m = {
left: d + (a.left || 0),

@@ -990,76 +990,77 @@ right: d + (a.right || 0),

}
async function ss(o, t, e, s, n, r, i, a, l) {
const c = /* @__PURE__ */ new Set();
let u = [], p = [];
const { highlight: d, popover: m } = s, f = T(d), w = T(m), _ = eo(w.position), b = _[0], C = _[1];
async function rr(o, t, e, r, n, s, i, a, l) {
let c = [], u = [];
const { highlight: p, popover: d } = r, m = k(p), f = k(d), w = eo(f.position), _ = w[0], x = w[1];
if (o !== ct) {
({ elements: u, iframes: p } = Oo(o, !0, r));
const $ = os(
({ elements: c, iframes: u } = Oo(o, !0, s));
const b = or(
t,
e,
b,
C,
w,
_,
x,
f,
m,
n
), x = Eo(u, p, o, $);
await es(x, l);
), $ = Eo(c, u, o, b);
await er($, l);
}
return wt(a && wt(a), ($) => {
return wt(a && wt(a), (b) => {
if (!o)
return;
const x = [];
let N = $t;
if (o === ct || b === "SCREEN") {
N = he(() => {
l.signal.aborted || $(wt(ct));
const $ = [];
let C = $t;
if (o === ct || _ === "SCREEN") {
C = he(() => {
l.signal.aborted || b(wt(ct));
});
for (const I of c)
x.push(jt(I, "resize", N));
for (const R of u) {
const { contentWindow: I } = R;
I && $.push(St(window, "resize", C));
}
} else {
const I = t != null && t.onlyHighlightChildren ? Array.from(o.children) : [o], B = () => Lo(Po(co(I), p), n);
N = he(() => {
const R = t != null && t.onlyHighlightChildren ? Array.from(o.children) : [o], I = () => Lo(Po(co(R), u), n);
C = he(() => {
if (l.signal.aborted)
return;
const S = B();
S.width === 0 || S.height === 0 ? $(wt(ct)) : $(wt(S));
}), x.push(
...I.map((S) => De(S, () => {
const k = S.getBoundingClientRect();
k.width === 0 && k.height === 0 || N();
const N = I();
N.width === 0 || N.height === 0 ? b(wt(ct)) : b(wt(N));
}), $.push(
...R.map((N) => De(N, () => {
const S = N.getBoundingClientRect();
S.width === 0 && S.height === 0 || C();
}))
);
for (const S of p) {
const { contentWindow: k } = S;
k && x.push(jt(k.window, "resize", N), jt(k.window, "scroll", N));
for (const N of u) {
const { contentWindow: S } = N;
S && $.push(St(S.window, "resize", C), St(S.window, "scroll", C));
}
}
x.push(i.subscribe(N)), N(), ae(l, () => {
Ue(x);
$.push(St(window, "resize", C), i.subscribe(C)), C(), ae(l, () => {
Ue($);
});
});
}
const rs = (o, t) => {
const sr = (o, t) => {
let e;
const { activeStep$: s, activeIndex$: n } = o;
const { activeStep$: r, activeIndex$: n } = o;
return L(
s,
(r, i) => {
const a = T(n);
if (!r || !Yt(a))
r,
(s, i) => {
const a = k(n);
if (!s || !Yt(a))
return;
i({
element: void 0,
step: r,
step: s,
index: a
});
const l = new AbortController();
return t.waitForElement(r, l).then((c) => {
return t.waitForElement(s, l).then((c) => {
l.signal.aborted || (i({
element: c ?? ct,
step: r,
step: s,
index: a
}), t.afterStepChanged && t.afterStepChanged(r.id, e == null ? void 0 : e.id));
}), t.afterStepChanged && t.afterStepChanged(s.id, e == null ? void 0 : e.id));
}), () => {
e = r, l.abort();
e = s, l.abort();
};

@@ -1073,7 +1074,7 @@ },

);
}, ns = (o) => L(o, (t, e) => t ? De(t, () => {
}, nr = (o) => L(o, (t, e) => t ? De(t, () => {
e(t.getBoundingClientRect());
}) : (e(ho), $t));
class is extends Io {
constructor(e, s, n, r) {
class ir extends Io {
constructor(e, r, n, s) {
super(e);

@@ -1089,11 +1090,11 @@ et(this, "subscriptions", []);

et(this, "onNext", async () => {
var s, n;
const e = T(Qe(this.store, this.store.effectiveIndex$));
var r, n;
const e = k(Qe(this.store, this.store.effectiveIndex$));
if (e) {
const r = (s = this.getActiveStep().step) == null ? void 0 : s.id;
const s = (r = this.getActiveStep().step) == null ? void 0 : r.id;
if (this.delegate.beforeStepChange) {
const i = new AbortController();
if (await this.delegate.beforeStepChange(e.id, r, i).catch(() => {
if (await this.delegate.beforeStepChange(e.id, s, i).catch(() => {
i.abort();
}), i.signal.aborted || ((n = this.getActiveStep().step) == null ? void 0 : n.id) !== r)
}), i.signal.aborted || ((n = this.getActiveStep().step) == null ? void 0 : n.id) !== s)
return;

@@ -1108,10 +1109,10 @@ }

});
this.delegate = s;
const i = s.container ?? document.body, a = [], l = rs(e, s);
this.delegate = r;
const i = r.container ?? document.body, a = [], l = sr(e, r);
this.renderState$ = l;
const c = D(l, "step"), u = (x, N) => {
const I = D(r, x), B = D(c, x);
const c = D(l, "step"), u = (C, R) => {
const I = D(s, C), N = D(c, C);
return L(
[I, B],
(S) => Fo(N, ...S)
[I, N],
(S) => Fo(R, ...S)
);

@@ -1122,37 +1123,37 @@ }, p = {

theme: L(u("theme", {}), Wo)
}, d = _t(void 0), m = ns(d), f = s.transform$ ?? Nt, w = D(p.popover, "position");
}, d = _t(void 0), m = nr(d), f = r.transform$ ?? It, w = D(p.popover, "position");
let _;
const b = L(
const x = L(
[l, m, f, w],
([
{ element: x, step: N },
{ element: C, step: R },
I,
B
N
/* position */
], S) => {
if (!x || !N)
if (!C || !R)
return $t;
const k = new AbortController();
return ss(
x,
N,
const E = new AbortController();
return rr(
C,
R,
I,
p,
B,
po(s.window),
N,
po(r.window),
this.updatePositionSignal$,
_,
k
E
).then((A) => {
const h = A.subscribe((O) => {
const q = O && T(O);
S(O), _ = q;
const h = A.subscribe((T) => {
const q = T && k(T);
S(T), _ = q;
});
ae(k, h);
ae(E, h);
}), () => {
k.abort();
E.abort();
};
}
), C = s.getTotalCount(e), $ = Ge(n);
$.set(Ft, this).set(oe, b).set(ee, r).set(se, d).set(re, m).set(ne, C).set(Xt, s).set(Ut, l).set(qt, p), this.subscriptions = a, this.view = new ts({
), b = r.getTotalCount(e), $ = Ge(n);
$.set(Dt, this).set(oe, x).set(ee, s).set(re, d).set(se, m).set(ne, b).set(Xt, r).set(Ut, l).set(qt, p), this.subscriptions = a, this.view = new tr({
target: i,

@@ -1185,3 +1186,3 @@ context: $,

getCurrentElement() {
const { element: e } = T(this.renderState$);
const { element: e } = k(this.renderState$);
return e === ct ? void 0 : e;

@@ -1194,10 +1195,10 @@ }

}
function as(o) {
zt(o, "svelte-1fc4ct7", ".thisway-progress{font-size:14px}");
function ar(o) {
Kt(o, "svelte-1fc4ct7", ".thisway-progress{font-size:14px}");
}
function ls(o) {
function lr(o) {
let t, e;
return {
c() {
t = U("div"), e = Bt(
t = U("div"), e = Vt(
/*$progress$*/

@@ -1207,11 +1208,11 @@ o[0]

},
m(s, n) {
W(s, t, n), z(t, e);
m(r, n) {
W(r, t, n), K(t, e);
},
p(s, [n]) {
p(r, [n]) {
n & /*$progress$*/
1 && Vt(
1 && Ft(
e,
/*$progress$*/
s[0]
r[0]
);

@@ -1221,26 +1222,26 @@ },

o: gt,
d(s) {
s && j(t);
d(r) {
r && j(t);
}
};
}
function cs(o, t, e) {
let s;
const n = V(ne), r = So(), i = L([r, n], ([a, l]) => l > 1 ? `${a + 1}/${l}` : "");
return M(o, i, (a) => e(0, s = a)), [s, i];
function cr(o, t, e) {
let r;
const n = V(ne), s = So(), i = L([s, n], ([a, l]) => l > 1 ? `${a + 1}/${l}` : "");
return M(o, i, (a) => e(0, r = a)), [r, i];
}
class oo extends It {
class oo extends Mt {
constructor(t) {
super(), Mt(this, t, cs, ls, Lt, {}, as);
super(), Lt(this, t, cr, lr, Rt, {}, ar);
}
}
function ps(o) {
zt(o, "svelte-as86s1", "@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:10px 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:6px;right:6px;z-index:1}.thisway-popover-close:hover{opacity:1;border:none}");
function pr(o) {
Kt(o, "svelte-as86s1", "@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:10px 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:6px;right:6px;z-index:1}.thisway-popover-close:hover{opacity:1;border:none}");
}
const hs = (o) => ({}), $e = (o) => ({}), fs = (o) => ({}), Ce = (o) => ({}), ds = (o) => ({}), xe = (o) => ({}), us = (o) => ({}), ke = (o) => ({}), ws = (o) => ({}), Te = (o) => ({});
const hr = (o) => ({}), $e = (o) => ({}), fr = (o) => ({}), Ce = (o) => ({}), dr = (o) => ({}), xe = (o) => ({}), ur = (o) => ({}), ke = (o) => ({}), wr = (o) => ({}), Te = (o) => ({});
function Se(o) {
let t, e, s, n, r, i, a, l, c, u, p, d, m, f, w, _, b = (
let t, e, r, n, s, i, a, l, c, u, p, d, m, f, w, _, x = (
/*$showCloseButton$*/
o[6] && Oe(o)
), C = (
), b = (
/*$$slots*/

@@ -1253,3 +1254,3 @@ (o[28].title || /*$title$*/

o[2]) && Pe(o)
), x = (
), C = (
/*$layout$*/

@@ -1259,7 +1260,7 @@ o[4] !== Tt && /*$showProgress$*/

);
const N = (
const R = (
/*#slots*/
o[30].default
), I = vt(
N,
R,
o,

@@ -1269,7 +1270,7 @@ /*$$scope*/

null
), B = (
), N = (
/*#slots*/
o[30].footer
), S = vt(
B,
N,
o,

@@ -1280,3 +1281,3 @@ /*$$scope*/

);
let k = (
let E = (
/*$layout$*/

@@ -1291,3 +1292,3 @@ o[4] === Tt && /*$showProgress$*/

c() {
t = U("div"), e = U("div"), n = tt(), b && b.c(), r = tt(), C && C.c(), i = tt(), $ && $.c(), a = tt(), x && x.c(), l = tt(), I && I.c(), c = tt(), u = U("div"), S && S.c(), p = tt(), k && k.c(), d = tt(), m = U("div"), f = tt(), A && A.c(), P(e, "class", s = "thisway-popover__arrow " + /*$arrowClass$*/
t = U("div"), e = U("div"), n = tt(), x && x.c(), s = tt(), b && b.c(), i = tt(), $ && $.c(), a = tt(), C && C.c(), l = tt(), I && I.c(), c = tt(), u = U("div"), S && S.c(), p = tt(), E && E.c(), d = tt(), m = U("div"), f = tt(), A && A.c(), P(e, "class", r = "thisway-popover__arrow " + /*$arrowClass$*/
o[5]), P(m, "class", "thisway-stretch"), P(u, "class", "thisway-popover-footer"), P(t, "class", w = "thisway-popover " + /*$popoverClass$*/

@@ -1298,28 +1299,28 @@ o[3] + " thisway-popover__" + /*$layout$*/

},
m(h, O) {
W(h, t, O), z(t, e), z(t, n), b && b.m(t, null), z(t, r), C && C.m(t, null), z(t, i), $ && $.m(t, null), z(t, a), x && x.m(t, null), z(t, l), I && I.m(t, null), z(t, c), z(t, u), S && S.m(u, null), z(u, p), k && k.m(u, null), z(u, d), z(u, m), z(u, f), A && A.m(u, null), _ = !0;
m(h, T) {
W(h, t, T), K(t, e), K(t, n), x && x.m(t, null), K(t, s), b && b.m(t, null), K(t, i), $ && $.m(t, null), K(t, a), C && C.m(t, null), K(t, l), I && I.m(t, null), K(t, c), K(t, u), S && S.m(u, null), K(u, p), E && E.m(u, null), K(u, d), K(u, m), K(u, f), A && A.m(u, null), _ = !0;
},
p(h, O) {
(!_ || O[0] & /*$arrowClass$*/
32 && s !== (s = "thisway-popover__arrow " + /*$arrowClass$*/
h[5])) && P(e, "class", s), /*$showCloseButton$*/
h[6] ? b ? b.p(h, O) : (b = Oe(h), b.c(), b.m(t, r)) : b && (b.d(1), b = null), /*$$slots*/
p(h, T) {
(!_ || T[0] & /*$arrowClass$*/
32 && r !== (r = "thisway-popover__arrow " + /*$arrowClass$*/
h[5])) && P(e, "class", r), /*$showCloseButton$*/
h[6] ? x ? x.p(h, T) : (x = Oe(h), x.c(), x.m(t, s)) : x && (x.d(1), x = null), /*$$slots*/
h[28].title || /*$title$*/
h[1] ? C ? (C.p(h, O), O[0] & /*$$slots, $title$*/
268435458 && E(C, 1)) : (C = Ee(h), C.c(), E(C, 1), C.m(t, i)) : C && (at(), R(C, 1, 1, () => {
C = null;
h[1] ? b ? (b.p(h, T), T[0] & /*$$slots, $title$*/
268435458 && O(b, 1)) : (b = Ee(h), b.c(), O(b, 1), b.m(t, i)) : b && (at(), B(b, 1, 1, () => {
b = null;
}), lt()), /*$$slots*/
h[28].description || /*$description$*/
h[2] ? $ ? ($.p(h, O), O[0] & /*$$slots, $description$*/
268435460 && E($, 1)) : ($ = Pe(h), $.c(), E($, 1), $.m(t, a)) : $ && (at(), R($, 1, 1, () => {
h[2] ? $ ? ($.p(h, T), T[0] & /*$$slots, $description$*/
268435460 && O($, 1)) : ($ = Pe(h), $.c(), O($, 1), $.m(t, a)) : $ && (at(), B($, 1, 1, () => {
$ = null;
}), lt()), /*$layout$*/
h[4] !== Tt && /*$showProgress$*/
h[7] ? x ? O[0] & /*$layout$, $showProgress$*/
144 && E(x, 1) : (x = Ae(), x.c(), E(x, 1), x.m(t, l)) : x && (at(), R(x, 1, 1, () => {
x = null;
}), lt()), I && I.p && (!_ || O[0] & /*$$scope*/
h[7] ? C ? T[0] & /*$layout$, $showProgress$*/
144 && O(C, 1) : (C = Ae(), C.c(), O(C, 1), C.m(t, l)) : C && (at(), B(C, 1, 1, () => {
C = null;
}), lt()), I && I.p && (!_ || T[0] & /*$$scope*/
536870912) && mt(
I,
N,
R,
h,

@@ -1329,6 +1330,6 @@ /*$$scope*/

_ ? bt(
N,
R,
/*$$scope*/
h[29],
O,
T,
null

@@ -1340,6 +1341,6 @@ ) : yt(

null
), S && S.p && (!_ || O[0] & /*$$scope*/
), S && S.p && (!_ || T[0] & /*$$scope*/
536870912) && mt(
S,
B,
N,
h,

@@ -1349,7 +1350,7 @@ /*$$scope*/

_ ? bt(
B,
N,
/*$$scope*/
h[29],
O,
ds
T,
dr
) : yt(

@@ -1362,10 +1363,10 @@ /*$$scope*/

h[4] === Tt && /*$showProgress$*/
h[7] ? k ? O[0] & /*$layout$, $showProgress$*/
144 && E(k, 1) : (k = Ne(), k.c(), E(k, 1), k.m(u, d)) : k && (at(), R(k, 1, 1, () => {
k = null;
h[7] ? E ? T[0] & /*$layout$, $showProgress$*/
144 && O(E, 1) : (E = Ne(), E.c(), O(E, 1), E.m(u, d)) : E && (at(), B(E, 1, 1, () => {
E = null;
}), lt()), /*$showCtrlBtns$*/
h[8] ? A ? (A.p(h, O), O[0] & /*$showCtrlBtns$*/
256 && E(A, 1)) : (A = Ie(h), A.c(), E(A, 1), A.m(u, null)) : A && (at(), R(A, 1, 1, () => {
h[8] ? A ? (A.p(h, T), T[0] & /*$showCtrlBtns$*/
256 && O(A, 1)) : (A = Ie(h), A.c(), O(A, 1), A.m(u, null)) : A && (at(), B(A, 1, 1, () => {
A = null;
}), lt()), (!_ || O[0] & /*$popoverClass$, $layout$, cssClassName*/
}), lt()), (!_ || T[0] & /*$popoverClass$, $layout$, cssClassName*/
25 && w !== (w = "thisway-popover " + /*$popoverClass$*/

@@ -1377,9 +1378,9 @@ h[3] + " thisway-popover__" + /*$layout$*/

i(h) {
_ || (E(C), E($), E(x), E(I, h), E(S, h), E(k), E(A), _ = !0);
_ || (O(b), O($), O(C), O(I, h), O(S, h), O(E), O(A), _ = !0);
},
o(h) {
R(C), R($), R(x), R(I, h), R(S, h), R(k), R(A), _ = !1;
B(b), B($), B(C), B(I, h), B(S, h), B(E), B(A), _ = !1;
},
d(h) {
h && j(t), b && b.d(), C && C.d(), $ && $.d(), x && x.d(), I && I.d(h), S && S.d(h), k && k.d(), A && A.d();
h && j(t), x && x.d(), b && b.d(), $ && $.d(), C && C.d(), I && I.d(h), S && S.d(h), E && E.d(), A && A.d();
}

@@ -1389,3 +1390,3 @@ };

function Oe(o) {
let t, e, s;
let t, e, r;
return {

@@ -1395,4 +1396,4 @@ c() {

},
m(n, r) {
W(n, t, r), e || (s = Rt(
m(n, s) {
W(n, t, s), e || (r = Bt(
t,

@@ -1406,3 +1407,3 @@ "click",

d(n) {
n && j(t), e = !1, s();
n && j(t), e = !1, r();
}

@@ -1413,7 +1414,7 @@ };

let t, e;
const s = (
const r = (
/*#slots*/
o[30].title
), n = vt(
s,
r,
o,

@@ -1423,9 +1424,9 @@ /*$$scope*/

Te
), r = n || _s(o);
), s = n || _r(o);
return {
c() {
t = U("header"), r && r.c(), P(t, "class", "thisway-popover-title");
t = U("header"), s && s.c(), P(t, "class", "thisway-popover-title");
},
m(i, a) {
W(i, t, a), r && r.m(t, null), e = !0;
W(i, t, a), s && s.m(t, null), e = !0;
},

@@ -1436,3 +1437,3 @@ p(i, a) {

n,
s,
r,
i,

@@ -1442,7 +1443,7 @@ /*$$scope*/

e ? bt(
s,
r,
/*$$scope*/
i[29],
a,
ws
wr
) : yt(

@@ -1453,21 +1454,21 @@ /*$$scope*/

Te
) : r && r.p && (!e || a[0] & /*$title$*/
2) && r.p(i, e ? a : [-1, -1]);
) : s && s.p && (!e || a[0] & /*$title$*/
2) && s.p(i, e ? a : [-1, -1]);
},
i(i) {
e || (E(r, i), e = !0);
e || (O(s, i), e = !0);
},
o(i) {
R(r, i), e = !1;
B(s, i), e = !1;
},
d(i) {
i && j(t), r && r.d(i);
i && j(t), s && s.d(i);
}
};
}
function _s(o) {
function _r(o) {
let t;
return {
c() {
t = Bt(
t = Vt(
/*$title$*/

@@ -1477,8 +1478,8 @@ o[1]

},
m(e, s) {
W(e, t, s);
m(e, r) {
W(e, t, r);
},
p(e, s) {
s[0] & /*$title$*/
2 && Vt(
p(e, r) {
r[0] & /*$title$*/
2 && Ft(
t,

@@ -1496,7 +1497,7 @@ /*$title$*/

let t, e;
const s = (
const r = (
/*#slots*/
o[30].description
), n = vt(
s,
r,
o,

@@ -1506,9 +1507,9 @@ /*$$scope*/

ke
), r = n || gs(o);
), s = n || gr(o);
return {
c() {
t = U("div"), r && r.c(), P(t, "class", "thisway-popover-description");
t = U("div"), s && s.c(), P(t, "class", "thisway-popover-description");
},
m(i, a) {
W(i, t, a), r && r.m(t, null), e = !0;
W(i, t, a), s && s.m(t, null), e = !0;
},

@@ -1519,3 +1520,3 @@ p(i, a) {

n,
s,
r,
i,

@@ -1525,7 +1526,7 @@ /*$$scope*/

e ? bt(
s,
r,
/*$$scope*/
i[29],
a,
us
ur
) : yt(

@@ -1536,21 +1537,21 @@ /*$$scope*/

ke
) : r && r.p && (!e || a[0] & /*$description$*/
4) && r.p(i, e ? a : [-1, -1]);
) : s && s.p && (!e || a[0] & /*$description$*/
4) && s.p(i, e ? a : [-1, -1]);
},
i(i) {
e || (E(r, i), e = !0);
e || (O(s, i), e = !0);
},
o(i) {
R(r, i), e = !1;
B(s, i), e = !1;
},
d(i) {
i && j(t), r && r.d(i);
i && j(t), s && s.d(i);
}
};
}
function gs(o) {
function gr(o) {
let t;
return {
c() {
t = Bt(
t = Vt(
/*$description$*/

@@ -1560,8 +1561,8 @@ o[2]

},
m(e, s) {
W(e, t, s);
m(e, r) {
W(e, t, r);
},
p(e, s) {
s[0] & /*$description$*/
4 && Vt(
p(e, r) {
r[0] & /*$description$*/
4 && Ft(
t,

@@ -1581,15 +1582,15 @@ /*$description$*/

c() {
St(t.$$.fragment);
Ot(t.$$.fragment);
},
m(s, n) {
Ot(t, s, n), e = !0;
m(r, n) {
Et(t, r, n), e = !0;
},
i(s) {
e || (E(t.$$.fragment, s), e = !0);
i(r) {
e || (O(t.$$.fragment, r), e = !0);
},
o(s) {
R(t.$$.fragment, s), e = !1;
o(r) {
B(t.$$.fragment, r), e = !1;
},
d(s) {
Et(t, s);
d(r) {
Pt(t, r);
}

@@ -1602,15 +1603,15 @@ };

c() {
St(t.$$.fragment);
Ot(t.$$.fragment);
},
m(s, n) {
Ot(t, s, n), e = !0;
m(r, n) {
Et(t, r, n), e = !0;
},
i(s) {
e || (E(t.$$.fragment, s), e = !0);
i(r) {
e || (O(t.$$.fragment, r), e = !0);
},
o(s) {
R(t.$$.fragment, s), e = !1;
o(r) {
B(t.$$.fragment, r), e = !1;
},
d(s) {
Et(t, s);
d(r) {
Pt(t, r);
}

@@ -1620,6 +1621,6 @@ };

function Ie(o) {
let t, e, s, n = (
let t, e, r, n = (
/*$previousButtonVisible$*/
o[9] && Me(o)
), r = (
), s = (
/*$hasSteps$*/

@@ -1630,6 +1631,6 @@ o[11] && Le(o)

c() {
n && n.c(), t = tt(), r && r.c(), e = Gt();
n && n.c(), t = tt(), s && s.c(), e = Gt();
},
m(i, a) {
n && n.m(i, a), W(i, t, a), r && r.m(i, a), W(i, e, a), s = !0;
n && n.m(i, a), W(i, t, a), s && s.m(i, a), W(i, e, a), r = !0;
},

@@ -1639,18 +1640,18 @@ p(i, a) {

i[9] ? n ? (n.p(i, a), a[0] & /*$previousButtonVisible$*/
512 && E(n, 1)) : (n = Me(i), n.c(), E(n, 1), n.m(t.parentNode, t)) : n && (at(), R(n, 1, 1, () => {
512 && O(n, 1)) : (n = Me(i), n.c(), O(n, 1), n.m(t.parentNode, t)) : n && (at(), B(n, 1, 1, () => {
n = null;
}), lt()), /*$hasSteps$*/
i[11] ? r ? (r.p(i, a), a[0] & /*$hasSteps$*/
2048 && E(r, 1)) : (r = Le(i), r.c(), E(r, 1), r.m(e.parentNode, e)) : r && (at(), R(r, 1, 1, () => {
r = null;
i[11] ? s ? (s.p(i, a), a[0] & /*$hasSteps$*/
2048 && O(s, 1)) : (s = Le(i), s.c(), O(s, 1), s.m(e.parentNode, e)) : s && (at(), B(s, 1, 1, () => {
s = null;
}), lt());
},
i(i) {
s || (E(n), E(r), s = !0);
r || (O(n), O(s), r = !0);
},
o(i) {
R(n), R(r), s = !1;
B(n), B(s), r = !1;
},
d(i) {
i && (j(t), j(e)), n && n.d(i), r && r.d(i);
i && (j(t), j(e)), n && n.d(i), s && s.d(i);
}

@@ -1660,8 +1661,8 @@ };

function Me(o) {
let t, e, s, n;
const r = (
let t, e, r, n;
const s = (
/*#slots*/
o[30].prevText
), i = vt(
r,
s,
o,

@@ -1671,3 +1672,3 @@ /*$$scope*/

Ce
), a = i || ys(o);
), a = i || yr(o);
return {

@@ -1678,3 +1679,3 @@ c() {

m(l, c) {
W(l, t, c), a && a.m(t, null), e = !0, s || (n = Rt(
W(l, t, c), a && a.m(t, null), e = !0, r || (n = Bt(
t,

@@ -1684,3 +1685,3 @@ "click",

o[26]
), s = !0);
), r = !0);
},

@@ -1691,3 +1692,3 @@ p(l, c) {

i,
r,
s,
l,

@@ -1697,7 +1698,7 @@ /*$$scope*/

e ? bt(
r,
s,
/*$$scope*/
l[29],
c,
fs
fr
) : yt(

@@ -1712,32 +1713,32 @@ /*$$scope*/

i(l) {
e || (E(a, l), e = !0);
e || (O(a, l), e = !0);
},
o(l) {
R(a, l), e = !1;
B(a, l), e = !1;
},
d(l) {
l && j(t), a && a.d(l), s = !1, n();
l && j(t), a && a.d(l), r = !1, n();
}
};
}
function vs(o) {
function vr(o) {
let t, e;
return {
c() {
t = Kt("svg"), e = Kt("path"), P(e, "d", "M19 12H6M12 5l-7 7 7 7"), Y(t, "pointer-events", "none"), P(t, "width", "20"), P(t, "height", "14"), P(t, "xmlns", "http://www.w3.org/2000/svg"), P(t, "viewBox", "0 0 24 24"), P(t, "fill", "none"), P(t, "stroke", "currentColor"), P(t, "stroke-width", "2"), P(t, "stroke-linecap", "round"), P(t, "stroke-linejoin", "round");
t = zt("svg"), e = zt("path"), P(e, "d", "M19 12H6M12 5l-7 7 7 7"), Y(t, "pointer-events", "none"), P(t, "width", "20"), P(t, "height", "14"), P(t, "xmlns", "http://www.w3.org/2000/svg"), P(t, "viewBox", "0 0 24 24"), P(t, "fill", "none"), P(t, "stroke", "currentColor"), P(t, "stroke-width", "2"), P(t, "stroke-linecap", "round"), P(t, "stroke-linejoin", "round");
},
m(s, n) {
W(s, t, n), z(t, e);
m(r, n) {
W(r, t, n), K(t, e);
},
p: gt,
d(s) {
s && j(t);
d(r) {
r && j(t);
}
};
}
function ms(o) {
function mr(o) {
let t;
return {
c() {
t = Bt(
t = Vt(
/*$previousText$*/

@@ -1747,8 +1748,8 @@ o[10]

},
m(e, s) {
W(e, t, s);
m(e, r) {
W(e, t, r);
},
p(e, s) {
s[0] & /*$previousText$*/
1024 && Vt(
p(e, r) {
r[0] & /*$previousText$*/
1024 && Ft(
t,

@@ -1764,11 +1765,11 @@ /*$previousText$*/

}
function ys(o) {
function yr(o) {
let t;
function e(r, i) {
function e(s, i) {
return (
/*$layout$*/
r[4] !== je ? ms : vs
s[4] !== je ? mr : vr
);
}
let s = e(o), n = s(o);
let r = e(o), n = r(o);
return {

@@ -1778,10 +1779,10 @@ c() {

},
m(r, i) {
n.m(r, i), W(r, t, i);
m(s, i) {
n.m(s, i), W(s, t, i);
},
p(r, i) {
s === (s = e(r)) && n ? n.p(r, i) : (n.d(1), n = s(r), n && (n.c(), n.m(t.parentNode, t)));
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)));
},
d(r) {
r && j(t), n.d(r);
d(s) {
s && j(t), n.d(s);
}

@@ -1791,8 +1792,8 @@ };

function Le(o) {
let t, e, s, n;
const r = (
let t, e, r, n;
const s = (
/*#slots*/
o[30].nextText
), i = vt(
r,
s,
o,

@@ -1802,3 +1803,3 @@ /*$$scope*/

$e
), a = i || bs(o);
), a = i || br(o);
return {

@@ -1809,3 +1810,3 @@ c() {

m(l, c) {
W(l, t, c), a && a.m(t, null), e = !0, s || (n = Rt(
W(l, t, c), a && a.m(t, null), e = !0, r || (n = Bt(
t,

@@ -1815,3 +1816,3 @@ "click",

o[27]
), s = !0);
), r = !0);
},

@@ -1822,3 +1823,3 @@ p(l, c) {

i,
r,
s,
l,

@@ -1828,7 +1829,7 @@ /*$$scope*/

e ? bt(
r,
s,
/*$$scope*/
l[29],
c,
hs
hr
) : yt(

@@ -1843,17 +1844,17 @@ /*$$scope*/

i(l) {
e || (E(a, l), e = !0);
e || (O(a, l), e = !0);
},
o(l) {
R(a, l), e = !1;
B(a, l), e = !1;
},
d(l) {
l && j(t), a && a.d(l), s = !1, n();
l && j(t), a && a.d(l), r = !1, n();
}
};
}
function bs(o) {
function br(o) {
let t;
return {
c() {
t = Bt(
t = Vt(
/*$nextButtonText$*/

@@ -1863,8 +1864,8 @@ o[12]

},
m(e, s) {
W(e, t, s);
m(e, r) {
W(e, t, r);
},
p(e, s) {
s[0] & /*$nextButtonText$*/
4096 && Vt(
p(e, r) {
r[0] & /*$nextButtonText$*/
4096 && Ft(
t,

@@ -1880,4 +1881,4 @@ /*$nextButtonText$*/

}
function $s(o) {
let t, e, s = (
function $r(o) {
let t, e, r = (
/*$title$*/

@@ -1891,8 +1892,8 @@ (o[1] || /*$description$*/

c() {
s && s.c(), t = Gt();
r && r.c(), t = Gt();
},
m(n, r) {
s && s.m(n, r), W(n, t, r), e = !0;
m(n, s) {
r && r.m(n, s), W(n, t, s), e = !0;
},
p(n, r) {
p(n, s) {
/*$title$*/

@@ -1902,35 +1903,35 @@ n[1] || /*$description$*/

n[28].title || /*$$slots*/
n[28].description ? s ? (s.p(n, r), r[0] & /*$title$, $description$, $$slots*/
268435462 && E(s, 1)) : (s = Se(n), s.c(), E(s, 1), s.m(t.parentNode, t)) : s && (at(), R(s, 1, 1, () => {
s = null;
n[28].description ? r ? (r.p(n, s), s[0] & /*$title$, $description$, $$slots*/
268435462 && O(r, 1)) : (r = Se(n), r.c(), O(r, 1), r.m(t.parentNode, t)) : r && (at(), B(r, 1, 1, () => {
r = null;
}), lt());
},
i(n) {
e || (E(s), e = !0);
e || (O(r), e = !0);
},
o(n) {
R(s), e = !1;
B(r), e = !1;
},
d(n) {
n && j(t), s && s.d(n);
n && j(t), r && r.d(n);
}
};
}
function Cs(o, t, e) {
let s, n, r, i, a, l, c, u, p, d, m, f, { $$slots: w = {}, $$scope: _ } = t;
const b = $o(w);
let { cssClassName: C = "" } = t;
const $ = lo(), x = V(Ft), N = Do(), I = V(ne), B = V(Xe), S = V(ee), k = L(B, (g) => {
function Cr(o, t, e) {
let r, n, s, i, a, l, c, u, p, d, m, f, { $$slots: w = {}, $$scope: _ } = t;
const x = $o(w);
let { cssClassName: b = "" } = t;
const $ = lo(), C = V(Dt), R = Do(), I = V(ne), N = V(Xe), S = V(ee), E = L(N, (g) => {
var J;
return `thisway-popover-${(J = g == null ? void 0 : g.orientation) == null ? void 0 : J.toLowerCase()}`;
});
M(o, k, (g) => e(3, r = g));
const A = L(B, (g) => `thisway-popover__arrow-${g == null ? void 0 : g.alignment.toLowerCase()}`);
M(o, E, (g) => e(3, s = g));
const A = L(N, (g) => `thisway-popover__arrow-${g == null ? void 0 : g.alignment.toLowerCase()}`);
M(o, A, (g) => e(5, a = g));
const h = le(), O = L(I, (g) => g > 1);
M(o, O, (g) => e(11, m = g));
const q = L([O, N], ([g, J]) => g && (J || 0) > 0);
const h = le(), T = L(I, (g) => g > 1);
M(o, T, (g) => e(11, m = g));
const q = L([T, R], ([g, J]) => g && (J || 0) > 0);
M(o, q, (g) => e(9, p = g));
const pt = D(h, "title");
M(o, pt, (g) => e(1, s = g));
M(o, pt, (g) => e(1, r = g));
const dt = D(h, "description");

@@ -1948,9 +1949,9 @@ M(o, dt, (g) => e(2, n = g));

M(o, Z, (g) => e(4, i = g));
const G = Qe(x.store, N), F = L([h, G, N, Z], ([g, J, v, K]) => {
var rt;
const G = Qe(C.store, R), F = L([h, G, R, Z], ([g, J, v, z]) => {
var st;
if (v === 0)
return g.startBtnText;
if (J)
if (K === je) {
const Q = ((rt = J.popover) == null ? void 0 : rt.title) ?? "";
if (z === je) {
const Q = ((st = J.popover) == null ? void 0 : st.title) ?? "";
return `${g.nextBtnText} ${Q}`;

@@ -1963,10 +1964,10 @@ } else

M(o, F, (g) => e(12, f = g));
const nt = () => $("close"), ht = () => $("previous"), st = () => $("next");
const nt = () => $("close"), ht = () => $("previous"), rt = () => $("next");
return o.$$set = (g) => {
"cssClassName" in g && e(0, C = g.cssClassName), "$$scope" in g && e(29, _ = g.$$scope);
"cssClassName" in g && e(0, b = g.cssClassName), "$$scope" in g && e(29, _ = g.$$scope);
}, [
C,
b,
r,
n,
s,
n,
r,
i,

@@ -1981,5 +1982,5 @@ a,

f,
k,
E,
A,
O,
T,
q,

@@ -1996,4 +1997,4 @@ pt,

ht,
st,
b,
rt,
x,
_,

@@ -2003,8 +2004,8 @@ w

}
class xs extends It {
class xr extends Mt {
constructor(t) {
super(), Mt(this, t, Cs, $s, Lt, { cssClassName: 0 }, ps, [-1, -1]);
super(), Lt(this, t, Cr, $r, Rt, { cssClassName: 0 }, pr, [-1, -1]);
}
}
class ks {
class kr {
constructor(t) {

@@ -2022,9 +2023,9 @@ et(this, "options$");

getPopoverComponent(t, e) {
return xs;
return xr;
}
}
class Ts extends is {
class Tr extends ir {
constructor(t) {
const { steps: e } = t, s = _t(t), n = new ks(s);
for (const r of [
const { steps: e } = t, r = _t(t), n = new kr(r);
for (const s of [
"beforeStepChange",

@@ -2037,15 +2038,15 @@ "waitForElement",

]) {
if (!Object.hasOwn(t, r))
if (!Object.hasOwn(t, s))
continue;
const i = t[r];
typeof i == "function" && (n[r] = i);
const i = t[s];
typeof i == "function" && (n[s] = i);
}
super(Mo(Ss(e), void 0), n, Ge(), s);
super(Mo(Sr(e), void 0), n, Ge(), r);
}
}
const Ss = (o) => {
const Sr = (o) => {
let t = o.length;
const e = /* @__PURE__ */ new Set(), s = (r) => typeof r == "string" || Number.isFinite(r) && !e.has(r), n = (r) => {
if (!e.has(r))
return e.add(r), r;
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;
for (; e.has(t); )

@@ -2055,13 +2056,13 @@ t++;

};
for (const r of o)
s(r.id) && e.add(r.id);
return o.map((r, i) => {
const a = s(r.id) ? r.id : n(i);
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);
return {
...r,
...s,
id: a
};
});
}, Ds = (o) => {
const t = new Ts({
}, Dr = (o) => {
const t = new Tr({
steps: [

@@ -2076,13 +2077,13 @@ {

};
function Os(o) {
const t = V(se), { onMount: e, onDestroy: s } = V(No), n = t.subscribe((r) => {
r ? e(r) : s();
function Or(o) {
const t = V(re), { onMount: e, onDestroy: r } = V(No), n = t.subscribe((s) => {
s ? e(s) : r();
});
return Be(() => {
n(), s();
n(), r();
}), [];
}
class Hs extends It {
class Hr extends Mt {
constructor(t) {
super(), Mt(this, t, Os, null, Lt, {});
super(), Lt(this, t, Or, null, Rt, {});
}

@@ -2094,16 +2095,16 @@ }

No as ForeignViewContext,
Hs as ForeignViewHost,
Hr as ForeignViewHost,
ee as OptionsContext,
Xe as PlacementContext,
xs as PopoverCard,
se as PopoverContainerContext,
re as PopoverSizeContext,
xr as PopoverCard,
re as PopoverContainerContext,
se as PopoverSizeContext,
Ut as RenderStateContext,
qt as StepOptionsContext,
Io as StepsController,
Ts as ThisWay,
ks as ThisWayDefaultDelegate,
Tr as ThisWay,
kr as ThisWayDefaultDelegate,
ne as TotalStepCountContext,
is as Tour,
Ft as TourContext,
ir as Tour,
Dt as TourContext,
Ge as createContexts,

@@ -2120,3 +2121,3 @@ Mo as createStepsStore,

Je as getTheme,
Ds as highlight,
Dr as highlight,
Fo as mergeStepOption,

@@ -2123,0 +2124,0 @@ Wo as normalizeTheme,

{
"name": "@thisway/next",
"version": "0.7.10",
"version": "0.7.11-beta.0",
"type": "module",

@@ -5,0 +5,0 @@ "dependencies": {

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc