@appcues/web-sdk 7.20.0 → 7.20.2

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @appcues/web-sdk
 
+## 7.20.1
+
+### Patch Changes
+
+- 926b509: Fixes transparent buttons in tooltips by skipping accessibility helper
+
+## 7.20.0
+
+### Minor Changes
+
+- 38a6298: Enhances dialog behavior for tooltip backdrop styles
+- bf49f47: Enhances event handling to bind events to custom target elements when necessary
+
+### Patch Changes
+
+- 1fdd9c3: Fix arrow rendering for experiences with overlay
+
 ## 7.19.4
 
 ### Patch Changes

package/build/{bootstrap.npm.C0JAoUrv.js → bootstrap.npm.Bf__ZTTS.js}

@@ -1,4 +1,4 @@
-import { C as X, a as Wn, A as _t, M as zd, b as Xd, c as ie, d as zt, V as wo, e as wr, f as Xe, g as kt, B as gt, T as Qi, h as Jd, i as Qd, j as Zd, k as Qo, l as Mn, F as Y, G as Zo, m as Yl, E as fn, n as ef, D as es, o as tf, p as Ni, L as De, S as rc, q as ts, r as ve, s as Xt, t as ns, N as $n, u as zl, v as nf, w as No, W as rf, x as hi, y as of, z as wn, U as rs, H as sf, I as cf, J as is, K as pn, O as ko, P as xr, Q as mi, R as lf, X as Zi, Y as Xl, Z as Vn, _ as eo, $ as Un, a0 as Oo, a1 as ic, a2 as Gn, a3 as af } from "./index.npm.DnRKRzsR.js";
+import { C as X, a as Wn, A as _t, M as zd, b as Xd, c as ie, d as zt, V as wo, e as wr, f as Xe, g as kt, B as gt, T as Qi, h as Jd, i as Qd, j as Zd, k as Qo, l as Mn, F as Y, G as Zo, m as Yl, E as fn, n as ef, D as es, o as tf, p as Ni, L as De, S as rc, q as ts, r as ve, s as Xt, t as ns, N as $n, u as zl, v as nf, w as No, W as rf, x as hi, y as of, z as wn, U as rs, H as sf, I as cf, J as is, K as pn, O as ko, P as xr, Q as mi, R as lf, X as Zi, Y as Xl, Z as Vn, _ as eo, $ as Un, a0 as Oo, a1 as ic, a2 as Gn, a3 as af } from "./index.npm.BwxmY3q0.js";
 var uf = Object.assign || function(e) {
   for (var t = 1; t < arguments.length; t++) {
     var n = arguments[t];
@@ -2175,7 +2175,7 @@ function jt(e) {
   }
   return `https://fast.appcues.com${e}`;
 }
-const Xh = "/generic/main/7.20.0/checklist.b579c5c4483fbe7a2708442cd1a13a59ce0c2c6e.css", Jh = "sha256-B3IM66R3am8teThQaWvlSxHaPUFXo+mNdS8RK5z2nsw=", so = jt(Xh), co = 30, Qh = -300, Zh = "//cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/svg/";
+const Xh = "/generic/main/7.20.2/checklist.6a6a274575024b516c91cfd03d287c29b5744063.css", Jh = "sha256-B3IM66R3am8teThQaWvlSxHaPUFXo+mNdS8RK5z2nsw=", so = jt(Xh), co = 30, Qh = -300, Zh = "//cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/svg/";
 let pr = null, hr = null, mr = null, Qr = null;
 const em = (e) => {
   const {
@@ -6044,7 +6044,7 @@ function Os(e, t, n, r) {
     $h(e.defaultView, i), window.setTimeout(i, 200);
   }
 }
-const Jg = "/generic/main/7.20.0/modal.b579c5c4483fbe7a2708442cd1a13a59ce0c2c6e.css", Qg = "/generic/main/7.20.0/modal-step-legacy-render.b579c5c4483fbe7a2708442cd1a13a59ce0c2c6e.css", Zg = "sha256-4/hpW9ONoiD80NHCgX4Nn/iogB1Wblm1nx1DUXqgDZk=", ey = "sha256-Ea5gC5g6QacVSWApI6ApmuZheqr4EDl50hD7GyRsaz0=", ty = jt(Qg), ni = jt(Jg), ol = /* @__PURE__ */ new Set(["shorty", "slideout"]);
+const Jg = "/generic/main/7.20.2/modal.6a6a274575024b516c91cfd03d287c29b5744063.css", Qg = "/generic/main/7.20.2/modal-step-legacy-render.6a6a274575024b516c91cfd03d287c29b5744063.css", Zg = "sha256-4/hpW9ONoiD80NHCgX4Nn/iogB1Wblm1nx1DUXqgDZk=", ey = "sha256-Ea5gC5g6QacVSWApI6ApmuZheqr4EDl50hD7GyRsaz0=", ty = jt(Qg), ni = jt(Jg), ol = /* @__PURE__ */ new Set(["shorty", "slideout"]);
 function sl(e) {
   if (!e) return;
   const { style: t } = e, n = t.transform;
@@ -6316,7 +6316,7 @@ function oy({ patternType: e, hidden: t }) {
     }
   );
 }
-const sy = "/generic/main/7.20.0/tooltip.b579c5c4483fbe7a2708442cd1a13a59ce0c2c6e.css", cy = "sha256-9y1o/fRpWDU82ZWAjihfIJSZnx+knnDTkr5DYPSqYhg=", ri = jt(sy), ll = "//twemoji.maxcdn.com/2/svg/", ly = "//cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/svg/", Ar = "hs", al = "pattern-title", ul = "Hide these tips";
+const sy = "/generic/main/7.20.2/tooltip.6a6a274575024b516c91cfd03d287c29b5744063.css", cy = "sha256-9y1o/fRpWDU82ZWAjihfIJSZnx+knnDTkr5DYPSqYhg=", ri = jt(sy), ll = "//twemoji.maxcdn.com/2/svg/", ly = "//cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/svg/", Ar = "hs", al = "pattern-title", ul = "Hide these tips";
 function ay(e, t) {
   return {
     skippable: e.skippable,
@@ -7611,7 +7611,7 @@ function Py(e) {
     )
   )));
 }
