@searchstax-inc/searchstudio-ux-vue 0.0.3

package/dist/searchstudio-ux-vue-ts.es.js

@@ -0,0 +1,1230 @@
+import { reactive as X, defineComponent as U, renderSlot as B, openBlock as g, createElementBlock as d, createElementVNode as p, createCommentVNode as b, createTextVNode as O, toDisplayString as A, Fragment as D, renderList as N } from "vue";
+var J = Object.defineProperty, Y = (s, e, t) => e in s ? J(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, h = (s, e, t) => (Y(s, typeof e != "symbol" ? e + "" : e, t), t);
+class V {
+  constructor(e) {
+    h(this, "value"), h(this, "observers", []), this.value = e, this.observers = [];
+  }
+  subscribe(e) {
+    this.observers.push(e), e(this.value);
+  }
+  unsubscribe(e) {
+    const t = this.observers.indexOf(e);
+    t !== -1 && this.observers.splice(t, 1);
+  }
+  setValue(e) {
+    this.value = e, this.notify();
+  }
+  getValue() {
+    return this.value;
+  }
+  notify() {
+    this.observers.forEach((e) => e(this.value));
+  }
+}
+class Z {
+  constructor() {
+    h(this, "searchTermChangeObservable", new V("")), h(this, "loadingChangeObservable", new V(!1)), h(this, "searchResultsObservable", new V(null)), h(this, "searchResultsMetadataObservable", new V(null)), h(this, "searchAutosuggestObservable", new V(null)), h(this, "currentPage", 1), h(this, "renderingEngine", "mustache");
+  }
+  setSearchTerm(e) {
+    this.searchTermChangeObservable.setValue(e);
+  }
+  setRenderingEngine(e) {
+    this.renderingEngine = e;
+  }
+  setCurrentPage(e) {
+    this.currentPage = e;
+  }
+  setLoading(e) {
+    this.loadingChangeObservable.setValue(e);
+  }
+  setSearchResults(e) {
+    this.searchResultsObservable.setValue(e);
+  }
+  setSearchResultsMetadata(e) {
+    this.searchResultsMetadataObservable.setValue(e);
+  }
+  setSearchAutosuggest(e) {
+    this.searchAutosuggestObservable.setValue(e);
+  }
+  get searchResultsValue() {
+    return this.searchResultsObservable.getValue();
+  }
+  get searchTermValue() {
+    return this.searchTermChangeObservable.getValue();
+  }
+  get loadingValue() {
+    return this.loadingChangeObservable.getValue();
+  }
+  get searchAutosuggestValue() {
+    return this.searchAutosuggestObservable.getValue();
+  }
+  get searchResultsMetadataValue() {
+    return this.searchResultsMetadataObservable.getValue();
+  }
+  get currentPageValue() {
+    return this.currentPage;
+  }
+  get renderingEngineValue() {
+    return this.renderingEngine;
+  }
+}
+class P {
+  static combineResultsWithMetadata(e) {
+    const t = [], r = parseInt(e.response.start + "");
+    return e.response.docs.forEach((a, i) => {
+      const n = {
+        custom: null,
+        uniqueId: this.getValueByKey(
+          e.responseHeader.params.uniqueId,
+          a,
+          e
+        ) ?? "",
+        position: r + i + 1,
+        ribbon: this.doesMapExist("ribbon", e) ? this.getValueByKey("ribbon", a, e) : null,
+        paths: this.doesMapExist("paths", e) ? this.getValueByKey("paths", a, e) : null,
+        url: this.doesMapExist("url", e) ? this.getValueByKey("url", a, e) : null,
+        title: this.doesMapExist("title", e) ? this.getValueByKey("title", a, e) : null,
+        promoted: a["[elevated]"] ? a["[elevated]"] : !1,
+        thumbnail: this.doesMapExist("thumbnail", e) ? this.getValueByKey("thumbnail", a, e) : null,
+        date: this.doesMapExist("date", e) ? this.getValueByKey("date", a, e) : null,
+        snippet: this.doesMapExist("snippet", e) ? this.getValueByKey("snippet", a, e) : null,
+        description: this.doesMapExist("description", e) ? this.getValueByKey("description", a, e) : null,
+        unmappedFields: this.getUnmappedFields(a, e),
+        allFields: this.getAllFields(a, e)
+      };
+      t.push(n);
+    }), t;
+  }
+  static extractSearchResultsMetadata(e) {
+    var t, r, a, i;
+    let n = "";
+    return n = ((i = (a = (r = (t = e == null ? void 0 : e.spellcheck) == null ? void 0 : t.suggestions) == null ? void 0 : r[0]) == null ? void 0 : a.suggestion) == null ? void 0 : i[0]) ?? "", typeof n != "string" && (n = (n == null ? void 0 : n.word) ?? ""), {
+      recordsPerPageValue: parseInt(e.responseHeader.params.rows),
+      startDocVal: parseInt(e.response.start + ""),
+      totalResultsValue: parseInt(e.response.numFound + ""),
+      latency: parseInt(e.responseHeader.QTime + ""),
+      endDocValue: parseInt(e.responseHeader.params.rows) + parseInt(e.response.start + ""),
+      spellingSuggestion: n
+    };
+  }
+  static findResultByUniqueId(e, t) {
+    return t.find((r) => r.uniqueId === e) ?? null;
+  }
+  static getUnmappedFields(e, t) {
+    const r = t.metadata.results.filter((i) => i.result_card === "").map((i) => i.name), a = [];
+    for (const i of Object.keys(e))
+      if (r.indexOf(i) !== -1) {
+        const n = Array.isArray(e[i]) ? e[i].join(", ") : e[i];
+        a.push({
+          key: i,
+          value: n,
+          isImage: this.checkIfImage(e[i])
+        });
+      }
+    return a;
+  }
+  static checkIfImage(e) {
+    return e === void 0 || typeof e != "string" ? !1 : /\.(gif|jpe?g|tiff?|png|webp|bmp)$/i.test(e);
+  }
+  static getAllFields(e, t) {
+    const r = t.metadata.results.map((i) => i.name), a = [];
+    for (const i of Object.keys(e))
+      r.indexOf(i) !== -1 && a.push({
+        key: i,
+        value: e[i],
+        isImage: this.checkIfImage(e[i])
+      });
+    return a;
+  }
+  static doesMapExist(e, t) {
+    return t.metadata.results.find((r) => r.result_card === e) !== void 0;
+  }
+  static getValueByKey(e, t, r) {
+    const a = r.metadata.results.find(
+      (n) => n.result_card === e
+    );
+    if (a === void 0)
+      return null;
+    const i = t[a.name];
+    return i === void 0 ? null : typeof i == "string" ? i : Array.isArray(i) ? i.join(", ") : null;
+  }
+}
+class ee {
+  constructor(e, t) {
+    h(this, "url", ""), h(this, "relatedSearches", ""), h(this, "suggester", ""), h(this, "authHeader"), h(this, "authHeaderRelated"), h(this, "language", "en"), h(this, "trackApiKey", ""), h(this, "session", ""), h(this, "searchAdditionalArgs", ""), h(this, "searchAuthType"), h(this, "selectAuthToken"), h(this, "suggesterAuthToken"), h(this, "controllerSearch"), h(this, "signalSearch"), h(this, "controllerSuggest"), h(this, "signalSuggest"), h(this, "dataLayer"), this.dataLayer = t, this.url = e.searchURL, this.language = e.language, this.suggester = e.suggesterURL, this.trackApiKey = e.trackApiKey, this.session = e.sessionId, this.searchAuthType = e.authType, this.selectAuthToken = e.searchToken ?? "", this.suggesterAuthToken = e.suggesterToken ?? "", this.authHeader = new Headers(), this.authHeader.append("Accept", "application/json");
+    const r = this.searchAuthType === "token" ? `Token ${this.suggesterAuthToken}` : `Basic ${e.authenticationValue}`;
+    this.authHeader.append("Authorization", r), this.authHeaderRelated = new Headers(), this.authHeaderRelated.append("Accept", "application/json"), this.authHeaderRelated.append("Authorization", e.searchApiKey);
+  }
+  search(e, t, r) {
+    this.dataLayer.setSearchTerm(e), this.dataLayer.setLoading(!0), this.controllerSearch && this.controllerSearch.abort(), this.controllerSearch = new AbortController(), this.signalSearch = this.controllerSearch.signal;
+    const a = new Proxy(
+      new URLSearchParams(window.location.search),
+      {
+        get: (o, u) => o.get(u) ?? ""
+      }
+    ), i = a.languageVariant ? (
+      //@ts-expect-error - this is a hack to get around the fact that the urlQueryParams is a proxy
+      "&fq=_language:" + a.languageVariant
+    ) : "", n = this.url + "?q=" + encodeURIComponent(e.trim()) + this.toQueryString(r) + this.searchAdditionalArgs + "&language=" + this.language + i;
+    fetch(n, {
+      method: "GET",
+      headers: this.authHeader,
+      credentials: "same-origin",
+      signal: this.signalSearch
+    }).then((o) => o.json()).then((o) => {
+      this.dataLayer.setLoading(!1), t(o);
+    }).catch((o) => {
+      this.dataLayer.setLoading(!1), console.log(o);
+    });
+  }
+  suggest(e, t, r) {
+    this.controllerSuggest && this.controllerSuggest.abort(), this.controllerSuggest = new AbortController(), this.signalSuggest = this.controllerSuggest.signal;
+    const a = this.suggester + "?q=" + e.trim() + this.toQueryString(r) + "&language=" + this.language;
+    fetch(a, {
+      method: "GET",
+      headers: this.authHeader,
+      credentials: "same-origin",
+      signal: this.signalSuggest
+    }).then((i) => i.json()).then((i) => {
+      t(i);
+    }).catch((i) => console.log(i));
+  }
+  fields() {
+    return this.fields;
+  }
+  toQueryString(e) {
+    return "&" + e.join("&");
+  }
+}
+class te {
+  static getOrSetCookie(e) {
+    let t = this.getCookie(e);
+    return t == null && (t = this.makeid(25), this.setCookie(e, t, {
+      secure: !0,
+      "max-age": 3600
+    })), t;
+  }
+  static makeid(e) {
+    let t = "";
+    const r = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789", a = r.length;
+    for (let i = 0; i < e; i++)
+      t += r.charAt(Math.floor(Math.random() * a));
+    return t;
+  }
+  static getCookie(e) {
+    const t = document.cookie.match(
+      new RegExp(
+        "(?:^|; )" + e.replace(/([.$?*|{}()[\]\\/+^])/g, "\\$1") + "=([^;]*)"
+      )
+    );
+    return t ? decodeURIComponent(t[1]) : void 0;
+  }
+  static setCookie(e, t, r) {
+    const a = { path: "/", ...r };
+    r.expires instanceof Date && (a.expires = r.expires.toUTCString());
+    let i = encodeURIComponent(e) + "=" + encodeURIComponent(t);
+    for (const n in a) {
+      i += "; " + n;
+      const o = a[n];
+      o !== !0 && (i += "=" + o);
+    }
+    document.cookie = i;
+  }
+}
+class se {
+  static trackClick(e) {
+    const t = {
+      key: e.trackApiKey,
+      query: e.searchTermValue,
+      shownHits: e.recordsPerPage,
+      totalHits: e.totalResults,
+      pageNo: e.currentPage,
+      latency: e.latencyVal,
+      session: e.session,
+      cDocId: e.result.uniqueId,
+      cDocTitle: e.result.title,
+      position: e.result.position,
+      language: e.language
+    };
+    _msq.push(["trackClick", t]);
+  }
+}
+/*!
+ * mustache.js - Logic-less {{mustache}} templates with JavaScript
+ * http://github.com/janl/mustache.js
+ */
+var ae = Object.prototype.toString, L = Array.isArray || function(s) {
+  return ae.call(s) === "[object Array]";
+};
+function K(s) {
+  return typeof s == "function";
+}
+function re(s) {
+  return L(s) ? "array" : typeof s;
+}
+function $(s) {
+  return s.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g, "\\$&");
+}
+function z(s, e) {
+  return s != null && typeof s == "object" && e in s;
+}
+function ie(s, e) {
+  return s != null && typeof s != "object" && s.hasOwnProperty && s.hasOwnProperty(e);
+}
+var ne = RegExp.prototype.test;
+function oe(s, e) {
+  return ne.call(s, e);
+}
+var he = /\S/;
+function ue(s) {
+  return !oe(he, s);
+}
+var ce = {
+  "&": "&amp;",
+  "<": "&lt;",
+  ">": "&gt;",
+  '"': "&quot;",
+  "'": "&#39;",
+  "/": "&#x2F;",
+  "`": "&#x60;",
+  "=": "&#x3D;"
+};
+function le(s) {
+  return String(s).replace(/[&<>"'`=\/]/g, function(e) {
+    return ce[e];
+  });
+}
+var ge = /\s*/, de = /\s+/, Q = /\s*=/, pe = /\s*\}/, fe = /#|\^|\/|>|\{|&|=|!/;
+function me(s, e) {
+  if (!s)
+    return [];
+  var t = !1, r = [], a = [], i = [], n = !1, o = !1, u = "", c = 0;
+  function S() {
+    if (n && !o)
+      for (; i.length; )
+        delete a[i.pop()];
+    else
+      i = [];
+    n = !1, o = !1;
+  }
+  var T, w, W;
+  function F(C) {
+    if (typeof C == "string" && (C = C.split(de, 2)), !L(C) || C.length !== 2)
+      throw new Error("Invalid tags: " + C);
+    T = new RegExp($(C[0]) + "\\s*"), w = new RegExp("\\s*" + $(C[1])), W = new RegExp("\\s*" + $("}" + C[1]));
+  }
+  F(e || f.tags);
+  for (var l = new M(s), I, v, y, E, q, x; !l.eos(); ) {
+    if (I = l.pos, y = l.scanUntil(T), y)
+      for (var H = 0, G = y.length; H < G; ++H)
+        E = y.charAt(H), ue(E) ? (i.push(a.length), u += E) : (o = !0, t = !0, u += " "), a.push(["text", E, I, I + 1]), I += 1, E === `
+` && (S(), u = "", c = 0, t = !1);
+    if (!l.scan(T))
+      break;
+    if (n = !0, v = l.scan(fe) || "name", l.scan(ge), v === "=" ? (y = l.scanUntil(Q), l.scan(Q), l.scanUntil(w)) : v === "{" ? (y = l.scanUntil(W), l.scan(pe), l.scanUntil(w), v = "&") : y = l.scanUntil(w), !l.scan(w))
+      throw new Error("Unclosed tag at " + l.pos);
+    if (v == ">" ? q = [v, y, I, l.pos, u, c, t] : q = [v, y, I, l.pos], c++, a.push(q), v === "#" || v === "^")
+      r.push(q);
+    else if (v === "/") {
+      if (x = r.pop(), !x)
+        throw new Error('Unopened section "' + y + '" at ' + I);
+      if (x[1] !== y)
+        throw new Error('Unclosed section "' + x[1] + '" at ' + I);
+    } else
+      v === "name" || v === "{" || v === "&" ? o = !0 : v === "=" && F(y);
+  }
+  if (S(), x = r.pop(), x)
+    throw new Error('Unclosed section "' + x[1] + '" at ' + l.pos);
+  return ye(ve(a));
+}
+function ve(s) {
+  for (var e = [], t, r, a = 0, i = s.length; a < i; ++a)
+    t = s[a], t && (t[0] === "text" && r && r[0] === "text" ? (r[1] += t[1], r[3] = t[3]) : (e.push(t), r = t));
+  return e;
+}
+function ye(s) {
+  for (var e = [], t = e, r = [], a, i, n = 0, o = s.length; n < o; ++n)
+    switch (a = s[n], a[0]) {
+      case "#":
+      case "^":
+        t.push(a), r.push(a), t = a[4] = [];
+        break;
+      case "/":
+        i = r.pop(), i[5] = a[2], t = r.length > 0 ? r[r.length - 1][4] : e;
+        break;
+      default:
+        t.push(a);
+    }
+  return e;
+}
+function M(s) {
+  this.string = s, this.tail = s, this.pos = 0;
+}
+M.prototype.eos = function() {
+  return this.tail === "";
+};
+M.prototype.scan = function(s) {
+  var e = this.tail.match(s);
+  if (!e || e.index !== 0)
+    return "";
+  var t = e[0];
+  return this.tail = this.tail.substring(t.length), this.pos += t.length, t;
+};
+M.prototype.scanUntil = function(s) {
+  var e = this.tail.search(s), t;
+  switch (e) {
+    case -1:
+      t = this.tail, this.tail = "";
+      break;
+    case 0:
+      t = "";
+      break;
+    default:
+      t = this.tail.substring(0, e), this.tail = this.tail.substring(e);
+  }
+  return this.pos += t.length, t;
+};
+function R(s, e) {
+  this.view = s, this.cache = { ".": this.view }, this.parent = e;
+}
+R.prototype.push = function(s) {
+  return new R(s, this);
+};
+R.prototype.lookup = function(s) {
+  var e = this.cache, t;
+  if (e.hasOwnProperty(s))
+    t = e[s];
+  else {
+    for (var r = this, a, i, n, o = !1; r; ) {
+      if (s.indexOf(".") > 0)
+        for (a = r.view, i = s.split("."), n = 0; a != null && n < i.length; )
+          n === i.length - 1 && (o = z(a, i[n]) || ie(a, i[n])), a = a[i[n++]];
+      else
+        a = r.view[s], o = z(r.view, s);
+      if (o) {
+        t = a;
+        break;
+      }
+      r = r.parent;
+    }
+    e[s] = t;
+  }
+  return K(t) && (t = t.call(this.view)), t;
+};
+function m() {
+  this.templateCache = {
+    _cache: {},
+    set: function(s, e) {
+      this._cache[s] = e;
+    },
+    get: function(s) {
+      return this._cache[s];
+    },
+    clear: function() {
+      this._cache = {};
+    }
+  };
+}
+m.prototype.clearCache = function() {
+  typeof this.templateCache < "u" && this.templateCache.clear();
+};
+m.prototype.parse = function(s, e) {
+  var t = this.templateCache, r = s + ":" + (e || f.tags).join(":"), a = typeof t < "u", i = a ? t.get(r) : void 0;
+  return i == null && (i = me(s, e), a && t.set(r, i)), i;
+};
+m.prototype.render = function(s, e, t, r) {
+  var a = this.getConfigTags(r), i = this.parse(s, a), n = e instanceof R ? e : new R(e, void 0);
+  return this.renderTokens(i, n, t, s, r);
+};
+m.prototype.renderTokens = function(s, e, t, r, a) {
+  for (var i = "", n, o, u, c = 0, S = s.length; c < S; ++c)
+    u = void 0, n = s[c], o = n[0], o === "#" ? u = this.renderSection(n, e, t, r, a) : o === "^" ? u = this.renderInverted(n, e, t, r, a) : o === ">" ? u = this.renderPartial(n, e, t, a) : o === "&" ? u = this.unescapedValue(n, e) : o === "name" ? u = this.escapedValue(n, e, a) : o === "text" && (u = this.rawValue(n)), u !== void 0 && (i += u);
+  return i;
+};
+m.prototype.renderSection = function(s, e, t, r, a) {
+  var i = this, n = "", o = e.lookup(s[1]);
+  function u(T) {
+    return i.render(T, e, t, a);
+  }
+  if (o) {
+    if (L(o))
+      for (var c = 0, S = o.length; c < S; ++c)
+        n += this.renderTokens(s[4], e.push(o[c]), t, r, a);
+    else if (typeof o == "object" || typeof o == "string" || typeof o == "number")
+      n += this.renderTokens(s[4], e.push(o), t, r, a);
+    else if (K(o)) {
+      if (typeof r != "string")
+        throw new Error("Cannot use higher-order sections without the original template");
+      o = o.call(e.view, r.slice(s[3], s[5]), u), o != null && (n += o);
+    } else
+      n += this.renderTokens(s[4], e, t, r, a);
+    return n;
+  }
+};
+m.prototype.renderInverted = function(s, e, t, r, a) {
+  var i = e.lookup(s[1]);
+  if (!i || L(i) && i.length === 0)
+    return this.renderTokens(s[4], e, t, r, a);
+};
+m.prototype.indentPartial = function(s, e, t) {
+  for (var r = e.replace(/[^ \t]/g, ""), a = s.split(`
+`), i = 0; i < a.length; i++)
+    a[i].length && (i > 0 || !t) && (a[i] = r + a[i]);
+  return a.join(`
+`);
+};
+m.prototype.renderPartial = function(s, e, t, r) {
+  if (t) {
+    var a = this.getConfigTags(r), i = K(t) ? t(s[1]) : t[s[1]];
+    if (i != null) {
+      var n = s[6], o = s[5], u = s[4], c = i;
+      o == 0 && u && (c = this.indentPartial(i, u, n));
+      var S = this.parse(c, a);
+      return this.renderTokens(S, e, t, c, r);
+    }
+  }
+};
+m.prototype.unescapedValue = function(s, e) {
+  var t = e.lookup(s[1]);
+  if (t != null)
+    return t;
+};
+m.prototype.escapedValue = function(s, e, t) {
+  var r = this.getConfigEscape(t) || f.escape, a = e.lookup(s[1]);
+  if (a != null)
+    return typeof a == "number" && r === f.escape ? String(a) : r(a);
+};
+m.prototype.rawValue = function(s) {
+  return s[1];
+};
+m.prototype.getConfigTags = function(s) {
+  return L(s) ? s : s && typeof s == "object" ? s.tags : void 0;
+};
+m.prototype.getConfigEscape = function(s) {
+  if (s && typeof s == "object" && !L(s))
+    return s.escape;
+};
+var f = {
+  name: "mustache.js",
+  version: "4.2.0",
+  tags: ["{{", "}}"],
+  clearCache: void 0,
+  escape: void 0,
+  parse: void 0,
+  render: void 0,
+  Scanner: void 0,
+  Context: void 0,
+  Writer: void 0,
+  /**
+   * Allows a user to override the default caching strategy, by providing an
+   * object with set, get and clear methods. This can also be used to disable
+   * the cache by setting it to the literal `undefined`.
+   */
+  set templateCache(s) {
+    _.templateCache = s;
+  },
+  /**
+   * Gets the default or overridden caching object from the default writer.
+   */
+  get templateCache() {
+    return _.templateCache;
+  }
+}, _ = new m();
+f.clearCache = function() {
+  return _.clearCache();
+};
+f.parse = function(s, e) {
+  return _.parse(s, e);
+};
+f.render = function(s, e, t, r) {
+  if (typeof s != "string")
+    throw new TypeError('Invalid template! Template should be a "string" but "' + re(s) + '" was given as the first argument for mustache#render(template, view, partials)');
+  return _.render(s, e, t, r);
+};
+f.escape = le;
+f.Scanner = M;
+f.Context = R;
+f.Writer = m;
+class be {
+  constructor(e) {
+    h(this, "dataLayer"), h(this, "config"), h(this, "suggestAfterMinChars"), h(this, "hideBranding"), h(this, "containerId"), h(this, "currentInputValue", ""), h(this, "autosuggestResults"), h(this, "searchInput"), h(this, "actionButton"), h(this, "autosuggestContainer"), h(this, "buttonState", "search"), h(this, "selectedAutosuggestItem", -1), h(this, "suggestTrigger"), h(this, "searchTrigger"), this.dataLayer = e.dataLayer, this.config = e.config, this.searchTrigger = e.searchTrigger, this.suggestTrigger = e.suggestTrigger, this.containerId = e.containerId, this.suggestAfterMinChars = e.config.suggestAfterMinChars, this.hideBranding = e.config.hideBranding, this.renderMainTemplate(), this.actionButtonInit(), this.updateActionButtonState("search"), this.searchInput && (this.createAutosuggestContainer(), this.attachSubscriptions());
+  }
+  renderMainTemplate() {
+    var e, t;
+    const r = document.getElementById(this.containerId);
+    if (!r)
+      throw new Error("Search input container not found");
+    const a = ((e = this.config.templates) == null ? void 0 : e.mainTemplate) || `
+    <div class="searchstax-search-input-container">
+      <div class="searchstax-search-input-wrapper">
+        <input type="text" id="searchstax-search-input" class="searchstax-search-input" placeholder="SEARCH FOR..." />
+        <button class="searchstax-spinner-icon" id="searchstax-search-input-action-button"></button>
+      </div>
+    </div>
+    `;
+    if (console.log(
+      "this.dataLayer.renderingEngineValue",
+      this.dataLayer.renderingEngineValue
+    ), this.dataLayer.renderingEngineValue === "mustache") {
+      const o = f.render(a, {});
+      r.innerHTML = o;
+    }
+    const i = ((t = this.config.templates) == null ? void 0 : t.searchInputId) || "searchstax-search-input", n = document.querySelector(`#${i}`);
+    if (n)
+      this.searchInput = n, n.addEventListener("keyup", this.inputKeyupEvent.bind(this)), n.addEventListener("blur", this.hideAutosuggest.bind(this)), n.addEventListener("paste", this.inputPasteEvent.bind(this));
+    else
+      throw new Error("Input not found");
+  }
+  createAutosuggestContainer() {
+    var e;
+    this.autosuggestContainer = document.createElement("div"), this.autosuggestContainer.classList.add("searchstax-autosuggest-container"), this.autosuggestContainer.addEventListener("mouseleave", () => {
+      this.resetAutosuggestSelection(), this.markActiveAutosuggestItem();
+    }), (e = this.searchInput) == null || e.after(this.autosuggestContainer);
+  }
+  actionButtonInit() {
+    this.actionButton = document.getElementById(
+      "searchstax-search-input-action-button"
+    ), this.actionButton && this.actionButton.addEventListener("click", () => {
+      var e;
+      this.buttonState === "search" ? this.executeSearch(((e = this.searchInput) == null ? void 0 : e.value) ?? "") : this.buttonState === "close" && this.searchInput && (this.searchInput.value = "", this.executeSearch(""));
+    });
+  }
+  attachSubscriptions() {
+    this.dataLayer.searchTermChangeObservable.subscribe(() => {
+      this.handleSearchTermChange();
+    }), this.dataLayer.loadingChangeObservable.subscribe(() => {
+      this.handleLoadingChange();
+    }), this.dataLayer.searchAutosuggestObservable.subscribe(
+      (e) => {
+        e && this.appendSuggestions(e);
+      }
+    );
+  }
+  handleLoadingChange() {
+    this.dataLayer.loadingValue ? this.updateActionButtonState("loading") : this.handleSearchTermChange();
+  }
+  handleSearchTermChange() {
+    var e;
+    this.dataLayer.searchTermValue === ((e = this.searchInput) == null ? void 0 : e.value) && this.searchInput.value !== "" ? this.updateActionButtonState("close") : this.updateActionButtonState("search");
+  }
+  updateActionButtonState(e) {
+    if (this.buttonState = e, this.actionButton)
+      switch (this.actionButton.classList.remove("searchstax-spinner-icon"), this.actionButton.classList.remove("searchstax-search-close"), this.actionButton.classList.remove("searchstax-search-icon"), e) {
+        case "loading":
+          this.actionButton.classList.add("searchstax-spinner-icon");
+          break;
+        case "search":
+          this.actionButton.classList.add("searchstax-search-icon");
+          break;
+        case "close":
+          this.actionButton.classList.add("searchstax-search-close");
+          break;
+      }
+  }
+  selectPreviousAutosuggestItem() {
+    this.selectedAutosuggestItem > 0 ? this.selectedAutosuggestItem-- : this.selectedAutosuggestItem = this.autosuggestResults.suggestions.length - 1, this.markActiveAutosuggestItem();
+  }
+  selectNextAutosuggestItem() {
+    this.selectedAutosuggestItem < this.autosuggestResults.suggestions.length - 1 ? this.selectedAutosuggestItem++ : this.selectedAutosuggestItem = 0, this.markActiveAutosuggestItem();
+  }
+  resetAutosuggestSelection() {
+    this.selectedAutosuggestItem = -1, this.markActiveAutosuggestItem();
+  }
+  markActiveAutosuggestItem() {
+    const e = document.getElementsByClassName(
+      "searchstax-autosuggest-item"
+    );
+    for (let t = 0; t < e.length; t++) {
+      const r = e[t];
+      t === this.selectedAutosuggestItem ? r.classList.add("active") : r.classList.remove("active");
+    }
+  }
+  inputKeyupEvent(e) {
+    const t = e.key;
+    this.currentInputValue = e.target.value, t === "Enter" ? this.suggestionChosen() : t === "Escape" ? this.hideAutosuggest() : t === "ArrowUp" ? this.selectPreviousAutosuggestItem() : t === "ArrowDown" ? this.selectNextAutosuggestItem() : this.autosuggestHandling(e), this.handleSearchTermChange();
+  }
+  autosuggestHandling(e) {
+    e.target && e.target.value.length >= this.suggestAfterMinChars ? this.executeSuggest(e.target.value) : this.hideAutosuggest();
+  }
+  inputPasteEvent(e) {
+    setTimeout(() => {
+      this.autosuggestHandling(e), this.handleSearchTermChange();
+    }, 0);
+  }
+  executeSuggest(e) {
+    this.suggestTrigger(e);
+  }
+  executeSearch(e) {
+    this.hideAutosuggest(), this.searchTrigger(e === "" ? "*" : e);
+  }
+  suggestionChosen() {
+    this.selectedAutosuggestItem > -1 ? this.autosuggestItemClicked(
+      this.autosuggestResults.suggestions[this.selectedAutosuggestItem]
+    ) : this.executeSearch(this.currentInputValue);
+  }
+  hideAutosuggest() {
+    this.autosuggestContainer && (this.autosuggestContainer.innerHTML = "", this.autosuggestContainer.classList.add("hidden")), this.resetAutosuggestSelection();
+  }
+  cleanSuggestionTerm(e) {
+    return e.replace(/(<([^>]+)>)/gi, "").trim();
+  }
+  autosuggestItemClicked(e) {
+    this.searchInput.value = this.cleanSuggestionTerm(e.term), this.executeSearch(this.cleanSuggestionTerm(e.term));
+  }
+  createAutosuggestItem(e) {
+    var t;
+    const r = document.createElement("div");
+    r.classList.add("searchstax-autosuggest-item"), r.addEventListener("click", () => {
+      this.autosuggestItemClicked(e);
+    }), r.addEventListener("mouseenter", () => {
+      var i;
+      this.selectedAutosuggestItem = ((i = this.autosuggestResults) == null ? void 0 : i.suggestions.indexOf(e)) || 0, this.markActiveAutosuggestItem();
+    });
+    const a = ((t = this.config.templates) == null ? void 0 : t.autosuggestItemTemplate) || '<div class="searchstax-autosuggest-item-term-container">{{{term}}}</div>';
+    return r.innerHTML = f.render(a, e), r;
+  }
+  appendSuggestions(e) {
+    if (this.autosuggestContainer) {
+      this.autosuggestContainer.innerHTML = "", this.autosuggestContainer.classList.remove("hidden");
+      for (const t in e.suggest)
+        if (Object.prototype.hasOwnProperty.call(e.suggest, t)) {
+          const r = e.suggest[t];
+          for (const a in r)
+            if (Object.prototype.hasOwnProperty.call(r, a)) {
+              const i = r[a];
+              this.autosuggestResults = i, i.numFound > 0 ? i.suggestions.forEach((n) => {
+                this.autosuggestContainer.appendChild(
+                  this.createAutosuggestItem(n)
+                );
+              }) : this.autosuggestContainer.classList.add("hidden");
+            }
+        }
+    }
+  }
+}
+class ke {
+  constructor(e) {
+    h(this, "dataLayer"), h(this, "config"), h(this, "linkClickCallback"), h(this, "searchCallback"), h(this, "containerId"), h(this, "searchResultsMainContainer"), h(this, "searchResultsContainer"), h(this, "searchResultLinks", []), this.linkClickCallback = e.linkClickCallback, this.searchCallback = e.searchTrigger, this.dataLayer = e.dataLayer, this.config = e.config, this.containerId = e.containerId;
+    const t = document.getElementById(this.containerId);
+    if (console.log("resultsContainer", t), t)
+      this.searchResultsMainContainer = t;
+    else
+      throw new Error(
+        `Search Results Main Container with id ${this.containerId} not found`
+      );
+    this.initializeSubscriptions(), this.renderMainTemplate();
+  }
+  initializeSubscriptions() {
+    this.dataLayer.searchResultsObservable.subscribe((e) => {
+      e && this.searchResultsContainer && this.renderResults(e);
+    });
+  }
+  renderNoResultsTemplate() {
+    var e, t, r;
+    const a = ((t = (e = this.config) == null ? void 0 : e.templates) == null ? void 0 : t.noSearchResultTemplate) || `
+    <div class="searchstax-no-results">
+              Showing <strong>no results</strong> for <strong>"{{ searchTerm }}"</strong>
+            <br>
+            {{#spellingSuggestion}}
+            <span>&nbsp;Did you mean <a href="#"
+                 class="searchstax-suggestion-term">{{ spellingSuggestion }}</a>?</span>
+            {{/spellingSuggestion}}
+        </div>
+        <div>
+            <p>Try searching for search related terms or topics. We offer a wide variety of content to help you get the information you need.</p>
+            <p>Lost? Click on the ‘X” in the Search Box to reset your search.</p>
+        </div>
+    `, i = ((r = this.dataLayer.searchResultsMetadataValue) == null ? void 0 : r.spellingSuggestion) ?? "";
+    if (this.dataLayer.renderingEngineValue === "mustache" && this.searchResultsContainer && (this.searchResultsContainer.innerHTML = f.render(
+      a,
+      {
+        spellingSuggestion: i,
+        searchTerm: this.dataLayer.searchTermValue
+      }
+    )), i && this.searchResultsContainer) {
+      const n = this.searchResultsContainer.querySelector("a");
+      n && n.addEventListener("click", (o) => {
+        o.preventDefault(), o.stopPropagation(), this.searchCallback(i);
+      });
+    }
+  }
+  renderResults(e) {
+    var t, r;
+    if (this.dataLayer.renderingEngineValue === "mustache" && this.searchResultsContainer)
+      if (this.removeLinkClickEvents(), e.length === 0)
+        this.renderNoResultsTemplate();
+      else {
+        const a = ((r = (t = this.config) == null ? void 0 : t.templates) == null ? void 0 : r.searchResultTemplate) || `
+    <div class="searchstax-search-result">
+      {{#url}}
+      <a href="{{url}}" data-searchstax-unique-result-id="{{uniqueId}}" class="searchstax-result-item-link"></a>
+      {{/url}}
+      {{#ribbon}}
+      <div class="searchstax-search-result-ribbon">
+        {{ribbon}}
+      </div>
+      {{/ribbon}}
+      {{#thumbnail}}
+        <img :src="thumbnail" class="searchstax-thumbnail">
+      {{/thumbnail}}
+      <div class="searchstax-search-result-title-container">
+        <span class="searchstax-search-result-title">{{title}}</span>
+      </div>
+      {{#paths}}
+        <p class="searchstax-search-result-common">
+          {{paths}}
+        </p>
+      {{/paths}}
+      {{#description}}
+      <p class="searchstax-search-result-description searchstax-search-result-common">
+        {{description}}
+      </p>
+      {{/description}}
+      {{#unmappedFields}}
+        {{#isImage}}
+          <div class="searchstax-search-result-image-container">
+            <img :src="result[value]" class="searchstax-result-image">
+          </div>
+        {{/isImage}}
+        {{^isImage}}
+          <p class="searchstax-search-result-common">
+            {{value}}
+          </p>
+        {{/isImage}}
+      {{/unmappedFields}}
+      </div>`, i = e.map((n) => f.render(a, n));
+        this.searchResultsContainer.innerHTML = i.join(""), this.searchResultLinks = Array.from(
+          this.searchResultsContainer.querySelectorAll(
+            `[${this.uniqueIdAttribute}]`
+          )
+        ), this.attachLinkClickEvents();
+      }
+  }
+  removeLinkClickEvents() {
+    this.searchResultLinks.forEach((e) => {
+      e.removeEventListener("click", () => {
+      });
+    });
+  }
+  get uniqueIdAttribute() {
+    return this.config.searchResultUniqueIdAttribute || "data-searchstax-unique-result-id";
+  }
+  attachLinkClickEvents() {
+    this.searchResultLinks.forEach((e) => {
+      e.addEventListener("click", (t) => {
+        t.preventDefault(), t.stopPropagation();
+        const r = e.getAttribute(this.uniqueIdAttribute) ?? "";
+        r && this.linkClickCallback(r);
+      });
+    });
+  }
+  renderMainTemplate() {
+    var e, t;
+    const r = ((t = (e = this.config) == null ? void 0 : e.templates) == null ? void 0 : t.mainTemplate) || `
+    <div class="searchstax-search-results-container">
+      <div class="searchstax-search-results"></div>
+    </div>
+    `;
+    this.dataLayer.renderingEngineValue === "mustache" && (this.searchResultsMainContainer.innerHTML = f.render(
+      r,
+      {}
+    )), setTimeout(() => {
+      var a, i;
+      const n = (a = this.config) != null && a.searchResultsContainerId ? (i = this.config) == null ? void 0 : i.searchResultsContainerId : "searchstax-search-results", o = document.getElementById(n);
+      if (o)
+        this.searchResultsContainer = o;
+      else
+        throw new Error(`Search Results Container with id ${n} not found`);
+    }, 0);
+  }
+}
+class Ce {
+  constructor(e = "mustache") {
+    h(this, "sessionId"), h(this, "searchstaxConfig"), h(this, "searchHelper"), h(this, "searchInputConfig"), h(this, "searchResultsConfig"), h(this, "searchInputWidget"), h(this, "searchResultsWidget"), h(this, "dataLayer", new Z()), e && this.dataLayer.setRenderingEngine(e), this.sessionId = te.getOrSetCookie("searchstax_session_id"), this.handleHooks();
+  }
+  setRenderingEngine(e = "mustache") {
+    this.dataLayer.setRenderingEngine(e);
+  }
+  handleHooks() {
+    var e, t;
+    (t = (e = this.searchInputConfig) == null ? void 0 : e.hooks) != null && t.afterSearch && this.dataLayer.searchResultsObservable.subscribe((r) => {
+      this.searchInputConfig.hooks.afterSearch(r);
+    });
+  }
+  initialize(e) {
+    this.searchstaxConfig || (this.searchstaxConfig = e, this.searchHelper = new ee(
+      { ...e, sessionId: this.sessionId },
+      this.dataLayer
+    ));
+  }
+  search(e, t) {
+    this.searchHelper && this.searchHelper.search(
+      e,
+      this.parseSearchResultsResponse.bind(this),
+      t
+    );
+  }
+  parseSearchResultsResponse(e) {
+    var t, r;
+    let a = P.combineResultsWithMetadata(e);
+    (r = (t = this.searchInputConfig) == null ? void 0 : t.hooks) != null && r.afterSearch && (a = this.searchInputConfig.hooks.afterSearch(a)), this.dataLayer.setSearchResults(a), this.dataLayer.setSearchResultsMetadata(
+      P.extractSearchResultsMetadata(e)
+    );
+  }
+  parseSuggestSuggestResponse(e) {
+    var t, r;
+    let a = e;
+    (r = (t = this.searchInputConfig) == null ? void 0 : t.hooks) != null && r.afterAutosuggest && (a = this.searchInputConfig.hooks.afterAutosuggest(e)), this.dataLayer.setSearchAutosuggest(a);
+  }
+  suggest(e, t) {
+    this.searchHelper && this.searchHelper.suggest(
+      e,
+      this.parseSuggestSuggestResponse.bind(this),
+      t
+    );
+  }
+  changeLanguage(e) {
+    this.searchHelper && (this.searchHelper.language = e);
+  }
+  addSearchInputWidget(e, t) {
+    this.searchInputConfig || (this.searchInputConfig = t, this.searchInputWidget = new be({
+      containerId: e,
+      config: t,
+      searchTrigger: this.executeSearch.bind(this),
+      suggestTrigger: this.executeSuggest.bind(this),
+      dataLayer: this.dataLayer
+    }));
+  }
+  addSearchResultsWidget(e, t) {
+    this.searchResultsConfig || (this.searchResultsConfig = t, this.searchResultsWidget = new ke({
+      containerId: e,
+      linkClickCallback: this.executeLinkClick.bind(this),
+      searchTrigger: this.executeSearch.bind(this),
+      config: t,
+      dataLayer: this.dataLayer
+    }));
+  }
+  executeSearch(e) {
+    var t, r;
+    let a = { term: e, queryParams: [] };
+    (r = (t = this.searchInputConfig) == null ? void 0 : t.hooks) != null && r.beforeSearch && (a = this.searchInputConfig.hooks.beforeSearch(a)), a && a.term !== void 0 && a.queryParams !== void 0 && this.search(a.term, a.queryParams);
+  }
+  executeSuggest(e) {
+    var t, r;
+    let a = { term: e, queryParams: [] };
+    (r = (t = this.searchInputConfig) == null ? void 0 : t.hooks) != null && r.beforeAutosuggest && (a = this.searchInputConfig.hooks.beforeAutosuggest(a)), a && a.term !== void 0 && a.queryParams !== void 0 && this.suggest(a.term, a.queryParams);
+  }
+  executeLinkClick(e) {
+    var t, r, a, i;
+    let n = P.findResultByUniqueId(
+      e,
+      this.dataLayer.searchResultsValue ?? []
+    );
+    n && ((r = (t = this.searchResultsConfig) == null ? void 0 : t.hooks) != null && r.afterLinkClick && (n = this.searchResultsConfig.hooks.afterLinkClick(n)), n && (console.log("foundResult", n), this.dataLayer.searchResultsMetadataValue && se.trackClick({
+      result: n,
+      searchTermValue: this.dataLayer.searchTermValue,
+      trackApiKey: ((a = this.searchstaxConfig) == null ? void 0 : a.trackApiKey) ?? "",
+      session: this.sessionId,
+      language: ((i = this.searchHelper) == null ? void 0 : i.language) ?? "",
+      recordsPerPage: this.dataLayer.searchResultsMetadataValue.recordsPerPageValue,
+      totalResults: this.dataLayer.searchResultsMetadataValue.totalResultsValue,
+      currentPage: this.dataLayer.currentPageValue,
+      latencyVal: this.dataLayer.searchResultsMetadataValue.latency
+    })));
+  }
+}
+const k = X({
+  searchstax: new Ce("vue")
+}), Se = U({
+  name: "SearchstaxWrapper",
+  props: {
+    language: {
+      type: String,
+      required: !1,
+      default: "en"
+    },
+    searchURL: {
+      type: String,
+      required: !0
+    },
+    suggesterURL: {
+      type: String,
+      required: !0
+    },
+    relatedSearchesURL: {
+      type: String,
+      required: !0
+    },
+    authenticationValue: {
+      type: String,
+      required: !0
+    },
+    trackApiKey: {
+      type: String,
+      required: !0
+    },
+    searchApiKey: {
+      type: String,
+      required: !0
+    },
+    authType: {
+      type: String,
+      required: !1,
+      default: "basic"
+    }
+  },
+  mounted() {
+    k.searchstax.initialize({
+      language: this.language,
+      searchURL: this.searchURL,
+      suggesterURL: this.suggesterURL,
+      authenticationValue: this.authenticationValue,
+      trackApiKey: this.trackApiKey,
+      searchApiKey: this.searchApiKey,
+      authType: this.authType
+    }), this.$emit("initialized", k.searchstax);
+  }
+}), j = (s, e) => {
+  const t = s.__vccOpts || s;
+  for (const [r, a] of e)
+    t[r] = a;
+  return t;
+};
+function Ie(s, e, t, r, a, i) {
+  return B(s.$slots, "default");
+}
+const xe = /* @__PURE__ */ j(Se, [["render", Ie]]), Ae = U({
+  name: "SearchstaxInputWidget",
+  props: {
+    beforeSearch: {
+      type: Function,
+      required: !1
+    },
+    afterSearch: {
+      type: Function,
+      required: !1
+    },
+    afterAutosuggest: {
+      type: Function,
+      required: !1
+    },
+    beforeAutosuggest: {
+      type: Function,
+      required: !1
+    },
+    searchInputId: {
+      type: String,
+      required: !1
+    },
+    suggestAfterMinChars: {
+      type: Number,
+      required: !1,
+      default: 3
+    }
+  },
+  data() {
+    return {};
+  },
+  methods: {},
+  computed: {
+    hasInputSlot() {
+      return !!this.$slots.input;
+    }
+  },
+  mounted() {
+    if (k.searchstax) {
+      const s = {};
+      this.beforeSearch && (s.beforeSearch = this.beforeSearch), this.afterSearch && (s.afterSearch = this.afterSearch), this.afterAutosuggest && (s.afterAutosuggest = this.afterAutosuggest), this.beforeAutosuggest && (s.beforeAutosuggest = this.beforeAutosuggest), k.searchstax.addSearchInputWidget("searchstax-input-container", {
+        suggestAfterMinChars: this.suggestAfterMinChars,
+        hideBranding: !0,
+        hooks: s,
+        templates: {
+          searchInputId: this.searchInputId ?? "searchstax-search-input"
+        }
+      });
+    } else
+      throw Error("Searchstax instance needs to be passed via props");
+  }
+}), Re = { id: "searchstax-input-container" }, Le = { class: "searchstax-search-input-container" }, Te = {
+  key: 0,
+  class: "searchstax-search-input-wrapper"
+}, we = /* @__PURE__ */ p("input", {
+  type: "text",
+  id: "searchstax-search-input",
+  class: "searchstax-search-input",
+  placeholder: "SEARCH FOR..."
+}, null, -1), Ee = /* @__PURE__ */ p("button", {
+  class: "searchstax-spinner-icon",
+  id: "searchstax-search-input-action-button"
+}, null, -1), Ve = [
+  we,
+  Ee
+];
+function _e(s, e, t, r, a, i) {
+  return g(), d("div", Re, [
+    p("div", Le, [
+      s.hasInputSlot ? b("", !0) : (g(), d("div", Te, Ve)),
+      B(s.$slots, "input")
+    ])
+  ]);
+}
+const Me = /* @__PURE__ */ j(Ae, [["render", _e]]), qe = U({
+  name: "SearchstaxResultsWidget",
+  props: {
+    afterLinkClick: {
+      type: Function,
+      required: !1
+    }
+  },
+  computed: {
+    hasNoResultsSlot() {
+      return !!this.$slots.noResult;
+    },
+    hasResultSlot() {
+      return !!this.$slots.results;
+    },
+    hooks() {
+      const s = {};
+      return this.afterLinkClick && (s.afterLinkClick = this.afterLinkClick), s;
+    }
+  },
+  data() {
+    return {
+      searchResults: null,
+      searchTerm: "",
+      store: k
+    };
+  },
+  methods: {
+    resultClicked(s, e) {
+      e.preventDefault(), e.stopPropagation(), k.searchstax.executeLinkClick(s.uniqueId);
+    },
+    attachObservables() {
+      k.searchstax.dataLayer.searchResultsObservable.subscribe(
+        (s) => {
+          this.searchResults = s;
+        }
+      ), k.searchstax.dataLayer.searchTermChangeObservable.subscribe(
+        (s) => {
+          this.searchTerm = s;
+        }
+      );
+    }
+  },
+  mounted() {
+    if (k.searchstax)
+      this.attachObservables(), k.searchstax.addSearchResultsWidget("searchstax-results-container", {
+        hideUniqueKey: !0,
+        // searchResultUniqueIdAttribute: ' data-searchstax-unique-result-id', if custom result template is used
+        // points to an attribute that will be used to identify a result
+        searchResultsContainerId: "searchstax-result-container",
+        // if main template is over ridden this points to an
+        // id in the main element where results need to be rendered
+        templates: {},
+        hooks: this.hooks
+      });
+    else
+      throw Error("Searchstax instance needs to be passed via props");
+  }
+}), Oe = { id: "searchstax-results-container" }, Be = { class: "searchstax-search-results-container" }, He = { id: "searchstax-result-container" }, Pe = { key: 0 }, $e = { class: "searchstax-no-results" }, Ue = /* @__PURE__ */ p("strong", null, "no results", -1), Ke = /* @__PURE__ */ p("br", null, null, -1), je = { key: 0 }, We = {
+  href: "#",
+  class: "searchstax-suggestion-term"
+}, Fe = /* @__PURE__ */ p("div", null, [
+  /* @__PURE__ */ p("p", null, " Try searching for search related terms or topics. We offer a wide variety of content to help you get the information you need. "),
+  /* @__PURE__ */ p("p", null, "Lost? Click on the ‘X” in the Search Box to reset your search.")
+], -1), De = {
+  key: 2,
+  class: "searchstax-search-results"
+}, Ne = ["href", "data-searchstax-unique-result-id", "onClick"], ze = {
+  key: 1,
+  class: "searchstax-search-result-ribbon"
+}, Qe = ["src"], Ge = { class: "searchstax-search-result-title-container" }, Xe = { class: "searchstax-search-result-title" }, Je = {
+  key: 3,
+  class: "searchstax-search-result-common"
+}, Ye = {
+  key: 4,
+  class: "searchstax-search-result-description searchstax-search-result-common"
+}, Ze = {
+  key: 0,
+  class: "searchstax-search-result-image-container"
+}, et = ["src"], tt = { key: 1 }, st = { class: "searchstax-search-result-common" }, at = { key: 3 };
+function rt(s, e, t, r, a, i) {
+  var n, o;
+  return g(), d("div", Oe, [
+    p("div", Be, [
+      p("div", He, [
+        s.searchResults && s.searchResults.length === 0 && !s.hasNoResultsSlot ? (g(), d("div", Pe, [
+          p("div", $e, [
+            O(" Showing "),
+            Ue,
+            O(" for "),
+            p("strong", null, '"' + A(s.searchTerm) + '"', 1),
+            Ke,
+            (n = s.store.searchstax.dataLayer.searchResultsMetadataValue) != null && n.spellingSuggestion ? (g(), d("span", je, [
+              O(" Did you mean "),
+              p("a", We, A((o = s.store.searchstax.dataLayer.searchResultsMetadataValue) == null ? void 0 : o.spellingSuggestion), 1),
+              O("?")
+            ])) : b("", !0)
+          ]),
+          Fe
+        ])) : b("", !0),
+        s.searchResults && s.searchResults.length === 0 && s.hasNoResultsSlot ? B(s.$slots, "noResult", { key: 1 }) : b("", !0),
+        s.searchResults && s.searchResults.length && !s.hasResultSlot ? (g(), d("div", De, [
+          (g(!0), d(D, null, N(s.searchResults, (u) => (g(), d("div", {
+            class: "searchstax-search-result",
+            key: u.uniqueId
+          }, [
+            u.url ? (g(), d("a", {
+              key: 0,
+              href: u.url,
+              "data-searchstax-unique-result-id": u.uniqueId,
+              onClick: (c) => s.resultClicked(u, c),
+              class: "searchstax-result-item-link"
+            }, null, 8, Ne)) : b("", !0),
+            u.ribbon ? (g(), d("div", ze, A(u.ribbon), 1)) : b("", !0),
+            u.thumbnail ? (g(), d("img", {
+              key: 2,
+              src: u.thumbnail,
+              class: "searchstax-thumbnail"
+            }, null, 8, Qe)) : b("", !0),
+            p("div", Ge, [
+              p("span", Xe, A(u.title), 1)
+            ]),
+            u.paths ? (g(), d("p", Je, A(u.paths), 1)) : b("", !0),
+            u.description ? (g(), d("p", Ye, A(u.description), 1)) : b("", !0),
+            (g(!0), d(D, null, N(u.unmappedFields, (c) => (g(), d("div", {
+              key: c.key
+            }, [
+              c.isImage && typeof c.value == "string" ? (g(), d("div", Ze, [
+                p("img", {
+                  src: c.value,
+                  class: "searchstax-result-image"
+                }, null, 8, et)
+              ])) : (g(), d("div", tt, [
+                p("p", st, A(c.value), 1)
+              ]))
+            ]))), 128))
+          ]))), 128))
+        ])) : b("", !0),
+        s.searchResults && s.searchResults.length && s.hasResultSlot ? (g(), d("div", at, [
+          B(s.$slots, "results", {
+            searchResults: s.searchResults,
+            resultClicked: s.resultClicked
+          })
+        ])) : b("", !0)
+      ])
+    ])
+  ]);
+}
+const it = /* @__PURE__ */ j(qe, [["render", rt]]);
+const ot = {
+  install: (s) => {
+    s.component("SearchstaxWrapper", xe), s.component("SearchstaxResultWidget", it), s.component("SearchstaxInputWidget", Me);
+  }
+};
+export {
+  Me as SearchstaxInputWidget,
+  it as SearchstaxResultWidget,
+  xe as SearchstaxWrapper,
+  ot as default
+};