@searchstax-inc/searchstudio-ux-react 0.2.13 → 0.2.15

package/dist/@searchstax-inc/searchstudio-ux-react.mjs

@@ -1,5 +1,5 @@
 import nt, { useState as H, useEffect as ee, useRef as Ft, createRef as et } from "react";
-var Pe = { exports: {} }, oe = {};
+var Pe = { exports: {} }, le = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -12,7 +12,7 @@ var Pe = { exports: {} }, oe = {};
 var tt;
 function Ot() {
   if (tt)
-    return oe;
+    return le;
   tt = 1;
   var i = nt, e = Symbol.for("react.element"), t = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, a = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, r = { key: !0, ref: !0, __self: !0, __source: !0 };
   function c(l, u, d) {
@@ -25,9 +25,9 @@ function Ot() {
         m[g] === void 0 && (m[g] = u[g]);
     return { $$typeof: e, type: l, key: y, ref: k, props: m, _owner: a.current };
   }
-  return oe.Fragment = t, oe.jsx = c, oe.jsxs = c, oe;
+  return le.Fragment = t, le.jsx = c, le.jsxs = c, le;
 }
-var he = {};
+var oe = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -40,11 +40,11 @@ var he = {};
 var at;
 function Mt() {
   return at || (at = 1, process.env.NODE_ENV !== "production" && function() {
-    var i = nt, e = Symbol.for("react.element"), t = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), r = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), l = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), k = Symbol.for("react.offscreen"), F = Symbol.iterator, R = "@@iterator";
+    var i = nt, e = Symbol.for("react.element"), t = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), r = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), l = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), k = Symbol.for("react.offscreen"), O = Symbol.iterator, R = "@@iterator";
     function T(n) {
       if (n === null || typeof n != "object")
         return null;
-      var p = F && n[F] || n[R];
+      var p = O && n[O] || n[R];
       return typeof p == "function" ? p : null;
     }
     var I = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -65,14 +65,14 @@ function Mt() {
         M.unshift("Warning: " + p), Function.prototype.apply.call(console[n], console, M);
       }
     }