-const Dy = "/generic/main/7.20.0/satisfaction-survey.b579c5c4483fbe7a2708442cd1a13a59ce0c2c6e.css", Uy = "sha256-sxJdJpfLXrOLqMGRB1bfYQKkawXgstmlKYOqA1Z9CPo=", yo = jt(Dy);
+const Dy = "/generic/main/7.20.2/satisfaction-survey.6a6a274575024b516c91cfd03d287c29b5744063.css", Uy = "sha256-sxJdJpfLXrOLqMGRB1bfYQKkawXgstmlKYOqA1Z9CPo=", yo = jt(Dy);
 let gl, ii;
 function Fy(e) {
   const t = Te(e), n = Ur(e), r = je(e), i = it(e), o = at(e), s = Qt(e, o), c = i[s], l = t.attributes.pattern_type, { position: a } = t.attributes, d = e.views.callbacks[X.SATISFACTION_SURVEY], f = n.cssLoaded, m = Bi(e.settings), p = r !== ie.SHOWING;
@@ -12974,7 +12974,7 @@ function Ml({ user: e }) {
   };
   return /* @__PURE__ */ u.html("table", null, /* @__PURE__ */ u.html("thead", null, /* @__PURE__ */ u.html("tr", null, /* @__PURE__ */ u.html("th", null, "Property"), /* @__PURE__ */ u.html("th", null, "Value"))), /* @__PURE__ */ u.html("tbody", null, n.sort(r).map((i) => /* @__PURE__ */ u.html("tr", null, /* @__PURE__ */ u.html("td", null, i.name), /* @__PURE__ */ u.html("td", null, JSON.stringify(i.value))))));
 }
-const U_ = "/generic/main/7.20.0/debugger.b579c5c4483fbe7a2708442cd1a13a59ce0c2c6e.css", F_ = "sha256-LMjol9lu4iFfr9P6lIri9GX+onG7x+pqiR+EzoaK2sU=", H_ = jt(U_), vo = tr(
+const U_ = "/generic/main/7.20.2/debugger.6a6a274575024b516c91cfd03d287c29b5744063.css", F_ = "sha256-LMjol9lu4iFfr9P6lIri9GX+onG7x+pqiR+EzoaK2sU=", H_ = jt(U_), vo = tr(
   [
     or,
     ir,
@@ -13078,7 +13078,7 @@ const W_ = "https://docs.appcues.com/user-experiences-faq/faq-test-mode", V_ = (
     },
     "Restart"
   ), /* @__PURE__ */ u.html("div", { "class-clickable": !0, "on-click": t.onCancelClicked }, "End Test"))));
