@appcues/web-sdk 7.5.0

package/build/index.DqdOZEH7.js

@@ -0,0 +1,2609 @@
+import { c as vt, g as gi, o as mi, a as $i, n as fe, b as bi } from "./index.BlOpB57-.js";
+const gt = window, ie = gt.ShadowRoot && (gt.ShadyCSS === void 0 || gt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, We = Symbol(), ve = /* @__PURE__ */ new WeakMap();
+let yi = class {
+  constructor(t, e, s) {
+    if (this._$cssResult$ = !0, s !== We) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t, this.t = e;
+  }
+  get styleSheet() {
+    let t = this.o;
+    const e = this.t;
+    if (ie && t === void 0) {
+      const s = e !== void 0 && e.length === 1;
+      s && (t = ve.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && ve.set(e, t));
+    }
+    return t;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+const _i = (i) => new yi(typeof i == "string" ? i : i + "", void 0, We), wi = (i, t) => {
+  ie ? i.adoptedStyleSheets = t.map(((e) => e instanceof CSSStyleSheet ? e : e.styleSheet)) : t.forEach(((e) => {
+    const s = document.createElement("style"), r = gt.litNonce;
+    r !== void 0 && s.setAttribute("nonce", r), s.textContent = e.cssText, i.appendChild(s);
+  }));
+}, ge = ie ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((t) => {
+  let e = "";
+  for (const s of t.cssRules) e += s.cssText;
+  return _i(e);
+})(i) : i;
+var Ht;
+const bt = window, me = bt.trustedTypes, Ai = me ? me.emptyScript : "", $e = bt.reactiveElementPolyfillSupport, Jt = { toAttribute(i, t) {
+  switch (t) {
+    case Boolean:
+      i = i ? Ai : null;
+      break;
+    case Object:
+    case Array:
+      i = i == null ? i : JSON.stringify(i);
+  }
+  return i;
+}, fromAttribute(i, t) {
+  let e = i;
+  switch (t) {
+    case Boolean:
+      e = i !== null;
+      break;
+    case Number:
+      e = i === null ? null : Number(i);
+      break;
+    case Object:
+    case Array:
+      try {
+        e = JSON.parse(i);
+      } catch {
+        e = null;
+      }
+  }
+  return e;
+} }, Ze = (i, t) => t !== i && (t == t || i == i), Mt = { attribute: !0, type: String, converter: Jt, reflect: !1, hasChanged: Ze }, Ft = "finalized";
+let it = class extends HTMLElement {
+  constructor() {
+    super(), this._$Ei = /* @__PURE__ */ new Map(), this.isUpdatePending = !1, this.hasUpdated = !1, this._$El = null, this._$Eu();
+  }
+  static addInitializer(t) {
+    var e;
+    this.finalize(), ((e = this.h) !== null && e !== void 0 ? e : this.h = []).push(t);
+  }
+  static get observedAttributes() {
+    this.finalize();
+    const t = [];
+    return this.elementProperties.forEach(((e, s) => {
+      const r = this._$Ep(s, e);
+      r !== void 0 && (this._$Ev.set(r, s), t.push(r));
+    })), t;
+  }
+  static createProperty(t, e = Mt) {
+    if (e.state && (e.attribute = !1), this.finalize(), this.elementProperties.set(t, e), !e.noAccessor && !this.prototype.hasOwnProperty(t)) {
+      const s = typeof t == "symbol" ? Symbol() : "__" + t, r = this.getPropertyDescriptor(t, s, e);
+      r !== void 0 && Object.defineProperty(this.prototype, t, r);
+    }
+  }
+  static getPropertyDescriptor(t, e, s) {
+    return { get() {
+      return this[e];
+    }, set(r) {
+      const o = this[t];
+      this[e] = r, this.requestUpdate(t, o, s);
+    }, configurable: !0, enumerable: !0 };
+  }
+  static getPropertyOptions(t) {
+    return this.elementProperties.get(t) || Mt;
+  }
+  static finalize() {
+    if (this.hasOwnProperty(Ft)) return !1;
+    this[Ft] = !0;
+    const t = Object.getPrototypeOf(this);
+    if (t.finalize(), t.h !== void 0 && (this.h = [...t.h]), this.elementProperties = new Map(t.elementProperties), this._$Ev = /* @__PURE__ */ new Map(), this.hasOwnProperty("properties")) {
+      const e = this.properties, s = [...Object.getOwnPropertyNames(e), ...Object.getOwnPropertySymbols(e)];
+      for (const r of s) this.createProperty(r, e[r]);
+    }
+    return this.elementStyles = this.finalizeStyles(this.styles), !0;
+  }
+  static finalizeStyles(t) {
+    const e = [];
+    if (Array.isArray(t)) {
+      const s = new Set(t.flat(1 / 0).reverse());
+      for (const r of s) e.unshift(ge(r));
+    } else t !== void 0 && e.push(ge(t));
+    return e;
+  }
+  static _$Ep(t, e) {
+    const s = e.attribute;
+    return s === !1 ? void 0 : typeof s == "string" ? s : typeof t == "string" ? t.toLowerCase() : void 0;
+  }
+  _$Eu() {
+    var t;
+    this._$E_ = new Promise(((e) => this.enableUpdating = e)), this._$AL = /* @__PURE__ */ new Map(), this._$Eg(), this.requestUpdate(), (t = this.constructor.h) === null || t === void 0 || t.forEach(((e) => e(this)));
+  }
+  addController(t) {
+    var e, s;
+    ((e = this._$ES) !== null && e !== void 0 ? e : this._$ES = []).push(t), this.renderRoot !== void 0 && this.isConnected && ((s = t.hostConnected) === null || s === void 0 || s.call(t));
+  }
+  removeController(t) {
+    var e;
+    (e = this._$ES) === null || e === void 0 || e.splice(this._$ES.indexOf(t) >>> 0, 1);
+  }
+  _$Eg() {
+    this.constructor.elementProperties.forEach(((t, e) => {
+      this.hasOwnProperty(e) && (this._$Ei.set(e, this[e]), delete this[e]);
+    }));
+  }
+  createRenderRoot() {
+    var t;
+    const e = (t = this.shadowRoot) !== null && t !== void 0 ? t : this.attachShadow(this.constructor.shadowRootOptions);
+    return wi(e, this.constructor.elementStyles), e;
+  }
+  connectedCallback() {
+    var t;
+    this.renderRoot === void 0 && (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$ES) === null || t === void 0 || t.forEach(((e) => {
+      var s;
+      return (s = e.hostConnected) === null || s === void 0 ? void 0 : s.call(e);
+    }));
+  }
+  enableUpdating(t) {
+  }
+  disconnectedCallback() {
+    var t;
+    (t = this._$ES) === null || t === void 0 || t.forEach(((e) => {
+      var s;
+      return (s = e.hostDisconnected) === null || s === void 0 ? void 0 : s.call(e);
+    }));
+  }
+  attributeChangedCallback(t, e, s) {
+    this._$AK(t, s);
+  }
+  _$EO(t, e, s = Mt) {
+    var r;
+    const o = this.constructor._$Ep(t, s);
+    if (o !== void 0 && s.reflect === !0) {
+      const n = (((r = s.converter) === null || r === void 0 ? void 0 : r.toAttribute) !== void 0 ? s.converter : Jt).toAttribute(e, s.type);
+      this._$El = t, n == null ? this.removeAttribute(o) : this.setAttribute(o, n), this._$El = null;
+    }
+  }
+  _$AK(t, e) {
+    var s;
+    const r = this.constructor, o = r._$Ev.get(t);
+    if (o !== void 0 && this._$El !== o) {
+      const n = r.getPropertyOptions(o), l = typeof n.converter == "function" ? { fromAttribute: n.converter } : ((s = n.converter) === null || s === void 0 ? void 0 : s.fromAttribute) !== void 0 ? n.converter : Jt;
+      this._$El = o, this[o] = l.fromAttribute(e, n.type), this._$El = null;
+    }
+  }
+  requestUpdate(t, e, s) {
+    let r = !0;
+    t !== void 0 && (((s = s || this.constructor.getPropertyOptions(t)).hasChanged || Ze)(this[t], e) ? (this._$AL.has(t) || this._$AL.set(t, e), s.reflect === !0 && this._$El !== t && (this._$EC === void 0 && (this._$EC = /* @__PURE__ */ new Map()), this._$EC.set(t, s))) : r = !1), !this.isUpdatePending && r && (this._$E_ = this._$Ej());
+  }
+  async _$Ej() {
+    this.isUpdatePending = !0;
+    try {
+      await this._$E_;
+    } catch (e) {
+      Promise.reject(e);
+    }
+    const t = this.scheduleUpdate();
+    return t != null && await t, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    var t;
+    if (!this.isUpdatePending) return;
+    this.hasUpdated, this._$Ei && (this._$Ei.forEach(((r, o) => this[o] = r)), this._$Ei = void 0);
+    let e = !1;
+    const s = this._$AL;
+    try {
+      e = this.shouldUpdate(s), e ? (this.willUpdate(s), (t = this._$ES) === null || t === void 0 || t.forEach(((r) => {
+        var o;
+        return (o = r.hostUpdate) === null || o === void 0 ? void 0 : o.call(r);
+      })), this.update(s)) : this._$Ek();
+    } catch (r) {
+      throw e = !1, this._$Ek(), r;
+    }
+    e && this._$AE(s);
+  }
+  willUpdate(t) {
+  }
+  _$AE(t) {
+    var e;
+    (e = this._$ES) === null || e === void 0 || e.forEach(((s) => {
+      var r;
+      return (r = s.hostUpdated) === null || r === void 0 ? void 0 : r.call(s);
+    })), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
+  }
+  _$Ek() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$E_;
+  }
+  shouldUpdate(t) {
+    return !0;
+  }
+  update(t) {
+    this._$EC !== void 0 && (this._$EC.forEach(((e, s) => this._$EO(s, this[s], e))), this._$EC = void 0), this._$Ek();
+  }
+  updated(t) {
+  }
+  firstUpdated(t) {
+  }
+};
+it[Ft] = !0, it.elementProperties = /* @__PURE__ */ new Map(), it.elementStyles = [], it.shadowRootOptions = { mode: "open" }, $e?.({ ReactiveElement: it }), ((Ht = bt.reactiveElementVersions) !== null && Ht !== void 0 ? Ht : bt.reactiveElementVersions = []).push("1.6.3");
+var Rt;
+const yt = window, F = yt.trustedTypes, be = F ? F.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, Kt = "$lit$", U = `lit$${(Math.random() + "").slice(9)}$`, Je = "?" + U, xi = `<${Je}>`, z = document, lt = () => z.createComment(""), ht = (i) => i === null || typeof i != "object" && typeof i != "function", Fe = Array.isArray, Si = (i) => Fe(i) || typeof i?.[Symbol.iterator] == "function", zt = `[ 	
+\f\r]`, st = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ye = /-->/g, _e = />/g, O = RegExp(`>|${zt}(?:([^\\s"'>=/]+)(${zt}*=${zt}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), we = /'/g, Ae = /"/g, Ke = /^(?:script|style|textarea|title)$/i, Xe = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }), _ = Xe(1), Ye = Xe(2), L = Symbol.for("lit-noChange"), g = Symbol.for("lit-nothing"), xe = /* @__PURE__ */ new WeakMap(), M = z.createTreeWalker(z, 129, null, !1);
+function Ge(i, t) {
+  if (!Array.isArray(i) || !i.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return be !== void 0 ? be.createHTML(t) : t;
+}
+const Ei = (i, t) => {
+  const e = i.length - 1, s = [];
+  let r, o = t === 2 ? "<svg>" : "", n = st;
+  for (let l = 0; l < e; l++) {
+    const a = i[l];
+    let c, h, d = -1, u = 0;
+    for (; u < a.length && (n.lastIndex = u, h = n.exec(a), h !== null); ) u = n.lastIndex, n === st ? h[1] === "!--" ? n = ye : h[1] !== void 0 ? n = _e : h[2] !== void 0 ? (Ke.test(h[2]) && (r = RegExp("</" + h[2], "g")), n = O) : h[3] !== void 0 && (n = O) : n === O ? h[0] === ">" ? (n = r ?? st, d = -1) : h[1] === void 0 ? d = -2 : (d = n.lastIndex - h[2].length, c = h[1], n = h[3] === void 0 ? O : h[3] === '"' ? Ae : we) : n === Ae || n === we ? n = O : n === ye || n === _e ? n = st : (n = O, r = void 0);
+    const y = n === O && i[l + 1].startsWith("/>") ? " " : "";
+    o += n === st ? a + xi : d >= 0 ? (s.push(c), a.slice(0, d) + Kt + a.slice(d) + U + y) : a + U + (d === -2 ? (s.push(void 0), l) : y);
+  }
+  return [Ge(i, o + (i[e] || "<?>") + (t === 2 ? "</svg>" : "")), s];
+};
+let Xt = class Qe {
+  constructor({ strings: t, _$litType$: e }, s) {
+    let r;
+    this.parts = [];
+    let o = 0, n = 0;
+    const l = t.length - 1, a = this.parts, [c, h] = Ei(t, e);
+    if (this.el = Qe.createElement(c, s), M.currentNode = this.el.content, e === 2) {
+      const d = this.el.content, u = d.firstChild;
+      u.remove(), d.append(...u.childNodes);
+    }
+    for (; (r = M.nextNode()) !== null && a.length < l; ) {
+      if (r.nodeType === 1) {
+        if (r.hasAttributes()) {
+          const d = [];
+          for (const u of r.getAttributeNames()) if (u.endsWith(Kt) || u.startsWith(U)) {
+            const y = h[n++];
+            if (d.push(u), y !== void 0) {
+              const C = r.getAttribute(y.toLowerCase() + Kt).split(U), k = /([.?@])?(.*)/.exec(y);
+              a.push({ type: 1, index: o, name: k[2], strings: C, ctor: k[1] === "." ? ki : k[1] === "?" ? Ui : k[1] === "@" ? Ti : St });
+            } else a.push({ type: 6, index: o });
+          }
+          for (const u of d) r.removeAttribute(u);
+        }
+        if (Ke.test(r.tagName)) {
+          const d = r.textContent.split(U), u = d.length - 1;
+          if (u > 0) {
+            r.textContent = F ? F.emptyScript : "";
+            for (let y = 0; y < u; y++) r.append(d[y], lt()), M.nextNode(), a.push({ type: 2, index: ++o });
+            r.append(d[u], lt());
+          }
+        }
+      } else if (r.nodeType === 8) if (r.data === Je) a.push({ type: 2, index: o });
+      else {
+        let d = -1;
+        for (; (d = r.data.indexOf(U, d + 1)) !== -1; ) a.push({ type: 7, index: o }), d += U.length - 1;
+      }
+      o++;
+    }
+  }
+  static createElement(t, e) {
+    const s = z.createElement("template");
+    return s.innerHTML = t, s;
+  }
+};
+function K(i, t, e = i, s) {
+  var r, o, n, l;
+  if (t === L) return t;
+  let a = s !== void 0 ? (r = e._$Co) === null || r === void 0 ? void 0 : r[s] : e._$Cl;
+  const c = ht(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(i), a._$AT(i, e, s)), s !== void 0 ? ((n = (l = e)._$Co) !== null && n !== void 0 ? n : l._$Co = [])[s] = a : e._$Cl = a), a !== void 0 && (t = K(i, a._$AS(i, t.values), a, s)), t;
+}
+class Ci {
+  constructor(t, e) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(t) {
+    var e;
+    const { el: { content: s }, parts: r } = this._$AD, o = ((e = t?.creationScope) !== null && e !== void 0 ? e : z).importNode(s, !0);
+    M.currentNode = o;
+    let n = M.nextNode(), l = 0, a = 0, c = r[0];
+    for (; c !== void 0; ) {
+      if (l === c.index) {
+        let h;
+        c.type === 2 ? h = new se(n, n.nextSibling, this, t) : c.type === 1 ? h = new c.ctor(n, c.name, c.strings, this, t) : c.type === 6 && (h = new Ni(n, this, t)), this._$AV.push(h), c = r[++a];
+      }
+      l !== c?.index && (n = M.nextNode(), l++);
+    }
+    return M.currentNode = z, o;
+  }
+  v(t) {
+    let e = 0;
+    for (const s of this._$AV) s !== void 0 && (s.strings !== void 0 ? (s._$AI(t, s, e), e += s.strings.length - 2) : s._$AI(t[e])), e++;
+  }
+}
+let se = class ti {
+  constructor(t, e, s, r) {
+    var o;
+    this.type = 2, this._$AH = g, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = r, this._$Cp = (o = r?.isConnected) === null || o === void 0 || o;
+  }
+  get _$AU() {
+    var t, e;
+    return (e = (t = this._$AM) === null || t === void 0 ? void 0 : t._$AU) !== null && e !== void 0 ? e : this._$Cp;
+  }
+  get parentNode() {
+    let t = this._$AA.parentNode;
+    const e = this._$AM;
+    return e !== void 0 && t?.nodeType === 11 && (t = e.parentNode), t;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t, e = this) {
+    t = K(this, t, e), ht(t) ? t === g || t == null || t === "" ? (this._$AH !== g && this._$AR(), this._$AH = g) : t !== this._$AH && t !== L && this._(t) : t._$litType$ !== void 0 ? this.g(t) : t.nodeType !== void 0 ? this.$(t) : Si(t) ? this.T(t) : this._(t);
+  }
+  k(t) {
+    return this._$AA.parentNode.insertBefore(t, this._$AB);
+  }
+  $(t) {
+    this._$AH !== t && (this._$AR(), this._$AH = this.k(t));
+  }
+  _(t) {
+    this._$AH !== g && ht(this._$AH) ? this._$AA.nextSibling.data = t : this.$(z.createTextNode(t)), this._$AH = t;
+  }
+  g(t) {
+    var e;
+    const { values: s, _$litType$: r } = t, o = typeof r == "number" ? this._$AC(t) : (r.el === void 0 && (r.el = Xt.createElement(Ge(r.h, r.h[0]), this.options)), r);
+    if (((e = this._$AH) === null || e === void 0 ? void 0 : e._$AD) === o) this._$AH.v(s);
+    else {
+      const n = new Ci(o, this), l = n.u(this.options);
+      n.v(s), this.$(l), this._$AH = n;
+    }
+  }
+  _$AC(t) {
+    let e = xe.get(t.strings);
+    return e === void 0 && xe.set(t.strings, e = new Xt(t)), e;
+  }
+  T(t) {
+    Fe(this._$AH) || (this._$AH = [], this._$AR());
+    const e = this._$AH;
+    let s, r = 0;
+    for (const o of t) r === e.length ? e.push(s = new ti(this.k(lt()), this.k(lt()), this, this.options)) : s = e[r], s._$AI(o), r++;
+    r < e.length && (this._$AR(s && s._$AB.nextSibling, r), e.length = r);
+  }
+  _$AR(t = this._$AA.nextSibling, e) {
+    var s;
+    for ((s = this._$AP) === null || s === void 0 || s.call(this, !1, !0, e); t && t !== this._$AB; ) {
+      const r = t.nextSibling;
+      t.remove(), t = r;
+    }
+  }
+  setConnected(t) {
+    var e;
+    this._$AM === void 0 && (this._$Cp = t, (e = this._$AP) === null || e === void 0 || e.call(this, t));
+  }
+}, St = class {
+  constructor(t, e, s, r, o) {
+    this.type = 1, this._$AH = g, this._$AN = void 0, this.element = t, this.name = e, this._$AM = r, this.options = o, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = g;
+  }
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t, e = this, s, r) {
+    const o = this.strings;
+    let n = !1;
+    if (o === void 0) t = K(this, t, e, 0), n = !ht(t) || t !== this._$AH && t !== L, n && (this._$AH = t);
+    else {
+      const l = t;
+      let a, c;
+      for (t = o[0], a = 0; a < o.length - 1; a++) c = K(this, l[s + a], e, a), c === L && (c = this._$AH[a]), n || (n = !ht(c) || c !== this._$AH[a]), c === g ? t = g : t !== g && (t += (c ?? "") + o[a + 1]), this._$AH[a] = c;
+    }
+    n && !r && this.j(t);
+  }
+  j(t) {
+    t === g ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+  }
+}, ki = class extends St {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t) {
+    this.element[this.name] = t === g ? void 0 : t;
+  }
+};
+const Pi = F ? F.emptyScript : "";
+let Ui = class extends St {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t) {
+    t && t !== g ? this.element.setAttribute(this.name, Pi) : this.element.removeAttribute(this.name);
+  }
+};
+class Ti extends St {
+  constructor(t, e, s, r, o) {
+    super(t, e, s, r, o), this.type = 5;
+  }
+  _$AI(t, e = this) {
+    var s;
+    if ((t = (s = K(this, t, e, 0)) !== null && s !== void 0 ? s : g) === L) return;
+    const r = this._$AH, o = t === g && r !== g || t.capture !== r.capture || t.once !== r.once || t.passive !== r.passive, n = t !== g && (r === g || o);
+    o && this.element.removeEventListener(this.name, this, r), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
+  }
+  handleEvent(t) {
+    var e, s;
+    typeof this._$AH == "function" ? this._$AH.call((s = (e = this.options) === null || e === void 0 ? void 0 : e.host) !== null && s !== void 0 ? s : this.element, t) : this._$AH.handleEvent(t);
+  }
+}
+let Ni = class {
+  constructor(t, e, s) {
+    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = s;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t) {
+    K(this, t);
+  }
+};
+const Se = yt.litHtmlPolyfillSupport;
+Se?.(Xt, se), ((Rt = yt.litHtmlVersions) !== null && Rt !== void 0 ? Rt : yt.litHtmlVersions = []).push("2.8.0");
+const Ii = (i, t, e) => {
+  var s, r;
+  const o = (s = e?.renderBefore) !== null && s !== void 0 ? s : t;
+  let n = o._$litPart$;
+  if (n === void 0) {
+    const l = (r = e?.renderBefore) !== null && r !== void 0 ? r : null;
+    o._$litPart$ = n = new se(t.insertBefore(lt(), l), l, void 0, e ?? {});
+  }
+  return n._$AI(i), n;
+};
+const mt = window, re = mt.ShadowRoot && (mt.ShadyCSS === void 0 || mt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, oe = Symbol(), Ee = /* @__PURE__ */ new WeakMap();
+let ei = class {
+  constructor(t, e, s) {
+    if (this._$cssResult$ = !0, s !== oe) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t, this.t = e;
+  }
+  get styleSheet() {
+    let t = this.o;
+    const e = this.t;
+    if (re && t === void 0) {
+      const s = e !== void 0 && e.length === 1;
+      s && (t = Ee.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && Ee.set(e, t));
+    }
+    return t;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+const Oi = (i) => new ei(typeof i == "string" ? i : i + "", void 0, oe), $ = (i, ...t) => {
+  const e = i.length === 1 ? i[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) + i[o + 1]), i[0]);
+  return new ei(e, i, oe);
+}, Hi = (i, t) => {
+  re ? i.adoptedStyleSheets = t.map(((e) => e instanceof CSSStyleSheet ? e : e.styleSheet)) : t.forEach(((e) => {
+    const s = document.createElement("style"), r = mt.litNonce;
+    r !== void 0 && s.setAttribute("nonce", r), s.textContent = e.cssText, i.appendChild(s);
+  }));
+}, Ce = re ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((t) => {
+  let e = "";
+  for (const s of t.cssRules) e += s.cssText;
+  return Oi(e);
+})(i) : i;
+var Lt;
+const _t = window, ke = _t.trustedTypes, Mi = ke ? ke.emptyScript : "", Pe = _t.reactiveElementPolyfillSupport, Yt = { toAttribute(i, t) {
+  switch (t) {
+    case Boolean:
+      i = i ? Mi : null;
+      break;
+    case Object:
+    case Array:
+      i = i == null ? i : JSON.stringify(i);
+  }
+  return i;
+}, fromAttribute(i, t) {
+  let e = i;
+  switch (t) {
+    case Boolean:
+      e = i !== null;
+      break;
+    case Number:
+      e = i === null ? null : Number(i);
+      break;
+    case Object:
+    case Array:
+      try {
+        e = JSON.parse(i);
+      } catch {
+        e = null;
+      }
+  }
+  return e;
+} }, ii = (i, t) => t !== i && (t == t || i == i), jt = { attribute: !0, type: String, converter: Yt, reflect: !1, hasChanged: ii }, Gt = "finalized";
+let J = class extends HTMLElement {
+  constructor() {
+    super(), this._$Ei = /* @__PURE__ */ new Map(), this.isUpdatePending = !1, this.hasUpdated = !1, this._$El = null, this._$Eu();
+  }
+  static addInitializer(t) {
+    var e;
+    this.finalize(), ((e = this.h) !== null && e !== void 0 ? e : this.h = []).push(t);
+  }
+  static get observedAttributes() {
+    this.finalize();
+    const t = [];
+    return this.elementProperties.forEach(((e, s) => {
+      const r = this._$Ep(s, e);
+      r !== void 0 && (this._$Ev.set(r, s), t.push(r));
+    })), t;
+  }
+  static createProperty(t, e = jt) {
+    if (e.state && (e.attribute = !1), this.finalize(), this.elementProperties.set(t, e), !e.noAccessor && !this.prototype.hasOwnProperty(t)) {
+      const s = typeof t == "symbol" ? Symbol() : "__" + t, r = this.getPropertyDescriptor(t, s, e);
+      r !== void 0 && Object.defineProperty(this.prototype, t, r);
+    }
+  }
+  static getPropertyDescriptor(t, e, s) {
+    return { get() {
+      return this[e];
+    }, set(r) {
+      const o = this[t];
+      this[e] = r, this.requestUpdate(t, o, s);
+    }, configurable: !0, enumerable: !0 };
+  }
+  static getPropertyOptions(t) {
+    return this.elementProperties.get(t) || jt;
+  }
+  static finalize() {
+    if (this.hasOwnProperty(Gt)) return !1;
+    this[Gt] = !0;
+    const t = Object.getPrototypeOf(this);
+    if (t.finalize(), t.h !== void 0 && (this.h = [...t.h]), this.elementProperties = new Map(t.elementProperties), this._$Ev = /* @__PURE__ */ new Map(), this.hasOwnProperty("properties")) {
+      const e = this.properties, s = [...Object.getOwnPropertyNames(e), ...Object.getOwnPropertySymbols(e)];
+      for (const r of s) this.createProperty(r, e[r]);
+    }
+    return this.elementStyles = this.finalizeStyles(this.styles), !0;
+  }
+  static finalizeStyles(t) {
+    const e = [];
+    if (Array.isArray(t)) {
+      const s = new Set(t.flat(1 / 0).reverse());
+      for (const r of s) e.unshift(Ce(r));
+    } else t !== void 0 && e.push(Ce(t));
+    return e;
+  }
+  static _$Ep(t, e) {
+    const s = e.attribute;
+    return s === !1 ? void 0 : typeof s == "string" ? s : typeof t == "string" ? t.toLowerCase() : void 0;
+  }
+  _$Eu() {
+    var t;
+    this._$E_ = new Promise(((e) => this.enableUpdating = e)), this._$AL = /* @__PURE__ */ new Map(), this._$Eg(), this.requestUpdate(), (t = this.constructor.h) === null || t === void 0 || t.forEach(((e) => e(this)));
+  }
+  addController(t) {
+    var e, s;
+    ((e = this._$ES) !== null && e !== void 0 ? e : this._$ES = []).push(t), this.renderRoot !== void 0 && this.isConnected && ((s = t.hostConnected) === null || s === void 0 || s.call(t));
+  }
+  removeController(t) {
+    var e;
+    (e = this._$ES) === null || e === void 0 || e.splice(this._$ES.indexOf(t) >>> 0, 1);
+  }
+  _$Eg() {
+    this.constructor.elementProperties.forEach(((t, e) => {
+      this.hasOwnProperty(e) && (this._$Ei.set(e, this[e]), delete this[e]);
+    }));
+  }
+  createRenderRoot() {
+    var t;
+    const e = (t = this.shadowRoot) !== null && t !== void 0 ? t : this.attachShadow(this.constructor.shadowRootOptions);
+    return Hi(e, this.constructor.elementStyles), e;
+  }
+  connectedCallback() {
+    var t;
+    this.renderRoot === void 0 && (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$ES) === null || t === void 0 || t.forEach(((e) => {
+      var s;
+      return (s = e.hostConnected) === null || s === void 0 ? void 0 : s.call(e);
+    }));
+  }
+  enableUpdating(t) {
+  }
+  disconnectedCallback() {
+    var t;
+    (t = this._$ES) === null || t === void 0 || t.forEach(((e) => {
+      var s;
+      return (s = e.hostDisconnected) === null || s === void 0 ? void 0 : s.call(e);
+    }));
+  }
+  attributeChangedCallback(t, e, s) {
+    this._$AK(t, s);
+  }
+  _$EO(t, e, s = jt) {
+    var r;
+    const o = this.constructor._$Ep(t, s);
+    if (o !== void 0 && s.reflect === !0) {
+      const n = (((r = s.converter) === null || r === void 0 ? void 0 : r.toAttribute) !== void 0 ? s.converter : Yt).toAttribute(e, s.type);
+      this._$El = t, n == null ? this.removeAttribute(o) : this.setAttribute(o, n), this._$El = null;
+    }
+  }
+  _$AK(t, e) {
+    var s;
+    const r = this.constructor, o = r._$Ev.get(t);
+    if (o !== void 0 && this._$El !== o) {
+      const n = r.getPropertyOptions(o), l = typeof n.converter == "function" ? { fromAttribute: n.converter } : ((s = n.converter) === null || s === void 0 ? void 0 : s.fromAttribute) !== void 0 ? n.converter : Yt;
+      this._$El = o, this[o] = l.fromAttribute(e, n.type), this._$El = null;
+    }
+  }
+  requestUpdate(t, e, s) {
+    let r = !0;
+    t !== void 0 && (((s = s || this.constructor.getPropertyOptions(t)).hasChanged || ii)(this[t], e) ? (this._$AL.has(t) || this._$AL.set(t, e), s.reflect === !0 && this._$El !== t && (this._$EC === void 0 && (this._$EC = /* @__PURE__ */ new Map()), this._$EC.set(t, s))) : r = !1), !this.isUpdatePending && r && (this._$E_ = this._$Ej());
+  }
+  async _$Ej() {
+    this.isUpdatePending = !0;
+    try {
+      await this._$E_;
+    } catch (e) {
+      Promise.reject(e);
+    }
+    const t = this.scheduleUpdate();
+    return t != null && await t, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    var t;
+    if (!this.isUpdatePending) return;
+    this.hasUpdated, this._$Ei && (this._$Ei.forEach(((r, o) => this[o] = r)), this._$Ei = void 0);
+    let e = !1;
+    const s = this._$AL;
+    try {
+      e = this.shouldUpdate(s), e ? (this.willUpdate(s), (t = this._$ES) === null || t === void 0 || t.forEach(((r) => {
+        var o;
+        return (o = r.hostUpdate) === null || o === void 0 ? void 0 : o.call(r);
+      })), this.update(s)) : this._$Ek();
+    } catch (r) {
+      throw e = !1, this._$Ek(), r;
+    }
+    e && this._$AE(s);
+  }
+  willUpdate(t) {
+  }
+  _$AE(t) {
+    var e;
+    (e = this._$ES) === null || e === void 0 || e.forEach(((s) => {
+      var r;
+      return (r = s.hostUpdated) === null || r === void 0 ? void 0 : r.call(s);
+    })), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
+  }
+  _$Ek() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$E_;
+  }
+  shouldUpdate(t) {
+    return !0;
+  }
+  update(t) {
+    this._$EC !== void 0 && (this._$EC.forEach(((e, s) => this._$EO(s, this[s], e))), this._$EC = void 0), this._$Ek();
+  }
+  updated(t) {
+  }
+  firstUpdated(t) {
+  }
+};
+J[Gt] = !0, J.elementProperties = /* @__PURE__ */ new Map(), J.elementStyles = [], J.shadowRootOptions = { mode: "open" }, Pe?.({ ReactiveElement: J }), ((Lt = _t.reactiveElementVersions) !== null && Lt !== void 0 ? Lt : _t.reactiveElementVersions = []).push("1.6.3");
+var Bt, Dt;
+let x = class extends J {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+  }
+  createRenderRoot() {
+    var t, e;
+    const s = super.createRenderRoot();
+    return (t = (e = this.renderOptions).renderBefore) !== null && t !== void 0 || (e.renderBefore = s.firstChild), s;
+  }
+  update(t) {
+    const e = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Ii(e, this.renderRoot, this.renderOptions);
+  }
+  connectedCallback() {
+    var t;
+    super.connectedCallback(), (t = this._$Do) === null || t === void 0 || t.setConnected(!0);
+  }
+  disconnectedCallback() {
+    var t;
+    super.disconnectedCallback(), (t = this._$Do) === null || t === void 0 || t.setConnected(!1);
+  }
+  render() {
+    return L;
+  }
+};
+x.finalized = !0, x._$litElement$ = !0, (Bt = globalThis.litElementHydrateSupport) === null || Bt === void 0 || Bt.call(globalThis, { LitElement: x });
+const Ue = globalThis.litElementPolyfillSupport;
+Ue?.({ LitElement: x });
+((Dt = globalThis.litElementVersions) !== null && Dt !== void 0 ? Dt : globalThis.litElementVersions = []).push("3.3.3");
+const Ri = (i, t) => t.kind === "method" && t.descriptor && !("value" in t.descriptor) ? { ...t, finisher(e) {
+  e.createProperty(t.key, i);
+} } : { kind: "field", key: Symbol(), placement: "own", descriptor: {}, originalKey: t.key, initializer() {
+  typeof t.initializer == "function" && (this[t.key] = t.initializer.call(this));
+}, finisher(e) {
+  e.createProperty(t.key, i);
+} }, zi = (i, t, e) => {
+  t.constructor.createProperty(e, i);
+};
+function v(i) {
+  return (t, e) => e !== void 0 ? zi(i, t, e) : Ri(i, t);
+}
+function N(i) {
+  return v({ ...i, state: !0 });
+}
+var qt;
+((qt = window.HTMLSlotElement) === null || qt === void 0 ? void 0 : qt.prototype.assignedElements) != null;
+const Li = { CHILD: 2 }, ji = (i) => (...t) => ({ _$litDirective$: i, values: t });
+let Bi = class {
+  constructor(t) {
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AT(t, e, s) {
+    this._$Ct = t, this._$AM = e, this._$Ci = s;
+  }
+  _$AS(t, e) {
+    return this.update(t, e);
+  }
+  update(t, e) {
+    return this.render(...e);
+  }
+};
+let Qt = class extends Bi {
+  constructor(t) {
+    if (super(t), this.et = g, t.type !== Li.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
+  }
+  render(t) {
+    if (t === g || t == null) return this.ft = void 0, this.et = t;
+    if (t === L) return t;
+    if (typeof t != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
+    if (t === this.et) return this.ft;
+    this.et = t;
+    const e = [t];
+    return e.raw = e, this.ft = { _$litType$: this.constructor.resultType, strings: e, values: [] };
+  }
+};
+Qt.directiveName = "unsafeHTML", Qt.resultType = 1;
+const Di = ji(Qt);
+const $t = globalThis, ne = $t.ShadowRoot && ($t.ShadyCSS === void 0 || $t.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, si = Symbol(), Te = /* @__PURE__ */ new WeakMap();
+let qi = class {
+  constructor(t, e, s) {
+    if (this._$cssResult$ = !0, s !== si) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t, this.t = e;
+  }
+  get styleSheet() {
+    let t = this.o;
+    const e = this.t;
+    if (ne && t === void 0) {
+      const s = e !== void 0 && e.length === 1;
+      s && (t = Te.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && Te.set(e, t));
+    }
+    return t;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+const Vi = (i) => new qi(typeof i == "string" ? i : i + "", void 0, si), Wi = (i, t) => {
+  if (ne) i.adoptedStyleSheets = t.map(((e) => e instanceof CSSStyleSheet ? e : e.styleSheet));
+  else for (const e of t) {
+    const s = document.createElement("style"), r = $t.litNonce;
+    r !== void 0 && s.setAttribute("nonce", r), s.textContent = e.cssText, i.appendChild(s);
+  }
+}, Ne = ne ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((t) => {
+  let e = "";
+  for (const s of t.cssRules) e += s.cssText;
+  return Vi(e);
+})(i) : i;
+const { is: Zi, defineProperty: Ji, getOwnPropertyDescriptor: Fi, getOwnPropertyNames: Ki, getOwnPropertySymbols: Xi, getPrototypeOf: Yi } = Object, Et = globalThis, Ie = Et.trustedTypes, Gi = Ie ? Ie.emptyScript : "", Qi = Et.reactiveElementPolyfillSupport, at = (i, t) => i, te = { toAttribute(i, t) {
+  switch (t) {
+    case Boolean:
+      i = i ? Gi : null;
+      break;
+    case Object:
+    case Array:
+      i = i == null ? i : JSON.stringify(i);
+  }
+  return i;
+}, fromAttribute(i, t) {
+  let e = i;
+  switch (t) {
+    case Boolean:
+      e = i !== null;
+      break;
+    case Number:
+      e = i === null ? null : Number(i);
+      break;
+    case Object:
+    case Array:
+      try {
+        e = JSON.parse(i);
+      } catch {
+        e = null;
+      }
+  }
+  return e;
+} }, ae = (i, t) => !Zi(i, t), Oe = { attribute: !0, type: String, converter: te, reflect: !1, hasChanged: ae };
+Symbol.metadata ??= Symbol("metadata"), Et.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+class rt extends HTMLElement {
+  static addInitializer(t) {
+    this._$Ei(), (this.l ??= []).push(t);
+  }
+  static get observedAttributes() {
+    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+  }
+  static createProperty(t, e = Oe) {
+    if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
+      const s = Symbol(), r = this.getPropertyDescriptor(t, s, e);
+      r !== void 0 && Ji(this.prototype, t, r);
+    }
+  }
+  static getPropertyDescriptor(t, e, s) {
+    const { get: r, set: o } = Fi(this.prototype, t) ?? { get() {
+      return this[e];
+    }, set(n) {
+      this[e] = n;
+    } };
+    return { get() {
+      return r?.call(this);
+    }, set(n) {
+      const l = r?.call(this);
+      o.call(this, n), this.requestUpdate(t, l, s);
+    }, configurable: !0, enumerable: !0 };
+  }
+  static getPropertyOptions(t) {
+    return this.elementProperties.get(t) ?? Oe;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(at("elementProperties"))) return;
+    const t = Yi(this);
+    t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
+  }
+  static finalize() {
+    if (this.hasOwnProperty(at("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(at("properties"))) {
+      const e = this.properties, s = [...Ki(e), ...Xi(e)];
+      for (const r of s) this.createProperty(r, e[r]);
+    }
+    const t = this[Symbol.metadata];
+    if (t !== null) {
+      const e = litPropertyMetadata.get(t);
+      if (e !== void 0) for (const [s, r] of e) this.elementProperties.set(s, r);
+    }
+    this._$Eh = /* @__PURE__ */ new Map();
+    for (const [e, s] of this.elementProperties) {
+      const r = this._$Eu(e, s);
+      r !== void 0 && this._$Eh.set(r, e);
+    }
+    this.elementStyles = this.finalizeStyles(this.styles);
+  }
+  static finalizeStyles(t) {
+    const e = [];
+    if (Array.isArray(t)) {
+      const s = new Set(t.flat(1 / 0).reverse());
+      for (const r of s) e.unshift(Ne(r));
+    } else t !== void 0 && e.push(Ne(t));
+    return e;
+  }
+  static _$Eu(t, e) {
+    const s = e.attribute;
+    return s === !1 ? void 0 : typeof s == "string" ? s : typeof t == "string" ? t.toLowerCase() : void 0;
+  }
+  constructor() {
+    super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
+  }
+  _$Ev() {
+    this._$ES = new Promise(((t) => this.enableUpdating = t)), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach(((t) => t(this)));
+  }
+  addController(t) {
+    (this._$EO ??= /* @__PURE__ */ new Set()).add(t), this.renderRoot !== void 0 && this.isConnected && t.hostConnected?.();
+  }
+  removeController(t) {
+    this._$EO?.delete(t);
+  }
+  _$E_() {
+    const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
+    for (const s of e.keys()) this.hasOwnProperty(s) && (t.set(s, this[s]), delete this[s]);
+    t.size > 0 && (this._$Ep = t);
+  }
+  createRenderRoot() {
+    const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return Wi(t, this.constructor.elementStyles), t;
+  }
+  connectedCallback() {
+    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach(((t) => t.hostConnected?.()));
+  }
+  enableUpdating(t) {
+  }
+  disconnectedCallback() {
+    this._$EO?.forEach(((t) => t.hostDisconnected?.()));
+  }
+  attributeChangedCallback(t, e, s) {
+    this._$AK(t, s);
+  }
+  _$EC(t, e) {
+    const s = this.constructor.elementProperties.get(t), r = this.constructor._$Eu(t, s);
+    if (r !== void 0 && s.reflect === !0) {
+      const o = (s.converter?.toAttribute !== void 0 ? s.converter : te).toAttribute(e, s.type);
+      this._$Em = t, o == null ? this.removeAttribute(r) : this.setAttribute(r, o), this._$Em = null;
+    }
+  }
+  _$AK(t, e) {
+    const s = this.constructor, r = s._$Eh.get(t);
+    if (r !== void 0 && this._$Em !== r) {
+      const o = s.getPropertyOptions(r), n = typeof o.converter == "function" ? { fromAttribute: o.converter } : o.converter?.fromAttribute !== void 0 ? o.converter : te;
+      this._$Em = r, this[r] = n.fromAttribute(e, o.type), this._$Em = null;
+    }
+  }
+  requestUpdate(t, e, s) {
+    if (t !== void 0) {
+      if (s ??= this.constructor.getPropertyOptions(t), !(s.hasChanged ?? ae)(this[t], e)) return;
+      this.P(t, e, s);
+    }
+    this.isUpdatePending === !1 && (this._$ES = this._$ET());
+  }
+  P(t, e, s) {
+    this._$AL.has(t) || this._$AL.set(t, e), s.reflect === !0 && this._$Em !== t && (this._$Ej ??= /* @__PURE__ */ new Set()).add(t);
+  }
+  async _$ET() {
+    this.isUpdatePending = !0;
+    try {
+      await this._$ES;
+    } catch (e) {
+      Promise.reject(e);
+    }
+    const t = this.scheduleUpdate();
+    return t != null && await t, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    if (!this.isUpdatePending) return;
+    if (!this.hasUpdated) {
+      if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
+        for (const [r, o] of this._$Ep) this[r] = o;
+        this._$Ep = void 0;
+      }
+      const s = this.constructor.elementProperties;
+      if (s.size > 0) for (const [r, o] of s) o.wrapped !== !0 || this._$AL.has(r) || this[r] === void 0 || this.P(r, this[r], o);
+    }
+    let t = !1;
+    const e = this._$AL;
+    try {
+      t = this.shouldUpdate(e), t ? (this.willUpdate(e), this._$EO?.forEach(((s) => s.hostUpdate?.())), this.update(e)) : this._$EU();
+    } catch (s) {
+      throw t = !1, this._$EU(), s;
+    }
+    t && this._$AE(e);
+  }
+  willUpdate(t) {
+  }
+  _$AE(t) {
+    this._$EO?.forEach(((e) => e.hostUpdated?.())), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
+  }
+  _$EU() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$ES;
+  }
+  shouldUpdate(t) {
+    return !0;
+  }
+  update(t) {
+    this._$Ej &&= this._$Ej.forEach(((e) => this._$EC(e, this[e]))), this._$EU();
+  }
+  updated(t) {
+  }
+  firstUpdated(t) {
+  }
+}
+rt.elementStyles = [], rt.shadowRootOptions = { mode: "open" }, rt[at("elementProperties")] = /* @__PURE__ */ new Map(), rt[at("finalized")] = /* @__PURE__ */ new Map(), Qi?.({ ReactiveElement: rt }), (Et.reactiveElementVersions ??= []).push("2.0.4");
+const ts = Symbol();
+class es {
+  get taskComplete() {
+    return this.t || (this.i === 1 ? this.t = new Promise(((t, e) => {
+      this.o = t, this.h = e;
+    })) : this.i === 3 ? this.t = Promise.reject(this.l) : this.t = Promise.resolve(this.u)), this.t;
+  }
+  constructor(t, e, s) {
+    this.p = 0, this.i = 0, (this._ = t).addController(this);
+    const r = typeof e == "object" ? e : { task: e, args: s };
+    this.v = r.task, this.j = r.args, this.m = r.argsEqual ?? is, 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();
+  }
+  hostUpdated() {
+    this.autoRun === "afterUpdate" && this.S();
+  }
+  T() {
+    if (this.j === void 0) return;
+    const t = this.j();
+    if (!Array.isArray(t)) throw Error("The args function must return an array");
+    return t;
+  }
+  async S() {
+    const t = this.T(), e = this.O;
+    this.O = t, t === e || t === void 0 || e !== void 0 && this.m(e, t) || await this.run(t);
+  }
+  async run(t) {
+    let e, s;
+    t ??= this.T(), this.O = t, this.i === 1 ? this.q?.abort() : (this.t = void 0, this.o = void 0, this.h = void 0), this.i = 1, this.autoRun === "afterUpdate" ? queueMicrotask((() => this._.requestUpdate())) : this._.requestUpdate();
+    const r = ++this.p;
+    this.q = new AbortController();
+    let o = !1;
+    try {
+      e = await this.v(t, { signal: this.q.signal });
+    } catch (n) {
+      o = !0, s = n;
+    }
+    if (this.p === r) {
+      if (e === ts) this.i = 0;
+      else {
+        if (o === !1) {
+          try {
+            this.k?.(e);
+          } catch {
+          }
+          this.i = 2, this.o?.(e);
+        } else {
+          try {
+            this.A?.(s);
+          } catch {
+          }
+          this.i = 3, this.h?.(s);
+        }
+        this.u = e, this.l = s;
+      }
+      this._.requestUpdate();
+    }
+  }
+  abort(t) {
+    this.i === 1 && this.q?.abort(t);
+  }
+  get value() {
+    return this.u;
+  }
+  get error() {
+    return this.l;
+  }
+  get status() {
+    return this.i;
+  }
+  render(t) {
+    switch (this.i) {
+      case 0:
+        return t.initial?.();
+      case 1:
+        return t.pending?.();
+      case 2:
+        return t.complete?.(this.value);
+      case 3:
+        return t.error?.(this.error);
+      default:
+        throw Error("Unexpected status: " + this.i);
+    }
+  }
+}
+const is = (i, t) => i === t || i.length === t.length && i.every(((e, s) => !ae(e, t[s])));
+var Vt, He;
+function ss() {
+  if (He) return Vt;
+  He = 1;
+  var i = "Expected a function", t = NaN, e = "[object Symbol]", s = /^\s+|\s+$/g, r = /^[-+]0x[0-9a-f]+$/i, o = /^0b[01]+$/i, n = /^0o[0-7]+$/i, l = parseInt, a = typeof vt == "object" && vt && vt.Object === Object && vt, c = typeof self == "object" && self && self.Object === Object && self, h = a || c || Function("return this")(), d = Object.prototype, u = d.toString, y = Math.max, C = Math.min, k = function() {
+    return h.Date.now();
+  };
+  function hi(p, w, S) {
+    var W, G, ut, Z, A, I, Q = 0, ce = !1, tt = !1, Nt = !0;
+    if (typeof p != "function")
+      throw new TypeError(i);
+    w = he(w) || 0, Tt(S) && (ce = !!S.leading, tt = "maxWait" in S, ut = tt ? y(he(S.maxWait) || 0, w) : ut, Nt = "trailing" in S ? !!S.trailing : Nt);
+    function It(m) {
+      var P = W, et = G;
+      return W = G = void 0, Q = m, Z = p.apply(et, P), Z;
+    }
+    function pi(m) {
+      return Q = m, A = setTimeout(ft, w), ce ? It(m) : Z;
+    }
+    function ui(m) {
+      var P = m - I, et = m - Q, ue = w - P;
+      return tt ? C(ue, ut - et) : ue;
+    }
+    function de(m) {
+      var P = m - I, et = m - Q;
+      return I === void 0 || P >= w || P < 0 || tt && et >= ut;
+    }
+    function ft() {
+      var m = k();
+      if (de(m))
+        return pe(m);
+      A = setTimeout(ft, ui(m));
+    }
+    function pe(m) {
+      return A = void 0, Nt && W ? It(m) : (W = G = void 0, Z);
+    }
+    function fi() {
+      A !== void 0 && clearTimeout(A), Q = 0, W = I = G = A = void 0;
+    }
+    function vi() {
+      return A === void 0 ? Z : pe(k());
+    }
+    function Ot() {
+      var m = k(), P = de(m);
+      if (W = arguments, G = this, I = m, P) {
+        if (A === void 0)
+          return pi(I);
+        if (tt)
+          return A = setTimeout(ft, w), It(I);
+      }
+      return A === void 0 && (A = setTimeout(ft, w)), Z;
+    }
+    return Ot.cancel = fi, Ot.flush = vi, Ot;
+  }
+  function Tt(p) {
+    var w = typeof p;
+    return !!p && (w == "object" || w == "function");
+  }
+  function ci(p) {
+    return !!p && typeof p == "object";
+  }
+  function di(p) {
+    return typeof p == "symbol" || ci(p) && u.call(p) == e;
+  }
+  function he(p) {
+    if (typeof p == "number")
+      return p;
+    if (di(p))
+      return t;
+    if (Tt(p)) {
+      var w = typeof p.valueOf == "function" ? p.valueOf() : p;
+      p = Tt(w) ? w + "" : w;
+    }
+    if (typeof p != "string")
+      return p === 0 ? p : +p;
+    p = p.replace(s, "");
+    var S = o.test(p);
+    return S || n.test(p) ? l(p.slice(2), S ? 2 : 8) : r.test(p) ? t : +p;
+  }
+  return Vt = hi, Vt;
+}
+var rs = ss();
+const os = /* @__PURE__ */ gi(rs);
+var ns = Object.defineProperty, f = (i, t, e, s) => {
+  for (var r = void 0, o = i.length - 1, n; o >= 0; o--) (n = i[o]) && (r = n(t, e, r) || r);
+  return r && ns(t, e, r), r;
+}, B = (i = "", t) => {
+  customElements.get(i) || customElements.define(i, t);
+}, Me = (i, t) => [...i].reduce((e, s) => t?.skip?.includes(s.name) ? e : `${e}${s.name}="${s.value}" `, ""), pt = class extends x {
+  constructor() {
+    super(...arguments), this.name = "", this.fallbackTag = null, this.defaultStyle = null, this.refElement = null;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    let i = this;
+    for (; i.parentNode; )
+      i = i.parentNode;
+    if (this.refElement = i.host.querySelector(`[refElement="${this.name}"]`), this.refElement && this.fallbackTag !== null && this.refElement.tagName.toLowerCase() !== this.fallbackTag)
+      throw new Error(`Your html tag to customize ${this.name} should be <${this.fallbackTag}></<${this.fallbackTag}>`);
+  }
+  render() {
+    const i = Me(this.attributes, { skip: ["name", "fallbacktag"] }), t = Me(this.refElement?.attributes ?? []);
+    return _`${Di(`
+      <style>${this.defaultStyle}</style>
+      <${this.fallbackTag} ${i} ${t}>
+        <slot></slot>
+      </${this.fallbackTag}>`)}`;
+  }
+};
+f([v()], pt.prototype, "name");
+f([v({ type: String || null })], pt.prototype, "fallbackTag");
+f([v({ type: String || null })], pt.prototype, "defaultStyle");
+f([v({ type: String || null })], pt.prototype, "refElement");
+B("appcues-use-ref", pt);
+var as = () => {
+  let i = {};
+  const t = window.AppcuesSettings?.userIdSignature;
+  return t && (i = { Authorization: `Bearer ${t}` }), i;
+}, ls = async (i, t) => {
+  const e = as();
+  return await fetch(i, { headers: e, ...t });
+}, hs = "https://api.appcues.net/v1/", cs = $`
+  .container {
+    background: #fff;
+    box-shadow: var(--flows-list-block-shadow);
+    border-radius: var(--flows-list-block-radius);
+    padding: 8px 0;
+    width: 100%;
+  }
+
+  .container .loading,
+  .container .error-message {
+    align-items: center;
+    color: var(--flows-list-block-color);
+    display: flex;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    justify-content: center;
+    line-height: 160%;
+    padding: 16px;
+    text-align: center;
+  }
+`, ds = $`
+  slot[name='empty-message'],
+  ::slotted(p[slot='empty-message']) {
+    align-items: center;
+    color: var(--flows-list-block-color);
+    display: flex;
+    font-style: normal;
+    font-weight: 400;
+    justify-content: center;
+    line-height: 160%;
+    padding: 16px;
+    text-align: center;
+    font-size: 14px;
+  }
+`, ps = $`
+  ul {
+    list-style-type: square;
+    list-style-position: inside;
+    margin: 0;
+    padding: 0 4px;
+  }
+`, us = $`
+  li {
+    cursor: pointer;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 160%;
+    padding: 8px 16px;
+    border-radius: var(--flows-list-block-item-radius);
+    transition: background-color 0.3s ease 0s;
+  }
+
+  li:hover {
+    background-color: var(--flows-list-block-background-hover);
+  }
+
+  li::marker {
+    color: var(--flows-list-block-marker-color);
+  }
+
+  li:hover > span {
+    background-color: var(--flows-list-block-background-hover);
+  }
+
+  li > span {
+    color: var(--flows-list-block-color);
+  }
+
+  li appcues-use-ref {
+    display: inline-flex;
+    max-width: calc(100% - 20px);
+  }
+`, fs = $`
+  ::slotted(h1[slot='title']),
+  ::slotted(h2[slot='title']),
+  ::slotted(h3[slot='title']) {
+    color: var(--flows-list-block-color);
+    font-size: 15px;
+    font-weight: 700;
+    line-height: 24px;
+    margin: 0 0 8px;
+    padding: 0 16px 0;
+
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    max-height: 48px;
+    max-width: calc(100% - 32px);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: normal;
+  }
+`, Wt, wt = window, X = wt.trustedTypes, Re = X ? X.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, ee = "$lit$", T = `lit$${(Math.random() + "").slice(9)}$`, ri = "?" + T, vs = `<${ri}>`, j = document, At = () => j.createComment(""), ct = (i) => i === null || typeof i != "object" && typeof i != "function", oi = Array.isArray, gs = (i) => oi(i) || typeof i?.[Symbol.iterator] == "function", Zt = `[ 	
+\f\r]`, ot = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ze = /-->/g, Le = />/g, H = RegExp(`>|${Zt}(?:([^\\s"'>=/]+)(${Zt}*=${Zt}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), je = /'/g, Be = /"/g, ni = /^(?:script|style|textarea|title)$/i, ai = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }), nt = ai(1), Ct = ai(2), dt = Symbol.for("lit-noChange"), b = Symbol.for("lit-nothing"), De = /* @__PURE__ */ new WeakMap(), R = j.createTreeWalker(j, 129, null, !1);
+function li(i, t) {
+  if (!Array.isArray(i) || !i.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return Re !== void 0 ? Re.createHTML(t) : t;
+}
+var ms = (i, t) => {
+  const e = i.length - 1, s = [];
+  let r, o = t === 2 ? "<svg>" : "", n = ot;
+  for (let l = 0; l < e; l++) {
+    const a = i[l];
+    let c, h, d = -1, u = 0;
+    for (; u < a.length && (n.lastIndex = u, h = n.exec(a), h !== null); ) u = n.lastIndex, n === ot ? h[1] === "!--" ? n = ze : h[1] !== void 0 ? n = Le : h[2] !== void 0 ? (ni.test(h[2]) && (r = RegExp("</" + h[2], "g")), n = H) : h[3] !== void 0 && (n = H) : n === H ? h[0] === ">" ? (n = r ?? ot, d = -1) : h[1] === void 0 ? d = -2 : (d = n.lastIndex - h[2].length, c = h[1], n = h[3] === void 0 ? H : h[3] === '"' ? Be : je) : n === Be || n === je ? n = H : n === ze || n === Le ? n = ot : (n = H, r = void 0);
+    const y = n === H && i[l + 1].startsWith("/>") ? " " : "";
+    o += n === ot ? a + vs : d >= 0 ? (s.push(c), a.slice(0, d) + ee + a.slice(d) + T + y) : a + T + (d === -2 ? (s.push(void 0), l) : y);
+  }
+  return [li(i, o + (i[e] || "<?>") + (t === 2 ? "</svg>" : "")), s];
+}, xt = class {
+  constructor({ strings: i, _$litType$: t }, e) {
+    let s;
+    this.parts = [];
+    let r = 0, o = 0;
+    const n = i.length - 1, l = this.parts, [a, c] = ms(i, t);
+    if (this.el = xt.createElement(a, e), R.currentNode = this.el.content, t === 2) {
+      const h = this.el.content, d = h.firstChild;
+      d.remove(), h.append(...d.childNodes);
+    }
+    for (; (s = R.nextNode()) !== null && l.length < n; ) {
+      if (s.nodeType === 1) {
+        if (s.hasAttributes()) {
+          const h = [];
+          for (const d of s.getAttributeNames()) if (d.endsWith(ee) || d.startsWith(T)) {
+            const u = c[o++];
+            if (h.push(d), u !== void 0) {
+              const y = s.getAttribute(u.toLowerCase() + ee).split(T), C = /([.?@])?(.*)/.exec(u);
+              l.push({ type: 1, index: r, name: C[2], strings: y, ctor: C[1] === "." ? bs : C[1] === "?" ? _s : C[1] === "@" ? ws : kt });
+            } else l.push({ type: 6, index: r });
+          }
+          for (const d of h) s.removeAttribute(d);
+        }
+        if (ni.test(s.tagName)) {
+          const h = s.textContent.split(T), d = h.length - 1;
+          if (d > 0) {
+            s.textContent = X ? X.emptyScript : "";
+            for (let u = 0; u < d; u++) s.append(h[u], At()), R.nextNode(), l.push({ type: 2, index: ++r });
+            s.append(h[d], At());
+          }
+        }
+      } else if (s.nodeType === 8) if (s.data === ri) l.push({ type: 2, index: r });
+      else {
+        let h = -1;
+        for (; (h = s.data.indexOf(T, h + 1)) !== -1; ) l.push({ type: 7, index: r }), h += T.length - 1;
+      }
+      r++;
+    }
+  }
+  static createElement(i, t) {
+    const e = j.createElement("template");
+    return e.innerHTML = i, e;
+  }
+};
+function Y(i, t, e = i, s) {
+  var r, o, n, l;
+  if (t === dt) return t;
+  let a = s !== void 0 ? (r = e._$Co) === null || r === void 0 ? void 0 : r[s] : e._$Cl;
+  const c = ct(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(i), a._$AT(i, e, s)), s !== void 0 ? ((n = (l = e)._$Co) !== null && n !== void 0 ? n : l._$Co = [])[s] = a : e._$Cl = a), a !== void 0 && (t = Y(i, a._$AS(i, t.values), a, s)), t;
+}
+var $s = class {
+  constructor(i, t) {
+    this._$AV = [], this._$AN = void 0, this._$AD = i, this._$AM = t;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(i) {
+    var t;
+    const { el: { content: e }, parts: s } = this._$AD, r = ((t = i?.creationScope) !== null && t !== void 0 ? t : j).importNode(e, !0);
+    R.currentNode = r;
+    let o = R.nextNode(), n = 0, l = 0, a = s[0];
+    for (; a !== void 0; ) {
+      if (n === a.index) {
+        let c;
+        a.type === 2 ? c = new le(o, o.nextSibling, this, i) : a.type === 1 ? c = new a.ctor(o, a.name, a.strings, this, i) : a.type === 6 && (c = new As(o, this, i)), this._$AV.push(c), a = s[++l];
+      }
+      n !== a?.index && (o = R.nextNode(), n++);
+    }
+    return R.currentNode = j, r;
+  }
+  v(i) {
+    let t = 0;
+    for (const e of this._$AV) e !== void 0 && (e.strings !== void 0 ? (e._$AI(i, e, t), t += e.strings.length - 2) : e._$AI(i[t])), t++;
+  }
+}, le = class {
+  constructor(i, t, e, s) {
+    var r;
+    this.type = 2, this._$AH = b, this._$AN = void 0, this._$AA = i, this._$AB = t, this._$AM = e, this.options = s, this._$Cp = (r = s?.isConnected) === null || r === void 0 || r;
+  }
+  get _$AU() {
+    var i, t;
+    return (t = (i = this._$AM) === null || i === void 0 ? void 0 : i._$AU) !== null && t !== void 0 ? t : this._$Cp;
+  }
+  get parentNode() {
+    let i = this._$AA.parentNode;
+    const t = this._$AM;
+    return t !== void 0 && i?.nodeType === 11 && (i = t.parentNode), i;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(i, t = this) {
+    i = Y(this, i, t), ct(i) ? i === b || i == null || i === "" ? (this._$AH !== b && this._$AR(), this._$AH = b) : i !== this._$AH && i !== dt && this._(i) : i._$litType$ !== void 0 ? this.g(i) : i.nodeType !== void 0 ? this.$(i) : gs(i) ? this.T(i) : this._(i);
+  }
+  k(i) {
+    return this._$AA.parentNode.insertBefore(i, this._$AB);
+  }
+  $(i) {
+    this._$AH !== i && (this._$AR(), this._$AH = this.k(i));
+  }
+  _(i) {
+    this._$AH !== b && ct(this._$AH) ? this._$AA.nextSibling.data = i : this.$(j.createTextNode(i)), this._$AH = i;
+  }
+  g(i) {
+    var t;
+    const { values: e, _$litType$: s } = i, r = typeof s == "number" ? this._$AC(i) : (s.el === void 0 && (s.el = xt.createElement(li(s.h, s.h[0]), this.options)), s);
+    if (((t = this._$AH) === null || t === void 0 ? void 0 : t._$AD) === r) this._$AH.v(e);
+    else {
+      const o = new $s(r, this), n = o.u(this.options);
+      o.v(e), this.$(n), this._$AH = o;
+    }
+  }
+  _$AC(i) {
+    let t = De.get(i.strings);
+    return t === void 0 && De.set(i.strings, t = new xt(i)), t;
+  }
+  T(i) {
+    oi(this._$AH) || (this._$AH = [], this._$AR());
+    const t = this._$AH;
+    let e, s = 0;
+    for (const r of i) s === t.length ? t.push(e = new le(this.k(At()), this.k(At()), this, this.options)) : e = t[s], e._$AI(r), s++;
+    s < t.length && (this._$AR(e && e._$AB.nextSibling, s), t.length = s);
+  }
+  _$AR(i = this._$AA.nextSibling, t) {
+    var e;
+    for ((e = this._$AP) === null || e === void 0 || e.call(this, !1, !0, t); i && i !== this._$AB; ) {
+      const s = i.nextSibling;
+      i.remove(), i = s;
+    }
+  }
+  setConnected(i) {
+    var t;
+    this._$AM === void 0 && (this._$Cp = i, (t = this._$AP) === null || t === void 0 || t.call(this, i));
+  }
+}, kt = class {
+  constructor(i, t, e, s, r) {
+    this.type = 1, this._$AH = b, this._$AN = void 0, this.element = i, this.name = t, this._$AM = s, this.options = r, e.length > 2 || e[0] !== "" || e[1] !== "" ? (this._$AH = Array(e.length - 1).fill(new String()), this.strings = e) : this._$AH = b;
+  }
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(i, t = this, e, s) {
+    const r = this.strings;
+    let o = !1;
+    if (r === void 0) i = Y(this, i, t, 0), o = !ct(i) || i !== this._$AH && i !== dt, o && (this._$AH = i);
+    else {
+      const n = i;
+      let l, a;
+      for (i = r[0], l = 0; l < r.length - 1; l++) a = Y(this, n[e + l], t, l), a === dt && (a = this._$AH[l]), o || (o = !ct(a) || a !== this._$AH[l]), a === b ? i = b : i !== b && (i += (a ?? "") + r[l + 1]), this._$AH[l] = a;
+    }
+    o && !s && this.j(i);
+  }
+  j(i) {
+    i === b ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, i ?? "");
+  }
+}, bs = class extends kt {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(i) {
+    this.element[this.name] = i === b ? void 0 : i;
+  }
+}, ys = X ? X.emptyScript : "", _s = class extends kt {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(i) {
+    i && i !== b ? this.element.setAttribute(this.name, ys) : this.element.removeAttribute(this.name);
+  }
+}, ws = class extends kt {
+  constructor(i, t, e, s, r) {
+    super(i, t, e, s, r), this.type = 5;
+  }
+  _$AI(i, t = this) {
+    var e;
+    if ((i = (e = Y(this, i, t, 0)) !== null && e !== void 0 ? e : b) === dt) return;
+    const s = this._$AH, r = i === b && s !== b || i.capture !== s.capture || i.once !== s.once || i.passive !== s.passive, o = i !== b && (s === b || r);
+    r && this.element.removeEventListener(this.name, this, s), o && this.element.addEventListener(this.name, this, i), this._$AH = i;
+  }
+  handleEvent(i) {
+    var t, e;
+    typeof this._$AH == "function" ? this._$AH.call((e = (t = this.options) === null || t === void 0 ? void 0 : t.host) !== null && e !== void 0 ? e : this.element, i) : this._$AH.handleEvent(i);
+  }
+}, As = class {
+  constructor(i, t, e) {
+    this.element = i, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = e;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(i) {
+    Y(this, i);
+  }
+}, qe = wt.litHtmlPolyfillSupport;
+qe?.(xt, le), ((Wt = wt.litHtmlVersions) !== null && Wt !== void 0 ? Wt : wt.litHtmlVersions = []).push("2.8.0");
+var xs = Ct`
+  <svg
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    x="0px"
+    y="0px"
+    width="40px"
+    height="40px"
+    fill="#0072D6"
+    viewBox="0 0 40 40"
+    enable-background="new 0 0 40 40"
+    xml:space="preserve"
+  >
+    <path
+      opacity="0.2"
+      fill="#0072D6"
+      d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946
+ s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634
+ c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"
+    />
+    <path
+      fill="#0072D6"
+      d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0
+ C22.32,8.481,24.301,9.057,26.013,10.047z"
+    >
+      <animateTransform
+        attributeType="xml"
+        attributeName="transform"
+        type="rotate"
+        from="0 20 20"
+        to="360 20 20"
+        keySplines="0.17 0.27 0.8 0.65"
+        calcMode="spline"
+        dur="0.6s"
+        repeatCount="indefinite"
+        keyTimes="0;1"
+      />
+    </path>
+  </svg>
+`, Ss = JSON.stringify([{ id: "1", name: "Item 1", publicName: "Item 1 public lorem ipsum dolor lorem impsum" }, { id: "2", name: "Item 2" }, { id: "3", name: "Item 3" }, { id: "4", name: "Item 4" }, { id: "5", name: "Item 5" }]), Es = async ({ accountId: i, userId: t }, e) => {
+  if (!i || !t)
+    return [];
+  const s = window.location.href, r = new URL(`${hs}/accounts/${i}/users/${t}/widget`);
+  return r.searchParams.set("url", s), r.searchParams.set("order_by", e), (await ls(r.toString())).json();
+}, D = class extends x {
+  constructor() {
+    super(...arguments), this.listItems = [], this.orderBy = "sort_order", this.limit = 5, this.listMock = Ss, this.mode = "live", this.fetchListItems = async () => {
+      if (this.mode === "preview")
+        return this.listItems = JSON.parse(this.listMock), JSON.parse(this.listMock);
+      const i = await Appcues?.user() ?? {}, { contents: t } = await Es({ accountId: AppcuesBundleSettings?.accountId, userId: i?.userId }, this.orderBy), e = t.map(({ id: s, name: r, public_name: o }) => ({ id: s, name: r, publicName: o }));
+      return this.listItems = e, e;
+    }, this.getListItems = new es(this, { task: this.fetchListItems, args: () => [] }), this.handleItemClick = (i) => () => {
+      const t = new CustomEvent("flow-item-clicked", { detail: this.listItems.find((e) => e.id === i), bubbles: !0, composed: !0 });
+      this.dispatchEvent(t);
+    }, this.handleItemHover = (i) => () => {
+      const t = new CustomEvent("flow-item-hovered", { detail: this.listItems.find((e) => e.id === i), bubbles: !0, composed: !0 });
+      this.dispatchEvent(t);
+    }, this.containerTemplate = (i) => _`
+    <appcues-use-ref
+      name="list-container"
+      fallbackTag="ul"
+      defaultStyle=${ps}
+    >
+      ${i.slice(0, this.limit).map(this.itemTemplate)}
+    </appcues-use-ref>
+  `, this.itemTemplate = (i) => _`
+      <li
+        @click="${this.handleItemClick(i.id)}"
+        @mouseover="${this.handleItemHover(i.id)}"
+      >
+        <appcues-use-ref fallbackTag="span" name="list-item">
+          ${i.publicName ?? i.name}
+        </appcues-use-ref>
+      </li>
+    `, this.emptyMessageTemplate = _`
+    <slot name="empty-message">
+      <p>Nothing to see here at the moment</p>
+    </slot>
+  `;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.mode !== "live" && new MutationObserver((t) => {
+      t.forEach((e) => {
+        const [s] = e.addedNodes;
+        (e.type === "attributes" || s && ["UL", "LI", "SPAN"].includes(s.nodeName)) && this.getListItems.run();
+      });
+    }).observe(this, { childList: !0, subtree: !0, attributes: !0 });
+  }
+  render() {
+    return _`
+      <div class="container">
+        <slot name="title"></slot>
+        ${this.getListItems.render({ pending: () => _`<div class="loading">${xs}</div>`, complete: (i) => i.slice(0, this.limit).length === 0 ? this.emptyMessageTemplate : this.containerTemplate(i), error: () => _`
+              <div class="error-message">Nothing to see here at the moment</div>
+            ` })}
+      </div>
+    `;
+  }
+};
+D.styles = [cs, ds, fs, us];
+f([N()], D.prototype, "listItems");
+f([v()], D.prototype, "orderBy");
+f([v({ type: Number })], D.prototype, "limit");
+f([v()], D.prototype, "listMock");
+f([v({ type: String })], D.prototype, "mode");
+B("appcues-flows-list", D);
+var Cs = $`
+  .btn-wrapper {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+  }
+
+  .btn-wrapper button {
+    background-color: var(--launcher-main-color, #0072d6);
+    color: white;
+    cursor: pointer;
+    outline-color: #0072d6;
+    outline-width: 2px;
+  }
+
+  .btn-wrapper button {
+    border: none;
+    border-start-start-radius: 80px;
+    border-end-start-radius: 80px;
+    border-start-end-radius: 0;
+    border-end-end-radius: 0;
+    padding-inline: 16px 8px;
+    padding-block: 4px;
+    height: 52px;
+    outline-offset: 3px;
+  }
+
+  .btn-wrapper ::slotted(button) {
+    padding: 10px 16px;
+    border-radius: 80px;
+    border: 2px solid transparent;
+    height: 52px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    outline-offset: 4px;
+  }
+
+  .btn-wrapper button:hover:not(:active):not([disabled]) {
+    background-color: var(--launcher-hover-color, #4848eb) !important;
+  }
+
+  .btn-wrapper button:active {
+    background-color: var(--launcher-active-color, #8c8cff) !important;
+  }
+
+  .btn-wrapper > .slot-wrapper {
+    border: 2px solid white;
+    margin-top: -2px;
+    border-radius: 80px;
+    width: max-content;
+  }
+
+  .btn-wrapper > .slot-wrapper.active {
+    margin-inline-start: -18px;
+  }
+`, ks = $`
+  .checklist-content {
+    display: flex;
+    flex-direction: column;
+    text-align: left;
+    margin-inline-end: 18px;
+    justify-content: center;
+    gap: 6px;
+    line-height: 1.2;
+  }
+`, Ps = $`
+  .progress-wrapper {
+    display: flex;
+    align-items: center;
+    gap: 2px;
+    border-radius: 6px;
+    min-width: 100px;
+    overflow: hidden;
+  }
+
+  .progress-bar,
+  progress {
+    background-color: rgba(255, 255, 255, 0.4);
+    height: 4px;
+    flex-grow: 1;
+  }
+
+  .progress-bar.completed {
+    background-color: white;
+  }
+
+  progress[value] {
+    --color: white;
+    --background: rgba(255, 255, 255, 0.4);
+    appearance: none;
+    background: var(--background);
+    border: none;
+  }
+
+  progress[value]::-webkit-progress-bar {
+    background: var(--background);
+  }
+
+  progress[value]::-webkit-progress-value {
+    background: var(--color);
+  }
+
+  progress[value]::-moz-progress-bar {
+    background: var(--color);
+  }
+`, E = class extends x {
+  constructor() {
+    super(...arguments), this.title = "Checklist", this.totalItems = 0, this.completedItems = 0, this.activeColor = "#4848eb", this.hoverColor = "#4848eb", this.mainColor = "#0072d6", this.checklistId = "", this.handleSlotchange = (i) => {
+      const r = (i.target?.assignedNodes({ flatten: !0 })).find((l) => l.querySelector ? l.querySelector("button") : !1)?.querySelector("button");
+      if (!r) return;
+      const { backgroundColor: o, background: n } = getComputedStyle(r);
+      this.mainColor = o || n, this.style.setProperty("--launcher-main-color", this.mainColor);
+    }, this.progressbar = () => {
+      if (this.totalItems > 8)
+        return nt`<progress
+        id="items"
+        value="${this.completedItems}"
+        max="${this.totalItems}"
+      ></progress>`;
+      const i = [];
+      for (let t = 0; t < this.totalItems; t++)
+        i.push(nt`<div
+          class="progress-bar ${t < this.completedItems && "completed"}"
+        ></div>`);
+      return i;
+    }, this.slotElement = () => nt`
+    <slot @slotchange=${this.handleSlotchange}></slot>
+  `;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.totalItems = Number.parseInt(this.getAttribute("totalitems") || "0", 10), this.completedItems = Number.parseInt(this.getAttribute("completeditems") || "0", 10), this.title = this.getAttribute("title") || "Checklist", mi((i) => {
+      const t = i, { id: e, name: s, totalItems: r, completedItems: o } = t.detail;
+      this.totalItems = r, this.completedItems = o, this.title = s, this.checklistId = e, bi();
+    }), $i(() => {
+      this.totalItems = 0, this.completedItems = 0, this.title = "Checklist", this.checklistId = "";
+    });
+  }
+  attributeChangedCallback(i, t, e) {
+    if (i === "totalitems") {
+      const s = Number.parseInt(e || "0", 10);
+      this.totalItems = s > 0 ? s : 0;
+    }
+    if (i === "completeditems") {
+      const s = Number.parseInt(e || "0", 10);
+      s > this.totalItems ? this.completedItems = this.totalItems : s < 0 ? this.completedItems = 0 : this.completedItems = s;
+    }
+    i === "title" && (this.title = e || "Checklist"), i === "hovercolor" && (this.hoverColor = e || "#4848eb", this.style.setProperty("--launcher-hover-color", this.hoverColor)), i === "activecolor" && (this.activeColor = e || "#8c8cff", this.style.setProperty("--launcher-active-color", this.activeColor));
+  }
+  render() {
+    return nt`
+      <div class="btn-wrapper">
+        ${this.totalItems === 0 ? this.slotElement() : nt`
+              <button @click="${() => fe(this.checklistId)}">
+                <div class="checklist-content">
+                  ${this.title}
+                  <div class="progress-wrapper" aria-role="progressbar">
+                    ${this.progressbar()}
+                  </div>
+                </div>
+              </button>
+              <div
+                class="slot-wrapper ${this.totalItems > 0 && "active"}"
+                @click="${{ handleEvent: () => fe(this.checklistId, !0), capture: !0 }}"
+              >
+                ${this.slotElement()}
+              </div>
+            `}
+      </div>
+    `;
+  }
+};
+E.styles = [Cs, ks, Ps];
+f([v()], E.prototype, "title");
+f([v()], E.prototype, "totalItems");
+f([v()], E.prototype, "completedItems");
+f([v()], E.prototype, "activeColor");
+f([v()], E.prototype, "hoverColor");
+f([N()], E.prototype, "mainColor");
+f([N()], E.prototype, "checklistId");
+B("appcues-checklist-wrapper", E);
+var Us = $`
+  .page {
+    display: block;
+    width: 100%;
+    height: 100%;
+  }
+
+  .idle {
+    display: none;
+  }
+
+  .hidden {
+    pointer-events: none;
+  }
+
+  .animated {
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
+`, Ts = $`
+  .slide-in-bottom {
+    animation: slide-in-bottom 0.4s cubic-bezier(0.15, 1.03, 0.8, 1.03) forwards;
+  }
+
+  @keyframes slide-in-bottom {
+    0% {
+      opacity: 0;
+      transform: translateY(80%);
+    }
+    20% {
+      opacity: 0;
+    }
+    100% {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+`, Ns = $`
+  .slide-out-bottom {
+    animation: slide-out-bottom 0.4s cubic-bezier(0.7, 0, 0.57, 0.55) forwards;
+  }
+
+  @keyframes slide-out-bottom {
+    0% {
+      opacity: 1;
+      transform: translateY(0);
+    }
+
+    80% {
+      opacity: 1;
+    }
+
+    99% {
+      transform: translateY(80%);
+      opacity: 0;
+    }
+
+    100% {
+      display: none;
+      max-height: 0;
+      overflow: hidden;
+    }
+  }
+`, Pt = class extends x {
+  constructor() {
+    super(...arguments), this.status = "idle", this.animation = "", this.minHeight = "auto";
+  }
+  show({ animation: i = "" } = {}) {
+    i !== "" && (this.animation = i), this.status = "showing";
+  }
+  hide({ animation: i = "" } = {}) {
+    i !== "" && (this.animation = i), this.status = "hidden";
+  }
+  render() {
+    return _`
+      <div
+        class="page ${this.status} ${this.animation && "animated"} ${this.animation}"
+        aria-hidden="${["hidden", "idle"].includes(this.status)}"
+      >
+        <slot></slot>
+      </div>
+    `;
+  }
+};
+Pt.styles = [Us, Ts, Ns];
+f([N()], Pt.prototype, "status");
+f([v()], Pt.prototype, "minHeight");
+B("appcues-page", Pt);
+var Is = $`
+  .grow {
+    animation: grow-min-height 0.4s cubic-bezier(0.7, 0, 0.57, 0.55) forwards;
+    min-height: auto;
+  }
+
+  .shrink {
+    animation: shrink-min-height 0.4s cubic-bezier(0.7, 0, 0.57, 0.55) forwards;
+  }
+`, q = class extends x {
+  constructor() {
+    super(...arguments), this.currentPage = 0, this.pages = [], this.currentHeight = "auto", this.entry = "slide-in-bottom", this.exit = "slide-out-bottom";
+  }
+  getChildren() {
+    return this.shadowRoot ? this.shadowRoot.querySelector("slot")?.assignedElements({ flatten: !0 }) ?? [] : [];
+  }
+  updateHeight(i = this.currentPage) {
+    const t = this.pages[i].minHeight || "auto";
+    this.currentHeight = t !== "auto" ? t : "auto";
+  }
+  showFirstPage() {
+    this.updateHeight(), this.pages[this.currentPage].show();
+  }
+  prev() {
+    this.currentPage <= 0 || (this.updateHeight(this.currentPage - 1), this.pages[this.currentPage].hide({ animation: this.exit }), this.pages[this.currentPage - 1].show(), this.currentPage -= 1);
+  }
+  next() {
+    this.currentPage >= this.pages.length - 1 || (this.currentPage += 1, this.updateHeight(), this.pages[this.currentPage].show({ animation: this.entry }), this.pages[this.currentPage - 1].hide());
+  }
+  goTo(i = 0) {
+    i !== this.currentPage && (this.pages[i].show({ animation: i !== 0 ? this.entry : "" }), this.pages[this.currentPage].hide({ animation: this.currentPage !== 0 ? this.exit : "" }), this.currentPage = i, this.updateHeight());
+  }
+  firstUpdated() {
+    this.pages = this.getChildren(), this.showFirstPage();
+  }
+  connectedCallback() {
+    super.connectedCallback();
+  }
+  render() {
+    return _`
+      <style>
+        @keyframes grow-min-height {
+          0% {
+            min-height: 0;
+          }
+
+          100% {
+            min-height: ${this.currentHeight};
+          }
+        }
+
+        @keyframes shrink-min-height {
+          0% {
+            min-height: ${this.currentHeight};
+          }
+
+          100% {
+            min-height: auto;
+          }
+        }
+      </style>
+      <div
+        class="${this.currentPage !== 0 ? "grow" : "shrink"}"
+        style="position: relative;"
+      >
+        <slot></slot>
+      </div>
+    `;
+  }
+};
+q.styles = [Is];
+f([N()], q.prototype, "currentPage");
+f([N()], q.prototype, "pages");
+f([N()], q.prototype, "currentHeight");
+f([v()], q.prototype, "entry");
+f([v()], q.prototype, "exit");
+B("appcues-navigation-stack", q);
+var Os = Ct`
+  <svg
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    x="0px"
+    y="0px"
+    width="40px"
+    height="40px"
+    fill="#0072D6"
+    viewBox="0 0 40 40"
+    enable-background="new 0 0 40 40"
+    xml:space="preserve"
+  >
+    <path
+      opacity="0.2"
+      fill="#0072D6"
+      d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946
+ s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634
+ c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"
+    />
+    <path
+      fill="#0072D6"
+      d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0
+ C22.32,8.481,24.301,9.057,26.013,10.047z"
+    >
+      <animateTransform
+        attributeType="xml"
+        attributeName="transform"
+        type="rotate"
+        from="0 20 20"
+        to="360 20 20"
+        keySplines="0.17 0.27 0.8 0.65"
+        calcMode="spline"
+        dur="0.6s"
+        repeatCount="indefinite"
+        keyTimes="0;1"
+      />
+    </path>
+  </svg>
+`, Hs = Ct`
+  <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
+        id="Vector" 
+        d="M6.12522 8.00305L11.9239 13.8017C12.1702 14.048 12.2953 14.3528 12.2993 14.7161C12.3033 15.0794 12.1822 15.3842 11.9359 15.6305C11.6896 15.8769 11.3828 16 11.0155 16C10.6481 16 10.3413 15.8769 10.095 15.6305L3.93523 9.47075C3.7234 9.25892 3.57007 9.02893 3.47524 8.78077C3.38042 8.53262 3.33301 8.27338 3.33301 8.00305C3.33301 7.73273 3.38042 7.47349 3.47524 7.22534C3.57007 6.97718 3.7234 6.74719 3.93523 6.53536L10.095 0.375561C10.3413 0.129259 10.6461 0.00410428 11.0094 9.62603e-05C11.3727 -0.00391176 11.6776 0.117242 11.9239 0.363558C12.1702 0.60986 12.2933 0.916664 12.2933 1.28397C12.2933 1.65128 12.1702 1.95809 11.9239 2.20441L6.12522 8.00305Z"
+        fill="currentColor"
+      />
+    </g>
+  </svg>
+`, Ve = Ct`
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"  viewBox="0 0 24 24">
+      <path 
+        fill="currentColor" 
+        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>
+`, Ms = $`
+  @keyframes fade-in {
+    0% {
+      opacity: 0;
+      display: none;
+    }
+
+    100% {
+      opacity: 1;
+      display: flex;
+    }
+  }
+
+  @keyframes fade-out {
+    0% {
+      opacity: 1;
+      display: flex;
+    }
+
+    100% {
+      opacity: 0;
+      display: none;
+    }
+  }
+
+  @keyframes expand {
+    0% {
+      width: 0%;
+    }
+
+    100% {
+      width: 100%;
+    }
+  }
+
+  @keyframes collapse {
+    0% {
+      width: 100%;
+    }
+
+    100% {
+      width: 0%;
+    }
+  }
+
+  @keyframes slide-in {
+    0% {
+      transform: translateX(120px);
+    }
+
+    100% {
+      transform: translateX(0);
+    }
+  }
+
+  @keyframes slide-out {
+    0% {
+      transform: translateX(0);
+    }
+
+    100% {
+      transform: translateX(120px);
+    }
+  }
+`, Rs = $`
+  :host {
+    display: flex;
+    width: 100%;
+  }
+
+  .container {
+    align-items: center;
+    display: flex;
+    height: 40px;
+    justify-content: space-between;
+    position: relative;
+    width: 100%;
+  }
+
+  svg {
+    height: 16px;
+  }
+
+  button {
+    align-items: center;
+    color: inherit;
+    cursor: pointer;
+    background: transparent;
+    border: none;
+    display: flex;
+    justify-content: center;
+    padding: 12px;
+  }
+`, zs = $`
+  .search-container {
+    align-items: center;
+    display: none;
+    opacity: 0;
+    position: absolute;
+    width: calc(100% + 12px);
+    left: -12px;
+  }
+
+  .search-container input {
+    border: none;
+    border-start-start-radius: 8px;
+    border-end-start-radius: 8px;
+    border-start-end-radius: 0;
+    border-end-end-radius: 0;
+    box-sizing: border-box;
+    height: 40px;
+    padding: 8px 12px 8px 16px;
+    width: 0;
+  }
+
+  .search-container input:focus {
+    outline: none;
+  }
+
+  .search-container .search-form {
+    display: flex;
+    flex: 1;
+    justify-content: flex-end;
+    margin-bottom: 0;
+  }
+
+  .search-container .search-button {
+    background: white;
+    border-start-end-radius: 8px;
+    border-end-end-radius: 8px;
+    border-start-start-radius: 0;
+    border-end-start-radius: 0;
+    padding: 0 12px;
+  }
+
+  .search-container .search-button svg {
+    width: 16px;
+  }
+
+  .search-container .search-button svg path {
+    fill: black;
+  }
+
+  .search-container.show {
+    animation: fade-in 0.3s cubic-bezier(0.3, 0.4, 0.3, 0.8) forwards;
+    display: flex;
+  }
+
+  .search-container.show input {
+    animation: expand 0.3s cubic-bezier(0.3, 0.4, 0.3, 0.8) forwards;
+    width: 100%;
+  }
+
+  .search-container.hide {
+    animation: fade-out 0.3s cubic-bezier(0.3, 0.4, 0.3, 0.8) forwards;
+  }
+
+  .search-container.hide input {
+    animation: collapse 0.3s cubic-bezier(0.3, 0.4, 0.3, 0.8) forwards;
+    width: 0;
+  }
+
+  .content-container {
+    align-items: center;
+    display: flex;
+    height: 40px;
+    justify-content: space-between;
+    width: 100%;
+  }
+
+  .content-container .content {
+    text-wrap: nowrap;
+  }
+
+  .content-container.show {
+    display: flex;
+    animation: fade-in 0.3s cubic-bezier(0.3, 0.4, 0.3, 0.8) forwards;
+  }
+
+  .content-container.show .content {
+    animation: slide-in 0.3s cubic-bezier(0.3, 0.4, 0.3, 0.8) forwards;
+  }
+
+  .content-container.hide {
+    animation: fade-out 0.3s cubic-bezier(0.3, 0.4, 0.3, 0.8) forwards;
+  }
+
+  .content-container.hide .content {
+    animation: slide-out 0.3s cubic-bezier(0.3, 0.4, 0.3, 0.8) forwards;
+  }
+
+  .search-bar {
+    align-items: center;
+    background: white;
+    border: none;
+    display: none;
+    justify-content: flex-end;
+    gap: 16px;
+    width: 100%;
+  }
+
+  .search-bar.show {
+    display: flex;
+  }
+`, Ut = class extends x {
+  constructor() {
+    super(...arguments), this.showSearchBar = null, this.loading = !1, this.handleSubmit = () => {
+      const t = this.shadowRoot?.querySelector("input")?.value || "";
+      this.dispatchEvent(new CustomEvent("onSearch", { detail: { inputValue: t }, bubbles: !0, composed: !0 })), this.requestUpdate();
+    }, this.handleSearch = os(this.handleSubmit, 700);
+  }
+  setSearchMode(i) {
+    this.showSearchBar = i;
+    const t = this.shadowRoot?.querySelector("input");
+    this.requestUpdate(), i ? setTimeout(() => {
+      t?.focus();
+    }, 100) : (this.dispatchEvent(new CustomEvent("onCancel", { bubbles: !0, composed: !0 })), t && (t.value = ""));
+  }
+  render() {
+    return _`
+      <div class="container">
+        <div
+          class="content-container ${this.showSearchBar === null ? "" : this.showSearchBar ? "hide" : "show"}"
+        >
+          <div class="content" style="${this.style}">
+            <slot></slot>
+          </div>
+          <button @click="${() => this.setSearchMode(!0)}">
+            ${Ve}
+          </button>
+        </div>
+        <div class="search-container ${this.showSearchBar ? "show" : "hide"}">
+          <button
+            class="return-button"
+            @click="${() => this.setSearchMode(!1)}"
+          >
+            ${Hs}
+          </button>
+          <form
+            class="search-form"
+            @submit="${(i) => {
+      i.preventDefault(), this.handleSubmit();
+    }}"
+          >
+            <input
+              type="text"
+              placeholder="Type to search"
+              @keyup=${this.handleSearch}
+            />
+            <button class="search-button" type="submit">
+              ${this.loading ? Os : Ve}
+            </button>
+          </form>
+        </div>
+      </div>
+    `;
+  }
+};
+Ut.styles = [Ms, Rs, zs];
+f([N()], Ut.prototype, "showSearchBar");
+f([v({ converter: (i) => i === "true" })], Ut.prototype, "loading");
+B("appcues-search-header", Ut);
+var Ls = (i) => i && new DOMParser().parseFromString(i, "text/html").body.textContent || "", js = $`
+  :host {
+    height: 100%;
+    display: block;
+  }
+
+  * {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+  }
+
+  .root-wrapper {
+    height: 100%;
+    box-shadow: var(--search-results-block-shadow);
+    color: var(--search-results-block-color);
+    background-color: var(--search-results-block-background-color);
+  }
+
+  .content-wrapper {
+    padding: 16px 16px 16px 16px;
+    background: var(--search-results-block-content-wrapper-background-color);
+    min-height: 100%;
+  }
+
+  .content-wrapper .root-wrapper {
+    height: auto;
+    border-radius: var(--search-results-block-radius);
+  }
+
+  .root-wrapper[loading='true'] {
+    overflow: hidden;
+  }
+
+  .alert-wrapper {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    padding: 16px;
+  }
+`, Bs = $`
+  .pagination-btn {
+    align-items: center;
+    background: transparent;
+    border-bottom-left-radius: var(--search-results-block-radius);
+    border-bottom-right-radius: var(--search-results-block-radius);
+    border-top: 1px solid rgba(66, 86, 120, 0.1);
+    border-left: none;
+    border-right: none;
+    border-bottom: none;
+    cursor: pointer;
+    display: flex;
+    font-size: 14px;
+    font-weight: 500;
+    justify-content: center;
+    line-height: 24px;
+    padding: 8px 16px;
+    width: 100%;
+    position: relative;
+    top: 1px;
+  }
+
+  .pagination-btn:hover {
+    background: var(--search-results-block-background-color-hover);
+  }
+
+  .pagination-btn:focus {
+    outline: 2px solid var(--search-results-block-outline-color);
+    background: var(--search-results-block-background-color-active);
+  }
+`, Ds = $`
+  .article-main-title-wrapper {
+    padding: 8px 16px;
+  }
+
+  .article-main-title {
+    font-size: 15px;
+    font-style: normal;
+    font-weight: 700;
+  }
+
+  .article-list {
+    font-style: normal;
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    list-style: none;
+  }
+
+  .article-list a {
+    text-decoration: none;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    padding: 8px 16px;
+    color: currentColor;
+  }
+
+  .article-list a[loading='false']:hover {
+    background-color: var(--search-results-block-background-color-hover);
+  }
+
+  .article-list a[loading='false']:focus {
+    outline: 2px solid var(--search-results-block-outline-color);
+    background: var(--search-results-block-background-color-active);
+  }
+
+  .article-title-wrapper {
+    font-size: 14px;
+    font-weight: bold;
+    line-height: 160%;
+    display: flex;
+    gap: 8px;
+    align-items: center;
+    justify-content: space-between;
+  }
+
+  .article-title-wrapper p {
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+  }
+
+  .article-title-wrapper svg {
+    min-width: 12px;
+    min-height: 12px;
+    width: 12px;
+    height: 12px;
+  }
+
+  .article-title-wrapper.loading {
+    width: 70%;
+  }
+
+  .article-description {
+    font-size: 13px;
+    font-weight: normal;
+    line-height: 160%;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+  }
+
+  .article-description.loading {
+    height: 50px;
+  }
+`, qs = $`
+  @keyframes animatedBackgroundPosition {
+    0% {
+      background-position: 0% 92%;
+    }
+    100% {
+      background-position: 100% 9%;
+    }
+  }
+
+  .loading {
+    opacity: 0.5;
+    background: linear-gradient(
+      135deg,
+      rgba(211, 223, 232, 0.5) 30%,
+      rgba(169, 184, 197, 0.5) 38%,
+      rgba(168, 182, 193, 0.6) 41%,
+      rgba(168, 182, 193, 0.6) 50%,
+      rgba(168, 182, 193, 0.6) 50%,
+      rgba(169, 184, 197, 0.6) 51%,
+      rgba(211, 223, 232, 0.6) 57%,
+      rgba(211, 223, 232, 0.6) 80%,
+      rgba(211, 223, 232, 0.6) 80%
+    );
+    background-size: 1200% 1200%;
+    animation: animatedBackgroundPosition 3s ease infinite reverse;
+    color: transparent;
+  }
+`, Vs = Ye`
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g id="Icon">
+      <path id="Vector" d="M11.4752 14.475L7.8502 10.85C7.8002 10.8 7.7627 10.7458 7.7377 10.6875C7.7127 10.6292 7.7002 10.5667 7.7002 10.5C7.7002 10.3667 7.74603 10.25 7.8377 10.15C7.92936 10.05 8.0502 10 8.2002 10H15.8002C15.9502 10 16.071 10.05 16.1627 10.15C16.2544 10.25 16.3002 10.3667 16.3002 10.5C16.3002 10.5333 16.2502 10.65 16.1502 10.85L12.5252 14.475C12.4419 14.5583 12.3585 14.6167 12.2752 14.65C12.1919 14.6833 12.1002 14.7 12.0002 14.7C11.9002 14.7 11.8085 14.6833 11.7252 14.65C11.6419 14.6167 11.5585 14.5583 11.4752 14.475Z" fill="currentColor"/>
+    </g>
+  </svg>
+`, Ws = Ye`
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="12px"
+    height="12px"
+    viewBox="0 0 24 24"
+    fill="none"
+    aria-hidden
+  >
+    <path
+      d="M3.44444 23C2.77222 23 2.19676 22.7606 1.71806 22.2819C1.23935 21.8032 1 21.2278 1 20.5556V3.44444C1 2.77222 1.23935 2.19676 1.71806 1.71806C2.19676 1.23935 2.77222 1 3.44444 1H10.7778C11.1241 1 11.4144 1.11713 11.6486 1.35139C11.8829 1.58565 12 1.87593 12 2.22222C12 2.56852 11.8829 2.8588 11.6486 3.09306C11.4144 3.32731 11.1241 3.44444 10.7778 3.44444H3.44444V20.5556H20.5556V13.2222C20.5556 12.8759 20.6727 12.5856 20.9069 12.3514C21.1412 12.1171 21.4315 12 21.7778 12C22.1241 12 22.4144 12.1171 22.6486 12.3514C22.8829 12.5856 23 12.8759 23 13.2222V20.5556C23 21.2278 22.7606 21.8032 22.2819 22.2819C21.8032 22.7606 21.2278 23 20.5556 23H3.44444ZM20.5556 5.15556L10.0444 15.6667C9.82037 15.8907 9.53518 16.0028 9.18889 16.0028C8.84259 16.0028 8.55741 15.8907 8.33333 15.6667C8.10926 15.4426 7.99722 15.1574 7.99722 14.8111C7.99722 14.4648 8.10926 14.1796 8.33333 13.9556L18.8444 3.44444H15.6667C15.3204 3.44444 15.0301 3.32731 14.7958 3.09306C14.5616 2.8588 14.4444 2.56852 14.4444 2.22222C14.4444 1.87593 14.5616 1.58565 14.7958 1.35139C15.0301 1.11713 15.3204 1 15.6667 1H21.7778C22.1241 1 22.4144 1.11713 22.6486 1.35139C22.8829 1.58565 23 1.87593 23 2.22222V8.33333C23 8.67963 22.8829 8.96991 22.6486 9.20417C22.4144 9.43843 22.1241 9.55556 21.7778 9.55556C21.4315 9.55556 21.1412 9.43843 20.9069 9.20417C20.6727 8.96991 20.5556 8.67963 20.5556 8.33333V5.15556Z"
+      fill="currentColor"
+    />
+  </svg>
+`, V = class extends x {
+  constructor() {
+    super(...arguments), this.state = "empty", this.searchTerm = "", this.hasNextPage = !1, this.pageSize = 10, this.results = [], this.handleRequestNextPage = () => {
+      this.dispatchEvent(new CustomEvent("onRequestNextPage", { bubbles: !0, composed: !0 }));
+    }, this.handleLinkClicked = (i) => () => {
+      this.dispatchEvent(new CustomEvent("onLinkClicked", { bubbles: !0, composed: !0, detail: i }));
+    }, this.mockResultData = () => {
+      this.results = Array.from({ length: this.pageSize }).map((i, t) => ({ url: `url ${t}`, excerpt: `excerpt ${t}`, title: `title ${t}` }));
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.state === "loading" && this.mockResultData();
+  }
+  attributeChangedCallback(i, t, e) {
+    super.attributeChangedCallback(i, t, e), i === "state" && (e === "loading" && this.mockResultData(), this.state = e);
+  }
+  render() {
+    return this.state === "empty" ? _`
+        <div class="root-wrapper alert-wrapper">
+          <p>No results for '${this.searchTerm}'</p>
+        </div>
+      ` : this.state === "error" ? _`
+        <div class="root-wrapper alert-wrapper">
+          <p>We could not load the results</p>
+          <p>Try again later</p>
+        </div>
+      ` : _`
+      <div class="content-wrapper">
+        <div class="root-wrapper" loading="${this.state === "loading"}">
+          <ul class="article-list">
+            ${this.results.map((i) => _`
+                <li @click=${this.handleLinkClicked(i)}>
+                  <a
+                    href="${i.url}"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    loading="${this.state === "loading"}"
+                  >
+                    <div class="article-title-wrapper ${this.state}">
+                      <p>${i.title}</p>
+                      ${Ws}
+                    </div>
+                    <p class="article-description ${this.state}">
+                      ${Ls(i.excerpt)}
+                    </p>
+                  </a>
+                </li>
+              `)}
+          </ul>
+
+          ${this.hasNextPage && this.state !== "loading" ? _`
+                <button
+                  class="pagination-btn"
+                  @click=${this.handleRequestNextPage}
+                >
+                  See more ${this.results.length} results ${Vs}
+                </button>
+              ` : _``}
+        </div>
+      </div>
+    `;
+  }
+};
+V.styles = [js, Ds, qs, Bs];
+f([v()], V.prototype, "state");
+f([v()], V.prototype, "searchTerm");
+f([v({ converter: (i) => i === "true" })], V.prototype, "hasNextPage");
+f([v()], V.prototype, "pageSize");
+f([v({ type: Array })], V.prototype, "results");
+B("appcues-search-results", V);