-    var W = !1, A = !1, Q = !1, f = !1, b = !1, O;
-    O = Symbol.for("react.module.reference");
-    function $(n) {
+    var W = !1, A = !1, Q = !1, f = !1, b = !1, F;
+    F = Symbol.for("react.module.reference");
+    function q(n) {
       return !!(typeof n == "string" || typeof n == "function" || n === s || n === r || b || n === a || n === d || n === g || f || n === k || W || A || Q || typeof n == "object" && n !== null && (n.$$typeof === y || n.$$typeof === m || n.$$typeof === c || n.$$typeof === l || n.$$typeof === u || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      n.$$typeof === O || n.getModuleId !== void 0));
+      n.$$typeof === F || n.getModuleId !== void 0));
     }
     function G(n, p, v) {
       var S = n.displayName;
@@ -81,7 +81,7 @@ function Mt() {
       var j = p.displayName || p.name || "";
       return j !== "" ? v + "(" + j + ")" : v;
     }
-    function ne(n) {
+    function pe(n) {
       return n.displayName || "Context";
     }
     function K(n) {
@@ -109,10 +109,10 @@ function Mt() {
         switch (n.$$typeof) {
           case l:
             var p = n;
-            return ne(p) + ".Consumer";
+            return pe(p) + ".Consumer";
           case c:
             var v = n;
-            return ne(v._context) + ".Provider";
+            return pe(v._context) + ".Provider";
           case u:
             return G(n, n.render, "ForwardRef");
           case m:
@@ -129,13 +129,13 @@ function Mt() {
         }
       return null;
     }
-    var Y = Object.assign, ce = 0, Fe, Oe, Me, Ae, De, Ne, $e;
+    var Y = Object.assign, ne = 0, Fe, Oe, Me, Ae, De, Ne, $e;
     function qe() {
     }
     qe.__reactDisabledLog = !0;
     function ct() {
       {
-        if (ce === 0) {
+        if (ne === 0) {
           Fe = console.log, Oe = console.info, Me = console.warn, Ae = console.error, De = console.group, Ne = console.groupCollapsed, $e = console.groupEnd;
           var n = {
             configurable: !0,
@@ -153,12 +153,12 @@ function Mt() {
             groupEnd: n
           });
         }
-        ce++;
+        ne++;
       }
     }
     function lt() {
       {
-        if (ce--, ce === 0) {
+        if (ne--, ne === 0) {
           var n = {
             configurable: !0,
             enumerable: !0,
@@ -188,7 +188,7 @@ function Mt() {
             })
           });
         }
-        ce < 0 && L("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        ne < 0 && L("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var be = I.ReactCurrentDispatcher, Ce;
@@ -260,18 +260,18 @@ function Mt() {
         if (X && S && typeof X.stack == "string") {
           for (var w = X.stack.split(`
 `), V = S.stack.split(`
-`), q = w.length - 1, _ = V.length - 1; q >= 1 && _ >= 0 && w[q] !== V[_]; )
+`), $ = w.length - 1, _ = V.length - 1; $ >= 1 && _ >= 0 && w[$] !== V[_]; )
             _--;
-          for (; q >= 1 && _ >= 0; q--, _--)
-            if (w[q] !== V[_]) {
-              if (q !== 1 || _ !== 1)
+          for (; $ >= 1 && _ >= 0; $--, _--)
+            if (w[$] !== V[_]) {
+              if ($ !== 1 || _ !== 1)
                 do
-                  if (q--, _--, _ < 0 || w[q] !== V[_]) {
+                  if ($--, _--, _ < 0 || w[$] !== V[_]) {
                     var z = `
-` + w[q].replace(" at new ", " at ");
+` + w[$].replace(" at new ", " at ");
                     return n.displayName && z.includes("<anonymous>") && (z = z.replace("<anonymous>", n.displayName)), typeof n == "function" && fe.set(n, z), z;
                   }
-                while (q >= 1 && _ >= 0);
+                while ($ >= 1 && _ >= 0);
               break;
             }
         }
@@ -337,8 +337,8 @@ function Mt() {
                 throw V.name = "Invariant Violation", V;
               }
               w = n[E](p, E, S, v, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (q) {
-              w = q;
+            } catch ($) {
+              w = $;
             }
             w && !(w instanceof Error) && (xe(j), L("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", S || "React class", v, E, typeof w), xe(null)), w instanceof Error && !(w.message in He) && (He[w.message] = !0, xe(j), L("Failed %s type: %s", v, w.message), xe(null));
           }
@@ -368,7 +368,7 @@ function Mt() {
       if (mt(n))
         return L("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", pt(n)), Be(n);
     }
-    var le = I.ReactCurrentOwner, ft = {
+    var ce = I.ReactCurrentOwner, ft = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -392,9 +392,9 @@ function Mt() {
       return n.key !== void 0;
     }
     function xt(n, p) {
-      if (typeof n.ref == "string" && le.current && p && le.current.stateNode !== p) {
-        var v = K(le.current.type);
-        Te[v] || (L('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', K(le.current.type), n.ref), Te[v] = !0);
+      if (typeof n.ref == "string" && ce.current && p && ce.current.stateNode !== p) {
+        var v = K(ce.current.type);
+        Te[v] || (L('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', K(ce.current.type), n.ref), Te[v] = !0);
       }
     }
     function bt(n, p) {
@@ -455,15 +455,15 @@ function Mt() {
         for (M in p)
           ye.call(p, M) && !ft.hasOwnProperty(M) && (E[M] = p[M]);
         if (n && n.defaultProps) {
-          var q = n.defaultProps;
-          for (M in q)
-            E[M] === void 0 && (E[M] = q[M]);
+          var $ = n.defaultProps;
+          for (M in $)
+            E[M] === void 0 && (E[M] = $[M]);
         }
         if (w || V) {
           var _ = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
           w && bt(E, _), V && Ct(E, _);
         }
-        return St(n, w, V, j, S, le.current, E);
+        return St(n, w, V, j, S, ce.current, E);
       }
     }
     var ke = I.ReactCurrentOwner, Ke = I.ReactDebugCurrentFrame;
@@ -586,14 +586,14 @@ Check the top-level render call using <` + v + ">.");
     }
     function Xe(n, p, v, S, j, M) {
       {
-        var E = $(n);
+        var E = q(n);
         if (!E) {
           var w = "";
           (n === void 0 || typeof n == "object" && n !== null && Object.keys(n).length === 0) && (w += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var V = Tt(j);
           V ? w += V : w += ze();
-          var q;
-          n === null ? q = "null" : Le(n) ? q = "array" : n !== void 0 && n.$$typeof === e ? (q = "<" + (K(n.type) || "Unknown") + " />", w = " Did you accidentally export a JSX literal instead of a component?") : q = typeof n, L("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", q, w);
+          var $;
+          n === null ? $ = "null" : Le(n) ? $ = "array" : n !== void 0 && n.$$typeof === e ? ($ = "<" + (K(n.type) || "Unknown") + " />", w = " Did you accidentally export a JSX literal instead of a component?") : $ = typeof n, L("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", $, w);
         }
         var _ = Lt(n, p, v, j, M);
         if (_ == null)
@@ -621,8 +621,8 @@ Check the top-level render call using <` + v + ">.");
       return Xe(n, p, v, !1);
     }
     var Pt = It, jt = Et;
-    he.Fragment = s, he.jsx = Pt, he.jsxs = jt;
-  }()), he;
+    oe.Fragment = s, oe.jsx = Pt, oe.jsxs = jt;
+  }()), oe;
 }
 process.env.NODE_ENV === "production" ? Pe.exports = Ot() : Pe.exports = Mt();
 var o = Pe.exports, At = Object.defineProperty, Dt = (i, e, t) => e in i ? At(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, h = (i, e, t) => (Dt(i, typeof e != "symbol" ? e + "" : e, t), t), B = /* @__PURE__ */ ((i) => (i[i.mustache = 0] = "mustache", i[i.vue = 1] = "vue", i[i.react = 2] = "react", i[i.angular = 3] = "angular", i))(B || {});
@@ -685,6 +685,9 @@ class Nt {
   get searchingEverything() {
     return this.searchTerm === "*";
   }
+  get firstSearchHappened() {
+    return this.dataLayer.firstSearchHappened;
+  }
   get isInfiniteScroll() {
     return this.dataLayer.isInfiniteScroll ?? !1;
   }
@@ -737,7 +740,8 @@ class Nt {
       answer: this.getAnswerData,
       shouldShowAnswer: this.shouldShowAnswer,
       isInfiniteScroll: this.isInfiniteScroll,
-      percentageOfResultsLoaded: this.percentageOfResultsLoaded
+      percentageOfResultsLoaded: this.percentageOfResultsLoaded,
+      firstSearchHappened: this.firstSearchHappened
     };
   }
   get trackingData() {
@@ -847,7 +851,7 @@ class $t {
       order: "",
       facets: [],
       additionalProps: []
-    })), h(this, "$searchRelatedSearches", new D(null)), h(this, "$searchInputConfig", new D(null)), h(this, "$searchExternalPromotions", new D(null)), h(this, "$facetsTemplateData", new D(null)), h(this, "$selectedFacetsTemplateData", new D(null)), h(this, "$paginationData", new D(null)), h(this, "$searchFeedbackData", new D(null)), h(this, "$searchSortingData", new D(null)), h(this, "$searchRelatedSearchesData", new D(null)), h(this, "$searchExternalPromotionsData", new D(null)), h(this, "$cookiesDisabled", new D(null)), h(this, "$answer", new D("")), h(this, "$language", new D("en")), h(this, "currentPageValue", 1), h(this, "isAnswerWidgetCreatedValue", !1), h(this, "renderingEngineValue", B.mustache), h(this, "parsedData", new Nt(this)), h(this, "sessionId"), h(this, "autoCorrect", !0), h(this, "forceNotCorrect", !1), h(this, "lastSearchValue", ""), h(this, "turnAIAnswerGenerationOn", !1), h(this, "isInfiniteScroll", !1), this.sessionId = e, this.cookieHandlingCallback(), this.$cookiesDisabled.subscribe(() => {
+    })), h(this, "$searchRelatedSearches", new D(null)), h(this, "$searchInputConfig", new D(null)), h(this, "$searchExternalPromotions", new D(null)), h(this, "$facetsTemplateData", new D(null)), h(this, "$selectedFacetsTemplateData", new D(null)), h(this, "$paginationData", new D(null)), h(this, "$searchFeedbackData", new D(null)), h(this, "$searchSortingData", new D(null)), h(this, "$searchRelatedSearchesData", new D(null)), h(this, "$searchExternalPromotionsData", new D(null)), h(this, "$cookiesDisabled", new D(null)), h(this, "$answer", new D("")), h(this, "$language", new D("en")), h(this, "currentPageValue", 1), h(this, "isAnswerWidgetCreatedValue", !1), h(this, "renderingEngineValue", B.mustache), h(this, "parsedData", new Nt(this)), h(this, "sessionId"), h(this, "autoCorrect", !0), h(this, "forceNotCorrect", !1), h(this, "lastSearchValue", ""), h(this, "turnAIAnswerGenerationOn", !1), h(this, "isInfiniteScroll", !1), h(this, "firstSearchHappened", !1), this.sessionId = e, this.cookieHandlingCallback(), this.$cookiesDisabled.subscribe(() => {
       this.cookieHandlingCallback();
     });
   }