-}, G_ = "/generic/main/7.20.0/test-mode.b579c5c4483fbe7a2708442cd1a13a59ce0c2c6e.css", j_ = "sha256-nd0yl8XfotWCT+9jaAUZdIayDPvnbBNhrvbhzXcWLNs=", q_ = jt(G_), Ao = tr(
+}, G_ = "/generic/main/7.20.2/test-mode.6a6a274575024b516c91cfd03d287c29b5744063.css", j_ = "sha256-nd0yl8XfotWCT+9jaAUZdIayDPvnbBNhrvbhzXcWLNs=", q_ = jt(G_), Ao = tr(
   [
     or,
     ir,
@@ -14196,7 +14196,7 @@ const ov = "v2", sv = (e) => {
   return window.createAppcues(n);
 }, cv = async () => {
   {
-    const e = await import("./open-builder.CSS9totY.js");
+    const e = await import("./open-builder.Br1_A3fi.js");
     window.createAppcues = e.default;
   }
   return sv;
@@ -14243,7 +14243,7 @@ function* av({ payload: e }) {
     (o) => o.type === "launchpad"
   );
   if (i) {
-    yield import("./index.CHH3C8H9.js");
+    yield import("./index.DdV7zUJk.js");
     const o = yield A(Te);
     if (!(o?.type === X.HOTSPOTS) && o) {
       const { experiences: c, launchpads: l } = bi(n);
@@ -15182,7 +15182,7 @@ function* gA() {
     o.length > 0 && (yield g(jl, o)), e.close(), t.close();
   }
 }
-const yA = "/generic/main/7.20.0/container.b579c5c4483fbe7a2708442cd1a13a59ce0c2c6e.css", SA = "sha256-hDvMQUFhRDDvNjMfTY9We9v9kJw7VBaXX8yL5nYcIcA=";
+const yA = "/generic/main/7.20.2/container.6a6a274575024b516c91cfd03d287c29b5744063.css", SA = "sha256-hDvMQUFhRDDvNjMfTY9We9v9kJw7VBaXX8yL5nYcIcA=";
 window.performance && window.performance.mark && window.performance.mark("apc-init");
 gT();
 const Tt = window.AppcuesBundleSettings;

package/build/{index.CHH3C8H9.js → index.DdV7zUJk.js}

@@ -1,4 +1,4 @@
-import { c as ut, g as Ve, o as We, a as Ze, n as te, b as Fe } from "./bootstrap.npm.C0JAoUrv.js";
+import { c as ut, g as Ve, o as We, a as Ze, n as te, b as Fe } from "./bootstrap.npm.Bf__ZTTS.js";
 const pt = window, Vt = pt.ShadowRoot && (pt.ShadyCSS === void 0 || pt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Wt = /* @__PURE__ */ Symbol(), ee = /* @__PURE__ */ new WeakMap();
 let xe = class {
   constructor(t, i, s) {

package/build/{index.npm.DnRKRzsR.js → index.npm.BwxmY3q0.js}

@@ -223,7 +223,7 @@ function u(s, e, t) {
   };
 }
 async function d() {
-  const { default: s } = await import("./bootstrap.npm.C0JAoUrv.js").then((e) => e.d);
+  const { default: s } = await import("./bootstrap.npm.Bf__ZTTS.js").then((e) => e.d);
   window.Appcues = s, T = !0;
 }
 async function l(s) {

package/build/index.npm.js

@@ -1,4 +1,4 @@
-import { a5 as s, a4 as t } from "./index.npm.DnRKRzsR.js";
+import { a5 as s, a4 as t } from "./index.npm.BwxmY3q0.js";
 export {
   s as default,
   t as setup

package/build/{open-builder.CSS9totY.js → open-builder.Br1_A3fi.js}

@@ -3046,8 +3046,8 @@ er.exports;
 var ri;
 function Ml() {
   return ri || (ri = 1, (function(e, t) {
-    var n = 200, r = "__lodash_hash_undefined__", o = 1, i = 2, a = 9007199254740991, s = "[object Arguments]", l = "[object Array]", f = "[object AsyncFunction]", g = "[object Boolean]", u = "[object Date]", c = "[object Error]", h = "[object Function]", d = "[object GeneratorFunction]", v = "[object Map]", y = "[object Number]", E = "[object Null]", m = "[object Object]", x = "[object Promise]", T = "[object Proxy]", S = "[object RegExp]", I = "[object Set]", O = "[object String]", R = "[object Symbol]", N = "[object Undefined]", D = "[object WeakMap]", H = "[object ArrayBuffer]", M = "[object DataView]", U = "[object Float32Array]", Y = "[object Float64Array]", G = "[object Int8Array]", te = "[object Int16Array]", se = "[object Int32Array]", B = "[object Uint8Array]", q = "[object Uint8ClampedArray]", pe = "[object Uint16Array]", J = "[object Uint32Array]", ue = /[\\^$.*+?()[\]{}|]/g, be = /^\[object .+?Constructor\]$/, K = /^(?:0|[1-9]\d*)$/, W = {};
-    W[U] = W[Y] = W[G] = W[te] = W[se] = W[B] = W[q] = W[pe] = W[J] = !0, W[s] = W[l] = W[H] = W[g] = W[M] = W[u] = W[c] = W[h] = W[v] = W[y] = W[m] = W[S] = W[I] = W[O] = W[D] = !1;
+    var n = 200, r = "__lodash_hash_undefined__", o = 1, i = 2, a = 9007199254740991, s = "[object Arguments]", l = "[object Array]", f = "[object AsyncFunction]", g = "[object Boolean]", u = "[object Date]", c = "[object Error]", h = "[object Function]", d = "[object GeneratorFunction]", v = "[object Map]", y = "[object Number]", E = "[object Null]", m = "[object Object]", x = "[object Promise]", T = "[object Proxy]", S = "[object RegExp]", I = "[object Set]", O = "[object String]", R = "[object Symbol]", N = "[object Undefined]", D = "[object WeakMap]", H = "[object ArrayBuffer]", M = "[object DataView]", U = "[object Float32Array]", Y = "[object Float64Array]", G = "[object Int8Array]", te = "[object Int16Array]", se = "[object Int32Array]", B = "[object Uint8Array]", q = "[object Uint8ClampedArray]", de = "[object Uint16Array]", J = "[object Uint32Array]", ue = /[\\^$.*+?()[\]{}|]/g, be = /^\[object .+?Constructor\]$/, K = /^(?:0|[1-9]\d*)$/, W = {};
+    W[U] = W[Y] = W[G] = W[te] = W[se] = W[B] = W[q] = W[de] = W[J] = !0, W[s] = W[l] = W[H] = W[g] = W[M] = W[u] = W[c] = W[h] = W[v] = W[y] = W[m] = W[S] = W[I] = W[O] = W[D] = !1;
     var Ne = typeof Fe == "object" && Fe && Fe.Object === Object && Fe, ee = typeof self == "object" && self && self.Object === Object && self, fe = Ne || ee || Function("return this")(), Ee = t && !t.nodeType && t, $e = Ee && !0 && e && !e.nodeType && e, Oe = $e && $e.exports === Ee, He = Oe && Ne.process, ze = (function() {
       try {
         return He && He.binding && He.binding("util");
@@ -3055,15 +3055,15 @@ function Ml() {
       }
     })(), wt = ze && ze.isTypedArray;
     function jt(b, _) {
-      for (var j = -1, z = b == null ? 0 : b.length, de = 0, Q = []; ++j < z; ) {
+      for (var j = -1, z = b == null ? 0 : b.length, pe = 0, Q = []; ++j < z; ) {
         var ge = b[j];
-        _(ge, j, b) && (Q[de++] = ge);
+        _(ge, j, b) && (Q[pe++] = ge);
       }
       return Q;
     }
     function lt(b, _) {
-      for (var j = -1, z = _.length, de = b.length; ++j < z; )
-        b[de + j] = _[j];
+      for (var j = -1, z = _.length, pe = b.length; ++j < z; )
+        b[pe + j] = _[j];
       return b;
     }
     function on(b, _) {
@@ -3090,8 +3090,8 @@ function Ml() {
     }
     function cn(b) {
       var _ = -1, j = Array(b.size);
-      return b.forEach(function(z, de) {
-        j[++_] = [de, z];
+      return b.forEach(function(z, pe) {
+        j[++_] = [pe, z];
       }), j;
     }
     function ln(b, _) {
@@ -3241,11 +3241,11 @@ function Ml() {
     }
     pt.prototype.clear = oc, pt.prototype.delete = ic, pt.prototype.get = ac, pt.prototype.has = sc, pt.prototype.set = cc;
     function lc(b, _) {
-      var j = $n(b), z = !j && _c(b), de = !j && !z && Nr(b), Q = !j && !z && !de && Bo(b), ge = j || z || de || Q, Se = ge ? an(b.length, String) : [], _e = Se.length;
+      var j = $n(b), z = !j && _c(b), pe = !j && !z && Nr(b), Q = !j && !z && !pe && Bo(b), ge = j || z || pe || Q, Se = ge ? an(b.length, String) : [], _e = Se.length;
       for (var ve in b)
         k.call(b, ve) && !(ge && // Safari 9 has enumerable `arguments.length` in strict mode.
         (ve == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
-        de && (ve == "offset" || ve == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
+        pe && (ve == "offset" || ve == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
         Q && (ve == "buffer" || ve == "byteLength" || ve == "byteOffset") || // Skip index properties.
         bc(ve, _e))) && Se.push(ve);
       return Se;
@@ -3266,10 +3266,10 @@ function Ml() {
     function Ho(b) {
       return vn(b) && hn(b) == s;
     }
-    function Lo(b, _, j, z, de) {
-      return b === _ ? !0 : b == null || _ == null || !vn(b) && !vn(_) ? b !== b && _ !== _ : fc(b, _, j, z, Lo, de);
+    function Lo(b, _, j, z, pe) {
+      return b === _ ? !0 : b == null || _ == null || !vn(b) && !vn(_) ? b !== b && _ !== _ : fc(b, _, j, z, Lo, pe);
     }
-    function fc(b, _, j, z, de, Q) {
+    function fc(b, _, j, z, pe, Q) {
       var ge = $n(b), Se = $n(_), _e = ge ? l : ht(b), ve = Se ? l : ht(_);
       _e = _e == s ? m : _e, ve = ve == s ? m : ve;
       var De = _e == m, Ve = ve == m, Ce = _e == ve;
@@ -3279,15 +3279,15 @@ function Ml() {
         ge = !0, De = !1;
       }
       if (Ce && !De)
-        return Q || (Q = new pt()), ge || Bo(b) ? Mo(b, _, j, z, de, Q) : vc(b, _, _e, j, z, de, Q);
+        return Q || (Q = new pt()), ge || Bo(b) ? Mo(b, _, j, z, pe, Q) : vc(b, _, _e, j, z, pe, Q);
       if (!(j & o)) {
         var Le = De && k.call(b, "__wrapped__"), Me = Ve && k.call(_, "__wrapped__");
         if (Le || Me) {
           var vt = Le ? b.value() : b, et = Me ? _.value() : _;
-          return Q || (Q = new pt()), de(vt, et, j, z, Q);
+          return Q || (Q = new pt()), pe(vt, et, j, z, Q);
         }
       }
-      return Ce ? (Q || (Q = new pt()), gc(b, _, j, z, de, Q)) : !1;
+      return Ce ? (Q || (Q = new pt()), gc(b, _, j, z, pe, Q)) : !1;
     }
     function dc(b) {
       if (!Uo(b) || wc(b))
@@ -3306,7 +3306,7 @@ function Ml() {
         k.call(b, j) && j != "constructor" && _.push(j);
       return _;
     }
-    function Mo(b, _, j, z, de, Q) {
+    function Mo(b, _, j, z, pe, Q) {
       var ge = j & o, Se = b.length, _e = _.length;
       if (Se != _e && !(ge && _e > Se))
         return !1;
@@ -3326,20 +3326,20 @@ function Ml() {
         }
         if (Ce) {
           if (!on(_, function(et, kt) {
-            if (!ut(Ce, kt) && (Le === et || de(Le, et, j, z, Q)))
+            if (!ut(Ce, kt) && (Le === et || pe(Le, et, j, z, Q)))
               return Ce.push(kt);
           })) {
             Ve = !1;
             break;
           }
-        } else if (!(Le === Me || de(Le, Me, j, z, Q))) {
+        } else if (!(Le === Me || pe(Le, Me, j, z, Q))) {
           Ve = !1;
           break;
         }
       }
       return Q.delete(b), Q.delete(_), Ve;
     }
-    function vc(b, _, j, z, de, Q, ge) {
+    function vc(b, _, j, z, pe, Q, ge) {
       switch (j) {
         case M:
           if (b.byteLength != _.byteLength || b.byteOffset != _.byteOffset)
@@ -3366,7 +3366,7 @@ function Ml() {
           if (ve)
             return ve == _;
           z |= i, ge.set(b, _);
-          var De = Mo(Se(b), Se(_), z, de, Q, ge);
+          var De = Mo(Se(b), Se(_), z, pe, Q, ge);
           return ge.delete(b), De;
         case R:
           if (Ir)
@@ -3374,7 +3374,7 @@ function Ml() {
       }
       return !1;
     }
-    function gc(b, _, j, z, de, Q) {
+    function gc(b, _, j, z, pe, Q) {
       var ge = j & o, Se = Wo(b), _e = Se.length, ve = Wo(_), De = ve.length;
       if (_e != De && !ge)
         return !1;
@@ -3393,7 +3393,7 @@ function Ml() {
         var et = b[Ce], kt = _[Ce];
         if (z)
           var qo = ge ? z(kt, et, Ce, _, b, Q) : z(et, kt, Ce, b, _, Q);
-        if (!(qo === void 0 ? et === kt || de(et, kt, j, z, Q) : qo)) {
+        if (!(qo === void 0 ? et === kt || pe(et, kt, j, z, Q) : qo)) {
           Me = !1;
           break;
         }
@@ -3423,8 +3423,8 @@ function Ml() {
         var z = !0;
       } catch {
       }
-      var de = p.call(b);
-      return z && (_ ? b[Z] = j : delete b[Z]), de;
+      var pe = p.call(b);
+      return z && (_ ? b[Z] = j : delete b[Z]), pe;
     }
     var mc = X ? function(b) {
       return b == null ? [] : (b = Object(b), jt(X(b), function(_) {
@@ -3985,7 +3985,7 @@ function bu() {
           w.j(w.a);
         });
       };
-      function pe(p, w, A, C, P, F, V) {
+      function de(p, w, A, C, P, F, V) {
         this.v = p, this.B = w, this.c = A, this.a = C, this.s = V || "BESbswy", this.f = {}, this.w = P || 3e3, this.u = F || null, this.m = this.j = this.h = this.g = null, this.g = new te(this.c, this.s), this.h = new te(this.c, this.s), this.j = new te(this.c, this.s), this.m = new te(this.c, this.s), p = new T(this.a.c + ",serif", O(this.a)), p = B(p), this.g.a.style.cssText = p, p = new T(this.a.c + ",sans-serif", O(this.a)), p = B(p), this.h.a.style.cssText = p, p = new T("serif", O(this.a)), p = B(p), this.j.a.style.cssText = p, p = new T("sans-serif", O(this.a)), p = B(p), this.m.a.style.cssText = p, se(this.g), se(this.h), se(this.j), se(this.m);
       }
       var J = { D: "serif", C: "sans-serif" }, ue = null;
@@ -3996,7 +3996,7 @@ function bu() {
         }
         return ue;
       }
-      pe.prototype.start = function() {
+      de.prototype.start = function() {
         this.f.serif = this.j.a.offsetWidth, this.f["sans-serif"] = this.m.a.offsetWidth, this.A = o(), W(this);
       };
       function K(p, w, A) {
@@ -4055,7 +4055,7 @@ function bu() {
                 var Ze = /Gecko.*Firefox\/(\d+)/.exec(window.navigator.userAgent), dn = /OS X.*Version\/10\..*Safari/.exec(window.navigator.userAgent) && /Apple/.exec(window.navigator.vendor);
                 Ee = Ze ? 42 < parseInt(Ze[1], 10) : !dn;
               } else Ee = !1;
-              Ee ? ke = new q(r(w.g, w), r(w.h, w), w.c, le, w.s, we) : ke = new pe(r(w.g, w), r(w.h, w), w.c, le, w.s, V, we), ae.push(ke);
+              Ee ? ke = new q(r(w.g, w), r(w.h, w), w.c, le, w.s, we) : ke = new de(r(w.g, w), r(w.h, w), w.c, le, w.s, V, we), ae.push(ke);
             }
             for (X = 0; X < ae.length; X++) ae[X].start();
           }
@@ -4388,7 +4388,8 @@ const Au = _u(
   i?.setAttribute("themeId", n), Nu(i, a);
 }, Wu = (e) => me({
   step: ({ step: t }) => {
-    if (t.type !== "tooltip") return t;
+    if (t.type !== "tooltip" || t.contentType === "application/json")
+      return t;
     const n = Object.entries(t.actions).filter(
       ([, o]) => o.find((i) => i.on === "click")
     ).map(([o]) => o), r = t.traits.filter(({ config: o }) => o.targetId).map(({ config: o }) => o.targetId);
@@ -6026,7 +6027,7 @@ const Bf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       getRoot: R
     },
     o
-  ), pe = yu({
+  ), de = yu({
     getRoot: R,
     getWindowReference: v
   }), J = Mu(o), ue = os(o), be = (K) => K.contentType === "text/html" ? a(Gf(Zf(K.content))) : s(K.content);
@@ -6122,7 +6123,7 @@ const Bf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         // injecting services coming from steps
         actionsService: B,
         // injecting services coming from dom
-        themeRemovalService: pe
+        themeRemovalService: de
       },
       guards: {
         hasCustomContainer: O,
@@ -8299,7 +8300,7 @@ function nh() {
     function q(ee) {
       return Y = ee, M = setTimeout(ue, I), G ? B(ee) : H;
     }
-    function pe(ee) {
+    function de(ee) {
       var fe = ee - U, Ee = ee - Y, $e = I - fe;
       return te ? d($e, D - Ee) : $e;
     }
@@ -8311,7 +8312,7 @@ function nh() {
       var ee = v();
       if (J(ee))
         return be(ee);
-      M = setTimeout(ue, pe(ee));
+      M = setTimeout(ue, de(ee));
     }
     function be(ee) {
       return M = void 0, se && R ? B(ee) : (R = N = void 0, H);
@@ -8441,11 +8442,11 @@ function oh() {
     var L = this.__data__;
     return Y ? L[k] !== void 0 : R.call(L, k);
   }
-  function pe(k, L) {
+  function de(k, L) {
     var p = this.__data__;
     return p[k] = Y && L === void 0 ? t : L, this;
   }
-  G.prototype.clear = te, G.prototype.delete = se, G.prototype.get = B, G.prototype.has = q, G.prototype.set = pe;
+  G.prototype.clear = te, G.prototype.delete = se, G.prototype.get = B, G.prototype.has = q, G.prototype.set = de;
   function J(k) {
     var L = -1, p = k ? k.length : 0;
     for (this.clear(); ++L < p; ) {
@@ -8817,7 +8818,7 @@ const uh = (e, t) => {
         shouldAutoCalculateZIndex: Y = !0
       } = S(), G = Gi(R.selector, I), te = I.find((q) => q.type === "@appcues/toggle")?.config?.startHidden ?? !0;
       te || x(N, { position: "absolute" }), s = () => {
-        const q = m.querySelector(`#${N}`), pe = m.querySelector(`#${O}`), J = qt(
+        const q = m.querySelector(`#${N}`), de = m.querySelector(`#${O}`), J = qt(
           y(R.selector),
           R.filters
         );
@@ -8825,12 +8826,12 @@ const uh = (e, t) => {
           matchingElements: J,
           targetEl: J[0],
           rootEl: q[0],
-          arrowEl: pe[0]
+          arrowEl: de[0]
         };
       };
       const se = async () => {
-        const { targetEl: q, rootEl: pe, arrowEl: J } = s();
-        if (!r && q && pe) {
+        const { targetEl: q, rootEl: de, arrowEl: J } = s();
+        if (!r && q && de) {
           r = !0;
           const ue = lh({
             placement: D,
@@ -8856,7 +8857,7 @@ const uh = (e, t) => {
             x: Ne,
             y: ee,
             placement: fe
-          } = await th(q, pe, {
+          } = await th(q, de, {
             middleware: be,
             placement: gh[D] ?? "auto",
             strategy: c
@@ -8878,7 +8879,7 @@ const uh = (e, t) => {
             shouldAutoCalculateZIndex: Y,
             getWindowReference: T
           });
-          q.style.visibility === "hidden" && (Oe.visibility = "hidden", g = q.style.visibility), Ee && pe.style.visibility !== "hidden" && (f = pe.style.visibility, u = !0, Oe.visibility = "hidden"), !Ee && u && (Oe.visibility = f ?? "visible", u = !1), !Ee && q.style.visibility !== "hidden" && q.style.visibility !== "" && g === "hidden" && (Oe.visibility = "visible"), D === "center" && (Oe.transform = "translate(-50%, 50%)"), Oe.transition = "top 200ms, left 200ms, right 200ms, bottom 200ms", x(N, Oe);
+          q.style.visibility === "hidden" && (Oe.visibility = "hidden", g = q.style.visibility), Ee && de.style.visibility !== "hidden" && (f = de.style.visibility, u = !0, Oe.visibility = "hidden"), !Ee && u && (Oe.visibility = f ?? "visible", u = !1), !Ee && q.style.visibility !== "hidden" && q.style.visibility !== "" && g === "hidden" && (Oe.visibility = "visible"), D === "center" && (Oe.transform = "translate(-50%, 50%)"), Oe.transition = "top 200ms, left 200ms, right 200ms, bottom 200ms", x(N, Oe);
         }
       };
       h = () => {
@@ -8887,7 +8888,7 @@ const uh = (e, t) => {
       const B = () => qt(y(R.selector), R.filters);
       n = async () => {
         i && i(), a && a();
-        const { matchingElements: q, rootEl: pe } = s(), J = q.length === 1, ue = q.length > 1, be = q.length === 0, K = () => {
+        const { matchingElements: q, rootEl: de } = s(), J = q.length === 1, ue = q.length > 1, be = q.length === 0, K = () => {
           G || (a = v({
             getTarget: B,
             onRemoved: () => {
@@ -8895,6 +8896,12 @@ const uh = (e, t) => {
             }
           }));
         };
+        if (J && !de) {
+          d = E(
+            `Could not find root element #${N} for overlay positioning.`
+          );
+          return;
+        }
         if (J) {
           const W = G ? y(G.config.target.selector) : null;
           if (te) {
@@ -8909,7 +8916,7 @@ const uh = (e, t) => {
           }
           await se(), K(), l.setElements(
             q[0],
-            pe,
+            de,
             W ? W[0] : null
           ).start();
           return;
@@ -9012,12 +9019,12 @@ function Th({ addHook: e }) {
         if (s && (s.remove(), s = null), f(), D && m.includes("inner"))
           if (D === "hide") {
             l(y);
-            const { document: pe } = y();
+            const { document: de } = y();
             Array.from(B.childNodes).forEach((J) => {
               if (J.nodeType === Node.ELEMENT_NODE)
                 J.classList.add(nr), o.push(J);
               else if (J.nodeType === Node.TEXT_NODE && J.textContent.trim()) {
-                const ue = pe.createElement("span");
+                const ue = de.createElement("span");
                 ue.classList.add(nr), J.replaceWith(ue), ue.append(J), i.push(ue);
               }
             });
@@ -9045,17 +9052,17 @@ function Th({ addHook: e }) {
         const B = {
           display: N,
           verticalAlign: x
-        }, { x: q, y: pe } = _h({
+        }, { x: q, y: de } = _h({
           distanceUnit: O,
           xOffset: S,
           yOffset: I,
           targetEl: H[0]
         });
         if (T)
-          B.position = "absolute", B.transform = `translate(${q}, ${pe})`;
+          B.position = "absolute", B.transform = `translate(${q}, ${de})`;
         else {
           const J = m.includes("left") ? "right" : "left";
-          B[`margin-${J}`] = q, B[`margin-${x}`] = pe;
+          B[`margin-${J}`] = q, B[`margin-${x}`] = de;
         }
         if (R) {
           B.position = "sticky";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcues/web-sdk",
-  "version": "7.20.0",
+  "version": "7.20.2",
   "description": "The Appcues Javascript SDK",
   "main": "build/index.npm.js",
   "types": "build/index.npm.d.ts",