@appcues/web-sdk 7.17.3 → 7.17.6

package/build/{index.2UbNv10n.js → index.ge0ocU16.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 "./index.CB8C7s2e.js";
+import { c as ut, g as Ve, o as We, a as Ze, n as te, b as Fe } from "./index.DFn2O-FJ.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) {
@@ -18,14 +18,14 @@ let xe = class {
     return this.cssText;
   }
 };
-const Je = (e) => new xe(typeof e == "string" ? e : e + "", void 0, Wt), $ = (e, ...t) => {
+const Ke = (e) => new xe(typeof e == "string" ? e : e + "", void 0, Wt), $ = (e, ...t) => {
   const i = e.length === 1 ? e[0] : t.reduce(((s, r, o) => s + ((n) => {
     if (n._$cssResult$ === !0) return n.cssText;
     if (typeof n == "number") return n;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + n + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
   })(r) + e[o + 1]), e[0]);
   return new xe(i, e, Wt);
-}, Xe = (e, t) => {
+}, Je = (e, t) => {
   Vt ? e.adoptedStyleSheets = t.map(((i) => i instanceof CSSStyleSheet ? i : i.styleSheet)) : t.forEach(((i) => {
     const s = document.createElement("style"), r = pt.litNonce;
     r !== void 0 && s.setAttribute("nonce", r), s.textContent = i.cssText, e.appendChild(s);
@@ -33,13 +33,13 @@ const Je = (e) => new xe(typeof e == "string" ? e : e + "", void 0, Wt), $ = (e,
 }, ie = Vt ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
   let i = "";
   for (const s of t.cssRules) i += s.cssText;
-  return Je(i);
+  return Ke(i);
 })(e) : e;
 var Et;
-const gt = window, se = gt.trustedTypes, Ye = se ? se.emptyScript : "", re = gt.reactiveElementPolyfillSupport, Ot = { toAttribute(e, t) {
+const vt = window, se = vt.trustedTypes, Xe = se ? se.emptyScript : "", re = vt.reactiveElementPolyfillSupport, Ot = { toAttribute(e, t) {
   switch (t) {
     case Boolean:
-      e = e ? Ye : null;
+      e = e ? Xe : null;
       break;
     case Object:
     case Array:
@@ -140,7 +140,7 @@ let F = class extends HTMLElement {
   createRenderRoot() {
     var t;
     const i = (t = this.shadowRoot) !== null && t !== void 0 ? t : this.attachShadow(this.constructor.shadowRootOptions);
-    return Xe(i, this.constructor.elementStyles), i;
+    return Je(i, this.constructor.elementStyles), i;
   }
   connectedCallback() {
     var t;
@@ -239,9 +239,9 @@ let F = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-F[jt] = !0, F.elementProperties = /* @__PURE__ */ new Map(), F.elementStyles = [], F.shadowRootOptions = { mode: "open" }, re?.({ ReactiveElement: F }), ((Et = gt.reactiveElementVersions) !== null && Et !== void 0 ? Et : gt.reactiveElementVersions = []).push("1.6.3");
+F[jt] = !0, F.elementProperties = /* @__PURE__ */ new Map(), F.elementStyles = [], F.shadowRootOptions = { mode: "open" }, re?.({ ReactiveElement: F }), ((Et = vt.reactiveElementVersions) !== null && Et !== void 0 ? Et : vt.reactiveElementVersions = []).push("1.6.3");
 var It;
-const vt = window, J = vt.trustedTypes, ne = J ? J.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, zt = "$lit$", I = `lit$${(Math.random() + "").slice(9)}$`, Ae = "?" + I, Ke = `<${Ae}>`, O = document, nt = () => O.createComment(""), ot = (e) => e === null || typeof e != "object" && typeof e != "function", ke = Array.isArray, Ge = (e) => ke(e) || typeof e?.[Symbol.iterator] == "function", Ht = `[ 	
+const gt = window, K = gt.trustedTypes, ne = K ? K.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, zt = "$lit$", I = `lit$${(Math.random() + "").slice(9)}$`, Ae = "?" + I, Ye = `<${Ae}>`, O = document, nt = () => O.createComment(""), ot = (e) => e === null || typeof e != "object" && typeof e != "function", ke = Array.isArray, Ge = (e) => ke(e) || typeof e?.[Symbol.iterator] == "function", Ht = `[ 	
 \f\r]`, it = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, oe = /-->/g, ae = />/g, M = RegExp(`>|${Ht}(?:([^\\s"'>=/]+)(${Ht}*=${Ht}*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g"), le = /'/g, he = /"/g, Ce = /^(?:script|style|textarea|title)$/i, Se = (e) => (t, ...i) => ({ _$litType$: e, strings: t, values: i }), w = Se(1), Ee = Se(2), j = /* @__PURE__ */ Symbol.for("lit-noChange"), m = /* @__PURE__ */ Symbol.for("lit-nothing"), ce = /* @__PURE__ */ new WeakMap(), R = O.createTreeWalker(O, 129, null, !1);
 function Te(e, t) {
@@ -256,7 +256,7 @@ const Qe = (e, t) => {
     let c, h, d = -1, p = 0;
     for (; p < a.length && (n.lastIndex = p, h = n.exec(a), h !== null); ) p = n.lastIndex, n === it ? h[1] === "!--" ? n = oe : h[1] !== void 0 ? n = ae : h[2] !== void 0 ? (Ce.test(h[2]) && (r = RegExp("</" + h[2], "g")), n = M) : h[3] !== void 0 && (n = M) : n === M ? h[0] === ">" ? (n = r ?? it, d = -1) : h[1] === void 0 ? d = -2 : (d = n.lastIndex - h[2].length, c = h[1], n = h[3] === void 0 ? M : h[3] === '"' ? he : le) : n === he || n === le ? n = M : n === oe || n === ae ? n = it : (n = M, r = void 0);
     const y = n === M && e[l + 1].startsWith("/>") ? " " : "";
-    o += n === it ? a + Ke : d >= 0 ? (s.push(c), a.slice(0, d) + zt + a.slice(d) + I + y) : a + I + (d === -2 ? (s.push(void 0), l) : y);
+    o += n === it ? a + Ye : d >= 0 ? (s.push(c), a.slice(0, d) + zt + a.slice(d) + I + y) : a + I + (d === -2 ? (s.push(void 0), l) : y);
   }
   return [Te(e, o + (e[i] || "<?>") + (t === 2 ? "</svg>" : "")), s];
 };
@@ -286,7 +286,7 @@ let Bt = class Ie {
         if (Ce.test(r.tagName)) {
           const d = r.textContent.split(I), p = d.length - 1;
           if (p > 0) {
-            r.textContent = J ? J.emptyScript : "";
+            r.textContent = K ? K.emptyScript : "";
             for (let y = 0; y < p; y++) r.append(d[y], nt()), R.nextNode(), a.push({ type: 2, index: ++o });
             r.append(d[p], nt());
           }
@@ -304,12 +304,12 @@ let Bt = class Ie {
     return s.innerHTML = t, s;
   }
 };
-function X(e, t, i = e, s) {
+function J(e, t, i = e, s) {
   var r, o, n, l;
   if (t === j) return t;
   let a = s !== void 0 ? (r = i._$Co) === null || r === void 0 ? void 0 : r[s] : i._$Cl;
   const c = ot(t) ? void 0 : t._$litDirective$;
-  return a?.constructor !== c && ((o = a?._$AO) === null || o === void 0 || o.call(a, !1), c === void 0 ? a = void 0 : (a = new c(e), a._$AT(e, i, s)), s !== void 0 ? ((n = (l = i)._$Co) !== null && n !== void 0 ? n : l._$Co = [])[s] = a : i._$Cl = a), a !== void 0 && (t = X(e, a._$AS(e, t.values), a, s)), t;
+  return a?.constructor !== c && ((o = a?._$AO) === null || o === void 0 || o.call(a, !1), c === void 0 ? a = void 0 : (a = new c(e), a._$AT(e, i, s)), s !== void 0 ? ((n = (l = i)._$Co) !== null && n !== void 0 ? n : l._$Co = [])[s] = a : i._$Cl = a), a !== void 0 && (t = J(e, a._$AS(e, t.values), a, s)), t;
 }
 class ti {
   constructor(t, i) {
@@ -361,7 +361,7 @@ let Ft = class He {
     return this._$AB;
   }
   _$AI(t, i = this) {
-    t = X(this, t, i), ot(t) ? t === m || t == null || t === "" ? (this._$AH !== m && this._$AR(), this._$AH = m) : t !== this._$AH && t !== j && this._(t) : t._$litType$ !== void 0 ? this.g(t) : t.nodeType !== void 0 ? this.$(t) : Ge(t) ? this.T(t) : this._(t);
+    t = J(this, t, i), ot(t) ? t === m || t == null || t === "" ? (this._$AH !== m && this._$AR(), this._$AH = m) : t !== this._$AH && t !== j && this._(t) : t._$litType$ !== void 0 ? this.g(t) : t.nodeType !== void 0 ? this.$(t) : Ge(t) ? this.T(t) : this._(t);
   }
   k(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -416,11 +416,11 @@ let Ft = class He {
   _$AI(t, i = this, s, r) {
     const o = this.strings;
     let n = !1;
-    if (o === void 0) t = X(this, t, i, 0), n = !ot(t) || t !== this._$AH && t !== j, n && (this._$AH = t);
+    if (o === void 0) t = J(this, t, i, 0), n = !ot(t) || t !== this._$AH && t !== j, n && (this._$AH = t);
     else {
       const l = t;
       let a, c;
-      for (t = o[0], a = 0; a < o.length - 1; a++) c = X(this, l[s + a], i, a), c === j && (c = this._$AH[a]), n || (n = !ot(c) || c !== this._$AH[a]), c === m ? t = m : t !== m && (t += (c ?? "") + o[a + 1]), this._$AH[a] = c;
+      for (t = o[0], a = 0; a < o.length - 1; a++) c = J(this, l[s + a], i, a), c === j && (c = this._$AH[a]), n || (n = !ot(c) || c !== this._$AH[a]), c === m ? t = m : t !== m && (t += (c ?? "") + o[a + 1]), this._$AH[a] = c;
     }
     n && !r && this.j(t);
   }
@@ -435,7 +435,7 @@ let Ft = class He {
     this.element[this.name] = t === m ? void 0 : t;
   }
 };
-const ii = J ? J.emptyScript : "";
+const ii = K ? K.emptyScript : "";
 let si = class extends bt {
   constructor() {
     super(...arguments), this.type = 4;
@@ -450,7 +450,7 @@ class ri extends bt {
   }
   _$AI(t, i = this) {
     var s;
-    if ((t = (s = X(this, t, i, 0)) !== null && s !== void 0 ? s : m) === j) return;
+    if ((t = (s = J(this, t, i, 0)) !== null && s !== void 0 ? s : m) === j) return;
     const r = this._$AH, o = t === m && r !== m || t.capture !== r.capture || t.once !== r.once || t.passive !== r.passive, n = t !== m && (r === m || o);
     o && this.element.removeEventListener(this.name, this, r), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
@@ -467,11 +467,11 @@ let ni = class {
     return this._$AM._$AU;
   }
   _$AI(t) {
-    X(this, t);
+    J(this, t);
   }
 };
-const de = vt.litHtmlPolyfillSupport;
-de?.(Bt, Ft), ((It = vt.litHtmlVersions) !== null && It !== void 0 ? It : vt.litHtmlVersions = []).push("2.8.0");
+const de = gt.litHtmlPolyfillSupport;
+de?.(Bt, Ft), ((It = gt.litHtmlVersions) !== null && It !== void 0 ? It : gt.litHtmlVersions = []).push("2.8.0");
 const oi = (e, t, i) => {
   var s, r;
   const o = (s = i?.renderBefore) !== null && s !== void 0 ? s : t;
@@ -521,11 +521,11 @@ const ai = (e, t) => t.kind === "method" && t.descriptor && !("value" in t.descr
 } }, li = (e, t, i) => {
   t.constructor.createProperty(i, e);
 };
-function v(e) {
+function g(e) {
   return (t, i) => i !== void 0 ? li(e, t, i) : ai(e, t);
 }
 function N(e) {
-  return v({ ...e, state: !0 });
+  return g({ ...e, state: !0 });
 }
 var Mt;
 ((Mt = window.HTMLSlotElement) === null || Mt === void 0 ? void 0 : Mt.prototype.assignedElements) != null;
@@ -563,7 +563,7 @@ class Dt extends di {
 Dt.directiveName = "unsafeHTML", Dt.resultType = 1;
 const ui = ci(Dt);
 const pi = /* @__PURE__ */ Symbol();
-class gi {
+class vi {
   get taskComplete() {
     return this.t || (this.i === 1 ? this.t = new Promise(((t, i) => {
       this.o = t, this.h = i;
@@ -572,7 +572,7 @@ class gi {
   constructor(t, i, s) {
     this.p = 0, this.i = 0, (this._ = t).addController(this);
     const r = typeof i == "object" ? i : { task: i, args: s };
-    this.v = r.task, this.j = r.args, this.m = r.argsEqual ?? vi, this.k = r.onComplete, this.A = r.onError, this.autoRun = r.autoRun ?? !0, "initialValue" in r && (this.u = r.initialValue, this.i = 2, this.O = this.T?.());
+    this.v = r.task, this.j = r.args, this.m = r.argsEqual ?? gi, this.k = r.onComplete, this.A = r.onError, this.autoRun = r.autoRun ?? !0, "initialValue" in r && (this.u = r.initialValue, this.i = 2, this.O = this.T?.());
   }
   hostUpdate() {
     this.autoRun === !0 && this.S();
@@ -649,7 +649,7 @@ class gi {
     }
   }
 }
-const vi = (e, t) => e === t || e.length === t.length && e.every(((i, s) => !Zt(i, t[s])));
+const gi = (e, t) => e === t || e.length === t.length && e.every(((i, s) => !Zt(i, t[s])));
 var Ut, pe;
 function mi() {
   if (pe) return Ut;
@@ -658,28 +658,28 @@ function mi() {
     return h.Date.now();
   };
   function Le(u, _, k) {
-    var W, G, ct, Z, x, P, Q = 0, Yt = !1, tt = !1, kt = !0;
+    var W, G, ct, Z, x, P, Q = 0, Xt = !1, tt = !1, kt = !0;
     if (typeof u != "function")
       throw new TypeError(e);
-    _ = Xt(_) || 0, At(k) && (Yt = !!k.leading, tt = "maxWait" in k, ct = tt ? y(Xt(k.maxWait) || 0, _) : ct, kt = "trailing" in k ? !!k.trailing : kt);
+    _ = Jt(_) || 0, At(k) && (Xt = !!k.leading, tt = "maxWait" in k, ct = tt ? y(Jt(k.maxWait) || 0, _) : ct, kt = "trailing" in k ? !!k.trailing : kt);
     function Ct(f) {
       var T = W, et = G;
       return W = G = void 0, Q = f, Z = u.apply(et, T), Z;
     }
     function ze(f) {
-      return Q = f, x = setTimeout(dt, _), Yt ? Ct(f) : Z;
+      return Q = f, x = setTimeout(dt, _), Xt ? Ct(f) : Z;
     }
     function Be(f) {
       var T = f - P, et = f - Q, Qt = _ - T;
       return tt ? S(Qt, ct - et) : Qt;
     }
-    function Kt(f) {
+    function Yt(f) {
       var T = f - P, et = f - Q;
       return P === void 0 || T >= _ || T < 0 || tt && et >= ct;
     }
     function dt() {
       var f = E();
-      if (Kt(f))
+      if (Yt(f))
         return Gt(f);
       x = setTimeout(dt, Be(f));
     }
@@ -693,7 +693,7 @@ function mi() {
       return x === void 0 ? Z : Gt(E());
     }
     function St() {
-      var f = E(), T = Kt(f);
+      var f = E(), T = Yt(f);
       if (W = arguments, G = this, P = f, T) {
         if (x === void 0)
           return ze(P);
@@ -714,7 +714,7 @@ function mi() {
   function je(u) {
     return typeof u == "symbol" || Oe(u) && p.call(u) == i;
   }
-  function Xt(u) {
+  function Jt(u) {
     if (typeof u == "number")
       return u;
     if (je(u))
@@ -733,12 +733,12 @@ function mi() {
 }
 var fi = mi();
 const $i = /* @__PURE__ */ Ve(fi);
-var bi = Object.defineProperty, g = (e, t, i, s) => {
+var bi = Object.defineProperty, v = (e, t, i, s) => {
   for (var r = void 0, o = e.length - 1, n; o >= 0; o--) (n = e[o]) && (r = n(t, i, r) || r);
   return r && bi(t, i, r), r;
 }, B = (e = "", t) => {
   customElements.get(e) || customElements.define(e, t);
-}, ge = (e, t) => [...e].reduce((i, s) => t?.skip?.includes(s.name) ? i : `${i}${s.name}="${s.value}" `, ""), ht = class extends A {
+}, ve = (e, t) => [...e].reduce((i, s) => t?.skip?.includes(s.name) ? i : `${i}${s.name}="${s.value}" `, ""), ht = class extends A {
   constructor() {
     super(...arguments), this.name = "", this.fallbackTag = null, this.defaultStyle = null, this.refElement = null;
   }
@@ -751,7 +751,7 @@ var bi = Object.defineProperty, g = (e, t, i, s) => {
       throw new Error(`Your html tag to customize ${this.name} should be <${this.fallbackTag}></<${this.fallbackTag}>`);
   }
   render() {
-    const e = ge(this.attributes, { skip: ["name", "fallbacktag"] }), t = ge(this.refElement?.attributes ?? []);
+    const e = ve(this.attributes, { skip: ["name", "fallbacktag"] }), t = ve(this.refElement?.attributes ?? []);
     return w`${ui(`
       <style>${this.defaultStyle}</style>
       <${this.fallbackTag} ${e} ${t}>
@@ -759,10 +759,10 @@ var bi = Object.defineProperty, g = (e, t, i, s) => {
       </${this.fallbackTag}>`)}`;
   }
 };
-g([v()], ht.prototype, "name");
-g([v({ type: String || null })], ht.prototype, "fallbackTag");
-g([v({ type: String || null })], ht.prototype, "defaultStyle");
-g([v({ type: String || null })], ht.prototype, "refElement");
+v([g()], ht.prototype, "name");
+v([g({ type: String || null })], ht.prototype, "fallbackTag");
+v([g({ type: String || null })], ht.prototype, "defaultStyle");
+v([g({ type: String || null })], ht.prototype, "refElement");
 B("appcues-use-ref", ht);
 var yi = () => {
   let e = {};
@@ -830,6 +830,12 @@ var yi = () => {
     background-color: var(--flows-list-block-background-hover);
   }
 
+  li:focus-visible {
+    background-color: var(--flows-list-block-background-hover);
+    outline: 2px solid currentColor;
+    outline-offset: -2px;
+  }
+
   li::marker {
     color: var(--flows-list-block-marker-color);
   }
@@ -838,6 +844,10 @@ var yi = () => {
     background-color: var(--flows-list-block-background-hover);
   }
 
+  li:focus-visible > span {
+    background-color: var(--flows-list-block-background-hover);
+  }
+
   li > span {
     color: var(--flows-list-block-color);
   }
@@ -866,12 +876,12 @@ var yi = () => {
     text-overflow: ellipsis;
     white-space: normal;
   }
-`, Rt, mt = window, Y = mt.trustedTypes, ve = Y ? Y.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, qt = "$lit$", H = `lit$${(Math.random() + "").slice(9)}$`, Ne = "?" + H, Ei = `<${Ne}>`, z = document, ft = () => z.createComment(""), at = (e) => e === null || typeof e != "object" && typeof e != "function", Pe = Array.isArray, Ti = (e) => Pe(e) || typeof e?.[Symbol.iterator] == "function", Lt = `[ 	
+`, Rt, mt = window, X = mt.trustedTypes, ge = X ? X.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, qt = "$lit$", H = `lit$${(Math.random() + "").slice(9)}$`, Ne = "?" + H, Ei = `<${Ne}>`, z = document, ft = () => z.createComment(""), at = (e) => e === null || typeof e != "object" && typeof e != "function", Pe = Array.isArray, Ti = (e) => Pe(e) || typeof e?.[Symbol.iterator] == "function", Lt = `[ 	
 \f\r]`, st = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, me = /-->/g, fe = />/g, U = RegExp(`>|${Lt}(?:([^\\s"'>=/]+)(${Lt}*=${Lt}*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g"), $e = /'/g, be = /"/g, Me = /^(?:script|style|textarea|title)$/i, Ue = (e) => (t, ...i) => ({ _$litType$: e, strings: t, values: i }), rt = Ue(1), yt = Ue(2), lt = /* @__PURE__ */ Symbol.for("lit-noChange"), b = /* @__PURE__ */ Symbol.for("lit-nothing"), ye = /* @__PURE__ */ new WeakMap(), L = z.createTreeWalker(z, 129, null, !1);
 function Re(e, t) {
   if (!Array.isArray(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return ve !== void 0 ? ve.createHTML(t) : t;
+  return ge !== void 0 ? ge.createHTML(t) : t;
 }
 var Ii = (e, t) => {
   const i = e.length - 1, s = [];
@@ -910,7 +920,7 @@ var Ii = (e, t) => {
         if (Me.test(s.tagName)) {
           const h = s.textContent.split(H), d = h.length - 1;
           if (d > 0) {
-            s.textContent = Y ? Y.emptyScript : "";
+            s.textContent = X ? X.emptyScript : "";
             for (let p = 0; p < d; p++) s.append(h[p], ft()), L.nextNode(), l.push({ type: 2, index: ++r });
             s.append(h[d], ft());
           }
@@ -928,12 +938,12 @@ var Ii = (e, t) => {
     return i.innerHTML = e, i;
   }
 };
-function K(e, t, i = e, s) {
+function Y(e, t, i = e, s) {
   var r, o, n, l;
   if (t === lt) return t;
   let a = s !== void 0 ? (r = i._$Co) === null || r === void 0 ? void 0 : r[s] : i._$Cl;
   const c = at(t) ? void 0 : t._$litDirective$;
-  return a?.constructor !== c && ((o = a?._$AO) === null || o === void 0 || o.call(a, !1), c === void 0 ? a = void 0 : (a = new c(e), a._$AT(e, i, s)), s !== void 0 ? ((n = (l = i)._$Co) !== null && n !== void 0 ? n : l._$Co = [])[s] = a : i._$Cl = a), a !== void 0 && (t = K(e, a._$AS(e, t.values), a, s)), t;
+  return a?.constructor !== c && ((o = a?._$AO) === null || o === void 0 || o.call(a, !1), c === void 0 ? a = void 0 : (a = new c(e), a._$AT(e, i, s)), s !== void 0 ? ((n = (l = i)._$Co) !== null && n !== void 0 ? n : l._$Co = [])[s] = a : i._$Cl = a), a !== void 0 && (t = Y(e, a._$AS(e, t.values), a, s)), t;
 }
 var Hi = class {
   constructor(e, t) {
@@ -953,7 +963,7 @@ var Hi = class {
     for (; a !== void 0; ) {
       if (n === a.index) {
         let c;
-        a.type === 2 ? c = new Jt(o, o.nextSibling, this, e) : a.type === 1 ? c = new a.ctor(o, a.name, a.strings, this, e) : a.type === 6 && (c = new Ri(o, this, e)), this._$AV.push(c), a = s[++l];
+        a.type === 2 ? c = new Kt(o, o.nextSibling, this, e) : a.type === 1 ? c = new a.ctor(o, a.name, a.strings, this, e) : a.type === 6 && (c = new Ri(o, this, e)), this._$AV.push(c), a = s[++l];
       }
       n !== a?.index && (o = L.nextNode(), n++);
     }
@@ -963,7 +973,7 @@ var Hi = class {
     let t = 0;
     for (const i of this._$AV) i !== void 0 && (i.strings !== void 0 ? (i._$AI(e, i, t), t += i.strings.length - 2) : i._$AI(e[t])), t++;
   }
-}, Jt = class {
+}, Kt = class {
   constructor(e, t, i, s) {
     var r;
     this.type = 2, this._$AH = b, this._$AN = void 0, this._$AA = e, this._$AB = t, this._$AM = i, this.options = s, this._$Cp = (r = s?.isConnected) === null || r === void 0 || r;
@@ -984,7 +994,7 @@ var Hi = class {
     return this._$AB;
   }
   _$AI(e, t = this) {
-    e = K(this, e, t), at(e) ? e === b || e == null || e === "" ? (this._$AH !== b && this._$AR(), this._$AH = b) : e !== this._$AH && e !== lt && this._(e) : e._$litType$ !== void 0 ? this.g(e) : e.nodeType !== void 0 ? this.$(e) : Ti(e) ? this.T(e) : this._(e);
+    e = Y(this, e, t), at(e) ? e === b || e == null || e === "" ? (this._$AH !== b && this._$AR(), this._$AH = b) : e !== this._$AH && e !== lt && this._(e) : e._$litType$ !== void 0 ? this.g(e) : e.nodeType !== void 0 ? this.$(e) : Ti(e) ? this.T(e) : this._(e);
   }
   k(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -1012,7 +1022,7 @@ var Hi = class {
     Pe(this._$AH) || (this._$AH = [], this._$AR());
     const t = this._$AH;
     let i, s = 0;
-    for (const r of e) s === t.length ? t.push(i = new Jt(this.k(ft()), this.k(ft()), this, this.options)) : i = t[s], i._$AI(r), s++;
+    for (const r of e) s === t.length ? t.push(i = new Kt(this.k(ft()), this.k(ft()), this, this.options)) : i = t[s], i._$AI(r), s++;
     s < t.length && (this._$AR(i && i._$AB.nextSibling, s), t.length = s);
   }
   _$AR(e = this._$AA.nextSibling, t) {
@@ -1039,11 +1049,11 @@ var Hi = class {
   _$AI(e, t = this, i, s) {
     const r = this.strings;
     let o = !1;
-    if (r === void 0) e = K(this, e, t, 0), o = !at(e) || e !== this._$AH && e !== lt, o && (this._$AH = e);
+    if (r === void 0) e = Y(this, e, t, 0), o = !at(e) || e !== this._$AH && e !== lt, o && (this._$AH = e);
     else {
       const n = e;
       let l, a;
-      for (e = r[0], l = 0; l < r.length - 1; l++) a = K(this, n[i + l], t, l), a === lt && (a = this._$AH[l]), o || (o = !at(a) || a !== this._$AH[l]), a === b ? e = b : e !== b && (e += (a ?? "") + r[l + 1]), this._$AH[l] = a;
+      for (e = r[0], l = 0; l < r.length - 1; l++) a = Y(this, n[i + l], t, l), a === lt && (a = this._$AH[l]), o || (o = !at(a) || a !== this._$AH[l]), a === b ? e = b : e !== b && (e += (a ?? "") + r[l + 1]), this._$AH[l] = a;
     }
     o && !s && this.j(e);
   }
@@ -1057,7 +1067,7 @@ var Hi = class {
   j(e) {
     this.element[this.name] = e === b ? void 0 : e;
   }
-}, Pi = Y ? Y.emptyScript : "", Mi = class extends wt {
+}, Pi = X ? X.emptyScript : "", Mi = class extends wt {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -1070,7 +1080,7 @@ var Hi = class {
   }
   _$AI(e, t = this) {
     var i;
-    if ((e = (i = K(this, e, t, 0)) !== null && i !== void 0 ? i : b) === lt) return;
+    if ((e = (i = Y(this, e, t, 0)) !== null && i !== void 0 ? i : b) === lt) return;
     const s = this._$AH, r = e === b && s !== b || e.capture !== s.capture || e.once !== s.once || e.passive !== s.passive, o = e !== b && (s === b || r);
     r && this.element.removeEventListener(this.name, this, s), o && this.element.addEventListener(this.name, this, e), this._$AH = e;
   }
@@ -1086,10 +1096,10 @@ var Hi = class {
     return this._$AM._$AU;
   }
   _$AI(e) {
-    K(this, e);
+    Y(this, e);
   }
 }, we = mt.litHtmlPolyfillSupport;
-we?.($t, Jt), ((Rt = mt.litHtmlVersions) !== null && Rt !== void 0 ? Rt : mt.litHtmlVersions = []).push("2.8.0");
+we?.($t, Kt), ((Rt = mt.litHtmlVersions) !== null && Rt !== void 0 ? Rt : mt.litHtmlVersions = []).push("2.8.0");
 var Li = yt`
   <svg
     version="1.1"
@@ -1142,9 +1152,11 @@ var Li = yt`
         return this.listItems = JSON.parse(this.listMock), JSON.parse(this.listMock);
       const e = await Appcues?.user() ?? {}, { contents: t } = await ji({ accountId: AppcuesBundleSettings?.accountId, userId: e?.userId }, this.orderBy), i = t.map(({ id: s, name: r, public_name: o }) => ({ id: s, name: r, publicName: o }));
       return this.listItems = i, i;
-    }, this.getListItems = new gi(this, { task: this.fetchListItems, args: () => [] }), this.handleItemClick = (e) => () => {
+    }, this.getListItems = new vi(this, { task: this.fetchListItems, args: () => [] }), this.handleItemClick = (e) => () => {
       const t = new CustomEvent("flow-item-clicked", { detail: this.listItems.find((i) => i.id === e), bubbles: !0, composed: !0 });
       this.dispatchEvent(t);
+    }, this.handleItemKeydown = (e) => (t) => {
+      (t.code === "Enter" || t.code === "Space") && (t.preventDefault(), this.handleItemClick(e)());
     }, this.handleItemHover = (e) => () => {
       const t = new CustomEvent("flow-item-hovered", { detail: this.listItems.find((i) => i.id === e), bubbles: !0, composed: !0 });
       this.dispatchEvent(t);
@@ -1158,7 +1170,10 @@ var Li = yt`
     </appcues-use-ref>
   `, this.itemTemplate = (e) => w`
     <li
+      tabindex="0"
+      role="button"
       @click="${this.handleItemClick(e.id)}"
+      @keydown="${this.handleItemKeydown(e.id)}"
       @mouseover="${this.handleItemHover(e.id)}"
     >
       <appcues-use-ref fallbackTag="span" name="list-item">
@@ -1191,11 +1206,11 @@ var Li = yt`
   }
 };
 D.styles = [xi, Ai, Si, Ci];
-g([N()], D.prototype, "listItems");
-g([v()], D.prototype, "orderBy");
-g([v({ type: Number })], D.prototype, "limit");
-g([v()], D.prototype, "listMock");
-g([v({ type: String })], D.prototype, "mode");
+v([N()], D.prototype, "listItems");
+v([g()], D.prototype, "orderBy");
+v([g({ type: Number })], D.prototype, "limit");
+v([g()], D.prototype, "listMock");
+v([g({ type: String })], D.prototype, "mode");
 B("appcues-flows-list", D);
 var zi = $`
   .btn-wrapper {
@@ -1371,13 +1386,13 @@ var zi = $`
   }
 };
 C.styles = [zi, Bi, Di];
-g([v()], C.prototype, "title");
-g([v()], C.prototype, "totalItems");
-g([v()], C.prototype, "completedItems");
-g([v()], C.prototype, "activeColor");
-g([v()], C.prototype, "hoverColor");
-g([N()], C.prototype, "mainColor");
-g([N()], C.prototype, "checklistId");
+v([g()], C.prototype, "title");
+v([g()], C.prototype, "totalItems");
+v([g()], C.prototype, "completedItems");
+v([g()], C.prototype, "activeColor");
+v([g()], C.prototype, "hoverColor");
+v([N()], C.prototype, "mainColor");
+v([N()], C.prototype, "checklistId");
 B("appcues-checklist-wrapper", C);
 var qi = $`
   .page {
@@ -1465,8 +1480,8 @@ var qi = $`
   }
 };
 _t.styles = [qi, Vi, Wi];
-g([N()], _t.prototype, "status");
-g([v()], _t.prototype, "minHeight");
+v([N()], _t.prototype, "status");
+v([g()], _t.prototype, "minHeight");
 B("appcues-page", _t);
 var Zi = $`
   .grow {
@@ -1539,11 +1554,11 @@ var Zi = $`
   }
 };
 q.styles = [Zi];
-g([N()], q.prototype, "currentPage");
-g([N()], q.prototype, "pages");
-g([N()], q.prototype, "currentHeight");
-g([v()], q.prototype, "entry");
-g([v()], q.prototype, "exit");
+v([N()], q.prototype, "currentPage");
+v([N()], q.prototype, "pages");
+v([N()], q.prototype, "currentHeight");
+v([g()], q.prototype, "entry");
+v([g()], q.prototype, "exit");
 B("appcues-navigation-stack", q);
 var Fi = yt`
   <svg
@@ -1585,7 +1600,7 @@ var Fi = yt`
       />
     </path>
   </svg>
-`, Ji = yt`
+`, Ki = yt`
   <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
     <g id="material-icon" clip-path="url(#clip0_19386_6120)">
       <path
@@ -1602,7 +1617,7 @@ var Fi = yt`
         d="M8.9 17.81a8.6 8.6 0 0 1-6.31-2.59A8.6 8.6 0 0 1 0 8.91c0-2.49.86-4.6 2.59-6.32A8.6 8.6 0 0 1 8.9 0a8.6 8.6 0 0 1 6.32 2.59A8.6 8.6 0 0 1 17.8 8.9a8.39 8.39 0 0 1-1.68 5.07l7.45 7.46c.28.29.42.65.42 1.07 0 .43-.14.78-.43 1.06-.29.29-.64.43-1.07.43-.43 0-.78-.14-1.07-.43L14 16.13a8.42 8.42 0 0 1-5.09 1.68Zm0-3.05c1.63 0 3.01-.57 4.15-1.7a5.65 5.65 0 0 0 1.7-4.15c0-1.63-.56-3.02-1.7-4.15a5.64 5.64 0 0 0-4.15-1.7c-1.63 0-3 .56-4.14 1.7a5.65 5.65 0 0 0-1.7 4.15c0 1.63.56 3 1.7 4.15a5.64 5.64 0 0 0 4.14 1.7Z" 
       />
   </svg>
-`, Xi = $`
+`, Ji = $`
   @keyframes fade-in {
     0% {
       opacity: 0;
@@ -1666,7 +1681,7 @@ var Fi = yt`
       transform: translateX(120px);
     }
   }
-`, Yi = $`
+`, Xi = $`
   :host {
     display: flex;
     width: 100%;
@@ -1695,7 +1710,7 @@ var Fi = yt`
     justify-content: center;
     padding: 12px;
   }
-`, Ki = $`
+`, Yi = $`
   .search-container {
     align-items: center;
     display: none;
@@ -1838,7 +1853,7 @@ var Fi = yt`
             class="return-button"
             @click="${() => this.setSearchMode(!1)}"
           >
-            ${Ji}
+            ${Ki}
           </button>
           <form
             class="search-form"
@@ -1860,9 +1875,9 @@ var Fi = yt`
     `;
   }
 };
-xt.styles = [Xi, Yi, Ki];
-g([N()], xt.prototype, "showSearchBar");
-g([v({ converter: (e) => e === "true" })], xt.prototype, "loading");
+xt.styles = [Ji, Xi, Yi];
+v([N()], xt.prototype, "showSearchBar");
+v([g({ converter: (e) => e === "true" })], xt.prototype, "loading");
 B("appcues-search-header", xt);
 var Gi = (e) => e && new DOMParser().parseFromString(e, "text/html").body.textContent || "", Qi = $`
   :host {
@@ -2129,9 +2144,9 @@ var Gi = (e) => e && new DOMParser().parseFromString(e, "text/html").body.textCo
   }
 };
 V.styles = [Qi, es, is, ts];
-g([v()], V.prototype, "state");
-g([v()], V.prototype, "searchTerm");
-g([v({ converter: (e) => e === "true" })], V.prototype, "hasNextPage");
-g([v()], V.prototype, "pageSize");
-g([v({ type: Array })], V.prototype, "results");
+v([g()], V.prototype, "state");
+v([g()], V.prototype, "searchTerm");
+v([g({ converter: (e) => e === "true" })], V.prototype, "hasNextPage");
+v([g()], V.prototype, "pageSize");
+v([g({ type: Array })], V.prototype, "results");
 B("appcues-search-results", V);

package/build/{index.npm.BMQjHmXS.js → index.npm.CvxpYFII.js}

@@ -222,7 +222,7 @@ function O(t, e, s) {
   };
 }
 async function d() {
-  await import("./index.CB8C7s2e.js").then((t) => t.i), E = !0;
+  await import("./index.DFn2O-FJ.js").then((t) => t.i), E = !0;
 }
 async function u() {
   window.Appcues.forEach((t) => {

package/build/index.npm.js

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

package/build/{open-builder.2-hPcUkT.js → open-builder.CQqggLV2.js}

@@ -9530,6 +9530,7 @@ const ov = (t) => class extends t.HTMLElement {
     this.webComponentStyles = e.createElement("style"), this.webComponentStyles.innerHTML = `
         :host {
           all: initial;
+          font-family: inherit;
           display: inline;
         }
       `;

package/package.json

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