@@ -873,7 +877,7 @@ class $t {
     this.$loadingChange.setValue(e);
   }
   setSearchResults(e) {
-    J.deepEqual(e, this.searchResults ?? [""]) || this.$searchResults.setValue(e);
+    this.firstSearchHappened = !0, J.deepEqual(e, this.searchResults ?? [""]) || this.$searchResults.setValue(e);
   }
   setSearchResultsMetadata(e) {
     J.deepEqual(e, this.searchResultsMetadata ?? {}) || this.$searchResultsMetadata.setValue(e);
@@ -1019,17 +1023,13 @@ class $t {
     return (this.$cookiesDisabled.getValue() ?? !1) || !navigator.cookieEnabled;
   }
 }
-class ue {
+class he {
   static combineResultsWithMetadata(e) {
     const t = [], s = parseInt(e.response.start + "") - 1, a = parseInt(e.responseHeader.params.rows);
     return e.response.docs.forEach((r, c) => {
       const l = {
         custom: null,
-        uniqueId: this.getValueByKey(
-          e.responseHeader.params.uniqueId,
-          r,
-          e
-        ) ?? "",
+        uniqueId: r[e.responseHeader.params.uniqueId] ?? "",
         position: s * a + 1 + c,
         ribbon: this.doesMapExist("ribbon", e) ? this.getValueByKey("ribbon", r, e) : null,
         paths: this.doesMapExist("paths", e) ? this.getValueByKey("paths", r, e) : null,
@@ -1171,14 +1171,14 @@ class st {
       }
     return r;
   }
-  urlToSearchObject(e) {
-    const t = this.queryStringHelper.urlToParams(e), s = Z.removeXSSRiskyTags(decodeURIComponent(t[this.routeName + "[page]"])), a = parseInt(s), r = isNaN(a) ? 1 : a;
+  urlToSearchObject(e, t) {
+    const s = this.queryStringHelper.urlToParams(e), a = Z.removeXSSRiskyTags(decodeURIComponent(s[this.routeName + "[page]"])), r = parseInt(a), c = isNaN(r) ? 1 : r;
     return {
-      query: Z.removeXSSRiskyTags(decodeURIComponent(t[this.routeName + "[query]"])) || "",
-      page: r,
-      itemsPerPage: void 0,
-      order: Z.removeXSSRiskyTags(t[this.routeName + "[order]"]) || "",
-      facets: this.extractArrayOfFacetsFromQueryParameters(t) || []
+      query: Z.removeXSSRiskyTags(decodeURIComponent(s[this.routeName + "[query]"])) || "",
+      page: c,
+      itemsPerPage: t,
+      order: Z.removeXSSRiskyTags(s[this.routeName + "[order]"]) || "",
+      facets: this.extractArrayOfFacetsFromQueryParameters(s) || []
     };
   }
 }
@@ -1276,7 +1276,7 @@ class _t {
     ));
   }
   cacheFacetsCallback(e) {
-    let t = ue.extractFacets(e);
+    let t = he.extractFacets(e);
     this.dataLayer.setSearchFacetsCached(t);
   }
   search(e, t, s = !1, a = !1) {
@@ -1322,8 +1322,8 @@ class _t {
         return;
       }
       t(r.data);
-    }, s.onerror = function(r) {
-      console.log(r), s.close();
+    }, s.onerror = function() {
+      s.close();
     };
   }
   suggest(e, t, s) {
@@ -1351,7 +1351,7 @@ class _t {
     return "&" + t.join("&");
   }
 }
-class de {
+class ue {
   static trackClick(e) {
     const t = {
       key: e.trackApiKey,
@@ -1383,7 +1383,7 @@ class de {
       impressions: e.impressions
     };
     setTimeout(() => {
-      t.key && this.msq.push(["trackSearch", t]);
+      t.key && this.msq.push(["track", t]);
     }, 0);
   }
   static trackRelatedSearchClick(e) {
@@ -1417,7 +1417,7 @@ class de {
     }, 0);
   }
 }
-h(de, "msq", window._msq || []);
+h(ue, "msq", window._msq || []);
 /*!
  * mustache.js - Logic-less {{mustache}} templates with JavaScript
  * http://github.com/janl/mustache.js
@@ -1477,13 +1477,13 @@ function ea(i, e) {
     c = !1, l = !1;
   }
   var m, y, k;
-  function F(b) {
+  function O(b) {
     if (typeof b == "string" && (b = b.split(Gt, 2)), !ie(b) || b.length !== 2)
       throw new Error("Invalid tags: " + b);
     m = new RegExp(Ie(b[0]) + "\\s*"), y = new RegExp("\\s*" + Ie(b[1])), k = new RegExp("\\s*" + Ie("}" + b[1]));
   }
-  F(e || P.tags);
-  for (var R = new pe(i), T, I, L, N, W, A; !R.eos(); ) {
+  O(e || P.tags);
+  for (var R = new ge(i), T, I, L, N, W, A; !R.eos(); ) {
     if (T = R.pos, L = R.scanUntil(m), L)
       for (var Q = 0, f = L.length; Q < f; ++Q)
         N = L.charAt(Q), Kt(N) ? (r.push(a.length), u += N) : (l = !0, t = !0, u += " "), a.push(["text", N, T, T + 1]), T += 1, N === `
@@ -1500,7 +1500,7 @@ function ea(i, e) {
       if (A[1] !== L)
         throw new Error('Unclosed section "' + A[1] + '" at ' + T);
     } else
-      I === "name" || I === "{" || I === "&" ? l = !0 : I === "=" && F(L);
+      I === "name" || I === "{" || I === "&" ? l = !0 : I === "=" && O(L);
   }
   if (g(), A = s.pop(), A)
     throw new Error('Unclosed section "' + A[1] + '" at ' + R.pos);
@@ -1526,20 +1526,20 @@ function aa(i) {
     }
   return e;
 }
-function pe(i) {
+function ge(i) {
   this.string = i, this.tail = i, this.pos = 0;
 }
-pe.prototype.eos = function() {
+ge.prototype.eos = function() {
   return this.tail === "";
 };
-pe.prototype.scan = function(i) {
+ge.prototype.scan = function(i) {
   var e = this.tail.match(i);
   if (!e || e.index !== 0)
     return "";
   var t = e[0];
   return this.tail = this.tail.substring(t.length), this.pos += t.length, t;
 };
-pe.prototype.scanUntil = function(i) {
+ge.prototype.scanUntil = function(i) {
   var e = this.tail.search(i), t;
   switch (e) {
     case -1:
@@ -1690,28 +1690,28 @@ var P = {
    * the cache by setting it to the literal `undefined`.
    */
   set templateCache(i) {
-    ge.templateCache = i;
+    de.templateCache = i;
   },
   /**
    * Gets the default or overridden caching object from the default writer.
    */
   get templateCache() {
-    return ge.templateCache;
+    return de.templateCache;
   }
-}, ge = new U();
+}, de = new U();
 P.clearCache = function() {
-  return ge.clearCache();
+  return de.clearCache();
 };
 P.parse = function(i, e) {
-  return ge.parse(i, e);
+  return de.parse(i, e);
 };
 P.render = function(i, e, t, s) {
   if (typeof i != "string")
     throw new TypeError('Invalid template! Template should be a "string" but "' + Wt(i) + '" was given as the first argument for mustache#render(template, view, partials)');
-  return ge.render(i, e, t, s);
+  return de.render(i, e, t, s);
 };
 P.escape = Jt;
-P.Scanner = pe;
+P.Scanner = ge;
 P.Context = re;
 P.Writer = U;
 const sa = {
@@ -1921,14 +1921,14 @@ const sa = {
     template: `
         {{#searchExecuted}}
             <div class="searchstax-feedback-container">
-              {{#if totalResults}}
+              {{#hasResults}}
                   Showing <b>{{startResultIndex}} - {{endResultIndex}}</b> of <b>{{totalResults}}</b> results {{#searchTerm}} for "<b>{{searchTerm}}</b>" {{/searchTerm}}
                   <div class="searchstax-feedback-container-suggested">
                     {{#autoCorrectedQuery}}
                       Search instead for <a href="#" class="searchstax-feedback-original-query">{{originalQuery}}</a>
                     {{/autoCorrectedQuery}}
                   </div>
-                {{/if}}
+                {{/hasResults}}
             </div>
         {{/searchExecuted}}
         `,
@@ -2193,7 +2193,7 @@ class ga {
     }
   }
   createFacetItem(e, t, s) {
-    var a, r, c, l, u, d, g, m, y, k, F, R;
+    var a, r, c, l, u, d, g, m, y, k, O, R;
     const T = document.createElement("div");
     T.classList.add("searchstax-facet-container"), this.deactivatedFacets[e.name] || T.classList.add("active");
     const I = ((c = (r = (a = this.config) == null ? void 0 : a.templates) == null ? void 0 : r.facetItemContainerTemplate) == null ? void 0 : c.template) || ((l = x.facets.facetItemContainerTemplate) == null ? void 0 : l.template);
@@ -2205,7 +2205,7 @@ class ga {
       T.classList.toggle("active");
     });
     const N = T.querySelector(
-      "." + (((F = (k = (y = this.config) == null ? void 0 : y.templates) == null ? void 0 : k.facetItemContainerTemplate) == null ? void 0 : F.facetListContainerClass) || ((R = x.facets.facetItemContainerTemplate) == null ? void 0 : R.facetListContainerClass))
+      "." + (((O = (k = (y = this.config) == null ? void 0 : y.templates) == null ? void 0 : k.facetItemContainerTemplate) == null ? void 0 : O.facetListContainerClass) || ((R = x.facets.facetItemContainerTemplate) == null ? void 0 : R.facetListContainerClass))
     );
     N && (e.values.forEach((W) => {
       this.createFacetListItem(W, N);
@@ -2216,7 +2216,7 @@ class ga {
     return !!((t = this.dataLayer.searchObject.facets) != null && t.find((s) => J.deepEqual(s, this.extractFacetValue(e))));
   }
   createFacetListItem(e, t) {
-    var s, a, r, c, l, u, d, g, m, y, k, F, R;
+    var s, a, r, c, l, u, d, g, m, y, k, O, R;
     const T = document.createElement("div");
     T.classList.add("searchstax-facet-value-container"), e.disabled && T.classList.add("searchstax-facet-value-disabled");
     const I = this.isChecked(e), L = ((r = (a = (s = this.config) == null ? void 0 : s.templates) == null ? void 0 : a.facetItemTemplate) == null ? void 0 : r.template) || ((c = x.facets.facetItemTemplate) == null ? void 0 : c.template);
@@ -2228,7 +2228,7 @@ class ga {
         this.onFacetSelect(Q, e, T);
       });
     }), (R = T.querySelector(
-      "." + (((k = (y = (m = this.config) == null ? void 0 : m.templates) == null ? void 0 : y.facetItemTemplate) == null ? void 0 : k.inputCheckboxClass) || ((F = x.facets.facetItemTemplate) == null ? void 0 : F.inputCheckboxClass))
+      "." + (((k = (y = (m = this.config) == null ? void 0 : m.templates) == null ? void 0 : y.facetItemTemplate) == null ? void 0 : k.inputCheckboxClass) || ((O = x.facets.facetItemTemplate) == null ? void 0 : O.inputCheckboxClass))
     )) == null || R.addEventListener("click", (W) => {
       this.onFacetSelect(W, e, T, !0);
     }), t.appendChild(T);
@@ -2239,10 +2239,10 @@ class ga {
     y.classList.add("searchstax-facet-show-more-container");
     const k = ((c = (r = (a = this.config) == null ? void 0 : a.templates) == null ? void 0 : r.showMoreButtonContainerTemplate) == null ? void 0 : c.template) || ((l = x.facets.showMoreButtonContainerTemplate) == null ? void 0 : l.template);
     y.innerHTML = P.render(k, e);
-    const F = y.querySelector(
+    const O = y.querySelector(
       "." + (((g = (d = (u = this.config) == null ? void 0 : u.templates) == null ? void 0 : d.showMoreButtonContainerTemplate) == null ? void 0 : g.showMoreButtonClass) || ((m = x.facets.showMoreButtonContainerTemplate) == null ? void 0 : m.showMoreButtonClass))
     );
-    F && (this.attachOnclickToShowMore(e, F, s), t && t.appendChild(F));
+    O && (this.attachOnclickToShowMore(e, O, s), t && t.appendChild(O));
   }
   attachOnclickToShowMore(e, t, s) {
     t.addEventListener("click", (a) => {
@@ -2258,9 +2258,9 @@ class ga {
     var s, a, r, c, l, u, d, g, m, y, k;
     if (e && (!J.deepEqual(this.cachedData ?? {}, e) || t)) {
       this.cachedData = e;
-      const F = ((r = (a = (s = this.config) == null ? void 0 : s.templates) == null ? void 0 : a.mainTemplateDesktop) == null ? void 0 : r.template) || ((c = x.facets.mainTemplateDesktop) == null ? void 0 : c.template);
+      const O = ((r = (a = (s = this.config) == null ? void 0 : s.templates) == null ? void 0 : a.mainTemplateDesktop) == null ? void 0 : r.template) || ((c = x.facets.mainTemplateDesktop) == null ? void 0 : c.template);
       if (this.dataLayer.renderingEngine === B.mustache && this.searchFacetsMainContainer) {
-        this.searchFacetsMainContainer.innerHTML = P.render(F, {
+        this.searchFacetsMainContainer.innerHTML = P.render(O, {
           ...e
         });
         const R = (g = this.searchFacetsMainContainer) == null ? void 0 : g.querySelector(
@@ -2355,7 +2355,7 @@ class ga {
     this.overlayOpened = !1, this.searchFacetsMainContainer && (document.body.classList.toggle("searchstax-no-scroll"), (e = this.searchFacetsMainContainer.querySelector(".searchstax-facets-mobile-overlay")) == null || e.classList.remove("searchstax-show"));
   }
   renderMobileTemplate(e) {
-    var t, s, a, r, c, l, u, d, g, m, y, k, F, R, T, I, L, N, W;
+    var t, s, a, r, c, l, u, d, g, m, y, k, O, R, T, I, L, N, W;
     if (e) {
       const A = document.createElement("div");
       A.classList.add("searchstax-facets-container-mobile");
@@ -2365,30 +2365,30 @@ class ga {
           ...e,
           overlayOpened: this.overlayOpened
         }), (c = this.searchFacetsMainContainer) == null || c.appendChild(A), (u = (l = this.config) == null ? void 0 : l.templates) != null && u.mainTemplateMobile)
-          for (const $ of ((m = (g = (d = this.config) == null ? void 0 : d.templates) == null ? void 0 : g.mainTemplateMobile) == null ? void 0 : m.closeOverlayTriggerClasses) || []) {
-            const G = A.querySelector("." + $);
+          for (const q of ((m = (g = (d = this.config) == null ? void 0 : d.templates) == null ? void 0 : g.mainTemplateMobile) == null ? void 0 : m.closeOverlayTriggerClasses) || []) {
+            const G = A.querySelector("." + q);
             G && G.addEventListener("click", this.closeOverlay.bind(this));
           }
         else
-          for (const $ of x.facets.mainTemplateMobile.closeOverlayTriggerClasses) {
-            const G = A.querySelector("." + $);
+          for (const q of x.facets.mainTemplateMobile.closeOverlayTriggerClasses) {
+            const G = A.querySelector("." + q);
             G && G.addEventListener("click", this.closeOverlay.bind(this));
           }
         const f = A.querySelector(
-          "." + (((F = (k = (y = this.config) == null ? void 0 : y.templates) == null ? void 0 : k.mainTemplateMobile) == null ? void 0 : F.filterByContainerClass) || x.facets.mainTemplateMobile.filterByContainerClass)
+          "." + (((O = (k = (y = this.config) == null ? void 0 : y.templates) == null ? void 0 : k.mainTemplateMobile) == null ? void 0 : O.filterByContainerClass) || x.facets.mainTemplateMobile.filterByContainerClass)
         );
         f && this.createFilterByComponent(f);
         const b = A.querySelector(
           "." + (((I = (T = (R = this.config) == null ? void 0 : R.templates) == null ? void 0 : T.mainTemplateMobile) == null ? void 0 : I.selectedFacetsContainerClass) || x.facets.mainTemplateMobile.selectedFacetsContainerClass)
         );
         b && (this.createSelectedFacetsComponents(b), this.createClearFacetsComponents(b));
-        const O = A.querySelector(
+        const F = A.querySelector(
           "." + (((W = (N = (L = this.config) == null ? void 0 : L.templates) == null ? void 0 : N.mainTemplateMobile) == null ? void 0 : W.facetsContainerClass) || x.facets.mainTemplateMobile.facetsContainerClass)
         );
-        if (O) {
-          O.innerHTML = "";
-          for (const $ of e.facets)
-            this.createFacetItem($, O, !0);
+        if (F) {
+          F.innerHTML = "";
+          for (const q of e.facets)
+            this.createFacetItem(q, F, !0);
         }
       }
     }
@@ -2660,7 +2660,7 @@ class va {
   hideAutosuggest() {
     setTimeout(() => {
       this.dataLayer.setAutosuggestResults({ numFound: 0, suggestions: [] }), this.autosuggestContainer && (this.autosuggestContainer.innerHTML = "", this.autosuggestContainer.classList.add("hidden")), this.resetAutosuggestSelection();
-    }, 100);
+    }, 200);
   }
   cleanSuggestionTerm(e) {
     return Z.removeXSSRiskyTags(e.replace(/(<([^>]+)>)/gi, "")).trim();
@@ -2727,7 +2727,7 @@ class ya {
       c,
       {
         spellingSuggestion: l,
-        searchTerm: this.dataLayer.searchTerm
+        ...this.dataLayer.parsedData.data
       }
     )), l && this.searchResultsContainer) {
       const u = this.searchResultsContainer.querySelector("a");
@@ -2777,9 +2777,9 @@ class ya {
       {}
     ), setTimeout(() => {
       var c, l, u, d, g, m, y;
-      const k = (u = (l = (c = this.config) == null ? void 0 : c.templates) == null ? void 0 : l.mainTemplate) != null && u.searchResultsContainerId ? (m = (g = (d = this.config) == null ? void 0 : d.templates) == null ? void 0 : g.mainTemplate) == null ? void 0 : m.searchResultsContainerId : (y = x.searchResults.mainTemplate) == null ? void 0 : y.searchResultsContainerId, F = document.getElementById(k);
-      if (F)
-        this.searchResultsContainer = F;
+      const k = (u = (l = (c = this.config) == null ? void 0 : c.templates) == null ? void 0 : l.mainTemplate) != null && u.searchResultsContainerId ? (m = (g = (d = this.config) == null ? void 0 : d.templates) == null ? void 0 : g.mainTemplate) == null ? void 0 : m.searchResultsContainerId : (y = x.searchResults.mainTemplate) == null ? void 0 : y.searchResultsContainerId, O = document.getElementById(k);
+      if (O)
+        this.searchResultsContainer = O;
       else
         throw new Error(`Search Results Container with id ${k} not found`);
     }, 0));
@@ -2874,7 +2874,7 @@ class Ca {
         this.parseAnswerResultsResponse.bind(this)
       )));
     }), this.dataLayer.$searchResults.subscribe((s) => {
-      s && this.dataLayer.searchResultsMetadata && !this.dataLayer.cookiesDisabled && de.trackSearch({
+      s && this.dataLayer.searchResultsMetadata && !this.dataLayer.cookiesDisabled && ue.trackSearch({
         ...this.dataLayer.parsedData.trackingData,
         impressions: this.dataLayer.searchResultsMetadata.impressions
       });
@@ -2888,10 +2888,10 @@ class Ca {
     )), ((t = e.router) == null ? void 0 : t.enabled) === void 0 || ((s = e.router) == null ? void 0 : s.enabled) === !0 ? (this.routerEnabled = !0, this.routerHelper = new st(
       e.router ? e.router : { enabled: !0 }
     ), this.dataLayer.setSearchObject(
-      this.routerHelper.urlToSearchObject(window.location.href)
+      this.routerHelper.urlToSearchObject(window.location.href, this.dataLayer.searchObject.itemsPerPage)
     ), addEventListener("popstate", () => {
       this.routerHelper && this.dataLayer.setSearchObject(
-        this.routerHelper.urlToSearchObject(window.location.href)
+        this.routerHelper.urlToSearchObject(window.location.href, this.dataLayer.searchObject.itemsPerPage)
       );
     })) : this.routerHelper = new st({});
   }
@@ -2922,7 +2922,7 @@ class Ca {
         relatedSearch: r.related_search,
         position: r.position
       });
-    this.dataLayer.searchResultsMetadata && !this.dataLayer.cookiesDisabled && de.trackRelatedSearches({
+    this.dataLayer.searchResultsMetadata && !this.dataLayer.cookiesDisabled && ue.trackRelatedSearches({
       ...this.dataLayer.parsedData.trackingData,
       impressions: a
     }), this.dataLayer.setSearchRelatedSearches(s);
@@ -2936,9 +2936,9 @@ class Ca {
   parseSearchResultsResponse(e) {
     var t, s;
     this.handleRouter();
-    let a = ue.combineResultsWithMetadata(e), r = ue.extractFacets(e);
+    let a = he.combineResultsWithMetadata(e), r = he.extractFacets(e);
     this.dataLayer.setSearchFacets(r), (s = (t = this.dataLayer.searchstaxConfig) == null ? void 0 : t.hooks) != null && s.afterSearch && (a = this.dataLayer.searchstaxConfig.hooks.afterSearch(a)), this.dataLayer.setSearchExternalPromotions(e.externalLinks ?? []);
-    const c = ue.extractSearchResultsMetadata(e);
+    const c = he.extractSearchResultsMetadata(e);
     this.dataLayer.setSearchResultsMetadata(c), this.dataLayer.setSearchResults(a);
   }
   parseAnswerResultsResponse(e) {
@@ -3052,18 +3052,18 @@ class Ca {
     (s = (t = this.dataLayer.searchInputConfig) == null ? void 0 : t.hooks) != null && s.beforeAutosuggest && (a = this.dataLayer.searchInputConfig.hooks.beforeAutosuggest(a)), a && a.term !== void 0 && a.queryParams !== void 0 && this.suggest(a.term, a.queryParams);
   }
   trackRelatedSearchClick(e) {
-    this.dataLayer.searchResultsMetadata && this.dataLayer.searchRelatedSearches && !this.dataLayer.cookiesDisabled && de.trackRelatedSearchClick({
+    this.dataLayer.searchResultsMetadata && this.dataLayer.searchRelatedSearches && !this.dataLayer.cookiesDisabled && ue.trackRelatedSearchClick({
       ...this.dataLayer.parsedData.trackingData,
       relatedSearch: e
     });
   }
   executeLinkClick(e) {
     var t, s;
-    let a = ue.findResultByUniqueId(
+    let a = he.findResultByUniqueId(
       e,
       this.dataLayer.searchResults ?? []
     );
-    a && ((s = (t = this.searchResultsConfig) == null ? void 0 : t.hooks) != null && s.afterLinkClick && (a = this.searchResultsConfig.hooks.afterLinkClick(a)), a && this.dataLayer.searchResultsMetadata && !this.dataLayer.cookiesDisabled && (de.trackClick({
+    a && ((s = (t = this.searchResultsConfig) == null ? void 0 : t.hooks) != null && s.afterLinkClick && (a = this.searchResultsConfig.hooks.afterLinkClick(a)), a && this.dataLayer.searchResultsMetadata && !this.dataLayer.cookiesDisabled && (ue.trackClick({
       result: a,
       ...this.dataLayer.parsedData.trackingData
     }), setTimeout(() => {
@@ -3199,9 +3199,9 @@ function ka(i) {
   function d() {
     C.searchstax.dataLayer.$searchResults.subscribe(
       (g) => {
-        var F;
+        var O;
         const m = s.current ?? [], y = g ?? [], k = i.renderMethod === "infiniteScroll" ? [...m, ...y] : g;
-        ((F = C.searchstax.dataLayer.$searchObject.value) == null ? void 0 : F.page) === 1 ? t(y) : t(k);
+        ((O = C.searchstax.dataLayer.$searchObject.value) == null ? void 0 : O.page) === 1 ? t(y) : t(k);
       }
     ), C.searchstax.dataLayer.$searchTermChange.subscribe((g) => {
       r(g);
@@ -3212,7 +3212,7 @@ function ka(i) {
     );
   }
   return /* @__PURE__ */ o.jsx(o.Fragment, { children: /* @__PURE__ */ o.jsx("div", { id: "searchstax-results-container", children: /* @__PURE__ */ o.jsx("div", { className: "searchstax-search-results-container", children: /* @__PURE__ */ o.jsxs("div", { id: "searchstax-result-container", children: [
-    e && e.length === 0 && a !== "" && a !== "*" && !i.noResultTemplate && /* @__PURE__ */ o.jsxs("div", { children: [
+    e && e.length === 0 && a !== "" && a !== "*" && C.searchstax.dataLayer.parsedData.firstSearchHappened && !i.noResultTemplate && /* @__PURE__ */ o.jsxs("div", { children: [
       /* @__PURE__ */ o.jsxs("div", { className: "searchstax-no-results", children: [
         " ",
         "Showing ",
@@ -3522,7 +3522,7 @@ function Ia(i) {
     ), C.searchstax.dataLayer.$selectedFacetsTemplateData.subscribe(
       (f) => {
         c(
-          (f ?? []).filter((O) => O.type === "checkbox")
+          (f ?? []).filter((F) => F.type === "checkbox")
         );
       }
     ), m = !0);
@@ -3531,7 +3531,7 @@ function Ia(i) {
     var b;
     (b = C.searchstax.searchFacetsWidget) == null || b.unselectFacet(f);
   }
-  function F() {
+  function O() {
     var f;
     (f = C.searchstax.searchFacetsWidget) == null || f.removeSelectedFacets();
   }
@@ -3545,27 +3545,29 @@ function Ia(i) {
     var b;
     return (b = C.searchstax.searchFacetsWidget) == null ? void 0 : b.isChecked(f);
   }
-  function L(f, b, O, $) {
-    var K, Y;
-    const G = document.createElement("div"), ne = (K = d[f]) == null ? void 0 : K.current;
-    G.innerHTML = ne.outerHTML, (Y = C.searchstax.searchFacetsWidget) == null || Y.onFacetSelect(
-      b,
-      O,
-      ne,
-      $
-    );
+  function L(f, b, F, q, G) {
+    const pe = G ? "mobile-" : "desktop-", K = document.getElementsByClassName(pe + f);
+    K[0] && setTimeout(() => {
+      var Y;
+      (Y = C.searchstax.searchFacetsWidget) == null || Y.onFacetSelect(
+        b,
+        F,
+        K[0],
+        !1
+      );
+    }, 100);
   }
   function N(f, b) {
-    var O;
-    (O = C.searchstax.searchFacetsWidget) == null || O.onShowMoreLessClick(
+    var F;
+    (F = C.searchstax.searchFacetsWidget) == null || F.onShowMoreLessClick(
       f,
       b,
       !1
     );
   }
   function W(f, b) {
-    var O;
-    (O = C.searchstax.searchFacetsWidget) == null || O.onShowMoreLessClick(
+    var F;
+    (F = C.searchstax.searchFacetsWidget) == null || F.onShowMoreLessClick(
       f,
       b,
       !0
@@ -3605,40 +3607,44 @@ function Ia(i) {
           /* @__PURE__ */ o.jsxs("div", { className: "searchstax-facet-values-container", children: [
             f.values.map(
               //@ts-ignore
-              (b, O) => (d[O + f.name] = et(), /* @__PURE__ */ o.jsxs(
+              (b, F) => (d[F + f.name] = et(), /* @__PURE__ */ o.jsxs(
                 "div",
                 {
                   className: `searchstax-facet-value-container ${b.disabled ? "searchstax-facet-value-disabled" : ""}`,
-                  ref: d[O + f.name],
+                  ref: d[F + f.name],
                   children: [
-                    /* @__PURE__ */ o.jsx("div", { className: "searchstax-facet-input", children: /* @__PURE__ */ o.jsx(
-                      "input",
+                    /* @__PURE__ */ o.jsx(
+                      "div",
                       {
-                        type: "checkbox",
-                        className: "searchstax-facet-input-checkbox",
-                        checked: I(b),
-                        readOnly: !0,
-                        disabled: b.disabled,
-                        onClick: ($) => {
-                          L(
-                            O + f.name,
-                            $,
-                            b,
-                            !0
-                          );
-                        }
+                        className: "searchstax-facet-input desktop-" + F + f.name,
+                        children: /* @__PURE__ */ o.jsx(
+                          "input",
+                          {
+                            type: "checkbox",
+                            className: "searchstax-facet-input-checkbox",
+                            checked: I(b),
+                            readOnly: !0,
+                            disabled: b.disabled,
+                            onClick: (q) => {
+                              L(
+                                F + f.name,
+                                q,
+                                b
+                              );
+                            }
+                          }
+                        )
                       }
-                    ) }),
+                    ),
                     /* @__PURE__ */ o.jsx(
                       "div",
                       {
                         className: "searchstax-facet-value-label",
-                        onClick: ($) => {
+                        onClick: (q) => {
                           L(
-                            O + f.name,
-                            $,
-                            b,
-                            !1
+                            F + f.name,
+                            q,
+                            b
                           );
                         },
                         children: b.value
@@ -3648,12 +3654,11 @@ function Ia(i) {
                       "div",
                       {
                         className: "searchstax-facet-value-count",
-                        onClick: ($) => {
+                        onClick: (q) => {
                           L(
-                            O + f.name,
-                            $,
-                            b,
-                            !1
+                            F + f.name,
+                            q,
+                            b
                           );
                         },
                         children: [
@@ -3731,7 +3736,7 @@ function Ia(i) {
           {
             className: "searchstax-facets-pill searchstax-clear-filters searchstax-facets-pill-clear-all",
             onClick: () => {
-              F();
+              O();
             },
             children: /* @__PURE__ */ o.jsx("div", { className: "searchstax-facets-pill-label", children: "Clear Filters" })
           }
@@ -3780,40 +3785,46 @@ function Ia(i) {
                   /* @__PURE__ */ o.jsxs("div", { className: "searchstax-facet-values-container", children: [
                     f.values.map(
                       //@ts-ignore
-                      (b, O) => (d[O + f.name] = et(), /* @__PURE__ */ o.jsxs(
+                      (b, F) => (d[F + f.name] = et(), /* @__PURE__ */ o.jsxs(
                         "div",
                         {
                           className: `searchstax-facet-value-container ${b.disabled ? "searchstax-facet-value-disabled" : ""}`,
-                          ref: d[O + f.name],
+                          ref: d[F + f.name],
                           children: [
-                            /* @__PURE__ */ o.jsx("div", { className: "searchstax-facet-input", children: /* @__PURE__ */ o.jsx(
-                              "input",
+                            /* @__PURE__ */ o.jsx(
+                              "div",
                               {
-                                type: "checkbox",
-                                className: "searchstax-facet-input-checkbox",
-                                checked: I(b),
-                                readOnly: !0,
-                                disabled: b.disabled,
-                                onClick: ($) => {
-                                  L(
-                                    O + f.name,
-                                    $,
-                                    b,
-                                    !0
-                                  );
-                                }
+                                className: "searchstax-facet-input mobile-" + F + f.name,
+                                children: /* @__PURE__ */ o.jsx(
+                                  "input",
+                                  {
+                                    type: "checkbox",
+                                    className: "searchstax-facet-input-checkbox",
+                                    checked: I(b),
+                                    readOnly: !0,
+                                    disabled: b.disabled,
+                                    onClick: (q) => {
+                                      L(
+                                        F + f.name,
+                                        q,
+                                        b,
+                                        !0,
+                                        !0
+                                      );
+                                    }
+                                  }
+                                )
                               }
-                            ) }),
+                            ),
                             /* @__PURE__ */ o.jsx(
                               "div",
                               {
                                 className: "searchstax-facet-value-label",
-                                onClick: ($) => {
+                                onClick: (q) => {
                                   L(
-                                    O + f.name,
-                                    $,
-                                    b,
-                                    !1
+                                    F + f.name,
+                                    q,
+                                    b
                                   );
                                 },
                                 children: b.value
@@ -3823,12 +3834,11 @@ function Ia(i) {
                               "div",
                               {
                                 className: "searchstax-facet-value-count",
-                                onClick: ($) => {
+                                onClick: (q) => {
                                   L(
-                                    O + f.name,
-                                    $,
-                                    b,
-                                    !1
+                                    F + f.name,
+                                    q,
+                                    b
                                   );
                                 },
                                 children: [
@@ -3894,7 +3904,7 @@ function Ia(i) {
       W,
       A,
       Q,
-      F
+      O
     ) })
   ] }) });
 }